.block5050 {
  clear: both;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

.block5050 .leftblock {
  width: 49%;
  margin: 0 1% 0 0;
}

.block5050 .rightblock {
  width: 50%;
  margin: 0 0 0 1%;
}

.circle-button {
  border-radius: 50%;
  background-color: var(--color-interactive-7);
  color: white;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  padding: 5px;
}

input,
.ns-atomic input[type="text"],
.ns-atomic input[type="email"],
select,
.ns-atomic select {
  font-size: 16px;
  line-height: 16px;
  padding: 10px;
  outline: none;
  font-weight: 300;
  color: #727272;
  border: var(--global-border);
  width: 100%;
  transition: border .15s ease-in-out;
  background-color: white;
}

input:focus,
.ns-atomic input[type="text"]:focus,
.ns-atomic input[type="email"]:focus {
  border: 1px solid #008ab0;
}

input:invalid:focus,
.ns-atomic input[type="text"]:invalid:focus,
.ns-atomic input[type="email"]:invalid:focus {
  border: 1px solid #c23934;
  border-left-width: 4px;
}

@media screen and (max-width: 768px) {
  .block5050 {
    flex-direction: column;
  }

  .block5050 .leftblock {
    width: 100%;
    margin: 0 0 10px;
  }

  .block5050 .rightblock {
    width: 100%;
    margin: 0 0 10px;
  }
}

/* TODO: This code is sketchy */

.ns-atomic button.btn-primary {
  width: 100%;
  background-color: #008AB0;
  color: #FFFFFF;
}

.ns-atomic button.btn-primary-outline {
  color: #008AB0;
  background-image: none;
  background-color: transparent;
  border-color: #008AB0;
}

.ns-atomic button.btn-link {
  font-weight: normal;
  color: #008AB0;
  border-radius: 0;
}

.ns-atomic .error-block {
  color:#C71013 !important;
  background-color: transparent !important;
}

.ns-atomic button.btn, .ns-atomic button.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
  background-color: transparent;
}

.ns-atomic button.btn-link, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}

.file-upload-form-section input {
  display: block;
  width: 100%;
  float: none;
}

.accountsettingsp .convert-wrapper, .accountsettingsp .convert-wrapper-contact {
  height: 0;
}

@media screen and (min-width: 768px) {
  .accountsettingsp .leftpanel .left-section-wrapper {
    padding: 0 1.75rem 0 1.25rem;
  }
}

/* TODO: Everything below this line should be eventually removed. */
.star-rating-component {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/rating_sprite@1x.png) no-repeat;
}

.star-rating-component .star-rating-hover {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/rating_sprite@1x.png);
  height: 100%;
}

.star-big {
  width: 5.625em;
  height: 1.125em;
  background-position: -90px -26px;
}

.star-small {
  width: 3.8rem;
  height: 1.25rem;
  background-position: -59px -64px;
  display: inline-block;
  margin-right: 0.5px;
}

.region-title-banner {
  height: 15.63rem;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/bg-1024@2x.png) center no-repeat;
  text-align: center;
}

.region-title-banner .section {
  padding-top: 9.375rem;
  color: #FFFFFF;
  text-align: center;
}

.region-title-banner .check-out-title {
  line-height: 1.05;
  color: #FFFFFF;
}

.container-fluid.custom-container-fluid {
  background: #F7F9FA;
  padding-left: 4.5rem;
  padding-right: 4.75rem;
}

.container-fluid.custom-container-fluid .region-container {
  background: #FFFFFF;
  height: 79.69rem;
  border: solid 1px #DBDBDB;
  margin-top: 1.5rem;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.container-fluid.custom-container-fluid .region-name {
  margin-top: 2.3125rem;
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 1.42;
  color: #444444;
  padding-left: 2rem;
  padding-right: 1.563rem;
}

.container-fluid.custom-container-fluid .region-column {
  height: 100%;
}

.container-fluid.custom-container-fluid .region-column:nth-child(1),
.container-fluid.custom-container-fluid .region-column:nth-child(2) {
  border-right: 1px solid #D1D1D1;
}

.container-fluid.custom-container-fluid .country-name {
  padding-top: 10px;
  position: relative;
}

.container-fluid.custom-container-fluid .c-name {
  padding-left: 1rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.38;
  color: #007298 !important;
  cursor: pointer;
  position: absolute;
  top: 1.0625rem;
}

#accordionform.accordian-class {
  background: #F7F9FA;
  display: none;
  margin: 0;
}

#accordionform.accordian-class .custom-panel-title button {
  text-transform: initial;
}

#accordionform.accordian-class .custom-panel-title button.collapsed::after {
  transform: rotate(0deg);
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icon-dropdown-circle.svg) center no-repeat;
}

#accordionform.accordian-class .custom-panel-title button::after {
  transform: rotate(0deg);
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icon-dropdown-circle-active.svg) center no-repeat;
}

@media all and (max-width: 767px) {
  .custom-container-fluid {
    display: none;
  }

  .region-title-banner {
    height: 10.5rem;
    background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/bg-375@2x.png) center no-repeat;
  }

  .region-title-banner .section {
    padding-top: 4.5rem;
  }

  .region-title-banner .check-out-title {
    line-height: 1.13;
    text-align: center;
    color: #FFFFFF;
  }

  #accordionform.accordian-class {
    display: block;
    padding: 0.5rem 0 1.375em 0;
  }

  #accordionform.accordian-class #overview-heading {
    background: #FFFFFF;
    padding: 1.5rem;
  }

  #accordionform.accordian-class .custom-panel {
    padding: 0;
    background: transparent;
    margin-bottom: 0.5rem;
  }

  #accordionform.accordian-class .div-collapseable {
    background: #FFFFFF;
  }

  #accordionform.accordian-class .custom-panel:last-of-type {
    margin-bottom: 0;
  }

  #accordionform.accordian-class .custom-panel-title button {
    font-size: 1.5rem;
    line-height: 1.38;
    font-size: 1.5rem;
    font-weight: 100;
    line-height: 1.42;
    color: #444444;
  }

  #accordionform.accordian-class .custom-panel-body {
    padding: 0;
  }

  #accordionform.accordian-class .custom-panel-body .country-name {
    padding: 0 1.5rem 1.5rem 1.5rem;
  }

  #accordionform.accordian-class .custom-panel-body .c-name {
    padding-left: 1rem;
    cursor: pointer;
    color: #007298;
  }
}

@media screen and (min-width: 320px) and (max-width: 359px) {
  .region-title-banner .section {
    padding-top: 3.5rem;
  }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  .custom-container-fluid {
    display: none;
  }

  .region-title-banner {
    height: 12.5rem;
    background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/bg-768@2x.png) center no-repeat;
  }

  .region-title-banner .section {
    padding-top: 5.5rem;
  }

  .region-title-banner .check-out-title {
    font-size: 1.875rem;
    font-weight: 100;
    line-height: 1.13;
    text-align: center;
    color: #FFFFFF;
  }

  #accordionform.accordian-class {
    display: block;
    padding: 0.75rem 8.438rem 6.938rem 8.438rem;
  }

  #accordionform.accordian-class #overview-heading {
    background: #FFFFFF;
  }

  #accordionform.accordian-class .custom-panel {
    background: transparent;
    padding: 0;
    margin-bottom: 0.75rem;
    border: 1px solid #DBDBDB;
  }

  #accordionform.accordian-class .div-collapseable {
    background: #FFFFFF;
  }

  #accordionform.accordian-class .custom-panel:last-of-type {
    margin-bottom: 0;
  }

  #accordionform.accordian-class .custom-panel-title button {
    font-size: 1.5rem;
    line-height: 1.42;
    color: #444444;
    padding: 1.5rem 2.25rem 1.5rem 2rem;
    height: 5.125rem;
    font-weight: 100;
    line-height: 1.42;
  }

  #accordionform.accordian-class .custom-panel-title button::after {
    top: 1.688rem;
    right: 2.25rem;
  }

  #accordionform.accordian-class .custom-panel-body {
    padding: 0 2rem 0.75rem 2rem;
  }

  #accordionform.accordian-class .custom-panel-body .country-name {
    padding: 0.8125rem 0;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.38;
    color: #007298;
  }

  #accordionform.accordian-class .custom-panel-body .c-name {
    padding-left: 0.875rem;
    cursor: pointer;
    color: #007298;
  }
}

@media all and (min-width: 1440px) {
  .container-fluid.custom-container-fluid {
    padding-left: 17.63rem;
    padding-right: 17.63rem;
  }
}

.birthday-wrapper-parent {
  display: block;
}

.birthday-wrapper-parent .birthday-wrapper {
  display: flex;
}

.birthday-wrapper-parent .p-0 {
  padding: 0px;
}

@keyframes cardRemoveSM {
  from {
    transform: translateY(0);
    opacity: 1;
  }

  to {
    transform: translateY(100%) rotate(45deg);
    opacity: 0;
  }
}

.cards-component .card h2 {
  width: 100%;
}

.cards-component p.card-text {
  width: 100%;
}

.cards-component .slick-slider.carousel {
  margin: 0;
}

.cards-component .slick-slider.carousel.carousel-cards .slick-slide {
  padding: 0;
  transform: scale(0.8);
  transition: .2s transform;
}

.cards-component .slick-slider.carousel.carousel-cards .slick-slide.slick-active {
  transform: scale(1);
}

.cards-component .card {
  border-radius: 0.125em;
  border: none;
  padding: 0.875em;
  box-shadow: 0em 0.375em 1em 0em rgba(0, 0, 0, 0.06);
  width: 20.25em;
}

.cards-component .card .card-dismiss:after {
  content: '';
  display: block;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/circle_close_new.png) no-repeat;
  background-size: contain;
  height: 1.875em;
  width: 1.875em;
  position: absolute;
  top: 10px;
  right: 0.875rem;
}

.cards-component .card h2 {
  text-align: left;
}

.cards-component .card-remove {
  -webkit-animation: cardRemoveSM .25s linear;
  animation: cardRemoveSM .25s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.cards-component .card-block {
  padding: 0.3125em 0;
  width: 100%;
  height: 11.875em;
}

.cards-component .card .card-text {
  max-height: 3.8em;
  display: block;
  margin-bottom: 1em;
  overflow: hidden;
}

.cards-component .card .card-text p {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.57;
  color: #444444;
  text-align: left;
}

.cards-component .card h2.card-title {
  max-height: 2.7em;
  overflow: hidden;
  margin-bottom: 0.5em;
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 1.17;
  color: #444444;
  text-align: left;
}

.cards-component .card a {
  text-align: right;
  line-height: 1.5;
  font-size: 0.8125rem;
  font-weight: 600;
  outline: none;
}

.cards-component .card em {
  font-style: normal;
}

.cards-component .cards-dismissed {
  text-align: center;
  width: 100%;
}

.cards-component .cards-dismissed h2 {
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 1.17;
  color: #FFFFFF;
}

.cards-component .cards-dismissed p {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.31;
  color: #FFFFFF;
}

.cards-component .cssSlideUp {
  transition: .5s linear all;
  opacity: 1;
}

.cards-component .cssSlideUp.ng-hide {
  opacity: 0;
}

.cards-component .card-header {
  padding: 0;
  background: none;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 1.375em;
}

.cards-component .card-header .card-number {
  font-size: 0.8125rem;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  color: #727272;
  font-weight: 300;
}

.cards-component .card-header button {
  margin-bottom: 0;
}

.cards-component .card-footer {
  padding: 0;
  background: none;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}

.cards-component .card-footer .card-duration {
  margin: 0;
  text-transform: uppercase;
  color: #727272;
  font-size: 0.875rem;
}

.cards-component .card-footer .card-duration::before {
  content: '';
  display: block;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/clock_new.png) no-repeat 0px 2px;
  background-size: 100%;
  height: 1.4em;
  width: 1.25em;
  float: left;
  margin-right: 6px;
}

.cards-component .card-footer a {
  cursor: pointer;
}

.cards-component .card-title {
  padding-top: 0.2em;
}

.cards-component .slick-dots {
  line-height: 2.5em;
}

.cards-component .slick-dots li {
  position: relative;
  display: inline-block;
  height: 0.5em;
  width: 0.5em;
  margin: 0 0.5em;
  padding: 0;
  cursor: pointer;
}

.cards-component .slick-dots li button {
  border: 0;
  width: 0.5rem;
  height: 0.5rem;
  display: block;
  transition: all .25s;
  border-radius: 50%;
  background: #FFFFFF;
  outline: none;
  cursor: pointer;
  opacity: 0.5;
}

.cards-component .slick-dots li.slick-active button {
  width: 0.5rem;
  height: 0.5rem;
  background: #FFFFFF;
  border: 0;
  opacity: 1;
}

.cards-component .slick-dots li button:before {
  content: "";
}

.help-section-container {
  background: #FFFFFF;
}

.help-section-container .help-section {
  width: 64em;
  margin: 0 auto;
  padding: 2.25em 4em 3em;
}

.help-section-container .help-section .header-section {
  font-weight: 600;
  line-height: 1.23;
  letter-spacing: 0.5px;
  color: #2D2D2D;
}

.help-section-container .help-section .content-section {
  font-weight: 300;
}

.help-section-container .help-section .center-section {
  margin: 0 auto;
  display: table;
}

.help-section-container .help-section .help-section-data {
  padding-left: 3.75em;
}

.help-section-container .help-section .secure-transactions {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/content/secure-transactions.png);
  width: 2.75em;
  height: 2.75em;
}

.help-section-container .help-section .easy-return {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/content/easy-return-policy.png);
  width: 2.6875em;
  height: 2.75em;
}

.help-section-container .help-section .help {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/content/help-and-assistance.png);
  width: 2.75em;
  height: 2.75em;
}

.help-section-container .help-section .helper-title {
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.23;
  letter-spacing: 0.5px;
  color: #008AB0;
  text-transform: uppercase;
  cursor: pointer;
}

.help-section-container .help-section .helper-desc {
  font-weight: 300;
  font-size: 0.8125rem;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .help-section-container .help-section {
    margin: 0 auto;
    padding: 1.5em 4em 0;
  }

  .help-section-container .help-section > div {
    margin-bottom: 1em;
  }
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .help-section-container .help-section {
    margin: 0 auto;
    width: 23.375em;
    padding: 1.5em 0.5em 0;
  }

  .help-section-container .help-section .helper-desc {
    width: 16.75em;
  }

  .help-section-container .help-section > div {
    margin-bottom: 1em;
  }
}

.password-pattern .password-icon {
  float: right;
  margin-right: 10px;
  margin-top: -22.5px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.password-pattern .custom-password-hint p {
  margin-bottom: 0;
}

.password-pattern input[type=password]::-ms-reveal,
.password-pattern input[type=password]::-ms-clear {
  display: none;
}

.password-pattern .password-eye-icon {
  margin-top: -35px;
}

.password-pattern .progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #F5F5F5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.password-pattern .progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}

.lrblock {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

.lblock {
  align-self: center;
}

.rblock {
  align-self: center;
  text-align: right;

}

.password-pattern .password-criteria {
  font-size: 0.8125rem;
  line-height: 1.54;
  letter-spacing: 0.2px;
  margin: 20px 10px;
}

.password-pattern .error-block-color {
  color: #D0021B;
}

.password-pattern .password-success-color {
  color: #6BC56A;
}

.password-pattern .password-fail, .password-pattern .password-success {
  display: none;
}

.password-pattern .password-success-color .password-success, .password-pattern .error-block-color .password-fail {
  display: inline-block;
}

.password-pattern .form-group input {
  margin-bottom: 0em;
}

.password-pattern .form-group p {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.54;
  letter-spacing: 0.2px;
}

.password-pattern .form-group ul {
  color: #727272;
  padding-right: 0;
  line-height: 1.54;
  letter-spacing: 0.2px;
}

.password-pattern .form-group ul li {
  font-size: 0.8125rem;
  line-height: 1.54;
  letter-spacing: 0.2px;
}

.password-pattern .password-form {
  margin-bottom: 0;
}

.password-pattern .password-default-color {
  color: #727272;
  line-height: 1.54;
  letter-spacing: 0.2px;
}

[name*="taxForm"] .password-icon {
  float: right;
  margin-right: 10px;
  margin-top: -22.5px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.password-field .password-eye-icon {
  float: right;
  margin-right: 0.625rem;
  margin-top: -1.3rem;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.password-field .ng-invalid.ng-touched + .password-icon {
  margin-top: -1.625rem;
}

.password-field input[type=password]::-ms-reveal,
.password-field input[type=password]::-ms-clear {
  display: none;
}

.phone-verification {
  top: 33% !important;
}

.phone-verification .modal .modal-dialog {
  height: 100%;
  margin: auto;
}

.phone-verification .modal-content {
  border-radius: 1px;
  box-shadow: 0 2px 4px 0 rgba(198, 198, 198, 0.5);
  border: solid 1px #e3e3e3;
}

.phone-verification .modal-header {
  padding: 1em 1em 0;
  border-bottom: 0;
}

.phone-verification .modal-header .close {
  width: 25px;
  height: 25px;
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-close-circle.png);
  background-size: contain;
  opacity: 1;
}

.phone-verification .modal-body {
  padding: 0 0.5em;
  margin: 0;
}

.phone-verification .modal-title {
  font-size: 1.35rem;
  line-height: 1.27;
  text-align: center;
  text-transform: none;
}

.email-phone-component .field-title {
  color: #2D2D2D;
}

.page-level-error .alert-danger {
  background-color: #d0021b;
  color: #FFFFFF;
  min-height: 2.750em;
  margin-bottom: 0;
  padding: 12px 1.625rem;
  border: 0;
  border-radius: 0;
}

.page-level-error .alert-danger center {
  text-align: left;
}

.page-level-error .alert-danger button.cross {
  border: 0;
  width: auto;
  outline: 0;
  background: transparent url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/cross-small-white.png) no-repeat left 1px;
  padding: 0;
}

.page-level-error .alert-danger button.cross span {
  padding-left: 2rem;
  display: inline-block;
  font-size: 1rem;
  font-weight: 300;
  padding-top: 1px;
  text-align: left;
}

.page-level-error .alert-danger button.info-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-info.svg) no-repeat center center;
  outline: 0;
  cursor: initial;
}

.page-level-error .alert-danger .show-info-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-info.svg) no-repeat left center;
  padding: 0 0 0 2rem;
}

.page-level-error .inline-block {
  font-size: 0.813rem;
}

.page-level-error .success-alert {
  background-color: #6bc56a;
  color: #FFFFFF;
  min-height: 2.750em;
  margin-bottom: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
}

.page-level-error .success-alert center {
  text-align: center;
}

.page-level-error .success-alert button.check-mark {
  border: 0;
  width: auto;
  outline: 0;
  background: transparent url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/checkmark-circle.svg) no-repeat left 3px;
  padding: 0;
}

.page-level-error .success-alert button.check-mark span {
  padding-left: 2rem;
  display: block;
  font-size: 1rem;
  font-weight: 300;
  padding-top: 0.1875rem;
  text-align: left;
}

.page-level-error .success-section {
  padding: .438em 0 .688em;
}

.page-level-error .success-section .success-heading {
  font-weight: 300;
}

.page-level-error .success-section .success-subheading {
  font-weight: 100;
}

.page-level-error p.alert-error-message {
  text-align: left;
}

@media screen and (max-width: 480px) {
  .page-level-error .alert-danger .alert-danger {
    padding-top: 0.688em;
  }

  .page-level-error p.alert-error-message {
    max-width: 18.250em;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .page-level-error .success-alert {
    display: table;
    width: 100%;
  }

  .page-level-error .success-alert .success-section {
    padding: 0 1.5rem 0 0.625rem;
    min-width: 20rem;
    display: table-cell;
    vertical-align: middle;
  }
}

@media (min-width: 768px) {
  .page-level-error .success-section {
    min-width: 34.375rem;
  }
}

.back-to-top-circle {
  position: absolute;
  right: 4.6875rem;
}

.back-to-top-icon {
  background-image: linear-gradient(to top, #FF8782, #9349B4);
  width: 3.25rem;
  height: 3.25rem;
  bottom: 1.4375rem;
  position: fixed;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  border-radius: 2rem;
  transition: opacity .3s 0s, visibility 0s .3s;
  cursor: pointer;
  z-index: 1052;
}

.back-to-top-icon .top-arrow-img {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-up.svg) no-repeat center;
  width: 3.25rem;
  height: 0.375rem;
  margin-top: 0.875rem;
}

.back-to-top-icon span {
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.5rem;
  color: #FFFFFF;
  display: block;
}

.back-to-top-icon.back-to-top-is-visible {
  visibility: visible;
  opacity: 1;
  transition: opacity .3s 0s, visibility 0s 0s;
}

.back-to-top-icon.stick-to-footer {
  position: absolute;
  bottom: -1.74rem;
  z-index: 1001;
}

.quick-links {
  padding: 0 2.5em;
  overflow: auto;
}

.quick-links .clear {
  clear: both;
}

.quick-links .quick-link-header {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.23;
  letter-spacing: 0.5px;
  color: #FFFFFF;
  margin-bottom: 5px;
}

.quick-links .links-container {
  width: 7em;
  margin: 0 4px 4px 0;
  float: left;
}

.quick-links .links-container .link {
  width: 7em;
  height: 7em;
  background-color: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(139, 201, 219, 0.15);
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

.quick-links .links-container .link .link-image {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  height: 1.5em;
  margin-bottom: 5px;
}

.quick-links .links-container .link .link-text {
  font-size: 0.8125rem;
  line-height: 1.54;
  color: #FFFFFF;
}

.quick-links .links-container .link-desc {
  margin: 0.8125em 0 2em;
  font-size: 0.8125rem;
  line-height: 1.23;
  color: #FFFFFF;
  padding-right: 1em;
}

@keyframes dotAnim {
  0%, 50%, 100% {
    transform: translateY(-100%);
  }

  25% {
    transform: translateY(100%);
  }
}

@keyframes dotFade {
  0%, 80%, 100% {
    opacity: 0.2;
  }

  25% {
    opacity: 0.75;
  }
}

.loading-animation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  background: rgba(255, 255, 255, 0.85);
  z-index: 10000;
  overflow-y: auto;
}

.dots {
  top: 50%;
  display: inline-block;
  position: relative;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  animation: dotAnim, dotFade;
  animation-duration: 2.5s;
  animation-timing-function: cubic-bezier(0.09, 0.04, 0.49, 2.37), ease-in-out;
  animation-iteration-count: infinite;
  animation-fill-mode: backwards;
  background-color: #008AB0;
  transform: translateY(0);
  opacity: 0.2;
}

.dots:not(:last-child) {
  margin-right: 0.75rem;
}

.dots.dot-1 {
  animation-delay: 1.7s, 1.8s;
}

.dots.dot-2 {
  animation-delay: 1.8s, 1.9s;
}

.dots.dot-3 {
  animation-delay: 1.9s, 2s;
}

.dots.dot-4 {
  animation-delay: 2s, 2.1s;
}

.dots.dot-5 {
  animation-delay: 2.1s, 2.2s;
}

@keyframes dotAnim {
  0%, 50%, 100% {
    transform: translateY(-100%);
  }

  25% {
    transform: translateY(100%);
  }
}

@keyframes dotFade {
  0%, 80%, 100% {
    opacity: 0.2;
  }

  25% {
    opacity: 0.75;
  }
}

.lazy-loading-animation {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  background: rgba(255, 255, 255, 0);
  z-index: 10000;
  overflow-y: auto;
  padding: 3.125rem 0;
}

.lazy-dots {
  top: 50%;
  display: inline-block;
  position: relative;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  animation: dotAnim, dotFade;
  animation-duration: 2.5s;
  animation-timing-function: cubic-bezier(0.09, 0.04, 0.49, 2.37), ease-in-out;
  animation-iteration-count: infinite;
  animation-fill-mode: backwards;
  background-color: #008AB0;
  transform: translateY(0);
  opacity: 0.2;
}

.lazy-dots:not(:last-child) {
  margin-right: 0.25rem;
}

.lazy-dots.dot-1 {
  animation-delay: 1.7s, 1.8s;
}

.lazy-dots.dot-2 {
  animation-delay: 1.8s, 1.9s;
}

.lazy-dots.dot-3 {
  animation-delay: 1.9s, 2s;
}

.lazy-dots.dot-4 {
  animation-delay: 2s, 2.1s;
}

.lazy-dots.dot-5 {
  animation-delay: 2.1s, 2.2s;
}

.custom-modal-popup {
  height: 100%;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

.custom-modal-popup .modal-dialog {
  margin-top: 0px;
  margin-bottom: 0px;
  height: 100%;
  max-width: 37.5rem;
}

.custom-modal-popup .modal-content {
  min-height: 100%;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.custom-modal-popup .custom-modal {
  display: inline-block;
  height: 100%;
  width: 100%;
  z-index: 1000;
}

.custom-modal-popup .custom-modal .modal-header {
  height: 8%;
  width: 100%;
}

.custom-modal-popup .custom-modal .modal-body {
  height: 90%;
  width: 100%;
}

.custom-modal-popup .modal-header a {
  display: table;
}

.custom-modal-popup .modal-header a span {
  display: table-cell;
}

.custom-modal-popup .modal-header a .icn-chevron {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-left-blue.png) no-repeat left;
  background-size: 100%;
  width: 6px;
  height: 10px;
}

.custom-modal-popup .modal-header a .back-lbl {
  font-size: 11px;
  font-weight: 600;
  line-height: 2;
  color: #008AB0;
  padding-left: 6px;
}

.custom-modal-popup .modal-body {
  padding: 5px 0 0 0;
}

.custom-modal-popup .modal-body h5 {
  font-weight: 600;
  line-height: 2;
  color: #444444;
}

.custom-modal-popup .modal-body button {
  width: 100%;
}

.custom-modal-popup iframe {
  width: 100%;
  position: relative;
  outline: none;
  border: none;
  height: calc(90% - 5.25rem);
}

.custom-modal-popup .iframe-wrapper {
  display: none;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .custom-modal-popup .modal-content {
    overflow-y: auto;
  }

  .custom-modal-popup .custom-modal .modal-body > iframe {
    display: none;
  }

  .custom-modal-popup .custom-modal .modal-body .iframe-wrapper {
    display: block;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    height: calc(90% - 2.5rem);
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .custom-modal-popup .modal-dialog {
    max-width: 21.5rem;
  }

  .custom-modal-popup .modal-content {
    overflow-y: auto;
  }

  .custom-modal-popup iframe {
    height: calc(97% - 0.25rem);
  }

  .custom-modal-popup .custom-modal .modal-body > iframe {
    display: none;
  }

  .custom-modal-popup .custom-modal .modal-body .iframe-wrapper {
    display: block;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    height: calc(90% - 3.10rem);
  }
}

@media screen and (min-width: 320px) and (max-width: 360px) {
  .custom-modal-popup .modal-dialog {
    max-width: 18.5rem;
  }

  .custom-modal-popup .custom-modal .modal-body {
    height: 85%;
  }
}

.term-policy-modal {
  margin-top: 3.250em;
}

.term-policy-modal .modal-dialog {
  width: 20.313em;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .term-policy-modal {
    margin-top: 1.938em;
  }

  .term-policy-modal .modal-dialog {
    width: 34.375em;
  }
}

.secondary-carousel-component .pdp-carousel-image {
  margin-bottom: 1rem;
}

.secondary-carousel-component .pdp-product-name-link {
  font-weight: 300;
  color: #008AB0;
}

.secondary-carousel-component .star-container {
  margin-bottom: 0.5rem;
}

.secondary-carousel-component .star-container .shopping-carousel-star {
  float: left;
  padding-top: 2px;
}

.secondary-carousel-component .star-container .shopping-cart-carousel-star {
  padding-top: 2px;
}

.secondary-carousel-component .stock-status {
  clear: both;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}

.secondary-carousel-component .stock-status p {
  font-size: 0.8125em;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.5px;
  color: #FF76B9;
  margin-bottom: 0;
}

.secondary-carousel-component .star-big {
  margin-bottom: 0.25rem;
}

.secondary-carousel-component .shopping-cart-carousel-star .star-big {
  margin: 0 auto 0.25rem;
}

.secondary-carousel-component .purchase-link {
  padding-bottom: 1.5rem;
  line-height: 1em;
}

.secondary-carousel-component .purchase-link a {
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
}

.secondary-carousel-component .separator {
  margin: 0 5px;
  color: #A7A7A7;
}

.secondary-carousel-component p.small {
  font-weight: 300;
}

.secondary-carousel-component .psv-container {
  margin-left: -5px;
}

.secondary-carousel-component .shopping-carousel {
  background: #FFFFFF;
}

.secondary-carousel-component .shopping-carousel .separator {
  padding: 0 0.5em;
}

.secondary-carousel-component .shopping-carousel .slick-slider .slick-slide {
  padding: 0;
}

.secondary-carousel-component .shopping-carousel .slick-slider .slick-slide img {
  height: 10.875rem;
}

@media (min-width: 360px) and (max-width: 767px) {
  .secondary-carousel-component .pdp-carousel-image img {
    height: 12.875rem;
    display: block;
  }

  .secondary-carousel-component .no-image-available {
    height: 12.875rem;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: #A7A7A7;
    color: #FFFFFF;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .secondary-carousel-component .pdp-carousel-image img {
    height: 11.25rem;
    display: block;
  }

  .secondary-carousel-component .carousal-boxes-container a .no-image-available {
    height: 11.25rem;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: #A7A7A7;
    color: #FFFFFF;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .secondary-carousel-component .slick-slider.carousel .slick-prev {
    left: -6rem;
  }

  .secondary-carousel-component .slick-slider.carousel .slick-next {
    right: -6rem;
  }

  .secondary-carousel-component .pdp-carousel-image {
    width: 16.875rem;
  }

  .secondary-carousel-component .pdp-carousel-image img {
    height: 16.25rem;
    display: block;
  }

  .secondary-carousel-component .no-image-available {
    height: 16.25rem;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: #A7A7A7;
    color: #FFFFFF;
  }
}

@media (min-width: 1440px) {
  .secondary-carousel-component .pdp-carousel-image {
    width: 16.875rem;
  }

  .secondary-carousel-component .pdp-carousel-image img {
    height: 16.25rem;
    display: block;
  }

  .secondary-carousel-component .no-image-available {
    height: 16.25rem;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: #A7A7A7;
    color: #FFFFFF;
  }
}

.carousal-boxes-container:active:focus,
.carousal-boxes-container:focus,
.carousal-boxes-container:active {
  outline: none;
}

.disclaimer-wrapper {
  display: inline-block;
}

.disclaimer-wrapper .disclaimer-container {
  padding: 1rem 11.1875rem 0;
}

.disclaimer-wrapper .disclaimer-container .disclaimer-header {
  margin-bottom: 0.5rem;
  width: 100%;
  height: 1rem;
}

.disclaimer-wrapper .disclaimer-container .disclaimer-header p {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #777676;
}

.disclaimer-wrapper .disclaimer-container .disclaimer-content {
  width: 100%;
  padding-bottom: 4.8125rem;
}

.disclaimer-wrapper .disclaimer-container .disclaimer-content p {
  font-size: 0.8125rem;
  font-weight: 300;
  color: #777676;
  line-height: normal;
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .disclaimer-wrapper .disclaimer-container {
    padding: 1rem 7.25rem 0;
  }

  .disclaimer-wrapper .disclaimer-container .disclaimer-content {
    padding-bottom: 5.4375rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .disclaimer-wrapper .disclaimer-container {
    padding: 1rem 10.375rem 0;
  }

  .disclaimer-wrapper .disclaimer-container .disclaimer-content {
    padding-bottom: 2.5rem;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .disclaimer-wrapper .disclaimer-container {
    padding: 1rem 1.625rem 0;
  }

  .disclaimer-wrapper .disclaimer-container .disclaimer-content {
    padding-bottom: 0.625rem;
  }
}

.quiz-notification {
  position: absolute;
  width: 100%;
  z-index: 100;
  min-height: 7.5rem;
  width: 23.4375rem;
  right: 0;
  background-image: linear-gradient(321deg, #008AB0, #0090b3 35%, #0092b4 44%, #00ddd7);
}

.quiz-notification .success-alert {
  padding: 0.75rem 0.9375rem 0.9375rem 0.9375rem;
}

.quiz-notification .success-alert .close-section {
  width: 100%;
  margin: 0;
}

.quiz-notification .success-alert .close-section .notif-close {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-close-small-white.svg);
  width: 0.5625rem;
  height: 0.5625rem;
  background-size: cover;
  padding: 0;
  cursor: pointer;
  background-repeat: no-repeat;
  border: 0;
  float: right;
  background-color: transparent;
}

.quiz-notification .success-alert .success-section {
  display: block;
}

.quiz-notification .success-alert .success-section .check-mark {
  padding: 0;
  text-align: left;
}

.quiz-notification .success-alert .success-section .check-mark .notif-image {
  height: 2.125rem;
}

.quiz-notification .success-alert .success-section .notif-text {
  padding: 0.25rem 0 0 0;
  text-align: left;
  margin-left: -0.4375rem;
}

.quiz-notification .success-alert .success-section .notif-text .success-heading {
  color: #FFFFFF;
  text-transform: none;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.2px;
  margin: 0;
  padding-bottom: 0.125rem;
}

.quiz-notification .success-alert .success-section .notif-text .success-subheading {
  color: #FFFFFF;
  text-transform: none;
  font-weight: 100;
  font-size: 1rem;
  letter-spacing: -0.3px;
}

.quiz-notification .success-alert .success-section .notif-text .success-subheading .sub-highlight {
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: -0.3px;
  margin: 0;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .quiz-notification .success-alert {
    padding: 0.875rem 0.975rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .quiz-notification .success-alert {
    padding: 1rem 0.9375rem;
  }
}

@media (min-width: 360px) and (max-width: 767px) {
  .quiz-notification {
    width: 100%;
  }

  .quiz-notification .success-alert {
    padding: 1rem 0.9375rem;
  }
}

.cookies-notification-wrapper .cookies-notification-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
  font-size: 0.875rem;
  background-color: #deeff8;
  border-bottom: solid 1px #007298;
}

.cookies-notification-wrapper .cookies-notification-container .cookies-notification-text-section {
  padding: 0;
}

.cookies-notification-wrapper .cookies-notification-container .cookies-notification-text-section .cookie-text {
  padding: 1.25rem;
}

.cookies-notification-wrapper .cookies-notification-container .cookies-notification-text-section .cookie-text p {
  font: inherit;
  margin: 0;
}

.cookies-notification-wrapper .cookies-notification-container .cookies-notification-text-section .cookie-text .cookies-policy-link,
.cookies-notification-wrapper .cookies-notification-container .cookies-notification-text-section .cookie-text a {
  color: #0f77a0;
  font-weight: 700;
}

.cookies-notification-wrapper .cookies-notification-container .accept-cookies-button-section {
  padding: 0.625rem 1.4375rem;
}

.cookies-notification-wrapper .cookies-notification-container .accept-cookies-button-section .accept-button {
  width: 100%;
  float: right;
  margin: 0;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cookies-notification-wrapper .cookies-notification-container .cookies-notification-text-section .cookie-text {
    padding: 0.875rem 1.25rem 0.6875rem 0.75rem;
  }

  .cookies-notification-wrapper .cookies-notification-container .accept-cookies-button-section {
    padding: 0.6875rem 1.0625rem 0.5625rem;
    flex: 1;
  }

  .cookies-notification-wrapper .cookies-notification-container .accept-cookies-button-section .accept-button {
    width: 100%;
  }
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .cookies-notification-wrapper .cookies-notification-container .cookies-notification-text-section .cookie-text {
    padding: 0.5rem 0.5625rem 1.0625rem 0.5625rem;
  }

  .cookies-notification-wrapper .cookies-notification-container .accept-cookies-button-section {
    text-align: center;
    padding: 0.625rem 0.875rem;
    flex: 1;
  }

  .cookies-notification-wrapper .cookies-notification-container .accept-cookies-button-section .accept-button {
    width: 100%;
    float: none;
  }
}

@media screen and (min-width: 1023px) and (max-width: 1439px) {
  .cookies-notification-wrapper .cookies-notification-container {
    padding: 0;
  }

  .cookies-notification-wrapper .cookies-notification-container .accept-cookies-button-section {
    padding: 0.5rem 0.4375rem;
  }
}

@media screen and (min-width: 1440px) {
  .cookies-notification-wrapper .cookies-notification-container .cookies-notification-text-section {
    text-align: right;
  }

  .cookies-notification-wrapper .cookies-notification-container .accept-cookies-button-section .accept-button {
    float: left;
    min-width: 8.75rem;
    width: auto;
  }
}

.bank-check-example {
  margin-top: 0.25rem;
}

.bank-check-example .bank-example-hyperlink {
  background-color: transparent;
  margin: 0rem;
  padding: 0rem;
}

.bank-check-example .bank-example-hyperlink div.panel-heading h4 {
  line-height: 1.08;
  letter-spacing: 0rem;
}

.bank-check-example .bank-example-hyperlink div.panel-heading h4 a {
  text-transform: none;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.08;
  color: #008AB0;
}

.bank-check-example .bank-example-hyperlink div.panel-heading h4 a:hover,
.bank-check-example .bank-example-hyperlink div.panel-heading h4 a:focus {
  text-decoration: none;
  color: #008AB0;
  outline: none;
}

.bank-check-example .bank-example-hyperlink div.panel-collapse {
  border-top: solid 0.0625rem #D1D1D1;
  border-bottom: solid 0.0625rem #D1D1D1;
}

.bank-check-example .bank-example-hyperlink div.panel-collapse div div.check-example-wrapper div.check-example-label {
  margin-top: 1.125rem;
}

.bank-check-example .bank-example-hyperlink div.panel-collapse div div.check-example-wrapper div.check-example-label label {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.23;
  letter-spacing: 0.03125rem;
  color: #2D2D2D;
}

.bank-check-example .bank-example-hyperlink div.panel-collapse div div.check-example-wrapper div.check-example-label img.cross {
  margin-top: -0.375rem;
  margin-right: 0.5625rem;
}

.bank-check-example .bank-example-hyperlink div.panel-collapse div div.check-example-wrapper div.check-example-image img.check {
  width: 100%;
  margin-bottom: 1.08125rem;
}

#accordionform .bank-check-example .panel:last-of-type.bank-example-hyperlink {
  margin: 0rem;
  padding: 0rem;
}

input {
  display: block;
  width: 100%;
  border: 1px solid #D1D1D1;
  background: #FFFFFF;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.38;
  text-align: left;
  color: #727272;
  padding: 0.625rem;
  outline: none;
}

input:focus {
  border: 1px solid #008AB0;
}

input[disabled] {
  background: #F6F6F6;
  cursor: not-allowed;
}

input.ng-invalid.ng-touched {
  border: solid 1px #c23934;
  border-left-width: 4px;
}

.input-error {
  color: #c23934;
}

.error-messages {
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.69;
}

.input-helper-txt {
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.69;
  text-align: left;
  color: #727272;
}

.btn-group {
  width: 100%;
}

.btn-group.disabled {
  color: #727272;
  cursor: not-allowed;
  background-color: #F7F7F7;
}

.btn-group .selected {
  transform: none;
  transition: inherit;
}

.btn-group .btn {
  margin: 0;
  border: none;
  z-index: 10;
  background: transparent;
}

.btn-group .btn .icn-dropdown {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-down.svg) no-repeat 50%;
  background-size: contain;
}

.btn-group .dropdown-toggle::after {
  display: none;
}

.btn-group .block-dropdown {
  font-size: 1rem;
  line-height: 1.38;
  text-align: left;
  color: #2D2D2D;
  padding: 0.625rem 2.5rem 0.625rem 1rem;
  border: 1px solid #D1D1D1;
}

.btn-group .block-dropdown .dropdown-toggle {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  padding: 0 0.75rem;
}

.btn-group .inline-dropdown {
  padding: 0.8125rem 0.5rem 0.8125rem 0.75rem;
}

.btn-group .inline-dropdown img {
  max-height: 1.125rem;
  max-width: 100%;
}

.btn-group .inline-input {
  position: absolute;
  margin-bottom: 0;
  padding-left: 4.75rem;
  border-radius: 0;
  color: #444444;
}

.btn-group .dropdown-menu {
  width: 100%;
  margin: 0;
  border-top-width: 0;
  border-radius: 0;
  border-color: #D1D1D1;
  padding: 0;
  max-height: 13.75rem;
  overflow: auto;
}

.btn-group .dropdown-menu h5 {
  margin: 0;
  padding: 1rem 1rem 0.5rem;
}

.btn-group .dropdown-menu li {
  padding: 0.75rem;
  cursor: pointer;
  text-decoration: none;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.69;
  text-align: left;
  color: #444444;
  display: inline-table;
  width: 100%;
}

.btn-group .dropdown-menu li:hover {
  color: #FFFFFF;
  background-color: #37B0C9;
}

.btn-group .dropdown-menu li.divider {
  display: block;
  height: 1px;
  overflow: hidden;
  padding: 0;
  background-color: #e5e5e5;
}

.btn-group .dropdown-menu li.disabled {
  color: #b0c9d0;
  cursor: not-allowed;
  background-color: transparent;
}

.btn-group .dropdown-menu li img {
  vertical-align: text-bottom;
  max-height: 1.125rem;
  max-width: 100%;
}

.btn-group .dropdown-menu li img.round-image {
  max-height: 1.5rem;
  border-radius: 50%;
  margin-right: 1.25rem;
}

.btn-group .dropdown-menu.country-dropdown-menu .country-list {
  display: flex;
}

.btn-group .dropdown-menu.country-dropdown-menu .country-list div {
  float: left;
  padding-right: 0.75rem;
}

.btn-group .dropdown-menu.country-dropdown-menu .country-list div.country-code {
  min-width: 3.125rem;
}

.language-select-container {
  width: 62.5rem;
  z-index: 1053;
  position: absolute;
  border: 0.0625rem solid #D1D1D1;
  bottom: 1.875rem;
  right: -0.625rem;
  overflow: auto;
}

.language-select-container.white-back {
  background: #FFFFFF;
}

.language-select-container.grey-back {
  background: #F7F7F7;
}

.language-select-container .panel {
  background-color: white;
}

.language-select-container .row {
  height: 100%;
}

.language-select-container .active {
  text-decoration: underline;
}

.language-select-container .large-view {
  height: 100%;
}

.language-select-container .heading-container,
.language-select-container .data-container {
  display: flex;
}

.language-select-container .heading-container {
  height: 3.75rem;
  padding: 1.3125rem 0;
}

.language-select-container .heading-container .width-80 {
  padding-left: 0.9375rem;
}

.language-select-container .data-container {
  height: calc(100% - 3.75rem);
}

.language-select-container .close-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 0.75rem;
  height: 0.75rem;
  cursor: pointer;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-close-small.svg) no-repeat center;
}

.language-select-container .mobile-view {
  background: #F7F7F7;
  text-align: left;
}

.language-select-container .mobile-view .panel-title {
  margin: 0;
}

.language-select-container .mobile-view .close-button {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-close-small-white.svg) no-repeat center;
}

.language-select-container .mobile-view .accordion-class {
  margin: 0 0 0.375rem 0;
  padding: 0;
  background: #FFFFFF;
}

.language-select-container .mobile-view .accordion-class .panel-title a:focus,
.language-select-container .mobile-view .accordion-class .panel-title a:hover {
  text-decoration: none;
  outline: none;
}

.language-select-container .mobile-view .accordion-class .right:after {
  content: "";
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icon-dropdown-circle-active.svg) no-repeat center;
  width: 2.275rem;
  height: 1.8750rem;
  color: transparent;
  position: relative;
  top: 0;
  right: 0;
  display: inline-block;
  transform: rotate(0deg);
}

.language-select-container .mobile-view .accordion-class .down:after {
  content: "";
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/gray-arrow-circle.svg) no-repeat center;
  width: 2.275rem;
  height: 1.8750rem;
  position: relative;
  right: 0;
  top: 0;
  color: transparent;
  display: inline-block;
  transform: rotate(0deg);
}

.language-select-container .mobile-view .accordion-class .accordion-header-class {
  padding: 0.9375rem;
  text-transform: uppercase;
}

.language-select-container .width-20 {
  width: 20%;
}

.language-select-container .width-80 {
  width: 80%;
}

.language-select-container .inline-block {
  display: inline-block;
  vertical-align: top;
  padding: 0 0 0 0.9375rem;
}

.language-select-container .region-name-list {
  border-right: 0.0625rem solid #D1D1D1;
}

.language-select-container .region-name-list .region-name {
  margin-bottom: 1.125rem;
}

.language-select-container .region-name-list .region-name a {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.38;
  text-align: left;
  color: #008AB0;
  text-transform: uppercase;
}

.language-select-container .vertical-view {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
}

.language-select-container .language-list .flag-image {
  vertical-align: middle;
}

.language-select-container .language-list .country-list {
  min-height: 4.4375rem;
}

.language-select-container .language-list .country-name,
.language-select-container .language-list .languages {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.36;
  text-align: left;
  color: #444444;
}

.language-select-container .language-list .country-sub-name {
  font-size: 0.75rem;
  font-weight: 300;
  text-align: left;
  color: #A7A7A7;
  line-height: normal;
}

.language-select-container .language-list .languages {
  display: block;
  color: black;
}

.language-select-container .language-list .languages li {
  display: inline-block;
  font-weight: 300;
}

.language-select-container .language-list .languages li:after {
  content: "|";
  margin-right: 0.625rem;
  margin-left: 0.625rem;
  color: #D1D1D1;
}

.language-select-container .language-list .languages li:last-child:after {
  content: "";
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .language-select-container {
    right: -21em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .language-select-container {
    height: 100%;
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
  }
}

@media screen and (max-width: 767px) {
  .language-select-container {
    height: 100%;
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
  }

  .language-select-container .language-list .country-list {
    min-height: 4.0625rem;
  }
}

.statutory-wealth-warning {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.46;
  text-align: left;
  color: #9B9B9B;
  margin-bottom: 0.3125rem;
}

.statutory-wealth-warning-content {
  font-size: 0.8125rem;
  line-height: 1.46;
  text-align: left;
  color: #9B9B9B;
  margin-bottom: 0;
}

@media (min-width: 360px) and (max-width: 767px) {
  .statutory-wealth-warning-content {
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .statutory-wealth-warning-content {
    margin-bottom: 1.25rem;
  }
}

/*!
 * Bootstrap v4.0.0-alpha.2 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active {
  outline: 0;
}

a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .navbar {
    display: none;
  }

  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }

  .label {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,
  .table th {
    background-color: #fff !important;
  }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

@-moz-viewport {
  width: device-width;
}

@-ms-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@-webkit-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

html {
  font-size: 16px;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: "proxima-nova", "source-han-sans-japanese", "source-han-sans-korean", "source-han-sans-simplified-c", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #444444;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #A7A7A7;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

a {
  color: #008AB0;
  text-decoration: none;
}

a:focus,
a:hover {
  color: #004e64;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
}

[role="button"] {
  cursor: pointer;
}

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

table {
  background-color: transparent;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #A7A7A7;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: left;
}

label {
  display: inline-block;
  margin-bottom: .5rem;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
textarea {
  margin: 0;
  line-height: inherit;
  border-radius: 0;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
}

input[type="search"] {
  box-sizing: inherit;
  -webkit-appearance: none;
}

output {
  display: inline-block;
}

[hidden] {
  display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-family: "proxima-nova", "source-han-sans-japanese", "source-han-sans-korean", "source-han-sans-simplified-c", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

.h1 {
  font-size: 2.5rem;
}

.h2 {
  font-size: 2rem;
}

.h3 {
  font-size: 1.75rem;
}

.h4 {
  font-size: 1.5rem;
}

.h5 {
  font-size: 1.25rem;
}

.h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: normal;
}

mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 5px;
}

.dl-horizontal {
  margin-right: -1.875rem;
  margin-left: -1.875rem;
}

.dl-horizontal::after {
  content: "";
  display: table;
  clear: both;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  border-left: 0.25rem solid #D1D1D1;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  line-height: 1.5;
  color: #A7A7A7;
}

.blockquote-footer::before {
  content: "\2014   \A0";
}

.blockquote-reverse {
  padding-right: 1rem;
  padding-left: 0;
  text-align: right;
  border-right: 0.25rem solid #D1D1D1;
  border-left: 0;
}

.blockquote-reverse .blockquote-footer::before {
  content: "";
}

.blockquote-reverse .blockquote-footer::after {
  content: "\A0   \2014";
}

.img-fluid,
.carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 0.3rem;
}

.img-thumbnail {
  padding: 0.25rem;
  line-height: 1.5;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  transition: all .2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #A7A7A7;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: .2rem .4rem;
  font-size: 90%;
  color: #bd4147;
  background-color: #f7f7f9;
  border-radius: 0.25rem;
}

kbd {
  padding: .2rem .4rem;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 90%;
  line-height: 1.5;
  color: #444444;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.container::after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 320px) {
  .container {
    max-width: 576px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 940px;
  }
}

@media (min-width: 1440px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.container-fluid::after {
  content: "";
  display: table;
  clear: both;
}

.row {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}

.row::after {
  content: "";
  display: table;
  clear: both;
}

.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

@media (min-width: 320px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.33333%;
  }

  .col-sm-2 {
    width: 16.66667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.33333%;
  }

  .col-sm-5 {
    width: 41.66667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.33333%;
  }

  .col-sm-8 {
    width: 66.66667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.33333%;
  }

  .col-sm-11 {
    width: 91.66667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-pull-1 {
    right: 8.33333%;
  }

  .col-sm-pull-2 {
    right: 16.66667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.33333%;
  }

  .col-sm-pull-5 {
    right: 41.66667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.33333%;
  }

  .col-sm-pull-8 {
    right: 66.66667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.33333%;
  }

  .col-sm-pull-11 {
    right: 91.66667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-push-1 {
    left: 8.33333%;
  }

  .col-sm-push-2 {
    left: 16.66667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.33333%;
  }

  .col-sm-push-5 {
    left: 41.66667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.33333%;
  }

  .col-sm-push-8 {
    left: 66.66667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.33333%;
  }

  .col-sm-push-11 {
    left: 91.66667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 768px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.33333%;
  }

  .col-md-2 {
    width: 16.66667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.33333%;
  }

  .col-md-5 {
    width: 41.66667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.33333%;
  }

  .col-md-8 {
    width: 66.66667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.33333%;
  }

  .col-md-11 {
    width: 91.66667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.33333%;
  }

  .col-md-pull-2 {
    right: 16.66667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.33333%;
  }

  .col-md-pull-5 {
    right: 41.66667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.33333%;
  }

  .col-md-pull-8 {
    right: 66.66667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.33333%;
  }

  .col-md-pull-11 {
    right: 91.66667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.33333%;
  }

  .col-md-push-2 {
    left: 16.66667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.33333%;
  }

  .col-md-push-5 {
    left: 41.66667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.33333%;
  }

  .col-md-push-8 {
    left: 66.66667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.33333%;
  }

  .col-md-push-11 {
    left: 91.66667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333%;
  }

  .col-md-offset-2 {
    margin-left: 16.66667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333%;
  }

  .col-md-offset-5 {
    margin-left: 41.66667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333%;
  }

  .col-md-offset-8 {
    margin-left: 66.66667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333%;
  }

  .col-md-offset-11 {
    margin-left: 91.66667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1024px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.33333%;
  }

  .col-lg-2 {
    width: 16.66667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.33333%;
  }

  .col-lg-5 {
    width: 41.66667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.33333%;
  }

  .col-lg-8 {
    width: 66.66667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.33333%;
  }

  .col-lg-11 {
    width: 91.66667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 8.33333%;
  }

  .col-lg-pull-2 {
    right: 16.66667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.33333%;
  }

  .col-lg-pull-5 {
    right: 41.66667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.33333%;
  }

  .col-lg-pull-8 {
    right: 66.66667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.33333%;
  }

  .col-lg-pull-11 {
    right: 91.66667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 8.33333%;
  }

  .col-lg-push-2 {
    left: 16.66667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.33333%;
  }

  .col-lg-push-5 {
    left: 41.66667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.33333%;
  }

  .col-lg-push-8 {
    left: 66.66667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.33333%;
  }

  .col-lg-push-11 {
    left: 91.66667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1440px) {
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    float: left;
  }

  .col-xl-1 {
    width: 8.33333%;
  }

  .col-xl-2 {
    width: 16.66667%;
  }

  .col-xl-3 {
    width: 25%;
  }

  .col-xl-4 {
    width: 33.33333%;
  }

  .col-xl-5 {
    width: 41.66667%;
  }

  .col-xl-6 {
    width: 50%;
  }

  .col-xl-7 {
    width: 58.33333%;
  }

  .col-xl-8 {
    width: 66.66667%;
  }

  .col-xl-9 {
    width: 75%;
  }

  .col-xl-10 {
    width: 83.33333%;
  }

  .col-xl-11 {
    width: 91.66667%;
  }

  .col-xl-12 {
    width: 100%;
  }

  .col-xl-pull-0 {
    right: auto;
  }

  .col-xl-pull-1 {
    right: 8.33333%;
  }

  .col-xl-pull-2 {
    right: 16.66667%;
  }

  .col-xl-pull-3 {
    right: 25%;
  }

  .col-xl-pull-4 {
    right: 33.33333%;
  }

  .col-xl-pull-5 {
    right: 41.66667%;
  }

  .col-xl-pull-6 {
    right: 50%;
  }

  .col-xl-pull-7 {
    right: 58.33333%;
  }

  .col-xl-pull-8 {
    right: 66.66667%;
  }

  .col-xl-pull-9 {
    right: 75%;
  }

  .col-xl-pull-10 {
    right: 83.33333%;
  }

  .col-xl-pull-11 {
    right: 91.66667%;
  }

  .col-xl-pull-12 {
    right: 100%;
  }

  .col-xl-push-0 {
    left: auto;
  }

  .col-xl-push-1 {
    left: 8.33333%;
  }

  .col-xl-push-2 {
    left: 16.66667%;
  }

  .col-xl-push-3 {
    left: 25%;
  }

  .col-xl-push-4 {
    left: 33.33333%;
  }

  .col-xl-push-5 {
    left: 41.66667%;
  }

  .col-xl-push-6 {
    left: 50%;
  }

  .col-xl-push-7 {
    left: 58.33333%;
  }

  .col-xl-push-8 {
    left: 66.66667%;
  }

  .col-xl-push-9 {
    left: 75%;
  }

  .col-xl-push-10 {
    left: 83.33333%;
  }

  .col-xl-push-11 {
    left: 91.66667%;
  }

  .col-xl-push-12 {
    left: 100%;
  }

  .col-xl-offset-0 {
    margin-left: 0%;
  }

  .col-xl-offset-1 {
    margin-left: 8.33333%;
  }

  .col-xl-offset-2 {
    margin-left: 16.66667%;
  }

  .col-xl-offset-3 {
    margin-left: 25%;
  }

  .col-xl-offset-4 {
    margin-left: 33.33333%;
  }

  .col-xl-offset-5 {
    margin-left: 41.66667%;
  }

  .col-xl-offset-6 {
    margin-left: 50%;
  }

  .col-xl-offset-7 {
    margin-left: 58.33333%;
  }

  .col-xl-offset-8 {
    margin-left: 66.66667%;
  }

  .col-xl-offset-9 {
    margin-left: 75%;
  }

  .col-xl-offset-10 {
    margin-left: 83.33333%;
  }

  .col-xl-offset-11 {
    margin-left: 91.66667%;
  }

  .col-xl-offset-12 {
    margin-left: 100%;
  }
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}

.table th,
.table td {
  padding: 0.75rem;
  line-height: 1.5;
  vertical-align: top;
  border-top: 1px solid #D1D1D1;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #D1D1D1;
}

.table tbody + tbody {
  border-top: 2px solid #D1D1D1;
}

.table .table {
  background-color: #fff;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #D1D1D1;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #D1D1D1;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover tbody tr:hover {
  background-color: #f5f5f5;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: #f5f5f5;
}

.table-hover .table-active:hover {
  background-color: #e8e8e8;
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: #e8e8e8;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #dff0d8;
}

.table-hover .table-success:hover {
  background-color: #d0e9c6;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #d0e9c6;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #d9edf7;
}

.table-hover .table-info:hover {
  background-color: #c4e3f3;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #c4e3f3;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fcf8e3;
}

.table-hover .table-warning:hover {
  background-color: #faf2cc;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #faf2cc;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f2dede;
}

.table-hover .table-danger:hover {
  background-color: #ebcccc;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #ebcccc;
}

.table-responsive {
  display: block;
  width: 100%;
  min-height: 0.01%;
  overflow-x: auto;
}

.thead-inverse th {
  color: #fff;
  background-color: #444444;
}

.thead-default th {
  color: #727272;
  background-color: #D1D1D1;
}

.table-inverse {
  color: #D1D1D1;
  background-color: #444444;
}

.table-inverse.table-bordered {
  border: 0;
}

.table-inverse th,
.table-inverse td,
.table-inverse thead th {
  border-color: #727272;
}

.table-reflow thead {
  float: left;
}

.table-reflow tbody {
  display: block;
  white-space: nowrap;
}

.table-reflow th,
.table-reflow td {
  border-top: 1px solid #D1D1D1;
  border-left: 1px solid #D1D1D1;
}

.table-reflow th:last-child,
.table-reflow td:last-child {
  border-right: 1px solid #D1D1D1;
}

.table-reflow thead:last-child tr:last-child th,
.table-reflow thead:last-child tr:last-child td,
.table-reflow tbody:last-child tr:last-child th,
.table-reflow tbody:last-child tr:last-child td,
.table-reflow tfoot:last-child tr:last-child th,
.table-reflow tfoot:last-child tr:last-child td {
  border-bottom: 1px solid #D1D1D1;
}

.table-reflow tr {
  float: left;
}

.table-reflow tr th,
.table-reflow tr td {
  display: block !important;
  border: 1px solid #D1D1D1;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #727272;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  border-color: #66afe9;
  outline: none;
}

.form-control::placeholder {
  color: #999;
  opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #D1D1D1;
  opacity: 1;
}

.form-control:disabled {
  cursor: not-allowed;
}

.form-control-file,
.form-control-range {
  display: block;
}

.form-control-label {
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 2.25rem;
  }

  input[type="date"].input-sm,
  .input-group-sm input[type="date"].form-control,
  input[type="time"].input-sm,
  .input-group-sm
  input[type="time"].form-control,
  input[type="datetime-local"].input-sm,
  .input-group-sm
  input[type="datetime-local"].form-control,
  input[type="month"].input-sm,
  .input-group-sm
  input[type="month"].form-control {
    line-height: 1.8625rem;
  }

  input[type="date"].input-lg,
  .input-group-lg input[type="date"].form-control,
  input[type="time"].input-lg,
  .input-group-lg
  input[type="time"].form-control,
  input[type="datetime-local"].input-lg,
  .input-group-lg
  input[type="datetime-local"].form-control,
  input[type="month"].input-lg,
  .input-group-lg
  input[type="month"].form-control {
    line-height: 3.16667rem;
  }
}

.form-control-static {
  min-height: 2.25rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
}

.form-control-static.form-control-sm,
.input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn,
.form-control-static.form-control-lg,
.input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  padding: 0.75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.33333;
  border-radius: 0.3rem;
}

.form-group {
  margin-bottom: 1rem;
}

.radio,
.radio-custom,
.radio-custom-color,
.checkbox {
  position: relative;
  display: block;
  margin-bottom: 0.75rem;
}

.radio label,
.radio-custom label,
.radio-custom-color label,
.checkbox label {
  padding-left: 1.25rem;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio label input:only-child,
.radio-custom label input:only-child,
.radio-custom-color label input:only-child,
.checkbox label input:only-child {
  position: static;
}

.radio input[type="radio"],
.radio-custom input[type="radio"],
.radio-custom-color input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: .25rem;
  margin-left: -1.25rem;
}

.radio + .radio,
.radio-custom + .radio,
.radio-custom-color + .radio,
.radio + .radio-custom,
.radio-custom + .radio-custom,
.radio-custom-color + .radio-custom,
.radio + .radio-custom-color,
.radio-custom + .radio-custom-color,
.radio-custom-color + .radio-custom-color,
.checkbox + .checkbox {
  margin-top: -.25rem;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 1.25rem;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: .75rem;
}

input[type="radio"]:disabled,
input[type="radio"].disabled,
input[type="checkbox"]:disabled,
input[type="checkbox"].disabled {
  cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled {
  cursor: not-allowed;
}

.radio.disabled label,
.disabled.radio-custom label,
.disabled.radio-custom-color label,
.checkbox.disabled label {
  cursor: not-allowed;
}

.form-control-success,
.form-control-warning,
.form-control-danger {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 0.5625rem;
  background-size: 1.4625rem 1.4625rem;
}

.has-success .text-help,
.has-success .form-control-label,
.has-success .radio,
.has-success .radio-custom,
.has-success .radio-custom-color,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.radio-custom label,
.has-success.radio-custom-color label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #5CB85C;
}

.has-success .form-control {
  border-color: #5CB85C;
}

.has-success .input-group-addon {
  color: #5CB85C;
  border-color: #5CB85C;
  background-color: #eaf6ea;
}

.has-success .form-control-feedback {
  color: #5CB85C;
}

.has-success .form-control-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==");
}

.has-warning .text-help,
.has-warning .form-control-label,
.has-warning .radio,
.has-warning .radio-custom,
.has-warning .radio-custom-color,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.radio-custom label,
.has-warning.radio-custom-color label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #f0AD4E;
}

.has-warning .form-control {
  border-color: #f0AD4E;
}

.has-warning .input-group-addon {
  color: #f0AD4E;
  border-color: #f0AD4E;
  background-color: white;
}

.has-warning .form-control-feedback {
  color: #f0AD4E;
}

.has-warning .form-control-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+");
}

.has-danger .text-help,
.has-danger .form-control-label,
.has-danger .radio,
.has-danger .radio-custom,
.has-danger .radio-custom-color,
.has-danger .checkbox,
.has-danger .radio-inline,
.has-danger .checkbox-inline,
.has-danger.radio label,
.has-danger.radio-custom label,
.has-danger.radio-custom-color label,
.has-danger.checkbox label,
.has-danger.radio-inline label,
.has-danger.checkbox-inline label {
  color: #D0021B;
}

.has-danger .form-control {
  border-color: #D0021B;
}

.has-danger .input-group-addon {
  color: #D0021B;
  border-color: #D0021B;
  background-color: #fea0ab;
}

.has-danger .form-control-feedback {
  color: #D0021B;
}

.has-danger .form-control-danger {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=");
}

@media (min-width: 320px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .form-control-static {
    display: inline-block;
  }

  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }

  .form-inline .input-group > .form-control {
    width: 100%;
  }

  .form-inline .form-control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio,
  .form-inline .radio-custom,
  .form-inline .radio-custom-color,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio label,
  .form-inline .radio-custom label,
  .form-inline .radio-custom-color label,
  .form-inline .checkbox label {
    padding-left: 0;
  }

  .form-inline .radio input[type="radio"],
  .form-inline .radio-custom input[type="radio"],
  .form-inline .radio-custom-color input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }

  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}

.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

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

.btn.focus {
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
}

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

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #008AB0;
  border-color: #008AB0;
}

.btn-primary:hover {
  color: #fff;
  background-color: #00627d;
  border-color: #005a73;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #00627d;
  border-color: #005a73;
}

.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #00627d;
  border-color: #005a73;
  background-image: none;
}

.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #004659;
  border-color: #002631;
}

.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary:disabled:focus,
.btn-primary:disabled.focus {
  background-color: #008AB0;
  border-color: #008AB0;
}

.btn-primary.disabled:hover,
.btn-primary:disabled:hover {
  background-color: #008AB0;
  border-color: #008AB0;
}

.btn-secondary {
  color: #444444;
  background-color: #fff;
  border-color: #ccc;
}

.btn-secondary:hover {
  color: #444444;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-secondary:focus,
.btn-secondary.focus {
  color: #444444;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-secondary:active,
.btn-secondary.active,
.open > .btn-secondary.dropdown-toggle {
  color: #444444;
  background-color: #e6e6e6;
  border-color: #adadad;
  background-image: none;
}

.btn-secondary:active:hover,
.btn-secondary:active:focus,
.btn-secondary:active.focus,
.btn-secondary.active:hover,
.btn-secondary.active:focus,
.btn-secondary.active.focus,
.open > .btn-secondary.dropdown-toggle:hover,
.open > .btn-secondary.dropdown-toggle:focus,
.open > .btn-secondary.dropdown-toggle.focus {
  color: #444444;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.btn-secondary.disabled:focus,
.btn-secondary.disabled.focus,
.btn-secondary:disabled:focus,
.btn-secondary:disabled.focus {
  background-color: #fff;
  border-color: #ccc;
}

.btn-secondary.disabled:hover,
.btn-secondary:disabled:hover {
  background-color: #fff;
  border-color: #ccc;
}

.btn-info {
  color: #fff;
  background-color: #5BC0DE;
  border-color: #5BC0DE;
}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #2aabd2;
}

.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #2aabd2;
}

.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #2aabd2;
  background-image: none;
}

.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1f7e9a;
}

.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info:disabled:focus,
.btn-info:disabled.focus {
  background-color: #5BC0DE;
  border-color: #5BC0DE;
}

.btn-info.disabled:hover,
.btn-info:disabled:hover {
  background-color: #5BC0DE;
  border-color: #5BC0DE;
}

.btn-success {
  color: #fff;
  background-color: #5CB85C;
  border-color: #5CB85C;
}

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #419641;
}

.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #419641;
}

.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  border-color: #419641;
  background-image: none;
}

.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #398439;
  border-color: #2d672d;
}

.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success:disabled:focus,
.btn-success:disabled.focus {
  background-color: #5CB85C;
  border-color: #5CB85C;
}

.btn-success.disabled:hover,
.btn-success:disabled:hover {
  background-color: #5CB85C;
  border-color: #5CB85C;
}

.btn-warning {
  color: #fff;
  background-color: #f0AD4E;
  border-color: #f0AD4E;
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #eb9316;
}

.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #eb9316;
}

.btn-warning:active,
.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #eb9316;
  background-image: none;
}

.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #b06d0f;
}

.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning:disabled:focus,
.btn-warning:disabled.focus {
  background-color: #f0AD4E;
  border-color: #f0AD4E;
}

.btn-warning.disabled:hover,
.btn-warning:disabled:hover {
  background-color: #f0AD4E;
  border-color: #f0AD4E;
}

.btn-danger {
  color: #fff;
  background-color: #D0021B;
  border-color: #D0021B;
}

.btn-danger:hover {
  color: #fff;
  background-color: #9d0214;
  border-color: #930113;
}

.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #9d0214;
  border-color: #930113;
}

.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #9d0214;
  border-color: #930113;
  background-image: none;
}

.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #7a0110;
  border-color: #52010b;
}

.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger:disabled:focus,
.btn-danger:disabled.focus {
  background-color: #D0021B;
  border-color: #D0021B;
}

.btn-danger.disabled:hover,
.btn-danger:disabled:hover {
  background-color: #D0021B;
  border-color: #D0021B;
}

.btn-primary-outline {
  color: #008AB0;
  background-image: none;
  background-color: transparent;
  border-color: #008AB0;
}

.btn-primary-outline:focus,
.btn-primary-outline.focus,
.btn-primary-outline:active,
.btn-primary-outline.active,
.open > .btn-primary-outline.dropdown-toggle {
  color: #fff;
  background-color: #008AB0;
  border-color: #008AB0;
}

.btn-primary-outline:hover {
  color: #fff;
  background-color: #008AB0;
  border-color: #008AB0;
}

.btn-primary-outline.disabled:focus,
.btn-primary-outline.disabled.focus,
.btn-primary-outline:disabled:focus,
.btn-primary-outline:disabled.focus {
  border-color: #17cdff;
}

.btn-primary-outline.disabled:hover,
.btn-primary-outline:disabled:hover {
  border-color: #17cdff;
}

.btn-secondary-outline {
  color: #ccc;
  background-image: none;
  background-color: transparent;
  border-color: #ccc;
}

.btn-secondary-outline:focus,
.btn-secondary-outline.focus,
.btn-secondary-outline:active,
.btn-secondary-outline.active,
.open > .btn-secondary-outline.dropdown-toggle {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}

.btn-secondary-outline:hover {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}

.btn-secondary-outline.disabled:focus,
.btn-secondary-outline.disabled.focus,
.btn-secondary-outline:disabled:focus,
.btn-secondary-outline:disabled.focus {
  border-color: white;
}

.btn-secondary-outline.disabled:hover,
.btn-secondary-outline:disabled:hover {
  border-color: white;
}

.btn-info-outline {
  color: #5BC0DE;
  background-image: none;
  background-color: transparent;
  border-color: #5BC0DE;
}

.btn-info-outline:focus,
.btn-info-outline.focus,
.btn-info-outline:active,
.btn-info-outline.active,
.open > .btn-info-outline.dropdown-toggle {
  color: #fff;
  background-color: #5BC0DE;
  border-color: #5BC0DE;
}

.btn-info-outline:hover {
  color: #fff;
  background-color: #5BC0DE;
  border-color: #5BC0DE;
}

.btn-info-outline.disabled:focus,
.btn-info-outline.disabled.focus,
.btn-info-outline:disabled:focus,
.btn-info-outline:disabled.focus {
  border-color: #b0e1ef;
}

.btn-info-outline.disabled:hover,
.btn-info-outline:disabled:hover {
  border-color: #b0e1ef;
}

.btn-success-outline {
  color: #5CB85C;
  background-image: none;
  background-color: transparent;
  border-color: #5CB85C;
}

.btn-success-outline:focus,
.btn-success-outline.focus,
.btn-success-outline:active,
.btn-success-outline.active,
.open > .btn-success-outline.dropdown-toggle {
  color: #fff;
  background-color: #5CB85C;
  border-color: #5CB85C;
}

.btn-success-outline:hover {
  color: #fff;
  background-color: #5CB85C;
  border-color: #5CB85C;
}

.btn-success-outline.disabled:focus,
.btn-success-outline.disabled.focus,
.btn-success-outline:disabled:focus,
.btn-success-outline:disabled.focus {
  border-color: #a3d7a3;
}

.btn-success-outline.disabled:hover,
.btn-success-outline:disabled:hover {
  border-color: #a3d7a3;
}

.btn-warning-outline {
  color: #f0AD4E;
  background-image: none;
  background-color: transparent;
  border-color: #f0AD4E;
}

.btn-warning-outline:focus,
.btn-warning-outline.focus,
.btn-warning-outline:active,
.btn-warning-outline.active,
.open > .btn-warning-outline.dropdown-toggle {
  color: #fff;
  background-color: #f0AD4E;
  border-color: #f0AD4E;
}

.btn-warning-outline:hover {
  color: #fff;
  background-color: #f0AD4E;
  border-color: #f0AD4E;
}

.btn-warning-outline.disabled:focus,
.btn-warning-outline.disabled.focus,
.btn-warning-outline:disabled:focus,
.btn-warning-outline:disabled.focus {
  border-color: #f8d9ac;
}

.btn-warning-outline.disabled:hover,
.btn-warning-outline:disabled:hover {
  border-color: #f8d9ac;
}

.btn-danger-outline {
  color: #D0021B;
  background-image: none;
  background-color: transparent;
  border-color: #D0021B;
}

.btn-danger-outline:focus,
.btn-danger-outline.focus,
.btn-danger-outline:active,
.btn-danger-outline.active,
.open > .btn-danger-outline.dropdown-toggle {
  color: #fff;
  background-color: #D0021B;
  border-color: #D0021B;
}

.btn-danger-outline:hover {
  color: #fff;
  background-color: #D0021B;
  border-color: #D0021B;
}

.btn-danger-outline.disabled:focus,
.btn-danger-outline.disabled.focus,
.btn-danger-outline:disabled:focus,
.btn-danger-outline:disabled.focus {
  border-color: #fd3b52;
}

.btn-danger-outline.disabled:hover,
.btn-danger-outline:disabled:hover {
  border-color: #fd3b52;
}

.btn-link {
  font-weight: normal;
  color: #008AB0;
  border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link:disabled {
  background-color: transparent;
}

.btn-link,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}

.btn-link:hover {
  border-color: transparent;
}

.btn-link:focus,
.btn-link:hover {
  color: #004e64;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link:disabled:focus,
.btn-link:disabled:hover {
  color: #A7A7A7;
  text-decoration: none;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 0.75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.33333;
  border-radius: 0.3rem;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  transition: opacity .15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: .35s;
  transition-property: height;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: .25rem;
  margin-left: .25rem;
  vertical-align: middle;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropup .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 0.3em solid;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 1rem;
  color: #444444;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-divider {
  height: 1px;
  margin: 0.5rem 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.5;
  color: #444444;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #373737;
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover {
  color: #fff;
  text-decoration: none;
  background-color: #008AB0;
  outline: 0;
}

.dropdown-item.disabled,
.dropdown-item.disabled:focus,
.dropdown-item.disabled:hover {
  color: #A7A7A7;
}

.dropdown-item.disabled:focus,
.dropdown-item.disabled:hover {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

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

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

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #A7A7A7;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 0.3em solid;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}

.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar::after {
  content: "";
  display: table;
  clear: both;
}

.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle,
.btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret,
.btn-group-lg > .btn .caret {
  border-width: 0.3em 0.3em 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret,
.dropup .btn-group-lg > .btn .caret {
  border-width: 0 0.3em 0.3em;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group::after {
  content: "";
  display: table;
  clear: both;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group .form-control:focus,
.input-group .form-control:active,
.input-group .form-control:hover {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1;
  color: #727272;
  text-align: center;
  background-color: #D1D1D1;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
}

.input-group-addon.form-control-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.input-group-addon.form-control-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 0.75rem 1.25rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn > .btn {
  position: relative;
}

.input-group-btn > .btn + .btn {
  margin-left: -1px;
}

.input-group-btn > .btn:focus,
.input-group-btn > .btn:active,
.input-group-btn > .btn:hover {
  z-index: 3;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.input-group-btn:last-child > .btn:focus,
.input-group-btn:last-child > .btn:active,
.input-group-btn:last-child > .btn:hover,
.input-group-btn:last-child > .btn-group:focus,
.input-group-btn:last-child > .btn-group:active,
.input-group-btn:last-child > .btn-group:hover {
  z-index: 3;
}

.c-input {
  position: relative;
  display: inline;
  padding-left: 1.5rem;
  color: #555;
  cursor: pointer;
}

.c-input > input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.c-input > input:checked ~ .c-indicator {
  color: #fff;
  background-color: #0074d9;
}

.c-input > input:focus ~ .c-indicator {
  box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
}

.c-input > input:active ~ .c-indicator {
  color: #fff;
  background-color: #84c6ff;
}

.c-input + .c-input {
  margin-left: 1rem;
}

.c-indicator {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  font-size: 65%;
  line-height: 1rem;
  color: #eee;
  text-align: center;
  user-select: none;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.c-checkbox .c-indicator {
  border-radius: .25rem;
}

.c-checkbox input:checked ~ .c-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
}

.c-checkbox input:indeterminate ~ .c-indicator {
  background-color: #0074d9;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K);
}

.c-radio .c-indicator {
  border-radius: 50%;
}

.c-radio input:checked ~ .c-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==);
}

.c-inputs-stacked .c-input {
  display: inline;
}

.c-inputs-stacked .c-input::after {
  display: block;
  margin-bottom: .25rem;
  content: "";
}

.c-inputs-stacked .c-input + .c-input {
  margin-left: 0;
}

.c-select {
  display: inline-block;
  max-width: 100%;
  padding: .375rem 1.75rem .375rem .75rem;
  padding-right: .75rem \9
;
  color: #727272;
  vertical-align: middle;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center;
  background-image: none \9
;
  background-size: 8px 10px;
  border: 1px solid #ccc;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.c-select:focus {
  border-color: #51a7e8;
  outline: none;
}

.c-select::-ms-expand {
  opacity: 0;
}

.c-select-sm {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
}

.c-select-sm:not([multiple]) {
  height: 26px;
  min-height: 26px;
}

.file {
  position: relative;
  display: inline-block;
  height: 2.5rem;
  cursor: pointer;
}

.file input {
  min-width: 14rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

.file-custom {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  user-select: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: .25rem;
}

.file-custom::after {
  content: "Choose file...";
}

.file-custom::before {
  position: absolute;
  top: -.075rem;
  right: -.075rem;
  bottom: -.075rem;
  z-index: 6;
  display: block;
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  content: "Browse";
  background-color: #eee;
  border: 1px solid #ddd;
  border-radius: 0 .25rem .25rem 0;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: inline-block;
}

.nav-link:focus,
.nav-link:hover {
  text-decoration: none;
}

.nav-link.disabled {
  color: #A7A7A7;
}

.nav-link.disabled,
.nav-link.disabled:focus,
.nav-link.disabled:hover {
  color: #A7A7A7;
  cursor: not-allowed;
  background-color: transparent;
}

.nav-inline .nav-item {
  display: inline-block;
}

.nav-inline .nav-item + .nav-item,
.nav-inline .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs::after {
  content: "";
  display: table;
  clear: both;
}

.nav-tabs .nav-item {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs .nav-item + .nav-item {
  margin-left: .2rem;
}

.nav-tabs .nav-link {
  display: block;
  padding: 0.5em 1em;
  border: 1px solid transparent;
  border-radius: 0.25rem 0.25rem 0 0;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: #D1D1D1 #D1D1D1 #ddd;
}

.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link.disabled:focus,
.nav-tabs .nav-link.disabled:hover {
  color: #A7A7A7;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover {
  color: #727272;
  background-color: #fff;
  border-color: #ddd #ddd transparent;
}

.nav-pills::after {
  content: "";
  display: table;
  clear: both;
}

.nav-pills .nav-item {
  float: left;
}

.nav-pills .nav-item + .nav-item {
  margin-left: .2rem;
}

.nav-pills .nav-link {
  display: block;
  padding: 0.5em 1em;
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover {
  color: #fff;
  cursor: default;
  background-color: #008AB0;
}

.nav-stacked .nav-item {
  display: block;
  float: none;
}

.nav-stacked .nav-item + .nav-item {
  margin-top: .2rem;
  margin-left: 0;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar {
  position: relative;
  padding: 0.5rem 1rem;
}

.navbar::after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 320px) {
  .navbar {
    border-radius: 0.25rem;
  }
}

.navbar-full {
  z-index: 1000;
}

@media (min-width: 320px) {
  .navbar-full {
    border-radius: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

@media (min-width: 320px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
}

.navbar-fixed-bottom {
  bottom: 0;
}

.navbar-sticky-top {
  position: sticky;
  top: 0;
  z-index: 1030;
  width: 100%;
}

@media (min-width: 320px) {
  .navbar-sticky-top {
    border-radius: 0;
  }
}

.navbar-brand {
  float: left;
  padding-top: .25rem;
  padding-bottom: .25rem;
  margin-right: 1rem;
  font-size: 1.25rem;
}

.navbar-brand:focus,
.navbar-brand:hover {
  text-decoration: none;
}

.navbar-brand > img {
  display: block;
}

.navbar-divider {
  float: left;
  width: 1px;
  padding-top: .425rem;
  padding-bottom: .425rem;
  margin-right: 1rem;
  margin-left: 1rem;
  overflow: hidden;
}

.navbar-divider::before {
  content: "\A0";
}

.navbar-toggler {
  padding: .5rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background: none;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:focus,
.navbar-toggler:hover {
  text-decoration: none;
}

@media (min-width: 320px) {
  .navbar-toggleable-xs {
    display: block !important;
  }
}

@media (min-width: 768px) {
  .navbar-toggleable-sm {
    display: block !important;
  }
}

@media (min-width: 1024px) {
  .navbar-toggleable-md {
    display: block !important;
  }
}

.navbar-nav .nav-item {
  float: left;
}

.navbar-nav .nav-link {
  display: block;
  padding-top: .425rem;
  padding-bottom: .425rem;
}

.navbar-nav .nav-link + .nav-link {
  margin-left: 1rem;
}

.navbar-nav .nav-item + .nav-item {
  margin-left: 1rem;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.8);
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
  color: rgba(0, 0, 0, 0.8);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 0.6);
}

.navbar-light .navbar-nav .open > .nav-link,
.navbar-light .navbar-nav .open > .nav-link:focus,
.navbar-light .navbar-nav .open > .nav-link:hover,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .active > .nav-link:focus,
.navbar-light .navbar-nav .active > .nav-link:hover,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .nav-link.open:focus,
.navbar-light .navbar-nav .nav-link.open:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.active:focus,
.navbar-light .navbar-nav .nav-link.active:hover {
  color: rgba(0, 0, 0, 0.8);
}

.navbar-light .navbar-divider {
  background-color: rgba(0, 0, 0, 0.075);
}

.navbar-dark .navbar-brand {
  color: white;
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
  color: white;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .open > .nav-link,
.navbar-dark .navbar-nav .open > .nav-link:focus,
.navbar-dark .navbar-nav .open > .nav-link:hover,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link:focus,
.navbar-dark .navbar-nav .active > .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.open,
.navbar-dark .navbar-nav .nav-link.open:focus,
.navbar-dark .navbar-nav .nav-link.open:hover,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.active:focus,
.navbar-dark .navbar-nav .nav-link.active:hover {
  color: white;
}

.navbar-dark .navbar-divider {
  background-color: rgba(255, 255, 255, 0.075);
}

.card {
  position: relative;
  display: block;
  margin-bottom: 0.75rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 0.25rem;
}

.card-block {
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-radius: 0.25rem 0.25rem 0 0;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-radius: 0 0 0.25rem 0.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
}

.card-header:first-child {
  border-radius: 0.25rem 0.25rem 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
}

.card-footer:last-child {
  border-radius: 0 0 0.25rem 0.25rem;
}

.card-primary {
  background-color: #008AB0;
  border-color: #008AB0;
}

.card-success {
  background-color: #5CB85C;
  border-color: #5CB85C;
}

.card-info {
  background-color: #5BC0DE;
  border-color: #5BC0DE;
}

.card-warning {
  background-color: #f0AD4E;
  border-color: #f0AD4E;
}

.card-danger {
  background-color: #D0021B;
  border-color: #D0021B;
}

.card-primary-outline {
  background-color: transparent;
  border-color: #008AB0;
}

.card-secondary-outline {
  background-color: transparent;
  border-color: #ccc;
}

.card-info-outline {
  background-color: transparent;
  border-color: #5BC0DE;
}

.card-success-outline {
  background-color: transparent;
  border-color: #5CB85C;
}

.card-warning-outline {
  background-color: transparent;
  border-color: #f0AD4E;
}

.card-danger-outline {
  background-color: transparent;
  border-color: #D0021B;
}

.card-inverse .card-header,
.card-inverse .card-footer {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
  color: #fff;
}

.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-blockquote > footer {
  color: rgba(255, 255, 255, 0.65);
}

.card-inverse .card-link:focus,
.card-inverse .card-link:hover {
  color: #fff;
}

.card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0;
}

.card-img {
  border-radius: 0.25rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img-top {
  border-radius: 0.25rem 0.25rem 0 0;
}

.card-img-bottom {
  border-radius: 0 0 0.25rem 0.25rem;
}

@media (min-width: 320px) {
  .card-deck {
    display: table;
    table-layout: fixed;
    border-spacing: 1.25rem 0;
  }

  .card-deck .card {
    display: table-cell;
    width: 1%;
    vertical-align: top;
  }

  .card-deck-wrapper {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}

@media (min-width: 320px) {
  .card-group {
    display: table;
    width: 100%;
    table-layout: fixed;
  }

  .card-group .card {
    display: table-cell;
    vertical-align: top;
  }

  .card-group .card + .card {
    margin-left: 0;
    border-left: 0;
  }

  .card-group .card:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }

  .card-group .card:first-child .card-img-top {
    border-top-right-radius: 0;
  }

  .card-group .card:first-child .card-img-bottom {
    border-bottom-right-radius: 0;
  }

  .card-group .card:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }

  .card-group .card:last-child .card-img-top {
    border-top-left-radius: 0;
  }

  .card-group .card:last-child .card-img-bottom {
    border-bottom-left-radius: 0;
  }

  .card-group .card:not(:first-child):not(:last-child) {
    border-radius: 0;
  }

  .card-group .card:not(:first-child):not(:last-child) .card-img-top,
  .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
    border-radius: 0;
  }
}

@media (min-width: 320px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
  }

  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.breadcrumb {
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #D1D1D1;
  border-radius: 0.25rem;
}

.breadcrumb::after {
  content: "";
  display: table;
  clear: both;
}

.breadcrumb > li {
  float: left;
}

.breadcrumb > li + li::before {
  padding-right: .5rem;
  padding-left: .5rem;
  color: #A7A7A7;
  content: "/";
}

.breadcrumb > .active {
  color: #A7A7A7;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.25rem;
}

.page-item {
  display: inline;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #008AB0;
  border-color: #008AB0;
}

.page-item.disabled .page-link,
.page-item.disabled .page-link:focus,
.page-item.disabled .page-link:hover {
  color: #A7A7A7;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.page-link {
  position: relative;
  float: left;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.5;
  color: #008AB0;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.page-link:focus,
.page-link:hover {
  color: #004e64;
  background-color: #D1D1D1;
  border-color: #ddd;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.33333;
}

.pagination-lg .page-item:first-child .page-link {
  border-bottom-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-bottom-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-bottom-left-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}

.pager {
  padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  list-style: none;
}

.pager::after {
  content: "";
  display: table;
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.pager li > a:focus,
.pager li > a:hover {
  text-decoration: none;
  background-color: #D1D1D1;
}

.pager .disabled > a,
.pager .disabled > a:focus,
.pager .disabled > a:hover {
  color: #A7A7A7;
  cursor: not-allowed;
  background-color: #fff;
}

.pager .disabled > span {
  color: #A7A7A7;
  cursor: not-allowed;
  background-color: #fff;
}

.pager-next > a,
.pager-next > span {
  float: right;
}

.pager-prev > a,
.pager-prev > span {
  float: left;
}

.label {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.label:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}

a.label:focus,
a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem;
}

.label-default {
  background-color: #A7A7A7;
}

.label-default[href]:focus,
.label-default[href]:hover {
  background-color: #8e8e8e;
}

.label-primary {
  background-color: #008AB0;
}

.label-primary[href]:focus,
.label-primary[href]:hover {
  background-color: #00627d;
}

.label-success {
  background-color: #5CB85C;
}

.label-success[href]:focus,
.label-success[href]:hover {
  background-color: #449d44;
}

.label-info {
  background-color: #5BC0DE;
}

.label-info[href]:focus,
.label-info[href]:hover {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0AD4E;
}

.label-warning[href]:focus,
.label-warning[href]:hover {
  background-color: #ec971f;
}

.label-danger {
  background-color: #D0021B;
}

.label-danger[href]:focus,
.label-danger[href]:hover {
  background-color: #9d0214;
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #D1D1D1;
  border-radius: 0.3rem;
}

@media (min-width: 320px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-hr {
  border-top-color: #b8b8b8;
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  padding: 15px;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: bold;
}

.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d0e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c1e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bcdff1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6d5ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faf2cc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7ecb5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9b9;
}

.alert-danger .alert-link {
  color: #843534;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress {
  display: block;
  width: 100%;
  height: 1rem;
  margin-bottom: 1rem;
}

.progress[value] {
  color: #0074d9;
  border: 0;
  appearance: none;
}

.progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 0.25rem;
}

.progress[value]::-webkit-progress-value::before {
  content: attr(value);
}

.progress[value]::-webkit-progress-value {
  background-color: #0074d9;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.progress[value="100"]::-webkit-progress-value {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

@media screen and (min-width: 0\0) {
  .progress {
    background-color: #eee;
    border-radius: 0.25rem;
  }

  .progress-bar {
    display: inline-block;
    height: 1rem;
    text-indent: -999rem;
    background-color: #0074d9;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .progress[width^="0"] {
    min-width: 2rem;
    color: #A7A7A7;
    background-color: transparent;
    background-image: none;
  }

  .progress[width="100%"] {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
}

.progress-striped[value]::-webkit-progress-value {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-striped[value]::-moz-progress-bar {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

@media screen and (min-width: 0\0) {
  .progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
  }
}

.progress-animated[value]::-webkit-progress-value {
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-animated[value]::-moz-progress-bar {
  animation: progress-bar-stripes 2s linear infinite;
}

@media screen and (min-width: 0\0) {
  .progress-animated .progress-bar-striped {
    animation: progress-bar-stripes 2s linear infinite;
  }
}

.progress-success[value]::-webkit-progress-value {
  background-color: #5CB85C;
}

.progress-success[value]::-moz-progress-bar {
  background-color: #5CB85C;
}

@media screen and (min-width: 0\0) {
  .progress-success .progress-bar {
    background-color: #5CB85C;
  }
}

.progress-info[value]::-webkit-progress-value {
  background-color: #5BC0DE;
}

.progress-info[value]::-moz-progress-bar {
  background-color: #5BC0DE;
}

@media screen and (min-width: 0\0) {
  .progress-info .progress-bar {
    background-color: #5BC0DE;
  }
}

.progress-warning[value]::-webkit-progress-value {
  background-color: #f0AD4E;
}

.progress-warning[value]::-moz-progress-bar {
  background-color: #f0AD4E;
}

@media screen and (min-width: 0\0) {
  .progress-warning .progress-bar {
    background-color: #f0AD4E;
  }
}

.progress-danger[value]::-webkit-progress-value {
  background-color: #D0021B;
}

.progress-danger[value]::-moz-progress-bar {
  background-color: #D0021B;
}

@media screen and (min-width: 0\0) {
  .progress-danger .progress-bar {
    background-color: #D0021B;
  }
}

.media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

.media-body {
  width: 10000px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

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

.media-bottom {
  vertical-align: bottom;
}

.media-object {
  display: block;
}

.media-object.img-thumbnail {
  max-width: none;
}

.media-right {
  padding-left: 10px;
}

.media-left {
  padding-right: 10px;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item {
  position: relative;
  display: block;
  padding: .75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.list-group-item:first-child {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.list-group-flush .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0;
}

a.list-group-item,
button.list-group-item {
  width: 100%;
  color: #555;
  text-align: inherit;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}

a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}

.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
  color: #A7A7A7;
  cursor: not-allowed;
  background-color: #D1D1D1;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
  color: #A7A7A7;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #008AB0;
  border-color: #008AB0;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small {
  color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
  color: #7de3ff;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9 {
  padding-bottom: 42.85714%;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.embed-responsive-1by1 {
  padding-bottom: 100%;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
}

.close:focus,
.close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0, -25%);
}

.modal.in .modal-dialog {
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.in {
  opacity: 0.5;
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header::after {
  content: "";
  display: table;
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer::after {
  content: "";
  display: table;
  clear: both;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 320px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 768px) {
  .modal-lg {
    width: 900px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "proxima-nova", "source-han-sans-japanese", "source-han-sans-korean", "source-han-sans-simplified-c", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 0.875rem;
  opacity: 0;
}

.tooltip.in {
  opacity: 0.9;
}

.tooltip.tooltip-top,
.tooltip.bs-tether-element-attached-bottom {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.tooltip-top .tooltip-arrow,
.tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.tooltip-right,
.tooltip.bs-tether-element-attached-left {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.tooltip-right .tooltip-arrow,
.tooltip.bs-tether-element-attached-left .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.tooltip-bottom,
.tooltip.bs-tether-element-attached-top {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.tooltip-bottom .tooltip-arrow,
.tooltip.bs-tether-element-attached-top .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.tooltip-left,
.tooltip.bs-tether-element-attached-right {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip.tooltip-left .tooltip-arrow,
.tooltip.bs-tether-element-attached-right .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  padding: 1px;
  font-family: "proxima-nova", "source-han-sans-japanese", "source-han-sans-korean", "source-han-sans-simplified-c", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 0.875rem;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover.popover-top,
.popover.bs-tether-element-attached-bottom {
  margin-top: -10px;
}

.popover.popover-top .popover-arrow,
.popover.bs-tether-element-attached-bottom .popover-arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.popover-top .popover-arrow::after,
.popover.bs-tether-element-attached-bottom .popover-arrow::after {
  bottom: 1px;
  margin-left: -10px;
  content: "";
  border-top-color: #fff;
  border-bottom-width: 0;
}

.popover.popover-right,
.popover.bs-tether-element-attached-left {
  margin-left: 10px;
}

.popover.popover-right .popover-arrow,
.popover.bs-tether-element-attached-left .popover-arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.popover-right .popover-arrow::after,
.popover.bs-tether-element-attached-left .popover-arrow::after {
  bottom: -10px;
  left: 1px;
  content: "";
  border-right-color: #fff;
  border-left-width: 0;
}

.popover.popover-bottom,
.popover.bs-tether-element-attached-top {
  margin-top: 10px;
}

.popover.popover-bottom .popover-arrow,
.popover.bs-tether-element-attached-top .popover-arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.popover.popover-bottom .popover-arrow::after,
.popover.bs-tether-element-attached-top .popover-arrow::after {
  top: 1px;
  margin-left: -10px;
  content: "";
  border-top-width: 0;
  border-bottom-color: #fff;
}

.popover.popover-left,
.popover.bs-tether-element-attached-right {
  margin-left: -10px;
}

.popover.popover-left .popover-arrow,
.popover.bs-tether-element-attached-right .popover-arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.popover-left .popover-arrow::after,
.popover.bs-tether-element-attached-right .popover-arrow::after {
  right: 1px;
  bottom: -10px;
  content: "";
  border-right-width: 0;
  border-left-color: #fff;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: -0.7rem -0.7rem 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover-arrow,
.popover-arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover-arrow {
  border-width: 11px;
}

.popover-arrow::after {
  content: "";
  border-width: 10px;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .carousel-item {
  position: relative;
  display: none;
  transition: .6s ease-in-out left;
}

.carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
  line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .carousel-item {
    transition: transform .6s ease-in-out;
    backface-visibility: hidden;
    perspective: 1000px;
  }

  .carousel-inner > .carousel-item.next,
  .carousel-inner > .carousel-item.active.right {
    left: 0;
    transform: translate3d(100%, 0, 0);
  }

  .carousel-inner > .carousel-item.prev,
  .carousel-inner > .carousel-item.active.left {
    left: 0;
    transform: translate3d(-100%, 0, 0);
  }

  .carousel-inner > .carousel-item.next.left,
  .carousel-inner > .carousel-item.prev.right,
  .carousel-inner > .carousel-item.active {
    left: 0;
    transform: translate3d(0, 0, 0);
  }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.5;
}

.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control:focus,
.carousel-control:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
  line-height: 1;
}

.carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .icon-next {
  right: 50%;
  margin-right: -10px;
}

.carousel-control .icon-prev::before {
  content: "\2039";
}

.carousel-control .icon-next::before {
  content: "\203A";
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 10px;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
  text-shadow: none;
}

@media (min-width: 320px) {
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }

  .carousel-control .icon-prev {
    margin-left: -15px;
  }

  .carousel-control .icon-next {
    margin-right: -15px;
  }

  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }

  .carousel-indicators {
    bottom: 20px;
  }
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 320px) {
  .pull-sm-left {
    float: left !important;
  }

  .pull-sm-right {
    float: right !important;
  }

  .pull-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .pull-md-left {
    float: left !important;
  }

  .pull-md-right {
    float: right !important;
  }

  .pull-md-none {
    float: none !important;
  }
}

@media (min-width: 1024px) {
  .pull-lg-left {
    float: left !important;
  }

  .pull-lg-right {
    float: right !important;
  }

  .pull-lg-none {
    float: none !important;
  }
}

@media (min-width: 1440px) {
  .pull-xl-left {
    float: left !important;
  }

  .pull-xl-right {
    float: right !important;
  }

  .pull-xl-none {
    float: none !important;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.invisible {
  visibility: hidden !important;
}

.text-hide {
  font: "0/0" a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

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

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 320px) {
  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

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

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

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

@media (min-width: 1024px) {
  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

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

@media (min-width: 1440px) {
  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

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

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

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

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

.font-italic {
  font-style: italic;
}

.text-muted {
  color: #A7A7A7;
}

.text-primary {
  color: #008AB0 !important;
}

a.text-primary:focus,
a.text-primary:hover {
  color: #00627d;
}

.text-success {
  color: #5CB85C !important;
}

a.text-success:focus,
a.text-success:hover {
  color: #449d44;
}

.text-info {
  color: #5BC0DE !important;
}

a.text-info:focus,
a.text-info:hover {
  color: #31b0d5;
}

.text-warning {
  color: #f0AD4E !important;
}

a.text-warning:focus,
a.text-warning:hover {
  color: #ec971f;
}

.text-danger {
  color: #D0021B !important;
}

a.text-danger:focus,
a.text-danger:hover {
  color: #9d0214;
}

.bg-inverse {
  color: #D1D1D1;
  background-color: #444444;
}

.bg-faded {
  background-color: #F7F7F7;
}

.bg-primary {
  color: #fff !important;
  background-color: #008AB0 !important;
}

a.bg-primary:focus,
a.bg-primary:hover {
  background-color: #00627d;
}

.bg-success {
  color: #fff !important;
  background-color: #5CB85C !important;
}

a.bg-success:focus,
a.bg-success:hover {
  background-color: #449d44;
}

.bg-info {
  color: #fff !important;
  background-color: #5BC0DE !important;
}

a.bg-info:focus,
a.bg-info:hover {
  background-color: #31b0d5;
}

.bg-warning {
  color: #fff !important;
  background-color: #f0AD4E !important;
}

a.bg-warning:focus,
a.bg-warning:hover {
  background-color: #ec971f;
}

.bg-danger {
  color: #fff !important;
  background-color: #D0021B !important;
}

a.bg-danger:focus,
a.bg-danger:hover {
  background-color: #9d0214;
}

.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.m-a-0 {
  margin: 0 0 !important;
}

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

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

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

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

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

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

.m-a-1 {
  margin: 1rem 1rem !important;
}

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

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

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

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

.m-x-1 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.m-y-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-a-2 {
  margin: 1.5rem 1.5rem !important;
}

.m-t-2 {
  margin-top: 1.5rem !important;
}

.m-r-2 {
  margin-right: 1.5rem !important;
}

.m-b-2 {
  margin-bottom: 1.5rem !important;
}

.m-l-2 {
  margin-left: 1.5rem !important;
}

.m-x-2 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.m-y-2 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-a-3 {
  margin: 3rem 3rem !important;
}

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

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

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

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

.m-x-3 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.m-y-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.p-a-0 {
  padding: 0 0 !important;
}

.p-t-0 {
  padding-top: 0 !important;
}

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

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

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

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

.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-a-1 {
  padding: 1rem 1rem !important;
}

.p-t-1 {
  padding-top: 1rem !important;
}

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

.p-b-1 {
  padding-bottom: 1rem !important;
}

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

.p-x-1 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.p-y-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-a-2 {
  padding: 1.5rem 1.5rem !important;
}

.p-t-2 {
  padding-top: 1.5rem !important;
}

.p-r-2 {
  padding-right: 1.5rem !important;
}

.p-b-2 {
  padding-bottom: 1.5rem !important;
}

.p-l-2 {
  padding-left: 1.5rem !important;
}

.p-x-2 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.p-y-2 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-a-3 {
  padding: 3rem 3rem !important;
}

.p-t-3 {
  padding-top: 3rem !important;
}

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

.p-b-3 {
  padding-bottom: 3rem !important;
}

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

.p-x-3 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.p-y-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pos-f-t {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

@media (min-width: 320px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1439px) {
  .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1440px) {
  .hidden-xl-up {
    display: none !important;
  }
}

.hidden-xl-down {
  display: none !important;
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

@font-face {
  font-family: 'password';
  font-style: normal;
  font-weight: 400;
  src: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/fonts/password.ttf);
}

body {
  font-family: "proxima-nova", "source-han-sans-japanese", "source-han-sans-korean", "source-han-sans-simplified-c", Helvetica, Arial, sans-serif;
  background: #FAFAFA;
  background-size: cover;
  color: #444444;
  overflow-x: hidden;
  -ms-overflow-style: scrollbar;
}

body > .container-fluid {
  max-width: 90rem;
  /* 1440/16 */
  float: none;
  display: block;
  margin: 0px auto;
  border: 1px solid #dddddd;
  position: relative;
  overflow: hidden;
}

main {
  background: #FFFFFF;
  padding: 2rem 0;
  box-shadow: 0rem 0.0625rem 0.125rem 0rem rgba(0, 0, 0, 0.2);
}

.loading-spinner {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/field_spinner.gif) no-repeat right center;
}

input::-ms-clear {
  display: none;
}

.container {
  max-width: 64rem;
  padding: 0;
  width: 86.666%;
}

@media (min-width: 768px) {
  .container {
    width: 93.75%;
    max-width: 60rem;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 73.125rem;
  }
}

@media (min-width: 1440px) {
  .container {
    max-width: 84.375rem;
  }
}

footer {
  text-align: center;
  padding: 2em;
  background: #F5F5F5;
}

a {
  color: #008AB0;
  cursor: pointer;
}

a:focus {
  outline: none;
}

img,
video {
  max-width: 100%;
}

video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

.video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
}

.no-gutter {
  padding-left: 0;
  padding-right: 0;
}

.no-gutter-left {
  padding-left: 0;
}

.no-gutter-right {
  padding-right: 0;
}

.center {
  text-align: center;
}

.cursorpointer {
  cursor: pointer;
}

.nobottommargin {
  margin-bottom: 0;
}

.nomargin {
  margin: 0;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 0.0625rem 0 #FFFFFF;
  opacity: .2;
}

.close:focus,
.close:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

body.modal-open {
  width: 100%;
  position: static;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: auto;
}

.modal-content {
  position: relative;
  background-color: #FFFFFF;
  background-clip: padding-box;
  box-shadow: 0rem 0.125rem 0.625rem 0rem rgba(0, 0, 0, 0.05);
  outline: 0;
  border: none;
  border-radius: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background: #CCE8EF;
  opacity: 0.9;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.in {
  opacity: 0.5;
}

.modal-header {
  padding: 0.9375rem;
  border-bottom: 0.0625rem solid #e5e5e5;
}

.modal-header::after {
  content: "";
  display: table;
  clear: both;
}

.modal-header .close {
  margin-top: -0.125rem;
}

.modal-title {
  margin: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  padding: 0.9375rem;
}

.modal-footer {
  padding: 0.9375rem;
  text-align: right;
  border-top: 0.0625rem solid #e5e5e5;
}

.modal-footer::after {
  content: "";
  display: table;
  clear: both;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 0.3125rem;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -0.0625rem;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -624.9375rem;
  width: 3.125rem;
  height: 3.125rem;
  overflow: scroll;
}

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

:-moz-placeholder {
  /* Firefox 18- */
  color: #D1D1D1;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #D1D1D1;
}

:-ms-input-placeholder {
  /* IE 10-11*/
  color: #D1D1D1 !important;
}

::-ms-input-placeholder {
  /* Edge */
  color: #D1D1D1 !important;
}

/* Removing skype link from IE in Contact Information, specifically for Windows Machines */

img[title*='Call'] {
  display: none !important;
}

/* To invoke number-keypad on iOS and Andriod devices */

input[type="tel"] {
  -moz-appearance: textfield;
}

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

input[type="tel"]:hover,
input[type="tel"]:focus {
  -moz-appearance: number-input;
}

/* End number-keypad */

:-moz-ui-invalid:not(output) {
  box-shadow: none;
}

.ns-checkbox-radio {
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
  /* radio aspect */
  /* radio checked aspect */
}

.ns-checkbox-radio [type="checkbox"]:not(:checked),
.ns-checkbox-radio [type="checkbox"]:checked,
.ns-checkbox-radio [type="radio"]:not(:checked),
.ns-checkbox-radio [type="radio"]:checked {
  position: absolute;
  left: -624.938rem;
}

.ns-checkbox-radio [type="checkbox"]:not(:checked) + label,
.ns-checkbox-radio [type="checkbox"]:checked + label,
.ns-checkbox-radio [type="radio"]:not(:checked) + label,
.ns-checkbox-radio [type="radio"]:checked + label {
  position: relative;
  cursor: pointer;
  font-weight: 300;
  color: #444444;
  padding-left: 1.95rem;
}

.ns-checkbox-radio [type="checkbox"]:not(:checked) + label:before,
.ns-checkbox-radio [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  border: 1px solid #D1D1D1;
  background: #FFFFFF;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 2px;
}

.ns-checkbox-radio [type="checkbox"]:not(:checked) + label:after,
.ns-checkbox-radio [type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  background: #008AB0 url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/check-mark.svg) no-repeat 50%;
  background-size: 0.75rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 2px;
  transition: all .2s;
}

.ns-checkbox-radio [type="checkbox"]:not(:checked) + label:after,
.ns-checkbox-radio [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.ns-checkbox-radio [type="checkbox"]:checked + label:after,
.ns-checkbox-radio [type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

.ns-checkbox-radio [type="radio"]:not(:checked) + label:before,
.ns-checkbox-radio [type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  border: 1px solid #D1D1D1;
  background: #FFFFFF;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}

.ns-checkbox-radio [type="radio"]:not(:checked) + label:after,
.ns-checkbox-radio [type="radio"]:checked + label:after {
  content: '';
  background: #008AB0;
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  top: 0.4375rem;
  left: 0.25rem;
  border-radius: 50%;
  transition: all .2s;
}

@media screen and (max-width: 767px) {
  .ns-checkbox-radio [type="checkbox"]:not(:checked) + label,
  .ns-checkbox-radio [type="checkbox"]:checked + label,
  .ns-checkbox-radio [type="radio"]:not(:checked) + label,
  .ns-checkbox-radio [type="radio"]:checked + label {
    line-height: 2rem;
    padding-left: 2.7rem;
  }

  .ns-checkbox-radio [type="checkbox"]:not(:checked) + label:before,
  .ns-checkbox-radio [type="checkbox"]:checked + label:before {
    width: 1.875rem;
    height: 1.875rem;
  }

  .ns-checkbox-radio [type="checkbox"]:not(:checked) + label:after,
  .ns-checkbox-radio [type="checkbox"]:checked + label:after {
    background: #008AB0 url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/check-mark.svg) no-repeat 50%;
    background-size: 1rem;
    width: 1.875rem;
    height: 1.875rem;
  }

  .ns-checkbox-radio [type="radio"]:not(:checked) + label:before,
  .ns-checkbox-radio [type="radio"]:checked + label:before {
    width: 1.875rem;
    height: 1.875rem;
  }

  .ns-checkbox-radio [type="radio"]:not(:checked) + label:after,
  .ns-checkbox-radio [type="radio"]:checked + label:after {
    width: 0.875rem;
    height: 0.875rem;
    top: 0.6875rem;
    left: 0.5rem;
  }
}

@media (max-width: 360px) {
  .modal-dialog {
    width: 100%;
  }
}

@media (min-width: 544px) {
  .modal-dialog {
    width: 37.5rem;
    margin: auto;
  }
}

@media (max-width: 544px) {
  .modal-sm {
    width: 18.75rem;
  }
}

@media (min-width: 768px) {
  .modal-lg {
    width: 56.25rem;
  }
}

.footer-text {
  letter-spacing: 0.031rem;
  color: #A2A2A2;
}

select.red-border {
  border: 1px solid #f44444;
}

.password {
  font-family: 'password';
}

@media print {
  .header.section,
  .footer.section,
  header,
  footer,
  .footer-nav,
  div.app > div .section .new,
  div.app div.iparys_inherited,
  .gobalHeaderipar,
  title {
    display: none;
  }

  @page {
    size: auto;
    margin: 0mm;
  }
}

header.navigation {
  background: #008AB0;
  min-height: 3em;
  padding: 1em;
}

header.navigation p,
header.navigation a {
  color: #37B0C9;
}

.inverse {
  color: white !important;
}

.inverse * {
  color: white !important;
}

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

.primary-bg {
  background: #008AB0;
}

.avatar {
  border-radius: 50%;
  border: 2px solid #fff;
}

.cayman-bg {
  background: linear-gradient(to bottom, #008AB0 0%, #1CD8D2 100%);
}

.divider {
  display: block;
  text-align: center;
  margin: 1.5em 0;
  position: relative;
}

.divider::before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #D1D1D1;
  position: absolute;
  top: 50%;
  left: 0;
}

.divider p {
  position: relative;
  display: inline;
  border-radius: 50%;
  border: 1px solid #D1D1D1;
  background: #F7F7F7;
  color: #727272;
  padding: .35em;
  z-index: 1;
}

.pad-1 {
  padding: 1em;
}

.btn.ng-hide {
  opacity: 0;
  transition: opacity .25s ease-out;
}

.lowercase {
  text-transform: none;
}

html {
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "proxima-nova", "source-han-sans-japanese", "source-han-sans-korean", "source-han-sans-simplified-c", Helvetica, Arial, sans-serif;
  color: #444444;
  margin: 0 0 .75rem;
}

h1 {
  font-size: 1.875rem;
  line-height: 2rem;
  font-weight: 100;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  h1 {
    font-size: 2.375rem;
    line-height: 2.5rem;
  }
}

h2 {
  font-weight: 100;
  font-size: 1.5rem;
  line-height: 1.75rem;
}

@media (min-width: 1024px) {
  h2 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}

h3 {
  text-transform: uppercase;
  font-size: 1.375rem;
  line-height: 1.625rem;
  font-weight: 100;
  letter-spacing: 0.5px;
}

h4 {
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 600;
}

h5 {
  font-size: 0.8125rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #2D2D2D;
}

p {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.375rem;
}

p.small {
  font-size: 0.8125rem;
  line-height: 1.188rem;
}

form {
  margin: 2rem 0 0 0;
}

label {
  font-size: 0.875rem;
  margin-bottom: .2rem;
}

legend {
  font-size: 1rem;
  text-align: center;
  position: relative;
  margin-bottom: 1rem;
}

legend span {
  background: white;
  padding: 0 1rem;
  display: inline-block;
  position: relative;
  z-index: 10;
}

legend::before {
  position: absolute;
  content: '';
  height: 1px;
  width: 100%;
  left: 0;
  top: 50%;
  background: #dedede;
}

.form-group input,
.input-group input {
  margin-bottom: 1.5rem;
}

.form-control,
select {
  font-weight: 300;
  border-radius: 0;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: .6rem .75rem;
  margin-bottom: 1.875em;
}

.form-control:focus,
select:focus {
  border-color: #37B0C9;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled].form-control {
  background: #F7F7F7;
}

.radio,
.radio-custom,
.radio-custom-color {
  margin-bottom: 0;
}

.radio input[type="radio"],
.radio-custom input[type="radio"],
.radio-custom-color input[type="radio"] {
  cursor: pointer;
  opacity: 0;
  width: 1.4em;
  height: 1.8em;
  z-index: 1;
  margin-left: 0;
}

.radio input[type="radio"] + label,
.radio-custom input[type="radio"] + label,
.radio-custom-color input[type="radio"] + label {
  padding: 0 0 0 1.5em;
  margin-bottom: 0.65em;
}

.radio input[type="radio"] + label::before,
.radio-custom input[type="radio"] + label::before,
.radio-custom-color input[type="radio"] + label::before {
  position: relative;
  top: 3px;
  margin: 0 .5em 0 -1.5em;
  content: '';
  height: 1rem;
  width: 1rem;
  background: white;
  border: 3px solid white;
  box-shadow: 0px 0px 0px 1px #d1d1d1;
  border-radius: 50%;
  display: inline-block;
  transition: background-color .2s;
}

.radio input[type="radio"]:checked + label::before,
.radio-custom input[type="radio"]:checked + label::before,
.radio-custom-color input[type="radio"]:checked + label::before {
  background: #008AB0;
}

.radio-custom {
  border-radius: 3px;
  display: inline-block;
  border: 1px solid #1CD8D2;
  margin-right: .25em;
}

.radio-custom input[type="radio"] {
  height: 100%;
  display: block;
}

.radio-custom input[type="radio"] + label {
  text-transform: uppercase;
  font-size: 0.7125rem;
  letter-spacing: 1px;
  font-weight: 600;
  margin: 0;
  padding: 0.2rem 0.5rem 0.75rem 1.5rem;
  transition: background-color .2s;
}

.radio-custom input[type="radio"] + label::before {
  position: relative;
  top: 8px;
  margin: 0 .75em 0 -1.5em;
  content: '';
  height: 1.563rem;
  width: 1.563rem;
  background: transparent;
  border: 1px solid #1CD8D2;
  box-shadow: none;
  border-radius: 50%;
  display: inline-block;
  transition: border .2s;
}

.radio-custom input[type="radio"]:checked + label {
  background: #1CD8D2;
}

.radio-custom input[type="radio"]:checked + label::before {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-checkmark.svg) no-repeat center;
  border: 1px solid #2D2D2D;
}

.radio-custom-color-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 1.5rem;
}

.radio-custom-color {
  flex-basis: 33.33%;
  display: inline-block;
  margin: 0;
  text-align: center;
}

.radio-custom-color + .radio-custom-color {
  margin-top: 0;
}

@media (min-width: 320px) {
  .radio-custom-color {
    flex-basis: 25%;
  }
}

@media (min-width: 768px) {
  .radio-custom-color {
    flex-basis: 10%;
  }
}

@media (min-width: 1024px) {
  .radio-custom-color {
    flex-basis: 72px;
  }
}

.radio-custom-color input[type="radio"] {
  height: 100%;
  display: block;
  margin: 0;
}

.radio-custom-color input[type="radio"] + label {
  text-align: center;
  font-size: 0.8125rem;
  line-height: 1.3;
  font-weight: 300;
  color: #727272;
  padding: .5em .5em 0;
}

.radio-custom-color input[type="radio"] + label .swatch {
  background-position: center;
  background-color: #F7F7F7;
  margin: 0 auto .5rem;
  display: block;
  height: 3rem;
  width: 3rem;
  overflow: hidden;
  border-radius: 50%;
  border: 4px solid #fff;
  box-shadow: 0px 0px 0px 2px #F7F7F7;
  transition: all .125s;
}

.radio-custom-color input[type="radio"] + label::before {
  height: 0 !important;
  width: 0 !important;
  box-shadow: none;
  content: none;
}

.radio-custom-color input[type="radio"]:focus + label .swatch {
  box-shadow: 0px 0px 0px 2px #D1D1D1;
}

.select-wrapper {
  display: block;
  position: relative;
  background: #fff;
}

.select-wrapper::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  height: 8px;
  width: 14px;
  z-index: 5;
}

.select-wrapper select::-ms-expand {
  display: none;
}

.select-wrapper select.form-control {
  background-color: transparent;
  position: relative;
  cursor: pointer;
  z-index: 10;
}

.select-wrapper select.form-control[disabled],
.select-wrapper select.form-control[readonly] {
  background-color: #F7F7F7;
  cursor: not-allowed;
}

.select-wrapper select.red-border {
  border: 1px solid #f44444;
}

.checkbox input[type="checkbox"] {
  cursor: pointer;
  opacity: 0;
  height: 1rem;
  width: 1rem;
  z-index: 1;
  margin-left: 0;
  left: 0;
}

.checkbox input[type="checkbox"] + label {
  padding: 0 0 0 1.5rem;
  margin-bottom: 0.65em;
  cursor: text;
}

.checkbox input[type="checkbox"] + label::before {
  position: relative;
  top: 3px;
  margin: 0 .5em 0 -1.5em;
  content: '';
  height: 1rem;
  width: 1rem;
  background: white;
  border: 1px solid #D1D1D1;
  display: inline-block;
  transition: border .2s;
}

.checkbox input[type="checkbox"]:checked + label::before {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-checkbox.svg) no-repeat center;
  border-color: #008AB0;
}

.checkbox a {
  z-index: 10;
  position: relative;
  padding: 1rem 0;
}

.input-group .form-control {
  width: calc(100% - 48px);
}

.input-group-btn {
  float: left;
}

.input-group-btn button.btn {
  padding: 0.95rem 1.25rem 0.8rem;
}

.input-group-btn button.btn::after {
  position: relative;
  content: '';
  display: inline-block;
  height: 9px;
  width: 6px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-right.svg) no-repeat center 100%;
}

.has-danger .form-control {
  border-left: 6px solid #D0021B;
  margin-bottom: .25rem;
}

.has-danger span.validation {
  font-size: 0.875rem;
  color: #D0021B;
}

.form-inline input {
  display: inline-block;
  float: left;
}

.form-inline.form-group-3 {
  max-width: 360px;
}

.form-inline.form-group-3 input {
  width: 33.33%;
}

.form-inline.form-group-3 input:not(:last-child) {
  border-right: none;
}

.form-group {
  margin-bottom: 2.25rem;
}

.form-group:only-of-type {
  margin: 0;
}

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

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-input {
  height: 45px;
  border: 1px solid #D1D1D1;
  padding: 12px 10px;
  font-size: 0.875rem;
  line-height: 1.6;
  color: #444444;
  border-radius: 0;
}

.form-input:focus,
.form-input:active {
  border-color: #37B0C9;
  outline: none;
}

.form-control {
  height: 45px;
  border: 1px solid #D1D1D1;
  padding: 12px 10px;
  font-size: 0.875rem;
  line-height: 1.6;
  color: #444444;
  border-radius: 0;
}

.form-control:focus,
.form-control:active {
  border-color: #37B0C9;
  outline: none;
  box-shadow: none;
}

input.ng-invalid.ng-touched,
select.ng-invalid.ng-touched {
  background-color: #FFFFFF;
  border: solid 1px #D0021B;
  border-left: solid 6px #D0021B;
  margin-bottom: .25rem;
}

input.ng-invalid.ng-touched:focus,
input.ng-invalid.ng-touched:active,
select.ng-invalid.ng-touched:focus,
select.ng-invalid.ng-touched:active {
  border-color: #D0021B;
  outline: none;
}

.error-block {
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: -0.1px;
  color: #D0021B;
}

#accordionform {
  background: linear-gradient(to bottom, #008AB0 0%, #1CD8D2 100%);
  padding: 1.375em;
  opacity: 1;
  transition: all 0.75s cubic-bezier(0.16, 1.32, 0.91, 1.26);
}

#accordionform.ng-hide {
  opacity: 0;
}

#accordionform .panel {
  background: #fff;
  padding: 1em 1.75em;
  margin-bottom: 1em;
}

#accordionform .panel:last-of-type {
  margin-bottom: 3em;
}

#accordionform .panel-title {
  text-transform: uppercase;
  font-size: 0.8125rem;
  letter-spacing: 1px;
  margin: 0;
}

#accordionform .panel-title button {
  background: none;
  padding: 0;
  margin: 0;
  color: #37B0C9;
  width: 100%;
  height: 1.6875rem;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  white-space: normal;
}

#accordionform .panel-title button:focus {
  outline: 0;
}

#accordionform .panel-title button::after {
  content: '';
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ns-upward-arrow.svg) center no-repeat;
  height: 1.6875rem;
  width: 1.6875rem;
  transition: all .2s;
  position: absolute;
  top: 0;
  right: 0;
}

#accordionform .panel-title button.collapsed::after {
  transform: rotate(180deg);
}

#accordionform .panel-title button.completed::after {
  transform: rotate(0deg);
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icon-completed.svg) center no-repeat;
}

#accordionform .panel-title button.completed.invalid::after {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icon-dropdown-circle-active.svg) center no-repeat;
}

.input-group .input-group-addon {
  width: 3em;
  height: 2.8125em;
  background-color: #D1D1D1;
  border: solid 0.0625em #D1D1D1;
  cursor: pointer;
}

.input-group .input-group-addon .left {
  border-top-left-radius: .1875em;
  border-bottom-left-radius: .1875em;
}

.input-group .input-group-addon .right {
  border-top-right-radius: .1875em;
  border-bottom-right-radius: .1875em;
}

.input-group .input-group-addon:hover {
  border-radius: .1875em;
  background-color: #008AB0;
  color: #FFFFFF;
}

.input-group .form-control {
  width: 3.5em;
  background-color: #FFFFFF;
  border: solid 0.0625em #D1D1D1;
  text-align: center;
}

.tooltipwrapper .dropdown-backdrop {
  top: auto;
}

.tooltipwrapper .dropdown-trigger {
  position: relative;
  border-radius: 50%;
  background: #008AB0;
  height: 18px;
  width: 18px;
  display: block;
  text-align: center;
  display: inline-block;
  margin-left: 4px;
  border: 0;
  padding: 0;
}

.tooltipwrapper .dropdown-trigger:hover,
.tooltipwrapper .dropdown-trigger:focus {
  text-decoration: none;
  outline: none;
  background: #007298;
}

.tooltipwrapper .dropdown-trigger:before {
  content: 'i';
  font-weight: 600;
  color: #fff;
  position: relative;
  top: -1px;
  line-height: 1.1;
}

.tooltipwrapper .dropdown-trigger span {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.tooltipwrapper .open > .dropdown-menu {
  display: block;
}

.tooltipwrapper .open > .dropdown-trigger:after {
  position: absolute;
  top: 24px;
  left: 1px;
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 1px solid #E3E1DB;
  border-left: 1px solid #E3E1DB;
  z-index: 5000;
}

.tooltipwrapper .dropdown-menu {
  border: none;
  border-radius: 0;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  width: 100%;
  top: auto;
  margin-top: 12px;
  position: absolute;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  font-size: 1rem;
  color: #444444;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
}

.tooltipwrapper .dropdown-menu .dropdown-title {
  font-size: 0.875rem;
  line-height: 1.3;
  background: none;
  border: none;
  font-weight: 600;
  padding: 24px 32px 8px 24px;
  margin: 0;
  text-align: right;
}

.tooltipwrapper .dropdown-menu .dropdown-content {
  font-size: 0.8125rem;
  line-height: 1.4;
  padding: 8px 32px 8px 24px;
}

.btn {
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.9rem 1.625rem 0.85rem;
  font-size: 0.8125rem;
  line-height: 1.2;
  border-radius: 0.1875rem;
  letter-spacing: 1px;
  margin-bottom: 1em;
  transition: all .2s linear;
  white-space: normal;
}

.btn:focus,
.btn:active:focus {
  outline: 0;
}

.btn.btn-link {
  padding: 0.5em;
  text-transform: none;
  font-weight: 300;
  letter-spacing: 0;
}

.btn.btn-default {
  color: white;
  background: #008AB0;
}

.btn.btn-secondary {
  color: #727272;
  border-color: #727272;
}

.btn.btn-tertiary-outline {
  background: none;
  color: black;
  border-color: black;
}

.btn.reverse {
  color: white;
  border-color: white;
}

.btn.facebook {
  color: white;
  background: #3C5A99;
}

.btn.instagram {
  color: white;
  background: #2E587F;
}

.btn.twitter {
  color: white;
  background: #4685B9;
}

.btn.linked-in {
  color: white;
  background: #15548B;
}

.btn.amazon {
  color: white;
  background: #DE9823;
}

.btn.google {
  color: white;
  background: #BC3A2D;
}

.btn.btn-primary.play {
  padding: 0;
  width: 0;
  height: 0;
}

.btn.btn-primary.play span {
  display: none;
}

.slick-slider.carousel {
  margin: 0 auto 4em;
}

.slick-slider.carousel .slick-slide {
  padding: 0 .3em 0;
}

.slick-slider.carousel .slick-slide img {
  margin-bottom: 0.75rem;
  transition: all .2s;
  margin: 0 auto;
}

.slick-slider.carousel .slick-slide figcaption {
  margin-top: 1.5rem;
  opacity: 0;
  transition: opacity 1.5s;
}

.slick-slider.carousel .slick-active figcaption {
  opacity: 1;
}

.slick-slider.carousel .slick-disabled {
  opacity: 0.5;
}

.slick-slider.carousel .slick-prev,
.slick-slider.carousel .slick-next {
  z-index: 1;
  height: 74px;
  width: 35px;
  border-radius: 3px;
  background: rgba(55, 176, 201, 0.8);
  color: #fff;
  transition: background .25s;
}

.slick-slider.carousel .slick-prev:hover,
.slick-slider.carousel .slick-next:hover {
  background: #37b0c9;
}

.slick-slider.carousel .slick-prev {
  left: -3.2rem;
}

.slick-slider.carousel .slick-prev::before {
  height: 20px;
  width: 11px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-left-white.svg) no-repeat;
  background-size: 100%;
  content: '';
  opacity: 1;
  display: inline-block;
}

.slick-slider.carousel .slick-next {
  right: -3.2rem;
}

.slick-slider.carousel .slick-next::before {
  height: 20px;
  width: 11px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-right-white.svg) no-repeat;
  background-size: 100%;
  content: '';
  opacity: 1;
  display: inline-block;
}

.slick-dots li button {
  transition: all .25s;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #D1D1D1;
}

.slick-dots li button::before {
  content: '';
}

.slick-dots li button:hover {
  background: #D1D1D1;
}

.slick-dots li.slick-active button {
  background: #A7A7A7;
  border: 1px solid #A7A7A7;
}

.carousel.carousel-primary .slick-prev,
.carousel.carousel-primary .slick-next {
  z-index: 1;
  height: auto;
  width: auto;
  background: none;
  color: #D1D1D1;
}

.carousel.carousel-primary .slick-prev:hover,
.carousel.carousel-primary .slick-next:hover {
  background: none;
}

.carousel.carousel-primary .slick-prev {
  left: -1rem;
}

.carousel.carousel-primary .slick-prev::before {
  height: 40px;
  width: 17px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-left.svg) no-repeat;
  background-size: 100%;
  content: '';
  opacity: 1;
  display: inline-block;
}

.carousel.carousel-primary .slick-next {
  right: -1rem;
}

.carousel.carousel-primary .slick-next::before {
  height: 40px;
  width: 17px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-right.svg) no-repeat;
  background-size: 100%;
  content: '';
  opacity: 1;
  display: inline-block;
}

.slick-slider.carousel.carousel-pdp {
  width: 80%;
}

/*! angularjs-slider - v5.4.3 -
 (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> -
 https://github.com/angular-slider/angularjs-slider -
 2016-08-07 */

.rzslider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 4px;
  margin: 60px 0;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rzslider.with-legend {
  margin-bottom: 40px;
}

.rzslider[disabled] {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-pointer {
  cursor: not-allowed;
  background-color: #d8e0f3;
}

.rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}

.rzslider .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider .rz-bar-wrapper {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 32px;
  padding-top: 16px;
  margin-top: -16px;
  box-sizing: border-box;
}

.rzslider .rz-bar-wrapper.rz-draggable {
  cursor: move;
}

.rzslider .rz-bar {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  background: #d8d8d8;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.rzslider .rz-bar.rz-selection {
  z-index: 2;
  background: #1cd8d2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.rzslider .rz-pointer {
  top: -14px;
  z-index: 3;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-color: #ffffff;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  outline: none;
}

.rzslider .rz-pointer:hover:after {
  background-color: #ffffff;
}

.rzslider .rz-pointer.rz-active {
  z-index: 4;
}

.rzslider .rz-bubble {
  bottom: -34px;
  padding: 1px 3px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  color: #1CD8D2;
  cursor: default;
}

.rzslider .rz-bubble.rz-selection {
  top: 16px;
}

.rzslider .rz-bubble.rz-limit {
  bottom: 12px;
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
}

.rzslider .rz-ticks {
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 0;
  padding: 0 11px;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.rzslider .rz-ticks .rz-tick {
  width: 10px;
  height: 10px;
  text-align: center;
  cursor: pointer;
  background: #d8e0f3;
  border-radius: 50%;
}

.rzslider .rz-ticks .rz-tick .rz-tick-value {
  position: absolute;
  top: -30px;
  transform: translate(-50%, 0);
}

.rzslider .rz-ticks .rz-tick .rz-tick-legend {
  position: absolute;
  top: 24px;
  max-width: 50px;
  white-space: normal;
  transform: translate(-50%, 0);
}

.rzslider .rz-ticks.rz-ticks-values-under .rz-tick-value {
  top: initial;
  bottom: -40px;
}

.rzslider.rz-vertical {
  position: relative;
  width: 4px;
  height: 100%;
  padding: 0;
  margin: 0 20px;
  vertical-align: baseline;
}

.rzslider.rz-vertical .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider.rz-vertical .rz-bar-wrapper {
  top: auto;
  left: 0;
  width: 32px;
  height: 100%;
  padding: 0 0 0 16px;
  margin: 0 0 0 -16px;
}

.rzslider.rz-vertical .rz-bar {
  bottom: 0;
  left: auto;
  width: 4px;
  height: 100%;
}

.rzslider.rz-vertical .rz-pointer {
  top: auto;
  bottom: 0;
  left: -14px !important;
}

.rzslider.rz-vertical .rz-bubble {
  bottom: 0;
  left: 16px !important;
  margin-left: 3px;
}

.rzslider.rz-vertical .rz-bubble.rz-selection {
  top: auto;
  left: 16px !important;
}

.rzslider.rz-vertical .rz-ticks {
  top: 0;
  left: -3px;
  z-index: 1;
  width: 0;
  height: 100%;
  padding: 11px 0;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.rzslider.rz-vertical .rz-ticks .rz-tick {
  vertical-align: middle;
}

.rzslider.rz-vertical .rz-ticks .rz-tick .rz-tick-value {
  top: initial;
  left: 22px;
  transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-ticks .rz-tick .rz-tick-legend {
  top: initial;
  right: 24px;
  max-width: none;
  white-space: nowrap;
  transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-ticks.rz-ticks-values-under .rz-tick-value {
  right: 12px;
  bottom: initial;
  left: initial;
}

svg.heart {
  width: 100%;
  fill: #818387;
  transition: all 3s;
  overflow: visible !important;
}

button.favorite {
  display: block;
  outline: 0;
  padding: 0;
  border: none;
  background: none;
  overflow: visible;
  position: relative;
}

button.favorite:focus {
  outline: 0;
}

button.favorite #heart-outline {
  transition: all .2s;
  cursor: pointer;
}

button.favorite.active svg #heart-outline {
  stroke: #FF76B9;
}

button.favorite.active svg #fill {
  position: absolute;
  z-index: 10;
  transform-origin: 50% 50%;
  animation: heartBeat 0.5s 1 cubic-bezier(0.16, 1.32, 0.91, 1.26);
  animation-fill-mode: forwards;
  fill: #FF76B9;
}

@keyframes heartBeat {
  0% {
    opacity: 0.5;
  }

  50% {
    fill: #FF76B9;
    transform: scale3d(1.4, 1.4, 1.4);
  }

  100% {
    opacity: 1;
    fill: #FF76B9;
    transform: scale3d(1, 1, 1);
  }
}

header.header-primary {
  padding: 0;
}

header.header-primary nav {
  width: 100%;
  display: flex;
}

@media (min-width: 768px) {
  header.header-primary nav {
    flex-direction: column;
  }
}

.nav-meta-wrap {
  padding: 1rem;
  order: 2;
}

@media (min-width: 768px) {
  .nav-meta-wrap {
    background: #007298;
    order: 1;
  }
}

.nav-meta {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0 auto;
  align-items: center;
  justify-content: flex-end;
}

.nav-meta li {
  margin-left: 2rem;
}

.nav-meta .cart-menu-item::before {
  content: '';
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icon-shopping-cart-white.svg) no-repeat;
  background-size: 100%;
  height: 30px;
  width: 23px;
  display: block;
  float: left;
}

.nav-meta .cart-menu-item span {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.nav-meta .account-menu-item {
  background: none;
  color: white;
  font-weight: 100;
  outlne: 0;
  border: none;
  padding: 0;
}

.nav-meta .account-menu-item::before {
  content: '';
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-profile.svg) no-repeat;
  background-size: 100%;
  height: 30px;
  width: 30px;
  display: block;
  float: left;
}

.nav-meta .account-menu-item span {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

@media (min-width: 768px) {
  .nav-meta .account-menu-item span {
    position: relative;
    overflow: initial;
    clip: none;
    height: auto;
    width: auto;
    margin: inherit;
    padding: auto;
    border: auto;
    display: inline-block;
    top: 3px;
    margin-left: 0.5rem;
  }
}

.nav-meta .account-menu-item:focus {
  outline: 0;
}

.nav-meta .toggle-menu-item::before {
  content: '';
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-menu.svg) no-repeat;
  background-size: 100%;
  height: 30px;
  width: 40px;
  display: block;
  float: left;
}

.nav-meta .toggle-menu-item span {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

@media (min-width: 768px) {
  .nav-meta .toggle-menu-item {
    display: none;
  }
}

.nav-main-wrap {
  padding: 1rem;
  order: 1;
}

@media (min-width: 768px) {
  .nav-main-wrap {
    order: 2;
  }
}

.nav-main {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0 auto;
  align-items: flex-end;
}

.nav-main .branding-menu-item::before {
  content: '';
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/logo-mark-white.svg) no-repeat;
  background-size: 100%;
  height: 30px;
  width: 30px;
  display: block;
}

@media (min-width: 768px) {
  .nav-main .branding-menu-item::before {
    background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/logo-full.svg) no-repeat;
    background-size: 100%;
    height: 45px;
    width: 200px;
  }
}

.nav-main .branding-menu-item span {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.level-1 {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: white;
  text-decoration: none;
  background: none;
  outline: 0;
  border: none;
}

.level-1:hover,
.level-1:focus {
  text-decoration: none;
}

@media (min-width: 768px) {
  .pos-relative {
    position: relative;
  }
}

.nav-primary {
  width: 100%;
  height: 100vh;
  list-style-type: none;
  margin: 0;
  padding: 1em;
  position: absolute;
  top: 0;
  left: 0;
  background: #007298;
  transition: all .35s;
  transform: translateX(100%);
}

@media (min-width: 768px) {
  .nav-primary {
    padding: 0;
    height: auto;
    position: relative;
    background: none;
    transform: translateX(0%);
  }
}

.nav-primary.is-open {
  transform: translateX(0%);
}

@media (min-width: 768px) {
  .nav-primary li {
    display: inline-block;
    margin-right: 2rem;
  }
}

.nav-primary .close-menu-item {
  text-align: right;
}

@media (min-width: 768px) {
  .nav-primary .close-menu-item {
    display: none;
  }
}

.nav-primary .close-menu-item button {
  outline: 0;
  background: none;
  border: none;
  color: white;
}

.nav-primary input[type="search"] {
  margin: 0;
}

.nav-secondary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
  list-style-type: none;
  background: #fff;
  padding: 1rem;
  width: 100%;
}

@media (min-width: 768px) {
  .nav-secondary {
    flex-direction: row;
    float: left;
    position: absolute;
    left: 0;
    top: 100%;
  }
}

.dropdown-menu {
  width: 100%;
  margin: 0;
}

@media (min-width: 768px) {
  .dropdown-menu {
    min-width: 325px;
    right: 0;
    left: auto;
  }
}

.nav-login-form {
  padding: 1rem;
  margin: 0;
}

.social-signup {
  margin-top: 1.875rem;
}

.btn-social {
  position: relative;
}

.btn-social > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2.8125rem;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.EmailOrMobileTitle {
  margin-bottom: 0;
}

.form-group .EmailOrMobileInput {
  margin-bottom: 0;
}

.btn-social.btn-lg {
  padding-left: 3.8125rem;
}

.btn-social.btn-lg > :first-child {
  line-height: 2.8125rem;
  width: 2.8125rem;
  font-size: 1.8rem;
}

.btn-social.btn-sm {
  padding-left: 2.375rem;
}

.btn-social.btn-sm > :first-child {
  line-height: 1.75rem;
  width: 1.75rem;
  font-size: 1.4rem;
}

.btn-social.btn-xs {
  padding-left: 1.875rem;
}

.btn-social.btn-xs > :first-child {
  line-height: 1.25rem;
  width: 1.25rem;
  font-size: 1.2rem;
}

.btn-facebook {
  color: white;
  width: 100%;
  background-color: #3C5A99;
}

.btn-facebook:hover {
  color: white;
}

.social-media-icon {
  display: inline-block;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/facebook-icon.png);
  background-repeat: no-repeat;
  background-position: center;
}

.content-seperator {
  margin-top: 1.875rem;
}

.option-seperator {
  height: 0.75rem;
  border-bottom: 1px solid #D1D1D1;
  text-align: center;
}

.grey-line {
  font-size: 0.6875em;
  line-height: 2;
  color: #727272;
  background-color: #F6F6F6;
  border: 1px solid #D1D1D1;
  padding: 0.5rem;
  border-radius: 50%;
}

.resendConfirmationCode {
  text-align: center;
}

.bg-floral {
  background-size: 100%;
  padding-bottom: 6em;
}

@media (min-width: 1024px) {
  .bg-floral {
    background-size: 70%;
  }
}

.sign-up-header {
  min-height: 265px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/prism-banner.jpg) no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 0;
}

.sign-up-header h2 {
  margin: 0.5em 1em 4em;
}

.avatar-sponsor {
  border-radius: 50%;
  margin-bottom: 1em;
}

.avatar-sponsor img {
  position: relative;
  border-radius: 50%;
  z-index: 10;
}

.profile-name {
  font-weight: 600;
  margin: .5em 0 0;
}

.profile-location {
  margin: 0;
}

.btn-primary {
  width: 100%;
  background-color: #008AB0;
  color: #FFFFFF;
}

#create-account {
  margin-top: 2.25rem;
  opacity: 1;
  display: block;
  max-height: 30em;
  overflow: hidden;
  transition: all 1s cubic-bezier(0.16, 1.32, 0.91, 1.26);
}

#create-account.ng-hide {
  max-height: 0;
  opacity: 0;
}

.sponsor-header + .container {
  margin-top: -5em;
}

.customer-header + .container {
  margin-top: -4em;
}

@media (min-width: 1440px) {
  .customer-header + .container {
    margin-top: -3.5em;
  }
}

.ripple {
  position: relative;
  width: 100px;
  height: 100px;
}

.circle {
  position: absolute;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  transform-origin: 50% 50%;
}

.circle:nth-child(1) {
  border: 10px solid rgba(255, 255, 255, 0.4);
  animation: wave 1.5s 1 0.5s cubic-bezier(0.44, 0.56, 0.52, 1.29);
  animation-fill-mode: both;
}

.circle:nth-child(2) {
  border: 10px solid rgba(255, 255, 255, 0.2);
  animation: wave-2 2.5s 1 cubic-bezier(0.66, 0.61, 0.67, 1.14);
  animation-fill-mode: both;
}

/* stays on full alpha from 50 to 75 */

@keyframes wave {
  0% {
    transform: scale(0);
    opacity: 0.0;
  }

  25% {
    opacity: 0.0;
  }

  50% {
    opacity: 1.0;
  }

  75% {
    opacity: 1.0;
  }

  100% {
    transform: scale(1.2);
    opacity: 1.0;
  }
}

@keyframes wave-2 {
  0% {
    transform: scale(0);
    opacity: 0.0;
  }

  25% {
    opacity: 0.0;
  }

  50% {
    opacity: 1.0;
  }

  75% {
    opacity: 1.0;
  }

  100% {
    transform: scale(1.35);
    opacity: 1.0;
  }
}

.card {
  background: #fff;
  padding: 1em;
}

.card input[disabled] {
  background: none;
  border: none;
  padding: 0;
}

.content {
  background: #F7F7F7;
}

.invite-banner {
  height: 292px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/prism-bg-lg@2x.png) center no-repeat;
  text-align: center;
}

.invite-banner .section {
  padding-top: 40px;
}

.invite-banner .distributor-avatar {
  width: 125px;
}

.invite-banner .banner-title h2 {
  color: #FFFFFF;
}

.text-link {
  font-size: 1.06rem;
  font-weight: 600;
  line-height: 1.3;
}

.signup-components {
  width: 275px;
  margin: auto;
}

.signup-container {
  background-color: white;
  padding: 9% 12%;
  padding-bottom: 2.313em;
}

.sponsor-background {
  width: 100%;
  height: 160px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/bottom-pattern@2x.png) left no-repeat;
  text-align: center;
}

@media screen and (max-width: 375px) {
  .signup-container {
    width: 100%;
    margin: auto;
    padding: 6% 6%;
    padding-bottom: 2.313em;
  }
}

@media screen and (min-width: 641px) {
  .signup-components {
    width: 360px;
  }
}

@media screen and (min-width: 376px) and (max-width: 768px) {
  .invite-banner {
    height: 240px;
  }

  .invite-banner .section {
    padding-top: 22px;
  }
}

@media screen and (min-width: 769px) {
  .invite-banner {
    height: 363px;
  }

  .invite-banner .section {
    padding-top: 22px;
  }

  .content-background {
    background-color: #A7A7A7;
  }

  .signup-container {
    width: 542px;
    margin: auto;
    margin-top: -112px;
    padding: 5% 4%;
    padding-bottom: 2.313em;
  }

  .sponsor-background {
    width: 542px;
    margin: auto;
  }
}

.joinwithdifferentsponsor {
  color: #008AB0;
}

.sponsor-link {
  font-family: ProximaNova-Light;
  font-size: 16px;
  line-height: 1.4;
  color: #008AB0;
}

.signupformsocial .form-group {
  margin-bottom: 1.875em;
}

.subheader {
  height: 135px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/prism-bg-lg.png) center no-repeat;
  text-align: center;
}

.subheader .subheader-content {
  padding-top: 30px;
}

.subheader .distributor-avatar {
  width: 70px;
  display: inline-block;
  vertical-align: top;
}

.subheader .subheader-text {
  display: inline-block;
  font-family: ProximaNova-Thin;
  font-size: 28px;
  color: white;
  line-height: 32px;
  margin-left: 16px;
  text-align: left;
}

.password-input {
  width: 100%;
}

.password-section {
  background-color: white;
  padding: 9% 12%;
}

.subsection {
  font-family: ProximaNova-Regular;
}

.subsection .input-hint {
  float: right;
  font-family: ProximaNova-Regular;
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: -0.1px;
  color: #727272;
}

.password-icon {
  margin-left: -42px;
}

@media screen and (min-width: 769px) {
  .subheader {
    height: 262px;
  }

  .subheader .subheader-content {
    padding-top: 40px;
  }

  .password-section {
    width: 556px;
    margin: auto;
    margin-top: -125px;
    padding: 6% 6%;
  }
}

.signupaccsetupcontainer {
  /* For the Account Type Page on Distributor Sign Up */
}

.signupaccsetupcontainer main {
  padding: 2rem 0 0 0;
}

.signupaccsetupcontainer .container {
  width: 100%;
}

.signupaccsetupcontainer .password-icon {
  float: right;
  margin-right: 10px;
  margin-top: -22.5px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.signupaccsetupcontainer fieldset {
  padding: 0 1.250em;
}

.signupaccsetupcontainer .m-t-8px {
  margin-top: 8px;
}

.signupaccsetupcontainer .family-radio .m-b-0 {
  margin-bottom: 0.65em !important;
}

.signupaccsetupcontainer .family-radio p {
  font-weight: normal;
  font-size: 0.875rem;
  color: #2D2D2D;
  line-height: 1.29;
  margin-bottom: 0.725em;
}

.signupaccsetupcontainer .family-radio label {
  font-size: 1rem;
  font-weight: 300;
  margin-bottom: 0 !important;
}

.signupaccsetupcontainer .family-radio .col-sm-3 {
  padding-right: 0.438em;
}

.signupaccsetupcontainer .family-radio [type="radio"]:not(:checked) + label:before,
.signupaccsetupcontainer .family-radio [type="radio"]:checked + label:before {
  left: 0px;
  top: 3px;
}

.signupaccsetupcontainer .contact-pref-title {
  padding-bottom: 10px;
}

.signupaccsetupcontainer .checkbox input[type="checkbox"]:checked + label::before {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-checkmark-white.png) no-repeat center;
  border-color: #008AB0;
  background-color: #008AB0;
}

.signupaccsetupcontainer .email-pref-checkbox {
  margin-bottom: 0;
  padding-left: 0;
}

.signupaccsetupcontainer .email-pref-checkbox .checkboxText {
  display: flex;
}

.signupaccsetupcontainer .email-pref-checkbox .checkboxText .checkbox-value {
  display: grid;
  padding-left: 0.5rem;
}

.signupaccsetupcontainer .email-pref-checkbox .checkboxText .checkbox-value .title-check {
  font-weight: 300;
}

.signupaccsetupcontainer .email-pref-checkbox .checkboxText .checkbox-value .value-check {
  font-size: 0.8125rem;
  font-weight: 300;
}

.signupaccsetupcontainer .checkboxText {
  display: flex;
}

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

.signupaccsetupcontainer .gender-checkbox {
  padding: 0.3125rem 0;
}

.signupaccsetupcontainer p.small {
  margin-top: .625em;
  font-weight: 300;
  margin-bottom: 0;
}

.signupaccsetupcontainer .policy-link {
  font-size: .8125rem;
  line-height: 1.4;
  color: #008AB0;
  font-weight: 300;
  margin-left: 0.31;
  text-decoration: none;
}

.signupaccsetupcontainer .valid-age-label {
  font-weight: 300;
}

.signupaccsetupcontainer .ssn-error-msg {
  display: none;
}

.signupaccsetupcontainer #optional-form {
  background: linear-gradient(to bottom, #008AB0 0%, #1CD8D2 100%);
  min-height: 100vh;
  padding: 1em;
  opacity: 1;
  transition: all 0.75s cubic-bezier(0.16, 1.32, 0.91, 1.26);
}

.signupaccsetupcontainer #optional-form.ng-hide {
  opacity: 0;
}

.signupaccsetupcontainer #optional-form .select-wrapper select.form-control {
  background-color: transparent;
  position: relative;
  cursor: pointer;
  z-index: 10;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: none;
}

.signupaccsetupcontainer #optional-form .ca-zip-code {
  text-transform: uppercase;
}

.signupaccsetupcontainer #optional-form .additional-info {
  margin: 0 auto;
  text-align: center;
}

.signupaccsetupcontainer #optional-form h5 {
  text-transform: none;
  font-weight: 300;
}

.signupaccsetupcontainer #optional-form .separator-line {
  width: 90%;
  height: 1px;
  background-color: #D1D1D1;
  position: relative;
  margin: 5%;
  text-align: center;
}

.signupaccsetupcontainer #optional-form .circle {
  display: inline-block;
  vertical-align: middle;
  width: 2.8125em;
  height: 2.8125em;
  background-color: #008AB0;
  border: solid 1px #008AB0;
  border-radius: 50%;
  position: static;
  top: 0;
  left: 0;
  margin-top: -1.5em;
  text-align: center;
  color: #727272;
}

.signupaccsetupcontainer #optional-form .separator-text {
  text-align: center;
  font-weight: 300;
  font-size: .8rem;
  line-height: 1rem;
  top: 0.188em;
  color: #FFFFFF;
}

.signupaccsetupcontainer #optional-form .add-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/add.svg) no-repeat 0.8125rem 0;
  height: 0.9375em;
  margin-top: .5em;
  color: #FFFFFF;
}

.signupaccsetupcontainer #optional-form .contact-preference {
  display: inline-block;
  float: left;
}

.signupaccsetupcontainer #optional-form .contact-button-mail {
  background: #F7F7F7;
  color: #727272;
  border-right: #A7A7A7 1px solid;
  border-radius: 1.25em 0 0 1.25em;
  -moz-border-radius: 1.25em 0 0 1.25em;
  -webkit-border-radius: 1.25em 0 0 1.25em;
}

.signupaccsetupcontainer #optional-form .contact-button-phone {
  background: #F7F7F7;
  font-weight: 400;
  font-size: .8rem;
  color: #727272;
  border-radius: 0 1.25em 1.25em 0;
  -moz-border-radius: 0 1.25em 1.25em 0;
  -webkit-border-radius: 0 1.25em 1.25em 0;
}

.signupaccsetupcontainer #optional-form .contact-button-mail-selected {
  background-color: #1CD8D2;
  border-radius: 1.25em 0px 0px 1.25em;
  -moz-border-radius: 1.25em 0px 0px 1.25em;
  -webkit-border-radius: 1.25em 0px 0px 1.25em;
}

.signupaccsetupcontainer #optional-form .contact-button-phone-selected {
  background-color: #1CD8D2;
  border-radius: 0 1.25em 1.25em 0;
  -moz-border-radius: 0 1.25em 1.25em 0;
  -webkit-border-radius: 0 1.25em 1.25em 0;
}

.signupaccsetupcontainer #optional-form .contact-preference {
  display: inline-block;
  float: left;
}

.signupaccsetupcontainer #optional-form .whatisabnlink {
  font-size: 0.875rem;
}

.signupaccsetupcontainer #optional-form .contact-button-mail {
  background: #F7F7F7;
  border-right: #A7A7A7 1px solid;
  border-radius: 1.25em 0 0 1.25em;
  -moz-border-radius: 1.25em 0 0 1.25em;
  -webkit-border-radius: 1.25em 0 0 1.25em;
}

.signupaccsetupcontainer #optional-form .contact-button-phone {
  background: #F7F7F7;
  border-radius: 0 1.25em 1.25em 0;
  -moz-border-radius: 0 1.25em 1.25em 0;
  -webkit-border-radius: 0 1.25em 1.25em 0;
}

.signupaccsetupcontainer #optional-form .contact-button-mail:active {
  background-color: #1CD8D2;
}

.signupaccsetupcontainer #optional-form .contact-button-phone:active {
  background-color: #1CD8D2;
}

.signupaccsetupcontainer #optional-form .member-container .member-title {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5;
  color: #444444;
  text-transform: uppercase;
}

.signupaccsetupcontainer #optional-form .member-container h5 {
  line-height: 1.85;
  color: #A7A7A7;
}

.signupaccsetupcontainer #optional-form .associate-list p {
  line-height: 1.5;
  color: #444444;
  text-transform: uppercase;
  margin-bottom: 0;
}

.signupaccsetupcontainer #optional-form .associate-list h5 {
  line-height: 1.85;
  color: #A7A7A7;
}

.signupaccsetupcontainer #optional-form .collapsing {
  transition-duration: .5s;
}

.signupaccsetupcontainer #optional-form .container.sm-full-width {
  width: 100%;
}

.signupaccsetupcontainer #optional-form .customer-header + .container {
  margin-top: -4em;
}

.signupaccsetupcontainer #optional-form p.optional-heading {
  font-size: 1.813rem;
  line-height: 1.1;
  margin-bottom: 1.25rem;
  color: #FFFFFF;
  text-align: center;
  font-weight: 300;
  text-transform: uppercase;
}

.signupaccsetupcontainer #optional-form p.optional-info-text {
  margin-bottom: 1.5rem;
}

.signupaccsetupcontainer #optional-form #accordionform {
  background: none;
}

.signupaccsetupcontainer form {
  margin: 1rem 0 0 0;
}

.signupaccsetupcontainer .bank-example-hyperlink div.panel-collapse {
  margin: 0.625rem -2.0625rem 0rem;
}

.signupaccsetupcontainer .bank-example-hyperlink div.panel-collapse .check-example-label label {
  margin-left: 2.0625rem;
}

.signupaccsetupcontainer .bank-example-hyperlink div.panel-collapse .check-example-image {
  margin: 0rem 2.0625rem;
}

.signupaccsetupcontainer .more-less-wrapper {
  margin-top: 1.3125rem;
  margin-bottom: 1rem;
}

.signupaccsetupcontainer .more-less-wrapper .more-content {
  margin-bottom: 0rem;
}

.signupaccsetupcontainer .more-less-wrapper .less-content {
  margin-top: 0.6875rem;
  margin-bottom: 0rem;
  line-height: 1.38rem;
}

.signupaccsetupcontainer .more-less-wrapper .distrubtor-support {
  font-weight: 600;
}

.signupaccsetupcontainer .bank-more-hyperlink:focus,
.signupaccsetupcontainer .bank-more-hyperlink:hover,
.signupaccsetupcontainer .bank-less-hyperlink:focus,
.signupaccsetupcontainer .bank-less-hyperlink:hover {
  color: #008AB0;
  outline: none;
  text-decoration: none;
}

.signupaccsetupcontainer .account-name-helper {
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.23;
  color: #2D2D2D;
}

.signupaccsetupcontainer .contact-preference-wrapper label {
  font-size: 0.875rem;
  line-height: 1.57;
  letter-spacing: -0.1px;
  color: #2D2D2D;
}

.signupaccsetupcontainer .contact-preference-wrapper .checkbox label {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  color: #444444;
  margin-bottom: 0.2px;
}

.signupaccsetupcontainer .contact-preference-wrapper .checkbox label.fieldval {
  padding-left: 1.5625rem;
}

.signupaccsetupcontainer .preference-form-label-helper {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.23;
  color: #777676;
}

.signupaccsetupcontainer .p-0 {
  padding: 0;
}

.signupaccsetupcontainer .contact-preference-label-helper {
  margin-top: -0.8125rem;
  padding-left: 2.3625rem;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.85;
  text-align: left;
  color: #444444;
}

@media (max-width: 1440px) {
  .signupaccsetupcontainer .circle {
    margin-left: 0.0625rem;
  }
}

@media (min-width: 1440px) {
  .signupaccsetupcontainer .customer-header + .container {
    margin-top: -3.5em;
  }

  .signupaccsetupcontainer .circle {
    margin-left: 0px;
  }
}

@media screen and (min-width: 768px) {
  .signupaccsetupcontainer .container.sm-full-width {
    margin-top: -3.5em;
    padding-bottom: 3.125em;
  }

  .signupaccsetupcontainer form {
    padding-bottom: 0.9375em;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .signupaccsetupcontainer #optional-form .circle {
    left: 38%;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .signupaccsetupcontainer .radio-custom + .radio-custom,
  .signupaccsetupcontainer .checkbox + .checkbox {
    margin-top: 0.5rem;
  }
}

.signupaccsetupcontainer .account-type-tooltip {
  background-image: linear-gradient(116deg, #1d7398, #0a4b5d);
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.1);
  margin-left: 2.5rem;
  margin-right: .5rem;
  position: absolute;
}

.signupaccsetupcontainer .account-type-tooltip .arrow-up {
  width: 0;
  height: 0;
  border-left: .6rem solid transparent;
  border-right: .6rem solid transparent;
  border-bottom: .6rem solid #1d7398;
  margin-top: -.5rem;
  margin-left: 2.5rem;
}

.signupaccsetupcontainer .account-type-tooltip-text {
  padding: .5rem .75rem;
  font-size: .75rem;
  font-weight: 300;
  line-height: 1.5;
  text-align: left;
  color: #FFFFFF;
}

.signupaccsetupcontainer .hide-account-type-tooltip {
  display: none;
}

.signupaccsetupcontainer .account-type-subhead {
  margin-bottom: 2rem;
  color: #9B9B9B;
  font-size: .875rem;
  font-weight: 300;
  line-height: 1.375rem;
}

.signupaccsetupcontainer .account-type-bullets {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.5;
  color: #9B9B9B;
  margin-left: 1rem;
}

.signupaccsetupcontainer .account-type-radio {
  /* checked mark aspect changes */
  /* radio aspect */
  /* radio checked aspect */
}

.signupaccsetupcontainer .account-type-radio [type="radio"]:not(:checked),
.signupaccsetupcontainer .account-type-radio [type="radio"]:checked {
  position: absolute;
  left: -624.938rem;
}

.signupaccsetupcontainer .account-type-radio [type="radio"]:not(:checked) + label,
.signupaccsetupcontainer .account-type-radio [type="radio"]:checked + label {
  position: relative;
  cursor: pointer;
  font-weight: 300;
  color: #008AB0;
  padding-left: 2.25rem;
  margin-bottom: 0.65rem;
  font-size: 1.25rem;
}

.signupaccsetupcontainer .account-type-radio [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.signupaccsetupcontainer .account-type-radio [type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

.signupaccsetupcontainer .account-type-radio [type="radio"]:not(:checked) + label:before,
.signupaccsetupcontainer .account-type-radio [type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  border: 1px solid #D1D1D1;
  background: #FFFFFF;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
}

.signupaccsetupcontainer .account-type-radio [type="radio"]:not(:checked) + label:after,
.signupaccsetupcontainer .account-type-radio [type="radio"]:checked + label:after {
  content: '';
  background: #008AB0;
  position: absolute;
  width: .875rem;
  height: .875rem;
  top: 0.5rem;
  left: 0.3rem;
  border-radius: 50%;
  transition: all .2s;
}

@media screen and (max-width: 767px) {
  .signupaccsetupcontainer .account-type-radio [type="radio"]:not(:checked) + label,
  .signupaccsetupcontainer .account-type-radio [type="radio"]:checked + label {
    line-height: 1.25rem;
    padding-left: 2.5rem;
  }

  .signupaccsetupcontainer .account-type-radio [type="radio"]:not(:checked) + label:before,
  .signupaccsetupcontainer .account-type-radio [type="radio"]:checked + label:before {
    width: 1.5rem;
    height: 1.5rem;
  }

  .signupaccsetupcontainer .account-type-radio [type="radio"]:not(:checked) + label:after,
  .signupaccsetupcontainer .account-type-radio [type="radio"]:checked + label:after {
    width: 0.875rem;
    height: 0.875rem;
    top: 0.5rem;
    left: 0.3rem;
  }
}

.bg-floral {
  background-size: 100%;
  padding-bottom: 6em;
}

@media (min-width: 1024px) {
  .bg-floral {
    background-size: 70%;
  }
}

.sign-up-header {
  min-height: 265px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/prism-banner.jpg) no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 0;
}

.sign-up-header h2 {
  margin: 0.5em 1em 4em;
}

.avatar-sponsor {
  border-radius: 50%;
  margin-bottom: 1em;
}

.avatar-sponsor img {
  position: relative;
  border-radius: 50%;
  z-index: 10;
}

.profile-name {
  font-weight: 600;
  margin: .5em 0 0;
}

.profile-location {
  margin: 0;
}

.btn-primary {
  width: 100%;
  background-color: #008AB0;
  color: #FFFFFF;
}

#create-account {
  margin-top: 2.25rem;
  opacity: 1;
  display: block;
  max-height: 30em;
  overflow: hidden;
  transition: all 1s cubic-bezier(0.16, 1.32, 0.91, 1.26);
}

#create-account.ng-hide {
  max-height: 0;
  opacity: 0;
}

.sponsor-header + .container {
  margin-top: -5em;
}

.customer-header + .container {
  margin-top: -4em;
}

@media (min-width: 1440px) {
  .customer-header + .container {
    margin-top: -3.5em;
  }
}

.ripple {
  position: relative;
  width: 100px;
  height: 100px;
}

.circle {
  position: absolute;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  transform-origin: 50% 50%;
}

.circle:nth-child(1) {
  border: 10px solid rgba(255, 255, 255, 0.4);
  animation: wave 1.5s 1 0.5s cubic-bezier(0.44, 0.56, 0.52, 1.29);
  animation-fill-mode: both;
}

.circle:nth-child(2) {
  border: 10px solid rgba(255, 255, 255, 0.2);
  animation: wave-2 2.5s 1 cubic-bezier(0.66, 0.61, 0.67, 1.14);
  animation-fill-mode: both;
}

/* stays on full alpha from 50 to 75 */

@keyframes wave {
  0% {
    transform: scale(0);
    opacity: 0.0;
  }

  25% {
    opacity: 0.0;
  }

  50% {
    opacity: 1.0;
  }

  75% {
    opacity: 1.0;
  }

  100% {
    transform: scale(1.2);
    opacity: 1.0;
  }
}

@keyframes wave-2 {
  0% {
    transform: scale(0);
    opacity: 0.0;
  }

  25% {
    opacity: 0.0;
  }

  50% {
    opacity: 1.0;
  }

  75% {
    opacity: 1.0;
  }

  100% {
    transform: scale(1.35);
    opacity: 1.0;
  }
}

.card {
  background: #fff;
  padding: 1em;
}

.card input[disabled] {
  background: none;
  border: none;
  padding: 0;
}

.content {
  background: #F7F7F7;
}

.invite-banner {
  height: 292px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/prism-bg-lg@2x.png) center no-repeat;
  text-align: center;
}

.invite-banner .section {
  padding-top: 40px;
}

.invite-banner .distributor-avatar {
  width: 125px;
}

.invite-banner .banner-title h2 {
  color: #FFFFFF;
}

.text-link {
  font-size: 1.06rem;
  font-weight: 600;
  line-height: 1.3;
}

.signup-components {
  width: 275px;
  margin: auto;
}

.signup-container {
  background-color: white;
  padding: 9% 12%;
  padding-bottom: 2.313em;
}

.sponsor-background {
  width: 100%;
  height: 160px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/bottom-pattern@2x.png) left no-repeat;
  text-align: center;
}

@media screen and (max-width: 375px) {
  .signup-container {
    width: 100%;
    margin: auto;
    padding: 6% 6%;
    padding-bottom: 2.313em;
  }
}

@media screen and (min-width: 641px) {
  .signup-components {
    width: 360px;
  }
}

@media screen and (min-width: 376px) and (max-width: 768px) {
  .invite-banner {
    height: 240px;
  }

  .invite-banner .section {
    padding-top: 22px;
  }
}

@media screen and (min-width: 769px) {
  .invite-banner {
    height: 363px;
  }

  .invite-banner .section {
    padding-top: 22px;
  }

  .content-background {
    background-color: #A7A7A7;
  }

  .signup-container {
    width: 542px;
    margin: auto;
    margin-top: -112px;
    padding: 5% 4%;
    padding-bottom: 2.313em;
  }

  .sponsor-background {
    width: 542px;
    margin: auto;
  }
}

.joinwithdifferentsponsor {
  color: #008AB0;
}

.sponsor-link {
  font-family: ProximaNova-Light;
  font-size: 16px;
  line-height: 1.4;
  color: #008AB0;
}

.signupformsocial .form-group {
  margin-bottom: 1.875em;
}

.topbanner {
  background-color: #6BC56A;
  width: 100%;
  height: 44px;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.4;
  color: #FFFFFF;
  padding: .5em;
  text-align: center;
}

.imgwrapper {
  margin: 0 auto;
  text-align: center;
}

#generic-profile {
  width: 4.063em;
  height: 4.063em;
}

.sign-up-header.customer-header {
  display: table;
  width: 100%;
  height: 16.5625rem;
}

.sign-up-header.customer-header .imgwrapper {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .sign-up-header {
    min-height: 300px;
  }
}

.btn {
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.9rem 1.625rem 0.85rem;
  font-size: 0.8125rem;
  line-height: 1.2;
  border-radius: 0.1875rem;
  letter-spacing: 1px;
  margin-bottom: 1em;
  transition: all .2s linear;
  white-space: normal;
}

.btn:focus,
.btn:active:focus {
  outline: 0;
}

.btn.btn-link {
  padding: 0.5em;
  text-transform: none;
  font-weight: 300;
  letter-spacing: 0;
}

.btn.btn-default {
  color: white;
  background: #008AB0;
}

.btn.btn-secondary {
  color: #727272;
  border-color: #727272;
}

.btn.btn-tertiary-outline {
  background: none;
  color: black;
  border-color: black;
}

.btn.reverse {
  color: white;
  border-color: white;
}

.btn.facebook {
  color: white;
  background: #3C5A99;
}

.btn.instagram {
  color: white;
  background: #2E587F;
}

.btn.twitter {
  color: white;
  background: #4685B9;
}

.btn.linked-in {
  color: white;
  background: #15548B;
}

.btn.amazon {
  color: white;
  background: #DE9823;
}

.btn.google {
  color: white;
  background: #BC3A2D;
}

.btn.btn-primary.play {
  padding: 0;
  width: 0;
  height: 0;
}

.btn.btn-primary.play span {
  display: none;
}

.distributor-setup-container .distributor-button {
  width: 21.2em;
}

.distributor-setup-container .left-container {
  padding-left: 2.5em;
  padding-bottom: 2.5em;
}

.distributor-setup-container .right-container {
  padding: 2.5em;
}

.distributor-setup-container .bottom-container {
  margin-top: 5%;
}

.distributor-setup-container .dtitle {
  font-weight: 100;
  font-size: 1.8125rem;
  line-height: 1.1;
  color: #727272;
}

.distributor-setup-container .separator-line {
  width: 0.0625rem;
  min-height: 10.25em;
  background-color: #D1D1D1;
  position: relative;
  left: 50%;
  top: 0;
  text-align: center;
}

.distributor-setup-container .circle {
  display: inline-block;
  vertical-align: middle;
  width: 1.875em;
  height: 1.875em;
  background-color: #F6F6F6;
  border: solid 0.0625rem #D1D1D1;
  border-radius: 50%;
  position: absolute;
  top: -0.875rem;
  left: calc(50% - 0.9375rem);
  text-align: center;
  color: #727272;
}

.distributor-setup-container .circle:nth-child(1) {
  border: 0.375rem solid rgba(255, 255, 255, 0.4);
}

.distributor-setup-container .separator-text {
  text-align: center;
  font-weight: 300;
  font-size: 0.8rem;
}

.distributor-setup-container .middle-section .heading-section,
.distributor-setup-container .middle-section .content-heading {
  display: table;
  width: 100%;
}

.distributor-setup-container .middle-section .heading-left,
.distributor-setup-container .middle-section .heading-right,
.distributor-setup-container .middle-section .table-left-section,
.distributor-setup-container .middle-section .table-right-section {
  display: table-cell;
  width: 49%;
}

.distributor-setup-container .middle-section .table-right-section {
  padding-left: 0.625rem;
}

.distributor-setup-container .middle-section .table-middle-section {
  display: table-cell;
  width: 2%;
  vertical-align: middle;
  border-left: 0.0625rem solid #D1D1D1;
}

.distributor-setup-container .middle-section .table-middle-section .or-section {
  position: absolute;
  background: #F6F6F6;
  border-radius: 50%;
  left: -1.125rem;
}

.distributor-setup-container .middle-section .table-middle-section .or-section .or-text {
  padding: 0.3125rem 0.375rem;
  font-weight: 300;
  font-size: 1rem;
  color: #727272;
}

.distributor-setup-container .middle-section .footer-section {
  height: 8rem;
}

.distributor-setup-container .middle-section .footer-section > div {
  padding-top: 1.5rem;
}

@media screen and (max-width: 374px) {
  .distributor-setup-container .distributor-button {
    padding: 1rem .4rem 1rem .4rem;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .distributor-setup-container {
    background: #FFFFFF;
  }

  .distributor-setup-container main {
    box-shadow: none;
  }

  .distributor-setup-container .separator-line {
    width: 100%;
    height: 0.0625rem;
    left: 0%;
    background-color: #D1D1D1;
    position: relative;
    min-height: 0;
  }

  .distributor-setup-container .circle {
    top: -0.938em;
  }

  .distributor-setup-container .left-container {
    padding: 0 2.5em 2.5em;
  }

  .distributor-setup-container .maincontainer {
    padding: 0 1.5em 0;
  }
}

@media screen and (min-width: 320px) and (max-width: 411px) {
  .distributor-setup-container .maincontainer {
    padding: 0 0.5em 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .distributor-setup-container {
    background: #FFFFFF;
    padding-bottom: 1.75rem;
  }

  .distributor-setup-container .divider {
    display: block;
    text-align: center;
    margin: 1.5em 0;
    position: relative;
  }

  .distributor-setup-container .divider::before {
    content: '';
    display: block;
    width: 100%;
    height: 0.0625rem;
    background: #D1D1D1;
    position: absolute;
    top: 50%;
    left: 0;
  }

  .distributor-setup-container .separator-line {
    width: 100%;
    height: 0.0625rem;
    left: 0%;
    background-color: #D1D1D1;
    position: relative;
    min-height: 0;
  }

  .distributor-setup-container .left-container {
    padding-left: 2.5em;
  }

  .distributor-setup-container main {
    box-shadow: none;
  }
}

@media screen and (min-width: 1024px) {
  .distributor-setup-container .left-content,
  .distributor-setup-container .right-content {
    min-height: 6.625em;
  }

  .distributor-setup-container .content-seperator {
    display: none;
  }

  .distributor-setup-container .right-container {
    padding-top: 0;
    padding: 0 2.5em 0 0;
  }

  .distributor-setup-container .left-container {
    border-bottom: 0;
    padding: 0 0 0 1em;
  }
}

@media screen and (min-width: 1229px) {
  .distributor-setup-container .left-container {
    padding: 0 0 0 4em;
  }
}

.distributor-setup-container .shopping-btn {
  color: #008AB0;
  border: 0.0625rem solid #008AB0;
  background: white;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .distributor-setup-container .table-left-section,
  .distributor-setup-container .table-right-section {
    position: relative;
  }

  .distributor-setup-container .table-left-section {
    right: 1.125rem;
  }

  .distributor-setup-container .table-right-section {
    left: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .distributor-setup-container .middle-section .table-right-section {
    padding: 0 3.125rem;
  }

  .distributor-setup-container .middle-section .table-left-section {
    padding-left: 3.125rem;
    padding-right: 3rem;
  }

  .distributor-setup-container .middle-section .table-middle-section .or-section {
    left: -1rem;
  }

  .distributor-setup-container .middle-section .table-right-section {
    padding-right: 3.125rem;
  }
}

@media screen and (min-width: 1024px) {
  .top-container-margin {
    margin-top: -3.5em;
    padding-bottom: 3.5rem;
  }
}

.welcome-on-board .welcome-on-board-banner {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.welcome-on-board .welcome-on-board-banner video {
  object-fit: cover;
}

.welcome-on-board .welcome-on-board-title {
  width: 100%;
  height: 1.5em;
  margin: 1em auto 0.5em;
  font-size: 1.5rem;
}

.welcome-on-board #bigPlayButton {
  cursor: pointer;
  text-align: center;
  border-radius: 50%;
  height: 3.75em;
  width: 3.75em;
  margin: 0;
  padding: 0;
  position: absolute;
  left: calc(50% - 1.875em);
  top: calc(50% - 1.875em);
  z-index: 10;
  background: rgba(0, 138, 176, 0.75);
  border: none;
}

.welcome-on-board #bigPlayButton span {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 0.0625em;
  width: 0.0625em;
  margin: -0.0625em;
  padding: 0;
  border: 0;
}

.welcome-on-board #bigPlayButton::before {
  content: '';
  display: block;
  height: 1.375em;
  width: 1.25em;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-play.svg) no-repeat;
  background-size: 100%;
  margin: 0 auto;
  position: relative;
  left: 0.1875em;
  -webkit-transition: .5s all;
  transition: .5s all;
}

.welcome-on-board .things-to-get-started {
  width: 20.25em;
}

.welcome-on-board .things-to-get-started p {
  color: #FFFFFF;
  text-align: center;
}

.welcome-on-board .things-to-get-started h2 {
  color: #FFFFFF;
  text-align: center;
}

.welcome-on-board .short-message {
  padding: 1.2em 0 0.625em 0;
  line-height: 1.31;
  color: #4A4A4A;
}

.welcome-on-board .short-message p {
  margin-bottom: 0;
}

.welcome-on-board .close-video {
  padding: 0.8em 0 1.5em 0;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 0.03125em;
  color: #028fb2;
  cursor: pointer;
}

.welcome-on-board .bg-cayman {
  background: -webkit-linear-gradient(top, #008AB0 0%, #1CD8D2 100%);
  background: linear-gradient(to bottom, #008AB0 0%, #1CD8D2 100%);
  padding: 1em 4.625em 1.875em;
}

.welcome-on-board .card-block {
  padding: 0;
  width: 100%;
  height: 11.875em;
}

.welcome-on-board .home-page-content {
  width: 9.9125em;
  height: 9.9125em;
  opacity: 0.5;
  border-radius: 0.375em;
  background-color: rgba(255, 255, 255, 0.25);
  border: solid 0.0625em #FFFFFF;
  text-align: center;
  padding-top: 2.25em;
  margin-top: 4.75em;
}

.welcome-on-board .home-page-content h3 {
  opacity: 0.51;
  font-size: 1.875em;
  font-weight: 600;
  line-height: 0.93;
  letter-spacing: 0.1875em;
  color: #FFFFFF;
}

.welcome-on-board .home-page-content p {
  opacity: 0.51;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.35;
  letter-spacing: 0.0625em;
  color: #FFFFFF;
}

.welcome-on-board .short-message-section {
  text-align: left;
  width: 41.875em;
  margin: 0 auto;
}

.welcome-on-board .banner-video-clock {
  width: 6.25em;
  height: 1.5em;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/clock-small.png) no-repeat;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.70;
  color: #727272;
  padding-left: 1.875em;
  padding-bottom: 0.5em;
}

.welcome-on-board .cards-dismissed {
  text-align: center;
  width: 100%;
}

.welcome-on-board .cards-dismissed h2 {
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 1.17;
  color: #FFFFFF;
}

.welcome-on-board .cards-dismissed p {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.31;
  color: #FFFFFF;
}

.welcome-on-board .cssSlideUp {
  transition: .5s linear all;
  opacity: 1;
}

.welcome-on-board .cssSlideUp.ng-hide {
  opacity: 0;
}

.welcome-on-board .cards-component {
  width: 20.25em;
  height: 11.875em;
}

.welcome-on-board .cards-component #slickCard {
  height: 11.875em;
}

.welcome-on-board .cards-component .card {
  height: 11.875em;
  margin-bottom: 0;
}

.welcome-on-board .cards-component .slick-dots {
  bottom: -1.9rem;
}

.welcome-on-board .cards-component .slick-dots li {
  margin: 0 0.4rem;
}

.welcome-on-board .carousel.carousel-primary .slick-prev::before {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-left-white.svg) no-repeat;
}

.welcome-on-board .carousel.carousel-primary .slick-next::before {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-right-white.svg) no-repeat;
}

.welcome-on-board .dist-auth-cards .bg-cayman #show-suggestions .cards-component {
  min-height: 13.750rem;
}

@media screen and (min-width: 320px) and (max-width: 359px) {
  .welcome-on-board .things-to-get-started {
    width: 17.25em;
  }

  .welcome-on-board .cards-component {
    width: 16.85em;
  }

  .welcome-on-board .cards-component .card {
    width: 16.85em;
  }

  .welcome-on-board .cards-component .card .card-title {
    max-height: 1.6em;
  }
}

@media screen and (max-width: 767px) {
  .welcome-on-board .home-page-content {
    display: none;
  }

  .welcome-on-board .welcome-on-board-title {
    width: 12.84em;
    height: 3.5em;
  }

  .welcome-on-board .bg-cayman {
    padding-left: 2em;
    padding-right: 2em;
  }

  .welcome-on-board .short-message p {
    width: 100%;
    font-size: 1.5rem;
    font-weight: 100;
  }

  .welcome-on-board .welcome-on-board-banner {
    width: 100%;
    height: 100%;
  }

  .welcome-on-board .bg-cayman {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .welcome-on-board .short-message-section {
    width: 18.5em;
    padding: 0;
  }

  .welcome-on-board .things-to-get-started {
    margin: 0 auto;
  }

  .welcome-on-board .carousel.carousel-primary .slick-prev {
    left: -1.3rem;
  }

  .welcome-on-board .carousel.carousel-primary .slick-next {
    right: -1.3rem;
  }

  .welcome-on-board .dist-auth-cards .bg-cayman.bg-cayman-wrapper {
    padding: 0;
  }

  .welcome-on-board .dist-auth-cards .bg-cayman.bg-cayman-wrapper .suggestions-heading {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .welcome-on-board .dist-auth-cards .bg-cayman.bg-cayman-wrapper #show-suggestions .panel-body > div:first-child {
    padding-left: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .welcome-on-board .welcome-on-board-title {
    width: 100%;
  }

  .welcome-on-board .welcome-on-board-banner {
    width: 100%;
    height: 100%;
  }

  .welcome-on-board .short-message-section {
    width: 22.125em;
  }

  .welcome-on-board .bg-cayman {
    padding-left: 2.25em;
  }

  .welcome-on-board .carousel.carousel-primary .slick-prev {
    left: -1.7rem;
  }

  .welcome-on-board .carousel.carousel-primary .slick-next {
    right: -1.7rem;
  }
}

@media screen and (min-width: 1024px) {
  .welcome-on-board .welcome-on-board-banner {
    width: 100%;
    height: 100%;
  }

  .welcome-on-board .carousel.carousel-primary .slick-prev {
    left: -2.2rem;
  }

  .welcome-on-board .carousel.carousel-primary .slick-next {
    right: -2.2rem;
  }

  .welcome-on-board .dist-auth-cards .bg-cayman.bg-cayman-wrapper #show-suggestions .panel-body > div:first-child {
    padding-left: 2.5rem;
  }
}

.panel {
  background-color: #008AB0;
}

/******* Terms and Conditions *********/

.distributor-avatar {
  width: 70px;
  display: inline-block;
  vertical-align: top;
}

.terms-container .carousel-inner > .item {
  -webkit-transition: 0.2s ease-in-out left;
  -moz-transition: 0.2s ease-in-out left;
  -o-transition: 0.2s ease-in-out left;
  transition: 0.2s ease-in-out left;
}

.terms-container .carousel-inner img {
  margin: 0 auto;
}

.terms-container #outer {
  background-color: #F5F5F5;
  padding: 1em;
}

.terms-container #inner {
  color: black;
  font-weight: 600;
  height: 6.250em;
  margin-left: auto;
  margin-right: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: #F7F7F7;
}

.terms-container .button {
  background-color: #008AB0;
  border: none;
  color: white;
  padding: 0.938em 2em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 0.250em 0.125em;
  cursor: pointer;
  width: 17.250em;
  word-wrap: true;
}

.terms-container .Agreement-margin {
  margin-top: 20px;
}

.terms-container .custom-button {
  min-width: 276px;
  max-width: 276px;
}

.terms-container ::-webkit-scrollbar {
  width: 0.375em;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}

.terms-container ::-webkit-scrollbar-thumb {
  border-radius: 0.313em;
  background-color: #A7A7A7;
}

.terms-container ::-webkit-scrollbar-track {
  background-color: #F7F7F7;
}

.back-button {
  height: 20px;
  width: 10px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-left.svg) no-repeat;
  background-size: 100%;
  content: '';
  margin-top: 0.5em;
  cursor: pointer;
}

.navigate-back {
  padding-left: 1em;
  color: #4A4A4A;
  text-decoration: none;
}

@media screen and (min-width: 1024px) {
  .terms-container {
    margin-left: 6em;
    margin-right: 8em;
  }
}

@media screen and (min-width: 360px) {
  .terms-container {
    margin-left: 1em;
    margin-right: 1em;
  }
}

/******* Terms and Conditions *********/
.btn {
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.9rem 1.625rem 0.85rem;
  font-size: 0.8125rem;
  line-height: 1.2;
  border-radius: 0.1875rem;
  letter-spacing: 1px;
  margin-bottom: 1em;
  transition: all .2s linear;
  white-space: normal;
}

.btn:focus,
.btn:active:focus {
  outline: 0;
}

.btn.btn-link {
  padding: 0.5em;
  text-transform: none;
  font-weight: 300;
  letter-spacing: 0;
}

.btn.btn-default {
  color: white;
  background: #008AB0;
}

.btn.btn-secondary {
  color: #727272;
  border-color: #727272;
}

.btn.btn-tertiary-outline {
  background: none;
  color: black;
  border-color: black;
}

.btn.reverse {
  color: white;
  border-color: white;
}

.btn.facebook {
  color: white;
  background: #3C5A99;
}

.btn.instagram {
  color: white;
  background: #2E587F;
}

.btn.twitter {
  color: white;
  background: #4685B9;
}

.btn.linked-in {
  color: white;
  background: #15548B;
}

.btn.amazon {
  color: white;
  background: #DE9823;
}

.btn.google {
  color: white;
  background: #BC3A2D;
}

.btn.btn-primary.play {
  padding: 0;
  width: 0;
  height: 0;
}

.btn.btn-primary.play span {
  display: none;
}

.forgot-password-main-content .forgot-password-content .signup-components {
  width: 27.2em;
}

.forgot-password-main-content .text-upper.thank-you-text {
  margin-top: 1em;
}

.forgot-password-main-content .email-pic {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/email-image.png);
  background-repeat: no-repeat;
  width: 6.94em;
  height: 3.93em;
  margin-left: 2.188em;
}

.forgot-password-main-content .email-text,
.forgot-password-main-content .text-msg {
  font-weight: 600;
  font-size: 0.8125rem;
}

.forgot-password-main-content .sms-pic {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/Sms-image.png);
  background-repeat: no-repeat;
  width: 6.94em;
  height: 5.93em;
  margin-left: 4.450em;
}

.forgot-password-main-content .form-group input,
.forgot-password-main-content .input-group input {
  margin-bottom: 0.5rem;
}

.forgot-password-main-content .form-group {
  margin-bottom: 2.0rem;
}

.forgot-password-main-content .continue-btn {
  width: 100%;
  border-radius: 0.188em;
  background-color: #008AB0;
  color: #FFFFFF;
  margin-top: 0.938em;
}

.forgot-password-main-content .forgot-username-link {
  float: right;
  font-size: 0.875rem;
  font-weight: 400;
  cursor: pointer;
}

.forgot-password-main-content .underline-on-hover:hover {
  text-decoration: underline;
}

.forgot-password-main-content .error-block {
  float: left;
}

.forgot-password-main-content .text-upper {
  font-size: 1.8125rem;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 1.07;
  margin-top: 0.6em;
}

.forgot-password-main-content .text-lower {
  font-size: 1rem;
  font-weight: 300;
  color: #FFFFFF;
}

.forgot-password-main-content .invite-banner {
  height: 16.5em;
}

.forgot-password-main-content .reset-msg {
  margin-left: 1em;
}

.forgot-password-main-content .form-group {
  margin-bottom: 0;
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .forgot-password-main-content .forgot-password-content .invite-banner {
    height: 8.375em;
  }

  .forgot-password-main-content .forgot-password-content .invite-banner .section {
    padding-top: 2.5em;
  }

  .forgot-password-main-content .forgot-password-content .continue-btn {
    margin-top: 1.938em;
  }

  .forgot-password-main-content .forgot-password-content .signup-container {
    padding: 9% 6.5%;
  }

  .forgot-password-main-content .forgot-password-content .signup-components {
    width: 20.313em;
  }

  .forgot-password-main-content .forgot-password-content .text-upper {
    margin-top: 0em;
  }

  .forgot-password-main-content .forgot-password-content .thank-you-text {
    line-height: 2em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .forgot-password-main-content .forgot-password-content {
    padding-bottom: 3.125em;
  }

  .forgot-password-main-content .signup-container {
    margin: 0em;
    width: 100%;
    padding: 3% 10%;
  }

  .forgot-password-main-content .signup-container .continue-btn {
    margin-top: 1.938em;
  }

  .forgot-password-main-content .invite-banner {
    height: 7.8em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .forgot-password-main-content .forgot-password-content {
    padding-bottom: 3.125em;
  }

  .forgot-password-main-content .continue-btn {
    margin-top: 1.938em;
  }

  .forgot-password-main-content .invite-banner .section {
    padding-top: 1.438em;
  }

  .forgot-password-main-content .signup-container {
    margin-top: -7.625em;
    width: 41.500em;
    padding: 3.1% 7.3%;
  }
}

@media screen and (min-width: 1440px) {
  .forgot-password-main-content .forgot-password-content {
    padding-bottom: 3.125em;
  }

  .forgot-password-main-content .signup-container {
    margin-top: -7.625em;
    width: 41.500em;
    padding: 3.1% 7.3%;
  }
}

/*!
 * Cropper v3.0.0-rc.1
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2017 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2017-04-30T03:10:34.736Z
 */

.cropper-container {
  font-size: 0;
  line-height: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  direction: ltr;
  -ms-touch-action: none;
  touch-action: none;
}

.cropper-container img {
  display: block;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  max-height: none !important;
  width: 100%;
  height: 100%;
  image-orientation: 0deg;
}

.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cropper-wrap-box {
  overflow: hidden;
}

.cropper-drag-box {
  opacity: 0;
  background-color: #fff;
}

.cropper-modal {
  opacity: .5;
  background-color: #000;
}

.cropper-view-box {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
}

.cropper-dashed {
  position: absolute;
  display: block;
  opacity: .5;
  border: 0 dashed #eee;
}

.cropper-dashed.dashed-h {
  top: 33.33333%;
  left: 0;
  width: 100%;
  height: 33.33333%;
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333%;
  width: 33.33333%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px;
}

.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  opacity: .75;
}

.cropper-center:after,
.cropper-center:before {
  position: absolute;
  display: block;
  content: " ";
  background-color: #eee;
}

.cropper-center:before {
  top: 0;
  left: -3px;
  width: 7px;
  height: 1px;
}

.cropper-center:after {
  top: -3px;
  left: 0;
  width: 1px;
  height: 7px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .1;
}

.cropper-face {
  top: 0;
  left: 0;
  background-color: #fff;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize;
}

.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize;
}

.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize;
}

.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize;
}

.cropper-point {
  width: 5px;
  height: 5px;
  opacity: .75;
  background-color: #39f;
}

.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize;
}

.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize;
}

.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize;
}

.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}

.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize;
}

.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize;
}

.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize;
}

.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  opacity: 1;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    opacity: .75;
  }
}

.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: " ";
  opacity: 0;
  background-color: #39f;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}

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

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.accountsettingsp {
  /*  @media (min-width: 1440px) {
    .leftpanel {
      height: 52.25rem;
      width: 37.5rem;
      min-width: 37.5rem;
      .left-section-wrapper {
        padding: 0 7.0625rem 0 11rem;
      }
    }
    .leftlinks {
      min-width: 20rem;
    }
    .rightpanel {
      width: 100%;
    }

  }*/
  /* overview css */
  /* story css */
}

.accountsettingsp #accordionform {
  margin: 0;
  background: #F7F7F7;
  padding: 10px 0;
}

.accountsettingsp #accordionform .panel-title button:after {
  content: '';
  height: 1.6875rem;
  width: 1.6875rem;
  transition: All .2s;
  position: absolute;
  top: 0;
  right: 0;
}

.accountsettingsp #accordionform .panel-title button span {
  font-weight: 600;
}

.accountsettingsp #accordionform .panel-title button.collapsed:after {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ns-downward-arrow.svg) center no-repeat;
  transform: rotate(0deg);
}

.accountsettingsp #accordionform .panel {
  padding: 1rem 0 1rem;
  margin-bottom: 1rem;
}

.accountsettingsp #accordionform .panel-heading {
  padding: 0 11px 0 1.5rem;
}

.accountsettingsp #accordionform .addpanel {
  padding: 0 0 2.5rem 0;
}

.accountsettingsp #accordionform .accsettingsdetailcontainer {
  padding: 0;
}

.accountsettingsp .checkbox {
  margin-bottom: 1rem;
  display: table;
}

.accountsettingsp .no-wrap {
  white-space: nowrap;
}

.accountsettingsp .email-in-use {
  margin-top: -20px;
}

.accountsettingsp .nav-buttons-section {
  padding: 1em;
}

.accountsettingsp .nav-buttons-section .nav-buttons button {
  background: transparent;
  outline: 0;
  border: 0.0625rem solid white;
  color: white;
  border-radius: 3px;
  padding: 0.625rem 0;
  font-weight: 600;
  letter-spacing: 0.0625rem;
  width: 48%;
  margin: 0 -2px;
}

.accountsettingsp .nav-buttons-section .nav-buttons .button-personal {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.accountsettingsp .nav-buttons-section .nav-buttons .button-business {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.accountsettingsp .nav-buttons-section .nav-buttons button.selected-tab {
  background-color: #1CD8D2;
  box-shadow: 2px 2px 2px 0 rgba(103, 103, 103, 0.5);
  border: solid 0.0625rem #1CD8D2;
  color: #2D2D2D;
  cursor: initial;
}

.accountsettingsp .nav-buttons-section .nav-buttons-personal + .nav-buttons-business .button-business {
  border-left: 0;
}

.accountsettingsp .nav-buttons-section .nav-buttons-personal .button-personal {
  border-right: 0;
}

.accountsettingsp .leftpanel {
  background-color: #727272;
}

.accountsettingsp .rightpanel {
  background-color: #FFFFFF;
  overflow: initial;
}

.accountsettingsp .leftlinks {
  padding-bottom: 2rem;
  min-width: 19.75rem;
}

.accountsettingsp .delete-button-tab {
  overflow: hidden;
}

.accountsettingsp .leftlinkcontainer {
  padding: 2rem 0 1.1rem;
}

.accountsettingsp .sectionline {
  border: 1px solid #dedede;
  margin: 1rem .3rem;
}

.accountsettingsp .tabcontainer {
  margin-top: 1rem;
}

.accountsettingsp .tabaccountstyle {
  position: absolute;
  width: 100%;
  bottom: 1.25rem;
}

.accountsettingsp .leftanchor {
  font-weight: 300;
  font-size: 1rem;
  height: 1.375rem;
  line-height: 0.8;
  letter-spacing: 0.1rem;
  color: #FFFFFF;
  text-transform: uppercase;
  padding-left: 1rem;
  text-decoration: none;
}

.accountsettingsp .leftanchor.tabselected {
  color: #1CD8D2;
  width: .31rem;
  height: 1.75rem;
  object-fit: contain;
  font-weight: 600;
}

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

.accountsettingsp .accountid {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.8;
  color: #FFFFFF;
}

.accountsettingsp .imgtitle,
.accountsettingsp .imgtitlemobile {
  font-weight: 100;
  font-size: 1.375rem;
  line-height: 1.5;
  color: #FFFFFF;
  margin-top: 0.6rem;
  font-size: 1rem;
}

.accountsettingsp .imgtitlemobile {
  margin-top: 2rem;
  font-size: 1.25rem;
  font-weight: 500;
}

.accountsettingsp .rightoutertitle {
  font-weight: 600;
  font-size: 0.9rem;
  line-height: 1;
  text-align: left;
  padding: 1.3rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #444444;
  cursor: pointer;
  margin-top: 0.5rem;
  background: #FFFFFF;
  height: 3.5rem;
}

.accountsettingsp .accounttopbannerinner {
  background: #008AB0;
  height: 14rem;
  margin-top: 0rem;
  opacity: 0.5;
}

.accountsettingsp .list-inline {
  height: 2.4rem;
  border: solid 1px #FFFFFF;
  border-radius: .1875rem;
}

.accountsettingsp .list-inline > div {
  display: inline-block;
  padding: .4rem 0;
  text-align: center;
  height: 2.4rem;
  width: 50%;
  border-right: solid 1px #FFFFFF;
}

.accountsettingsp .list-inline > div:last-child {
  border-right: 0;
}

.accountsettingsp .list-inline > div.tabselected {
  border-radius: 0.18rem;
  background-color: #1CD8D2;
  box-shadow: 2px 2px 2px 0 rgba(103, 103, 103, 0.5);
  border: solid 1px #1CD8D2;
  margin: -0.19rem;
  height: 2.4rem;
}

@media screen and (max-width: 767px) {
  .accountsettingsp .list-inline > div.tabselected {
    background-color: #1CD8D2;
    box-shadow: 2px 2px 2px 0 rgba(103, 103, 103, 0.5);
    border: solid 1px #1CD8D2;
    margin: -0.1rem;
    height: 2.5rem;
  }
}

.accountsettingsp .list-inline a {
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 1.3;
  letter-spacing: 0.9px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
}

.accountsettingsp .list-inline a.tabselected {
  color: #2D2D2D;
}

.accountsettingsp .addheader {
  height: 4.125rem;
  background: #d2d2d2;
}

@media screen and (min-width: 768px) {
  .accountsettingsp .inlineeditcontainer {
    height: 3.2rem;
    width: 2rem;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }

  .accountsettingsp .topcontainermargin {
    margin-top: -3.5rem;
  }

  .accountsettingsp .leftpanel {
    width: 19.9375rem;
    min-width: 19.9375rem;
  }

  .accountsettingsp .leftpanel .left-section-wrapper {
    padding: 0 1.25rem;
  }

  .accountsettingsp .rightpanel {
    width: 100%;
  }

  .accountsettingsp .contactcontainer,
  .accountsettingsp .overviewform,
  .accountsettingsp .sponsercontainer {
    padding: 1.5rem 0 1.5rem;
    border-bottom: none;
    background: #FFFFFF;
  }

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

  .accountsettingsp .contactcontainer {
    margin-top: 1.5rem;
  }

  .accountsettingsp .billingcontainer {
    margin-top: .5rem;
    background: #FFFFFF;
    padding: 1.5rem;
  }

  .accountsettingsp .shippingcontainer,
  .accountsettingsp .storycontainer {
    padding: 1.5rem;
    margin-top: .5rem;
    background: #FFFFFF;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .accountsettingsp .leftpanel {
    height: 52.25rem;
    width: 21.5625rem;
    min-width: 21.5625rem;
  }

  .accountsettingsp .leftpanel .left-section-wrapper {
    padding: 0 0.3125rem 0 0.625rem;
  }

  .accountsettingsp .rightpanel {
    width: 100%;
  }
}

@media screen and (min-width: 320px) and (max-width: 1023px) {
  .accountsettingsp .accounttopbannerouter {
    height: 12.5rem;
  }

  .accountsettingsp .delete-button-section {
    margin: 0 -3rem;
  }

  .accountsettingsp .accounttopbannerinner {
    background: #37B0C9;
    height: 12.5rem;
    opacity: 0.5;
    margin: 0;
  }

  .accountsettingsp .leftanchor {
    font-size: 0.8125rem;
  }

  .accountsettingsp .leftpanel {
    height: 59rem;
    max-width: 19.9375rem;
  }
}

.accountsettingsp .inlineeditheader {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.accountsettingsp .inlineedit,
.accountsettingsp .inlineeditshipping,
.accountsettingsp .inlineeditbilling {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icon-edit.svg) no-repeat 0.3125rem 0.5rem;
  height: 1.5rem;
  width: 2rem;
  float: right;
  cursor: pointer;
  margin-top: 5px;
}

.accountsettingsp .inlineedittext,
.accountsettingsp .inlineedittextdelete {
  font-weight: 600;
  font-size: .875rem;
  line-height: 1.1;
  letter-spacing: 0.4px;
  color: #008AB0;
  padding: .8rem 0;
  cursor: pointer;
}

.accountsettingsp .inlineedittextdelete {
  padding: 1.4375rem 0 0 0.625rem;
}

.accountsettingsp .delete-button-section span {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-delete.svg) no-repeat left top;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.025rem;
  color: #008AB0;
  padding: 0.25rem 0.3125rem 0.25rem 1.875rem;
}

.accountsettingsp .slabel {
  height: 1.5rem;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 1.8;
  color: #444444;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.accountsettingsp .sectiontext,
.accountsettingsp .common-username-email-text,
.accountsettingsp .contactcontainer .sectiontext,
.accountsettingsp .overviewform .sectiontext,
.accountsettingsp .sponsercontainer .sectiontext,
.accountsettingsp .contactcontainer .sectionsponsertext,
.accountsettingsp .overviewform .sectionsponsertext,
.accountsettingsp .sponsercontainer .sectionsponsertext {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5;
  color: #444444;
  text-align: right;
}

.accountsettingsp .select-wrapper:after {
  top: 40%;
  margin-right: 5px;
}

.accountsettingsp .topbannertitle {
  text-transform: uppercase;
  font-weight: 100;
  font-size: 2.375rem;
  line-height: 1.1;
  color: #FFFFFF;
  text-align: center;
  padding-top: 7%;
}

.accountsettingsp .accsettingstopbannerouter {
  min-height: 12.5rem;
  height: 100%;
}

.accountsettingsp .accsettingstopbannerinner {
  background: rgba(55, 176, 201, 0.7);
  min-height: 12.5rem;
  height: 100%;
  padding-bottom: 1.375rem;
  opacity: 1;
  margin-top: -1rem;
}

.accountsettingsp .addmheader {
  height: 4.8rem;
  background-color: #008AB0;
  color: #FFFFFF;
}

.accountsettingsp .common-username-email-text {
  text-align: left;
  margin-top: -1rem;
}

.accountsettingsp .resend-email-section {
  color: #008AB0;
  text-align: right;
  margin-right: 1rem;
}

.accountsettingsp .email-not-verified-section {
  background: rgba(28, 216, 210, 0.25);
  padding: 1rem 0.875rem;
  border-radius: 0.3125rem;
}

.accountsettingsp .email-not-verified-section .email-not-verified-heading {
  color: #727272;
  font-weight: 600;
}

.accountsettingsp .email-not-verified-section .email-not-verified-desc {
  font-weight: 400;
  line-height: 1.8;
  font-size: 0.875rem;
  color: #727272;
}

.accountsettingsp .accsettingsdetailcontainer .form-group {
  margin-bottom: 1.125rem;
}

.accountsettingsp .accsettingsdetailcontainer .hide {
  display: none;
}

.accountsettingsp .accsettingsdetailcontainer .no-margin-bottom {
  margin-bottom: 0;
}

.accountsettingsp .contactcontainer,
.accountsettingsp .overviewform,
.accountsettingsp .sponsercontainer {
  background-color: #FFFFFF;
}

.accountsettingsp .contactcontainer .common-username-email-text,
.accountsettingsp .contactcontainer .sectiontext,
.accountsettingsp .contactcontainer .sectionsponsertext,
.accountsettingsp .overviewform .common-username-email-text,
.accountsettingsp .overviewform .sectiontext,
.accountsettingsp .overviewform .sectionsponsertext,
.accountsettingsp .sponsercontainer .common-username-email-text,
.accountsettingsp .sponsercontainer .sectiontext,
.accountsettingsp .sponsercontainer .sectionsponsertext {
  margin-bottom: 0;
  font-size: 1rem;
  word-break: break-word;
}

.accountsettingsp .contactcontainer .sectionsponsertext,
.accountsettingsp .overviewform .sectionsponsertext,
.accountsettingsp .sponsercontainer .sectionsponsertext {
  text-align: left;
  font-size: .9rem;
}

.accountsettingsp .privacycontainer {
  padding: 0;
  margin: 0;
}

.accountsettingsp .mobileeditcontainer {
  height: 2.5rem;
  background: #FFFFFF;
  margin-bottom: 1rem;
}

.accountsettingsp .slabeloverview {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.8;
  color: #444444;
}

.accountsettingsp .sectiontitle {
  font-weight: 100;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #444444;
  text-transform: uppercase;
}

.accountsettingsp .sectiondetails {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5;
  color: #2D2D2D;
}

.accountsettingsp .notspecified {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5;
  color: #A7A7A7;
  text-align: right;
}

.accountsettingsp .sponsertitle {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5;
  color: #444444;
}

.accountsettingsp .sponserdetails {
  font-weight: 300;
  font-size: 0.8rem;
  line-height: 1.7;
  color: var(--color-interactive-1);
}

.accountsettingsp .sponserseparator:after {
  content: "|";
  width: 0.2rem;
  height: 1.5rem;
  padding: 0 1rem;
  color: #444444;
}

.accountsettingsp .sponserbusiness {
  margin: 0.6rem 0;
}

.accountsettingsp .imgbox {
  margin-top: 1rem;
}

.accountsettingsp .close {
  font-size: 1rem;
}

.accountsettingsp .popupform {
  padding: 0;
  margin: 0;
}

.accountsettingsp .radio + .radio {
  margin-top: 0;
}

.accountsettingsp .myimg {
  max-width: 5rem;
}

.accountsettingsp .userdatacontainer {
  margin-bottom: 1rem;
}

.accountsettingsp .modal-content {
  margin-left: 1rem;
}

.accountsettingsp .sponsertitlemain {
  margin-bottom: 1.5rem;
}

.accountsettingsp .privacytext,
.accountsettingsp .privacytextreadonly {
  font-weight: 300;
  font-size: .8rem;
  color: #777676;
  margin: 0 0 0 .2rem;
  vertical-align: top;
  display: inline-block;
}

.accountsettingsp .line {
  height: 2px;
  border: solid 1px #B9E1EA;
  margin: .5rem 0 1.09rem 0;
}

.accountsettingsp .checkboxwrapper {
  min-height: 1px;
  padding-left: 1rem;
}

.accountsettingsp .mobileruler {
  height: 2px;
  border: solid 1px #eeeeee;
  background: #eeeeee;
}

.accountsettingsp .privacytextreadonly {
  margin: 0 0 1.5rem .625rem;
  vertical-align: top;
  display: inline-block;
}

.accountsettingsp .checkboxline {
  display: inline-block;
  margin-left: -.625rem;
  width: 2.25rem;
}

.accountsettingsp .section-wrapper {
  display: table;
}

.accountsettingsp .storysubcontainer {
  margin-bottom: 2.06rem;
}

.accountsettingsp .storycontent {
  margin-bottom: 1.125rem;
}

.accountsettingsp .storysubtitle {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3;
  color: #2D2D2D;
  margin-bottom: 1.125rem;
}

.accountsettingsp .storyimg {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/story.png) no-repeat center;
  height: 6.375rem;
}

.accountsettingsp .storycontent {
  font-weight: 300;
  font-size: 13px;
  line-height: 1.4;
  color: #444444;
  text-align: justify;
}

.accountsettingsp .storyimgcontainer {
  width: 6.25rem;
}

.accountsettingsp .seremore {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.8;
  text-align: center;
  color: #008AB0;
}

.accountsettingsp .quickemailtext,
.accountsettingsp .quickemailtextpurple {
  font-weight: 300;
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: 0.4px;
  text-align: center;
  color: #008AB0;
  text-transform: uppercase;
}

.accountsettingsp .quickemailtextpurple {
  color: #964BB3;
}

.accountsettingsp .quickemailimg {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/story_email.png) no-repeat center;
  height: 1.06rem;
  margin-bottom: 7px;
}

.accountsettingsp .quickcopyimg {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/copy.png) no-repeat center;
  height: 1.25rem;
  margin-bottom: 7px;
}

.accountsettingsp .quickcopyimgpurple {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/copy-purple.png) no-repeat center;
  height: 1.25rem;
  margin-bottom: 7px;
}

.accountsettingsp .quickdownloadimg {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/story_download.png) no-repeat center;
  height: 1.375rem;
  margin-bottom: 7px;
}

.accountsettingsp .quickprintimg {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/print_story.png) no-repeat center;
  height: 1.375rem;
  margin-bottom: 7px;
}

.accountsettingsp .quickactionscontainer {
  margin-bottom: 1rem;
}

.accountsettingsp .quickactionscontainer .quickcopyContainer {
  width: 20%;
  display: inline-block;
  position: relative;
}

.accountsettingsp .quickactionscontainer .quickdownload {
  width: 20%;
  display: inline-block;
  position: relative;
}

.accountsettingsp .action-template-section .content-section .description-section {
  text-align: left;
  margin: 0;
}

.accountsettingsp .action-template-section .content-section .description-section .story-section {
  padding: 1.75rem 4.25rem 4.8125rem;
}

.accountsettingsp .action-template-section .content-section .description-section .story-section .heading-section {
  font-size: 1.125rem;
}

.accountsettingsp .action-template-section .content-section .description-section .story-section .time-format {
  width: 18.569rem;
  height: 0.875rem;
  font-family: TimesNewRomanPSMT;
  font-size: 0.6875rem;
  line-height: 1.27;
  letter-spacing: -0.00625rem;
  color: #A7A7A7;
  margin-bottom: 2rem;
}

.accountsettingsp .action-template-section .content-section .description-section .story-section .script-data {
  font-size: 0.625rem;
  font-family: TimesNewRomanPSMT;
  letter-spacing: -0.00625rem;
  color: #727272;
  line-height: 1.5;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .accountsettingsp .topbannertitle {
    font-size: 1.875rem;
  }

  .accountsettingsp .privacytext,
  .accountsettingsp .privacytextreadonly {
    display: inline-block;
  }

  .accountsettingsp .privacytextreadonly {
    display: inline-block;
  }

  .accountsettingsp .overviewform.privacy-wrapper div.checkbox label::before {
    position: relative;
  }

  .accountsettingsp .overviewform.privacy-wrapper div.checkbox label {
    margin-bottom: 1rem;
  }

  .accountsettingsp .overviewform.privacy-wrapper div.checkbox label .privacytext,
  .accountsettingsp .overviewform.privacy-wrapper div.checkbox label .privacytextreadonly {
    position: absolute;
    top: 0.0625rem;
    left: 2rem;
  }

  .accountsettingsp .center-sectionp {
    margin: 0 1.5rem;
  }

  .accountsettingsp .convert-to-business-section .toggle-hidden-section .text-section,
  .accountsettingsp .convert-to-business-section .toggle-address-section .text-section {
    background-position: left -0.125rem;
  }

  .accountsettingsp .convert-to-business-section .toggle-hidden-section .small-text-section,
  .accountsettingsp .convert-to-business-section .toggle-address-section .small-text-section {
    margin-top: -0.5625rem;
  }

  .accountsettingsp input#birthdayInvalidError ~ .form-group > .hidden-sm-down .m-t-2:last-child {
    margin-top: 0px !important;
  }
}

.accountsettingsp .addline {
  font-weight: 300;
  font-size: 13px;
  line-height: 1.4;
  color: #444444;
}

.accountsettingsp .userline {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3;
  color: #2D2D2D;
  margin-bottom: 4px;
}

.accountsettingsp .shippingshapetext,
.accountsettingsp .billingshapetext {
  font-weight: 600;
  font-size: .8125rem;
  line-height: 1.8;
  color: #00d8d3;
  width: .99rem;
  height: .93rem;
  object-fit: contain;
  background-color: #00d8d3;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/shape.svg) no-repeat;
  padding-left: 1.6rem;
  margin-left: .5rem;
}

.accountsettingsp .grayline {
  border-top: solid 1px #eeeeee;
}

.accountsettingsp .gray-border-section {
  border: solid 0.0625rem #eeeeee;
  border-left-width: 0;
  border-right-width: 0;
}

.accountsettingsp .accountidnumber {
  font-weight: 300;
  font-size: .875rem;
  line-height: 1.7;
  color: #FFFFFF;
  padding-left: 8px;
}

.accountsettingsp .sponsermargin {
  margin-top: .9375rem;
}

.accountsettingsp .addsign {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-close-copy-2.svg) no-repeat right bottom;
  height: 1.25rem;
  margin: .4rem 7px;
}

.accountsettingsp .delete-sign {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-delete.svg) no-repeat right bottom;
  height: 1.25rem;
  margin: 1.125rem 7px;
}

.accountsettingsp .backgroundwhite {
  background: #FFFFFF;
}

.accountsettingsp .inlineeditshipping {
  height: 5rem;
}

.accountsettingsp .inlineeditbilling {
  height: 3rem;
}

.accountsettingsp .edit-button-section {
  border-top: solid 1px #dedede;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0.025rem;
}

.accountsettingsp .privacytextcontainer {
  display: inline-block;
  width: 85%;
  vertical-align: top;
  display: inline-flex;
}

.accountsettingsp .notspecifiedadd {
  position: relative;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 3.25rem;
  background: #008AB0;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0.025rem;
  color: #FFFFFF;
}

.accountsettingsp .notspecifiedadd span {
  position: absolute;
  top: 1.6875rem;
  left: 0.8125rem;
}

.accountsettingsp .no-associate-section .absent-label-section p {
  font-weight: 300;
  line-height: 1.5;
  color: #444444;
}

@media screen and (min-width: 1024px) {
  .accountsettingsp .center-sectionp {
    display: table;
    margin: 0 auto;
  }

  .accountsettingsp .accsettingsdetailcontainer {
    width: 30.43rem;
  }

  .accountsettingsp .accsettingsdetailcontainer .delete-button-section {
    margin: 0 calc(calc(30.43rem - calc(100% - 21.5625rem)) * (-1));
  }
}

.accountsettingsp .communication-preference-section .contact-preference-label-helper {
  margin-top: -0.8125rem;
  padding-left: 2.3625rem;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.85;
  text-align: left;
  color: #444444;
}

.accountsettingsp .communication-preference-section .p-0 {
  padding: 0px;
}

.accountsettingsp .communication-preference-section .formlabel {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: -0.1px;
  color: #2D2D2D;
}

.accountsettingsp .communication-preference-section .radio-buttons-section .text-section .label-section {
  position: absolute;
  top: -0.3125rem;
  left: 1.875rem;
}

.accountsettingsp .communication-preference-section .radio-buttons-section .text-section .label-section .radio-button-heading,
.accountsettingsp .communication-preference-section .radio-buttons-section .text-section .label-section .radio-button-desc {
  padding-left: 0.3125rem;
  margin: 0;
  font-weight: 300;
  line-height: 1.23;
  color: #444444;
  width: 9.375rem;
}

.accountsettingsp .communication-preference-section .radio-buttons-section .text-section .label-section .radio-button-heading {
  line-height: 1.5;
  margin: 0;
}

.accountsettingsp .communication-preference-section .radio-buttons-section .text-section > p:first-child {
  position: absolute;
  top: -0.375rem;
  line-height: 1.5;
}

.accountsettingsp .communication-preference-section .radio-buttons-section .text-section > p {
  padding-left: 0.3125rem;
  margin: 0;
  font-weight: 300;
  line-height: 1.23;
  color: #444444;
  width: 9.375rem;
}

.accountsettingsp .communication-preference-section .email-communication-section .language-section .heading-section {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.57;
  letter-spacing: -0.00625rem;
  color: #2D2D2D;
  margin: 1rem 0 0.625rem;
}

.accountsettingsp .communication-preference-section .email-communication-section .language-section .language-select-section::after {
  top: 50%;
}

.accountsettingsp .communication-preference-section .email-communication-section .language-section .select-wrapper:after {
  top: 30%;
}

.accountsettingsp .communication-preference-section .email-communication-section .checkbox-section .label-section {
  margin: -1.125rem 0 0 1rem;
}

.accountsettingsp .communication-preference-section .email-communication-section .checkbox-section .label-section p {
  font-weight: 300;
  line-height: 1.23;
  color: #444444;
  line-height: 1.38;
}

.accountsettingsp .communication-preference-section .email-communication-section .preference-form-label-helper {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.23;
  color: #777676;
}

.accountsettingsp .communication-preference-section .email-communication-section .contact-preference-option {
  margin-top: 0.5rem;
}

.accountsettingsp .communication-preference-section .section-heading {
  z-index: 1;
  text-align: center;
}

.accountsettingsp .communication-preference-section .section-heading::before {
  border-top: 0.125rem solid #dedede;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 0.75rem;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.accountsettingsp .communication-preference-section .section-heading span {
  background: #FFFFFF;
  padding: 0 2rem;
  color: #444444;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.0375rem;
}

.accountsettingsp .communication-preference-section .contact-preference-wrapper label {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.1px;
  color: #2d2d2d;
}

.accountsettingsp .communication-preference-section .contact-preference-wrapper .checkbox label {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #444444;
  margin-bottom: 0.2px;
}

.accountsettingsp .communication-preference-section .contact-preference-wrapper .checkbox label.fieldval {
  padding-left: 25px;
}

.accountsettingsp .billinglegend {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.4;
  text-align: center;
  color: #444444;
}

.accountsettingsp .billingshapetext {
  margin-left: 0;
}

.accountsettingsp .billingexpired {
  font-weight: 600;
  font-size: 13px;
  color: #D0021B;
}

.accountsettingsp .creditcardmaster {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/m-a-s-t-e-r-c-a-r-d.png) no-repeat right center;
}

.accountsettingsp .creditcardvisa {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/v-i-s-a.png) no-repeat right center;
}

.accountsettingsp .creditcardamex {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/a-m-e-x.png) no-repeat right center;
}

.accountsettingsp .creditcarddiscover {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/d-i-s-c-o-v-e-r.png) no-repeat right center;
}

.accountsettingsp .creditcardother {
  background: none;
}

.accountsettingsp .link-section {
  font-weight: 600;
  line-height: 1.23;
  letter-spacing: 0.025rem;
  color: #008AB0;
}

.accountsettingsp h5 {
  color: #008AB0;
}

.accountsettingsp .convert-wrapper,
.accountsettingsp .convert-wrapper-contact {
  height: 18px;
  border: 0.00625rem solid transparent;
  background: #FAFAFA;
}

.accountsettingsp .convert-to-business-section {
  background: #FFFFFF;
}

.accountsettingsp .convert-to-business-section .toggle-hidden-section .text-section,
.accountsettingsp .convert-to-business-section .toggle-address-section .text-section {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-clock.png) no-repeat left;
  min-height: 1.5rem;
  padding: 0.3125rem 0 0 2rem;
}

.accountsettingsp .convert-to-business-section .toggle-hidden-section .text-section:first-child,
.accountsettingsp .convert-to-business-section .toggle-address-section .text-section:first-child {
  margin-bottom: 1rem;
}

.accountsettingsp .convert-to-business-section .toggle-hidden-section,
.accountsettingsp .convert-to-business-section .toggle-address-section {
  overflow-y: hidden;
  transition-property: all;
  transition-duration: .7s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  max-height: none;
}

.accountsettingsp .convert-to-business-section .toggle-address-section {
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  max-height: 40rem;
}

.accountsettingsp .convert-to-business-section .toggle-hidden-section.ng-hide,
.accountsettingsp .convert-to-business-section .ng-hide.toggle-address-section {
  max-height: 0;
}

.accountsettingsp .convert-to-business-section .see-more-section {
  padding-top: 0.3125rem;
  padding-bottom: 1.5rem;
}

.accountsettingsp .personal-associates-section .multiple-associates .associates-section {
  min-width: initial;
  max-width: initial;
  min-height: 7.5rem;
  max-height: 7.5rem;
}

.accountsettingsp .personal-associates-section .associates-section {
  padding-bottom: 1.25rem;
}

.accountsettingsp .personal-associates-section .associates-section .profile-name-section {
  font-weight: 300;
  line-height: 1.85;
  color: #444444;
  margin-top: 0.3125rem;
}

.accountsettingsp .personal-associates-section .load-more-section {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0.025rem;
  color: #008AB0;
  margin: .5rem 0 1rem 0;
}

.accountsettingsp .personal-associates-section .associates-mobile {
  width: calc(100% / 2);
}

.accountsettingsp .personal-associates-section .associates-non-mobile {
  width: calc(100% / 3);
}

.accountsettingsp .personal-associates-section .personal-distributor-associates .status-section .pending-text {
  font-weight: 300;
  line-height: 1.85;
  color: #A7A7A7;
  font-size: 0.75rem;
  margin-top: -0.4375rem;
}

.accountsettingsp .personal-associates-section .personal-distributor-associates .label-section {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0.025rem;
  color: #008AB0;
  margin-top: 7px;
}

.accountsettingsp .personal-associates-section .personal-distributor-associates .associates-display-nom-mobile {
  padding: 0;
}

.break-long-text {
  word-wrap: break-word;
  -ms-word-wrap: break-word;
}

.file-upload-popup .modal-dialog {
  margin-top: 1.625rem;
}

.file-upload-popup .modal-content {
  margin-bottom: 4.375rem;
}

.file-upload-popup .modal-header {
  padding-bottom: 0;
}

.file-upload-popup .modal-header .cross-icon {
  width: 1.5625rem;
  padding: 1.5rem 1.125rem 1rem 0;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/cross-small.png) no-repeat right top;
}

.file-upload-popup .modal-body {
  padding-top: 0;
}

.file-upload-popup .modal-body .action-buttons {
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0;
}

.file-upload-popup .modal-body .action-buttons p {
  margin-left: 0.75rem;
}

.file-upload-popup .modal-body .action-section {
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 0.0625rem;
  padding-top: 1rem;
  color: #008AB0;
}

.file-upload-popup .modal-body .action-section .no-profile-photo-uploaded {
  opacity: 0.4;
}

.file-upload-popup .modal-body .action-section .upload-photo-section,
.file-upload-popup .modal-body .action-section .remove-photo-section {
  padding: 0 0 0 1.8rem;
}

.file-upload-popup .modal-body .profile-text-section {
  font-weight: 300;
  line-height: 1.31;
  letter-spacing: -0.0625rem;
  color: #444444;
  width: 12.5rem;
  max-width: 12.5rem;
}

.file-upload-popup .modal-body .profile-text-section p {
  padding-top: 0.3125rem;
  margin-bottom: 0.625rem;
}

.file-upload-popup .modal-body .userdatalink {
  font-weight: 600;
  font-size: .8rem;
  line-height: 1.3;
  letter-spacing: 1px;
  color: #008AB0;
  margin-top: 1rem;
  text-align: right;
}

.file-upload-popup .modal-body .userdataspace {
  padding-left: .5rem;
}

.file-upload-popup .modal-body .profile-section img {
  border-radius: 5rem;
}

.file-upload-popup .modal-body .error-section {
  padding: 0.625rem 1.125rem 0;
  background: #D0021B url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-info.png) no-repeat 1.125rem 0.625rem;
  font-weight: 300;
  line-height: 1.31;
  letter-spacing: -0.0625rem;
  color: #FFFFFF;
}

.file-upload-popup .modal-body .error-section p {
  padding: 0 0 0.5rem 2.25rem;
}

.modal-crop-photo .modal-body > div {
  display: table;
  margin: 0 auto;
}

.modal-crop-photo .modal-body > div > div {
  display: table-row;
  text-align: center;
}

.modal-crop-photo .modal-body > div > div button {
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0;
  color: #008AB0;
  display: table-cell;
  margin-top: 1.25rem;
}

.modal-crop-photo .modal-body > div > div button:first-child {
  margin-right: 5.625rem;
}

.modal-crop-photo .modal-body > div > div button:first-child i {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icn-left.png) no-repeat center center;
  background-size: 100%;
}

.modal-crop-photo .modal-body > div > div button i {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icn-right.png) no-repeat center center;
  display: inline-block;
  background-size: 100%;
  height: 1.5rem;
  width: 1.5rem;
  vertical-align: middle;
}

.modal-crop-photo .modal-body > div > div button span {
  margin-left: 10px;
}

.modal-crop-photo .modal-footer {
  border: none;
}

.modal-crop-photo .modal-footer .btn-primary-outline {
  margin-left: 0;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .modal-crop-photo .modal-body {
    max-width: 20rem;
    max-height: 25rem;
    margin: 0rem auto 2.5rem auto;
    overflow: auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .modal-crop-photo .modal-body {
    max-width: 25rem;
    max-height: 25rem;
    margin: 0rem auto 2.5rem auto;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .modal-crop-photo .modal-body {
    max-width: 25rem;
    max-height: 25rem;
    margin: 0rem auto 2.5rem auto;
  }
}

.add-family-popup .modal-content {
  margin-bottom: 4.375rem;
}

.add-family-popup .modal-header {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/invite-family-popup-image.jpg) no-repeat;
  background-size: cover;
}

.add-family-popup .modal-header .cross-icon {
  width: 1.5625rem;
  padding: 1.5rem 1.125rem 1rem 0;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/cross-small-white.png) no-repeat right top;
}

.add-family-popup .modal-header .text-section {
  color: #FFFFFF;
}

.add-family-popup .modal-header .text-section .heading-section {
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1.55;
}

.add-family-popup .modal-header .text-section .desc-section {
  font-weight: 400;
}

.add-family-popup .modal-body .form-section {
  border-top: 1px solid #dedede;
}

.add-family-popup .modal-body .text-section {
  margin: 0 auto;
  font-weight: 300;
  line-height: 1.31;
  color: #727272;
}

.add-family-popup .modal-body .text-section .see-more-section {
  font-weight: 600;
  line-height: 1.85;
  color: #008AB0;
  margin-top: 0.3125rem;
}

.add-family-popup .modal-body .text-section .desc-section {
  width: 16.25rem;
}

.add-family-popup .modal-body .text-section .hidden-section {
  padding-top: 1.625rem;
}

.add-family-popup .modal-body .text-section .hidden-section p .point-heading {
  font-size: 1.75rem;
  font-weight: 100;
  line-height: 1.21;
  color: #444444;
}

.add-family-popup .modal-body .text-section .hidden-section p .separator-line-section {
  margin-left: -1rem;
  color: #dedede;
}

.app-modal-window.personal-section-popup + .modal-backdrop {
  background: rgba(204, 232, 239, 0.9);
}

.closesection {
  width: 4.375rem;
}

.closeimg {
  float: right;
  z-index: 100;
  margin-left: -4.125rem;
  margin-top: -5px;
  width: 1.4375rem;
  position: relative;
}

@media screen and (max-width: 359px) {
  .brief-description {
    max-width: 16rem;
    margin-left: 2rem;
  }

  #privacy .overviewform.privacy-wrapper {
    max-width: 17rem;
  }

  #privacy .overviewform.privacy-wrapper .privacytext,
  #privacy .overviewform.privacy-wrapper .accountsettingsp .privacytextreadonly,
  .accountsettingsp #privacy .overviewform.privacy-wrapper .privacytextreadonly {
    max-width: 13rem;
  }

  .accountsettingsp #accordionform {
    max-width: 20rem;
  }

  .accountsettingsp #accordionform .accsettingsdetailcontainer {
    min-width: 17.4375rem;
  }

  .accountsettingsp #accordionform .panel-heading {
    padding: 0 11px 0 1rem;
  }

  .accountsettingsp #accordionform .businessassociate-accordion-section .businessassociate-panel-section {
    padding-left: 0.5rem;
    padding-right: 1.5rem;
  }

  .accountsettingsp .imgtitlemobile {
    max-width: 10rem;
  }

  .accountsettingsp .accsettingstopbannerinner {
    width: 21rem;
  }

  .accountsettingsp .accountsettingsbusiness .rightcontainer .imgtitlemobile {
    max-width: 10rem;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .convert-to-business-section {
    padding-top: 1.5rem;
  }

  .convert-to-business-section .toggle-hidden-section .text-section,
  .accountsettingsp .convert-to-business-section .toggle-address-section .text-section {
    padding: 0 0 0 2.5rem;
  }

  .convert-to-business-section .toggle-hidden-section .toggle-wrapper,
  .accountsettingsp .convert-to-business-section .toggle-address-section .toggle-wrapper {
    padding: 1rem 3.5rem 0 2.8125rem;
  }

  .rightpanel .rightcontainer {
    background-color: #FAFAFA;
    padding-bottom: 1.0625rem;
  }

  .quickactionscontainer .quickdownload {
    width: 30%;
  }

  .quickemail {
    margin-left: -15px;
  }

  .grayline {
    margin-bottom: -1rem;
    height: 2.625rem;
    padding-top: 0.5rem;
  }

  .tabcontainer {
    margin-top: 0;
  }

  .accountid {
    text-align: left;
    padding-left: 1.8em;
  }

  .contactcontainer,
  .overviewform {
    padding: 1.5rem;
  }

  .overviewform {
    overflow: hidden;
  }

  .sponsercontainer {
    padding: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .inlineeditcontainer {
    width: 1rem;
    position: relative;
    margin-top: 3rem;
  }

  .billingwidth {
    width: 17.625rem;
  }

  .bottomedit {
    border-top: 1px solid #dedede;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .accountsettingsp .privacytext,
  .accountsettingsp .privacytextreadonly {
    width: 100%;
    display: inline-block;
  }

  #privacy .overviewform.privacy-wrapper div.checkbox label::before {
    position: relative;
  }

  #privacy .overviewform.privacy-wrapper div.checkbox label {
    margin-bottom: 1rem;
  }

  #privacy .overviewform.privacy-wrapper div.checkbox label .privacytext,
  #privacy .overviewform.privacy-wrapper div.checkbox label .accountsettingsp .privacytextreadonly,
  #privacy .overviewform.privacy-wrapper .accountsettingsp div.checkbox label .privacytextreadonly,
  .accountsettingsp #privacy .overviewform.privacy-wrapper div.checkbox label .privacytextreadonly {
    position: absolute;
    top: 0.0625rem;
    left: 2rem;
  }

  .checkboxline {
    width: 8%;
  }

  .shippingcontainer,
  .accountsettingsp .storycontainer {
    padding: 1.5rem 1.5rem 0;
    background: #FFFFFF;
    margin-top: 0;
    border-bottom: 0;
  }

  .billingcontainer {
    background: #FFFFFF;
    margin-top: 0;
    border-bottom: 0;
    padding: 1.5rem 1.5rem 0 2.5rem;
  }

  .storysubcontainer {
    margin-bottom: 2.75rem;
  }

  .imgtitlemobile {
    text-align: left;
    width: auto;
    font-size: 1rem;
    max-width: 92%;
    word-wrap: break-word;
    padding-right: 0.9375em;
    padding-left: 0.625rem;
  }

  .inlineeditheader {
    top: 50%;
    display: inline-block;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  .accountid {
    padding-left: 0.625rem;
  }
}

@media screen and (min-width: 1024px) {
  .add-family-popup .modal-dialog,
  .file-upload-popup .modal-dialog {
    max-width: 34.375rem;
  }

  .add-family-popup .modal-dialog .modal-content,
  .file-upload-popup .modal-dialog .modal-content {
    max-width: 34.375rem;
  }

  .add-family-popup .modal-dialog .modal-content .modal-body .form-section,
  .file-upload-popup .modal-dialog .modal-content .modal-body .form-section {
    padding: 0 3.4375rem;
  }
}

@media screen and (min-width: 768px) {
  .email-communication-section {
    margin-top: 1rem;
  }

  .convert-to-business-section {
    margin-top: 2rem;
  }

  .convert-to-business-section .toggle-hidden-section .toggle-wrapper,
  .accountsettingsp .convert-to-business-section .toggle-address-section .toggle-wrapper {
    padding: 1rem 3.5rem 0 4rem;
  }

  .add-family-popup .modal-dialog {
    margin-top: 2.25rem;
    max-width: 29.8125rem;
  }

  .add-family-popup .modal-dialog .modal-content {
    max-width: 29.8125rem;
  }

  .add-family-popup .modal-dialog .modal-header {
    background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/invite-family-popup-image.jpg) no-repeat;
    background-size: cover;
  }

  .add-family-popup .modal-dialog .modal-header .text-section {
    margin: 0 auto;
    width: 20.125rem;
    max-width: 20.125rem;
    padding-top: 1.25rem;
  }

  .add-family-popup .modal-dialog .modal-header .text-section .heading-section {
    margin: -0.4375rem 0 1.25rem;
  }

  .add-family-popup .modal-dialog .modal-header .text-section .desc-section {
    padding: 0 1rem;
  }

  .add-family-popup .modal-dialog .modal-body {
    padding: 1.25rem 4rem;
  }

  .add-family-popup .modal-dialog .modal-body .text-section {
    width: 100%;
  }

  .add-family-popup .modal-dialog .modal-body .text-section .desc-section {
    width: 100%;
    padding: 1.5rem 1.875rem 2px;
  }

  .add-family-popup .modal-dialog .modal-body .text-section .see-more-section {
    padding-top: 0.3125rem;
  }

  .file-upload-popup .modal-dialog {
    margin-top: 2.25rem;
    max-width: 29.8125rem;
  }

  .file-upload-popup .modal-dialog .modal-content {
    max-width: 29.8125rem;
  }

  .file-upload-popup .modal-dialog .modal-content .modal-body {
    padding: 0 4rem 1.25rem;
  }

  .file-upload-popup .modal-dialog .modal-content .modal-body .error-section {
    margin: 0 -4rem;
    padding: 0.625rem 3.875rem 0;
    background-position: 3.875rem 0.625rem;
  }

  .file-upload-popup .modal-dialog .modal-content .modal-body .error-section p {
    margin-bottom: 0.5rem;
  }

  .file-upload-popup .modal-dialog .modal-content .modal-body .action-section {
    margin-right: -3.125rem;
  }

  .section-wrapper .leftpanel,
  .section-wrapper .rightpanel {
    display: table-cell;
    vertical-align: top;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .add-family-popup .modal-dialog {
    max-width: 20.3125rem;
    margin-top: 1.5rem;
  }

  .add-family-popup .modal-dialog .modal-content {
    width: 20.3125rem;
  }

  .add-family-popup .modal-dialog .modal-content .modal-header .text-section {
    padding: 0 1.25rem;
  }

  .add-family-popup .modal-dialog .modal-content .modal-header .text-section .heading-section {
    margin: -0.3125rem 0 1rem;
  }

  .add-family-popup .modal-dialog .modal-content .modal-body {
    padding: 1.25rem 1rem 1rem;
  }

  .file-upload-popup .modal-body .error-section {
    margin: 0 -1rem;
  }

  .accsettingstopbannerouter {
    min-height: 5.5rem;
  }

  .accsettingstopbannerinner {
    min-height: 5.5rem;
  }
}

.accountsettingsp .left-section-wrapper .imgcontainer .outer-image-wrapper,
.file-upload-popup .modal-body .profile-section .outer-image-wrapper,
.rightcontainer .accsettingstopbannerinner .imgcontainer .outer-image-wrapper {
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 6.25rem;
  background: rgba(255, 255, 255, 0.15);
}

.accountsettingsp .left-section-wrapper .imgcontainer .outer-image-wrapper .inner-image-wrapper,
.file-upload-popup .modal-body .profile-section .outer-image-wrapper .inner-image-wrapper,
.rightcontainer .accsettingstopbannerinner .imgcontainer .outer-image-wrapper .inner-image-wrapper {
  width: 5.25rem;
  height: 5.25rem;
  border-radius: 5.25rem;
  margin-top: 0.5rem;
  background: rgba(255, 255, 255, 0.3);
  position: relative;
  z-index: 1;
}

.accountsettingsp .left-section-wrapper .imgcontainer .outer-image-wrapper .inner-image-wrapper img,
.file-upload-popup .modal-body .profile-section .outer-image-wrapper .inner-image-wrapper img,
.rightcontainer .accsettingstopbannerinner .imgcontainer .outer-image-wrapper .inner-image-wrapper img {
  border-radius: 6.25rem;
  margin-top: 0.4375rem;
  width: 4.375rem;
  height: 4.375rem;
}

.accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .sponserbusiness {
  margin-top: 0;
}

.accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .height-dummy {
  height: 3.25rem;
}

.accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .outer-image-wrapper {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 3.75rem;
  background: rgba(255, 255, 255, 0.15);
  margin-right: 1rem;
}

.accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .outer-image-wrapper .inner-image-wrapper {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 3.25rem;
  background: rgba(255, 255, 255, 0.3);
}

.accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .outer-image-wrapper .inner-image-wrapper img {
  border-radius: 3.25rem;
  width: 3.75rem;
  height: 3.75rem;
}

.app-modal-window.delete-confirmation-popup .modal-dialog {
  margin: 2rem auto;
}

.app-modal-window.email-username-popup .modal-dialog,
.app-modal-window.both-email-username-popup .modal-dialog,
.app-modal-window.oops-popup .modal-dialog {
  max-width: 20.3125rem;
  padding-top: 2rem;
}

.app-modal-window.email-username-popup .modal-dialog .modal-body .heading-section,
.app-modal-window.email-username-popup .modal-dialog .modal-body .desc-section p,
.app-modal-window.both-email-username-popup .modal-dialog .modal-body .heading-section,
.app-modal-window.both-email-username-popup .modal-dialog .modal-body .desc-section p,
.app-modal-window.oops-popup .modal-dialog .modal-body .heading-section,
.app-modal-window.oops-popup .modal-dialog .modal-body .desc-section p {
  line-height: 1.3;
}

.app-modal-window.email-username-popup .modal-dialog .modal-body .heading-section,
.app-modal-window.both-email-username-popup .modal-dialog .modal-body .heading-section,
.app-modal-window.oops-popup .modal-dialog .modal-body .heading-section {
  font-size: 1.375rem;
  font-weight: 100;
  margin-top: -0.625rem;
  color: #727272;
}

.app-modal-window.email-username-popup .modal-dialog .modal-body .desc-section,
.app-modal-window.both-email-username-popup .modal-dialog .modal-body .desc-section,
.app-modal-window.oops-popup .modal-dialog .modal-body .desc-section {
  padding: 1.875rem 0 3.125rem;
}

.app-modal-window.email-username-popup .modal-dialog .modal-body .desc-section p,
.app-modal-window.both-email-username-popup .modal-dialog .modal-body .desc-section p,
.app-modal-window.oops-popup .modal-dialog .modal-body .desc-section p {
  font-weight: 400;
  color: #444444;
}

.app-modal-window.email-username-popup .modal-dialog .modal-body .desc-section p .email-section,
.app-modal-window.both-email-username-popup .modal-dialog .modal-body .desc-section p .email-section,
.app-modal-window.oops-popup .modal-dialog .modal-body .desc-section p .email-section {
  font-weight: 600;
}

.app-modal-window.email-username-popup .modal-dialog .modal-body .caution-section,
.app-modal-window.both-email-username-popup .modal-dialog .modal-body .caution-section,
.app-modal-window.oops-popup .modal-dialog .modal-body .caution-section {
  padding-top: -1.43rem;
  font-weight: 300;
  font-size: 0.875rem;
}

.app-modal-window.email-username-popup .modal-dialog .modal-body .caution-section .phone-section,
.app-modal-window.both-email-username-popup .modal-dialog .modal-body .caution-section .phone-section,
.app-modal-window.oops-popup .modal-dialog .modal-body .caution-section .phone-section {
  color: #008AB0;
  display: inline-block;
}

@media (min-width: 320px) and (max-width: 359px) {
  /* .imgtitlemobile {
    overflow: hidden;
    position: relative;
    line-height: 1.5rem;
    max-height: 3rem;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
  }
  .imgtitlemobile:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .imgtitlemobile:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white;
  } */

  .accountsettingsp #accordionform .panel {
    padding: 0.625rem 0;
    margin-bottom: 0.5rem;
  }

  .accountsettingsp #accordionform .panel .panel-collapse .grayline {
    margin-bottom: -0.5rem;
  }

  .accountsettingsp #privacy .overviewform.privacy-wrapper {
    max-width: 100%;
  }

  .accountsettingsp .privacytextreadonly {
    margin-left: 0;
  }

  .accountsettingsp .accsettingsdetailcontainer .storycontainer {
    padding: 1.25rem 1.25rem 0px 1.25rem;
  }

  .accountsettingsp .accsettingsdetailcontainer .shippingcontainer,
  .accountsettingsp .accsettingsdetailcontainer .storycontainer {
    padding: 1.25rem 1.25rem 0px 1.25rem;
  }

  .accountsettingsp .accsettingsdetailcontainer .billingcontainer {
    padding: 0px;
    margin: 1.25rem 2.1875rem;
  }

  .accountsettingsp .accsettingsdetailcontainer .login-pref-personal-email.sectiontext,
  .accountsettingsp .accsettingsdetailcontainer .login-pref-personal-email.common-username-email-text,
  .accountsettingsp .accsettingsdetailcontainer .contactcontainer .login-pref-personal-email.sectionsponsertext,
  .accountsettingsp .contactcontainer .accsettingsdetailcontainer .login-pref-personal-email.sectionsponsertext,
  .accountsettingsp .accsettingsdetailcontainer .overviewform .login-pref-personal-email.sectionsponsertext,
  .accountsettingsp .overviewform .accsettingsdetailcontainer .login-pref-personal-email.sectionsponsertext,
  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer .login-pref-personal-email.sectionsponsertext,
  .accountsettingsp .sponsercontainer .accsettingsdetailcontainer .login-pref-personal-email.sectionsponsertext {
    width: 100%;
  }

  .accountsettingsp .accsettingsdetailcontainer .login-pref-personal-email {
    width: 100%;
  }

  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer {
    max-width: 20rem;
    padding: 1.25rem;
  }

  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer {
    margin-bottom: 10px;
  }

  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .outer-image-wrapper {
    margin-right: 0px;
  }

  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .col-sm-9,
  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .col-sm-8 {
    padding-left: 1rem;
  }

  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .col-sm-9 .sponserdetails span,
  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .col-sm-8 .sponserdetails span {
    width: 100%;
    line-height: 1.1875rem;
  }

  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .col-sm-9 .sponserdetails .sponserseparator:after,
  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .col-sm-8 .sponserdetails .sponserseparator:after {
    display: none;
  }

  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .sponserbusiness {
    margin-top: 0;
  }
}

/*!
 * Cropper v3.0.0-rc.1
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2017 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2017-04-30T03:10:34.736Z
 */

.cropper-container {
  font-size: 0;
  line-height: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  direction: ltr;
  -ms-touch-action: none;
  touch-action: none;
}

.cropper-container img {
  display: block;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  max-height: none !important;
  width: 100%;
  height: 100%;
  image-orientation: 0deg;
}

.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cropper-wrap-box {
  overflow: hidden;
}

.cropper-drag-box {
  opacity: 0;
  background-color: #fff;
}

.cropper-modal {
  opacity: .5;
  background-color: #000;
}

.cropper-view-box {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
}

.cropper-dashed {
  position: absolute;
  display: block;
  opacity: .5;
  border: 0 dashed #eee;
}

.cropper-dashed.dashed-h {
  top: 33.33333%;
  left: 0;
  width: 100%;
  height: 33.33333%;
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333%;
  width: 33.33333%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px;
}

.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  opacity: .75;
}

.cropper-center:after,
.cropper-center:before {
  position: absolute;
  display: block;
  content: " ";
  background-color: #eee;
}

.cropper-center:before {
  top: 0;
  left: -3px;
  width: 7px;
  height: 1px;
}

.cropper-center:after {
  top: -3px;
  left: 0;
  width: 1px;
  height: 7px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .1;
}

.cropper-face {
  top: 0;
  left: 0;
  background-color: #fff;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize;
}

.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize;
}

.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize;
}

.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize;
}

.cropper-point {
  width: 5px;
  height: 5px;
  opacity: .75;
  background-color: #39f;
}

.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize;
}

.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize;
}

.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize;
}

.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}

.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize;
}

.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize;
}

.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize;
}

.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  opacity: 1;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    opacity: .75;
  }
}

.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: " ";
  opacity: 0;
  background-color: #39f;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}

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

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.accountsettingsp {
  /*  @media (min-width: 1440px) {
    .leftpanel {
      height: 52.25rem;
      width: 37.5rem;
      min-width: 37.5rem;
      .left-section-wrapper {
        padding: 0 7.0625rem 0 11rem;
      }
    }
    .leftlinks {
      min-width: 20rem;
    }
    .rightpanel {
      width: 100%;
    }

  }*/
  /* overview css */
  /* story css */
}

.accountsettingsp #accordionform {
  margin: 0;
  background: #F7F7F7;
  padding: 10px 0;
}

.accountsettingsp #accordionform .panel-title button:after {
  content: '';
  height: 1.6875rem;
  width: 1.6875rem;
  transition: All .2s;
  position: absolute;
  top: 0;
  right: 0;
}

.accountsettingsp #accordionform .panel-title button span {
  font-weight: 600;
}

.accountsettingsp #accordionform .panel-title button.collapsed:after {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ns-downward-arrow.svg) center no-repeat;
  transform: rotate(0deg);
}

.accountsettingsp #accordionform .panel {
  padding: 1rem 0 1rem;
  margin-bottom: 1rem;
}

.accountsettingsp #accordionform .panel-heading {
  padding: 0 11px 0 1.5rem;
}

.accountsettingsp #accordionform .addpanel {
  padding: 0 0 2.5rem 0;
}

.accountsettingsp #accordionform .accsettingsdetailcontainer {
  padding: 0;
}

.accountsettingsp .checkbox {
  margin-bottom: 1rem;
  display: table;
}

.accountsettingsp .no-wrap {
  white-space: nowrap;
}

.accountsettingsp .email-in-use {
  margin-top: -20px;
}

.accountsettingsp .nav-buttons-section .nav-buttons button {
  background: transparent;
  outline: 0;
  border: 0.0625rem solid white;
  color: white;
  border-radius: 3px;
  padding: 0.625rem 0;
  font-weight: 600;
  letter-spacing: 0.0625rem;
  width: 48%;
  margin: 0 -2px;
}

.accountsettingsp .nav-buttons-section .nav-buttons .button-personal {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.accountsettingsp .nav-buttons-section .nav-buttons .button-business {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.accountsettingsp .nav-buttons-section .nav-buttons button.selected-tab {
  background-color: #1CD8D2;
  box-shadow: 2px 2px 2px 0 rgba(103, 103, 103, 0.5);
  border: solid 0.0625rem #1CD8D2;
  color: #2D2D2D;
  cursor: initial;
}

.accountsettingsp .nav-buttons-section .nav-buttons-personal + .nav-buttons-business .button-business {
  border-left: 0;
}

.accountsettingsp .nav-buttons-section .nav-buttons-personal .button-personal {
  border-right: 0;
}

.accountsettingsp .leftpanel {
  background-color: #727272;
}

.accountsettingsp .rightpanel {
  background-color: #FFFFFF;
  overflow: initial;
}

.accountsettingsp .leftlinks {
  padding-bottom: 2rem;
  min-width: 19.75rem;
}

.accountsettingsp .delete-button-tab {
  overflow: hidden;
}

.accountsettingsp .leftlinkcontainer {
  padding: 2rem 0 1.1rem;
}

.accountsettingsp .sectionline {
  border: 1px solid #dedede;
  margin: 1rem .3rem;
}

.accountsettingsp .tabcontainer {
  margin-top: 1rem;
}

.accountsettingsp .tabaccountstyle {
  position: absolute;
  width: 100%;
  bottom: 1.25rem;
}

.accountsettingsp .leftanchor {
  font-weight: 300;
  font-size: 1rem;
  height: 1.375rem;
  line-height: 0.8;
  letter-spacing: 0.1rem;
  color: #FFFFFF;
  text-transform: uppercase;
  padding-left: 1rem;
  text-decoration: none;
}

.accountsettingsp .leftanchor.tabselected {
  color: #1CD8D2;
  width: .31rem;
  height: 1.75rem;
  object-fit: contain;
  font-weight: 600;
}

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

.accountsettingsp .accountid {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.8;
  color: #FFFFFF;
}

.accountsettingsp .imgtitle,
.accountsettingsp .imgtitlemobile {
  font-weight: 100;
  font-size: 1.375rem;
  line-height: 1.5;
  color: #FFFFFF;
  margin-top: 0.6rem;
  font-size: 1rem;
}

.accountsettingsp .imgtitlemobile {
  margin-top: 2rem;
  font-size: 1.25rem;
  font-weight: 500;
}

.accountsettingsp .rightoutertitle {
  font-weight: 600;
  font-size: 0.9rem;
  line-height: 1;
  text-align: left;
  padding: 1.3rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #444444;
  cursor: pointer;
  margin-top: 0.5rem;
  background: #FFFFFF;
  height: 3.5rem;
}

.accountsettingsp .accounttopbannerinner {
  background-size: auto 14rem;
  height: 14rem;
  margin-top: 0rem;
  opacity: 0.5;
}

.accountsettingsp .list-inline {
  height: 2.4rem;
  border: solid 1px #FFFFFF;
  border-radius: .1875rem;
}

.accountsettingsp .list-inline > div {
  display: inline-block;
  padding: .4rem 0;
  text-align: center;
  height: 2.4rem;
  width: 50%;
  border-right: solid 1px #FFFFFF;
}

.accountsettingsp .list-inline > div:last-child {
  border-right: 0;
}

.accountsettingsp .list-inline > div.tabselected {
  border-radius: 0.18rem;
  background-color: #1CD8D2;
  box-shadow: 2px 2px 2px 0 rgba(103, 103, 103, 0.5);
  border: solid 1px #1CD8D2;
  margin: -0.19rem;
  height: 2.4rem;
}

@media screen and (max-width: 767px) {
  .accountsettingsp .list-inline > div.tabselected {
    background-color: #1CD8D2;
    box-shadow: 2px 2px 2px 0 rgba(103, 103, 103, 0.5);
    border: solid 1px #1CD8D2;
    margin: -0.1rem;
    height: 2.5rem;
  }
}

.accountsettingsp .list-inline a {
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 1.3;
  letter-spacing: 0.9px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
}

.accountsettingsp .list-inline a.tabselected {
  color: #2D2D2D;
}

.accountsettingsp .addheader {
  height: 4.125rem;
  background: #d2d2d2;
}

@media screen and (min-width: 768px) {
  .accountsettingsp .inlineeditcontainer {
    height: 3.2rem;
    width: 2rem;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }

  .accountsettingsp .topcontainermargin {
    margin-top: -3.5rem;
  }

  .accountsettingsp .leftpanel {
    width: 19.9375rem;
    min-width: 19.9375rem;
  }

  .accountsettingsp .leftpanel .left-section-wrapper {
    padding: 0 1.25rem;
  }

  .accountsettingsp .rightpanel {
    width: 100%;
  }

  .accountsettingsp .contactcontainer,
  .accountsettingsp .overviewform,
  .accountsettingsp .sponsercontainer {
    padding: 1.5rem 0 1.5rem;
    border-bottom: none;
    background: #FFFFFF;
  }

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

  .accountsettingsp .contactcontainer {
    margin-top: 1.5rem;
  }

  .accountsettingsp .billingcontainer {
    margin-top: .5rem;
    background: #FFFFFF;
    padding: 1.5rem;
  }

  .accountsettingsp .shippingcontainer,
  .accountsettingsp .storycontainer {
    padding: 1.5rem;
    margin-top: .5rem;
    background: #FFFFFF;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .accountsettingsp .leftpanel {
    height: 52.25rem;
    width: 21.5625rem;
    min-width: 21.5625rem;
  }

  .accountsettingsp .leftpanel .left-section-wrapper {
    padding: 0 0.3125rem 0 0.625rem;
  }

  .accountsettingsp .rightpanel {
    width: 100%;
  }
}

@media screen and (min-width: 320px) and (max-width: 1023px) {
  .accountsettingsp .accounttopbannerouter {
    height: 12.5rem;
  }

  .accountsettingsp .delete-button-section {
    margin: 0 -3rem;
  }

  .accountsettingsp .accounttopbannerinner {
    background: #37B0C9;
    height: 12.5rem;
    opacity: 0.5;
    margin: 0;
  }

  .accountsettingsp .leftanchor {
    font-size: 0.8125rem;
  }

  .accountsettingsp .leftpanel {
    height: 59rem;
    max-width: 19.9375rem;
  }
}

.accountsettingsp .inlineeditheader {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.accountsettingsp .inlineedit,
.accountsettingsp .inlineeditshipping,
.accountsettingsp .inlineeditbilling {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icon-edit.svg) no-repeat 0.3125rem 0.5rem;
  height: 1.5rem;
  width: 2rem;
  float: right;
  cursor: pointer;
  margin-top: 5px;
}

.accountsettingsp .inlineedittext,
.accountsettingsp .inlineedittextdelete {
  font-weight: 600;
  font-size: .875rem;
  line-height: 1.1;
  letter-spacing: 0.4px;
  color: #008AB0;
  padding: .8rem 0;
  cursor: pointer;
}

.accountsettingsp .inlineedittextdelete {
  padding: 1.4375rem 0 0 0.625rem;
}

.accountsettingsp .delete-button-section span {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-delete.svg) no-repeat left top;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.025rem;
  color: #008AB0;
  padding: 0.25rem 0.3125rem 0.25rem 1.875rem;
}

.accountsettingsp .slabel {
  height: 1.5rem;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 1.8;
  color: #444444;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.accountsettingsp .sectiontext,
.accountsettingsp .common-username-email-text,
.accountsettingsp .contactcontainer .sectiontext,
.accountsettingsp .overviewform .sectiontext,
.accountsettingsp .sponsercontainer .sectiontext,
.accountsettingsp .contactcontainer .sectionsponsertext,
.accountsettingsp .overviewform .sectionsponsertext,
.accountsettingsp .sponsercontainer .sectionsponsertext,
.accountsettingsbusiness .contactcontainer .accountsettingsp .sectiontext,
.accountsettingsp
.accountsettingsbusiness .addresscontainer .sectiontext,
.accountsettingsbusiness .addresscontainer .accountsettingsp .sectiontext,
.accountsettingsbusiness .overviewform .accountsettingsp .sectiontext,
.accountsettingsp
.accountsettingsbusiness .accountcontainer .sectiontext,
.accountsettingsbusiness .accountcontainer .accountsettingsp .sectiontext,
.accountsettingsp .accountsettingsbusiness .bankingcontainer .sectiontext,
.accountsettingsbusiness .bankingcontainer .accountsettingsp .sectiontext {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5;
  color: #444444;
  text-align: right;
}

.accountsettingsp .select-wrapper:after {
  top: 40%;
  margin-right: 5px;
}

.accountsettingsp .topbannertitle {
  text-transform: uppercase;
  font-weight: 100;
  font-size: 2.375rem;
  line-height: 1.1;
  color: #FFFFFF;
  text-align: center;
  padding-top: 7%;
}

.accountsettingsp .accsettingstopbannerouter {
  min-height: 12.5rem;
  height: 100%;
}

.accountsettingsp .accsettingstopbannerinner {
  background: rgba(55, 176, 201, 0.7);
  min-height: 12.5rem;
  height: 100%;
  padding-bottom: 1.375rem;
  opacity: 1;
  margin-top: -1rem;
}

.accountsettingsp .addmheader {
  height: 4.8rem;
  background-color: #008AB0;
  color: #FFFFFF;
}

.accountsettingsp .common-username-email-text {
  text-align: left;
  margin-top: -1rem;
}

.accountsettingsp .resend-email-section {
  color: #008AB0;
  text-align: right;
  margin-right: 1rem;
}

.accountsettingsp .email-not-verified-section {
  background: rgba(28, 216, 210, 0.25);
  padding: 1rem 0.875rem;
  border-radius: 0.3125rem;
}

.accountsettingsp .email-not-verified-section .email-not-verified-heading {
  color: #727272;
  font-weight: 600;
}

.accountsettingsp .email-not-verified-section .email-not-verified-desc {
  font-weight: 400;
  line-height: 1.8;
  font-size: 0.875rem;
  color: #727272;
}

.accountsettingsp .accsettingsdetailcontainer .form-group {
  margin-bottom: 1.125rem;
}

.accountsettingsp .accsettingsdetailcontainer .hide {
  display: none;
}

.accountsettingsp .accsettingsdetailcontainer .no-margin-bottom {
  margin-bottom: 0;
}

.accountsettingsp .contactcontainer,
.accountsettingsp .overviewform,
.accountsettingsp .sponsercontainer {
  background-color: #FFFFFF;
}

.accountsettingsp .contactcontainer .common-username-email-text,
.accountsettingsp .contactcontainer .sectiontext,
.accountsettingsp .contactcontainer .sectionsponsertext,
.accountsettingsp .overviewform .common-username-email-text,
.accountsettingsp .overviewform .sectiontext,
.accountsettingsp .overviewform .sectionsponsertext,
.accountsettingsp .sponsercontainer .common-username-email-text,
.accountsettingsp .sponsercontainer .sectiontext,
.accountsettingsp .sponsercontainer .sectionsponsertext {
  margin-bottom: 0;
  font-size: 1rem;
  word-break: break-word;
}

.accountsettingsp .contactcontainer .sectionsponsertext,
.accountsettingsp .overviewform .sectionsponsertext,
.accountsettingsp .sponsercontainer .sectionsponsertext {
  text-align: left;
  font-size: .9rem;
}

.accountsettingsp .privacycontainer {
  padding: 0;
  margin: 0;
}

.accountsettingsp .mobileeditcontainer {
  height: 2.5rem;
  background: #FFFFFF;
  margin-bottom: 1rem;
}

.accountsettingsp .slabeloverview {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.8;
  color: #444444;
}

.accountsettingsp .sectiontitle {
  font-weight: 100;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #444444;
  text-transform: uppercase;
}

.accountsettingsp .sectiondetails {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5;
  color: #2D2D2D;
}

.accountsettingsp .notspecified {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5;
  color: #A7A7A7;
  text-align: right;
}

.accountsettingsp .sponsertitle {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5;
  color: #444444;
}

.accountsettingsp .sponserdetails {
  font-weight: 300;
  font-size: 0.8rem;
  line-height: 1.7;
  color: var(--color-interactive-1);
}

.accountsettingsp .sponserseparator:after {
  content: "|";
  width: 0.2rem;
  height: 1.5rem;
  padding: 0 1rem;
  color: #444444;
}

.accountsettingsp .sponserbusiness {
  margin: 0.6rem 0;
}

.accountsettingsp .imgbox {
  margin-top: 1rem;
}

.accountsettingsp .close {
  font-size: 1rem;
}

.accountsettingsp .popupform {
  padding: 0;
  margin: 0;
}

.accountsettingsp .radio + .radio {
  margin-top: 0;
}

.accountsettingsp .myimg {
  max-width: 5rem;
}

.accountsettingsp .userdatacontainer {
  margin-bottom: 1rem;
}

.accountsettingsp .modal-content {
  margin-left: 1rem;
}

.accountsettingsp .sponsertitlemain {
  margin-bottom: 1.5rem;
}

.accountsettingsp .privacytext,
.accountsettingsp .privacytextreadonly {
  font-weight: 300;
  font-size: .8rem;
  color: #777676;
  margin: 0 0 0 .2rem;
  vertical-align: top;
  display: inline-block;
}

.accountsettingsp .line {
  height: 2px;
  border: solid 1px #B9E1EA;
  margin: .5rem 0 1.09rem 0;
}

.accountsettingsp .checkboxwrapper {
  min-height: 1px;
  padding-left: 1rem;
}

.accountsettingsp .mobileruler {
  height: 2px;
  border: solid 1px #eeeeee;
  background: #eeeeee;
}

.accountsettingsp .privacytextreadonly {
  margin: 0 0 1.5rem .625rem;
  vertical-align: top;
  display: inline-block;
}

.accountsettingsp .checkboxline {
  display: inline-block;
  margin-left: -.625rem;
  width: 2.25rem;
}

.accountsettingsp .section-wrapper {
  display: table;
}

.accountsettingsp .storysubcontainer {
  margin-bottom: 2.06rem;
}

.accountsettingsp .storycontent {
  margin-bottom: 1.125rem;
}

.accountsettingsp .storysubtitle {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3;
  color: #2D2D2D;
  margin-bottom: 1.125rem;
}

.accountsettingsp .storyimg {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/story.png) no-repeat center;
  height: 6.375rem;
}

.accountsettingsp .storycontent {
  font-weight: 300;
  font-size: 13px;
  line-height: 1.4;
  color: #444444;
  text-align: justify;
}

.accountsettingsp .storyimgcontainer {
  width: 6.25rem;
}

.accountsettingsp .seremore {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.8;
  text-align: center;
  color: #008AB0;
}

.accountsettingsp .quickemailtext,
.accountsettingsp .quickemailtextpurple {
  font-weight: 300;
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: 0.4px;
  text-align: center;
  color: #008AB0;
  text-transform: uppercase;
}

.accountsettingsp .quickemailtextpurple {
  color: #964BB3;
}

.accountsettingsp .quickemailimg {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/story_email.png) no-repeat center;
  height: 1.06rem;
  margin-bottom: 7px;
}

.accountsettingsp .quickcopyimg {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/copy.png) no-repeat center;
  height: 1.25rem;
  margin-bottom: 7px;
}

.accountsettingsp .quickcopyimgpurple {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/copy-purple.png) no-repeat center;
  height: 1.25rem;
  margin-bottom: 7px;
}

.accountsettingsp .quickdownloadimg {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/story_download.png) no-repeat center;
  height: 1.375rem;
  margin-bottom: 7px;
}

.accountsettingsp .quickprintimg {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/print_story.png) no-repeat center;
  height: 1.375rem;
  margin-bottom: 7px;
}

.accountsettingsp .quickactionscontainer {
  margin-bottom: 1rem;
}

.accountsettingsp .quickactionscontainer .quickcopyContainer {
  width: 20%;
  display: inline-block;
  position: relative;
}

.accountsettingsp .quickactionscontainer .quickdownload {
  width: 20%;
  display: inline-block;
  position: relative;
}

.accountsettingsp .action-template-section .content-section .description-section {
  text-align: left;
  margin: 0;
}

.accountsettingsp .action-template-section .content-section .description-section .story-section {
  padding: 1.75rem 4.25rem 4.8125rem;
}

.accountsettingsp .action-template-section .content-section .description-section .story-section .heading-section {
  font-size: 1.125rem;
}

.accountsettingsp .action-template-section .content-section .description-section .story-section .time-format {
  width: 18.569rem;
  height: 0.875rem;
  font-family: TimesNewRomanPSMT;
  font-size: 0.6875rem;
  line-height: 1.27;
  letter-spacing: -0.00625rem;
  color: #A7A7A7;
  margin-bottom: 2rem;
}

.accountsettingsp .action-template-section .content-section .description-section .story-section .script-data {
  font-size: 0.625rem;
  font-family: TimesNewRomanPSMT;
  letter-spacing: -0.00625rem;
  color: #727272;
  line-height: 1.5;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .accountsettingsp .topbannertitle {
    font-size: 1.875rem;
  }

  .accountsettingsp .privacytext,
  .accountsettingsp .privacytextreadonly {
    display: inline-block;
  }

  .accountsettingsp .privacytextreadonly {
    display: inline-block;
  }

  .accountsettingsp .overviewform.privacy-wrapper div.checkbox label::before {
    position: relative;
  }

  .accountsettingsp .overviewform.privacy-wrapper div.checkbox label {
    margin-bottom: 1rem;
  }

  .accountsettingsp .overviewform.privacy-wrapper div.checkbox label .privacytext,
  .accountsettingsp .overviewform.privacy-wrapper div.checkbox label .privacytextreadonly {
    position: absolute;
    top: 0.0625rem;
    left: 2rem;
  }

  .accountsettingsp .center-sectionp {
    margin: 0 1.5rem;
  }

  .accountsettingsp .convert-to-business-section .toggle-hidden-section .text-section,
  .accountsettingsp .convert-to-business-section .toggle-address-section .text-section {
    background-position: left -0.125rem;
  }

  .accountsettingsp .convert-to-business-section .toggle-hidden-section .small-text-section,
  .accountsettingsp .convert-to-business-section .toggle-address-section .small-text-section {
    margin-top: -0.5625rem;
  }

  .accountsettingsp input#birthdayInvalidError ~ .form-group > .hidden-sm-down .m-t-2:last-child {
    margin-top: 0px !important;
  }
}

.accountsettingsp .addline {
  font-weight: 300;
  font-size: 13px;
  line-height: 1.4;
  color: #444444;
}

.accountsettingsp .userline {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3;
  color: #2D2D2D;
  margin-bottom: 4px;
}

.accountsettingsp .shippingshapetext,
.accountsettingsp .billingshapetext {
  font-weight: 600;
  font-size: .8125rem;
  line-height: 1.8;
  color: #00d8d3;
  width: .99rem;
  height: .93rem;
  object-fit: contain;
  background-color: #00d8d3;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/shape.svg) no-repeat;
  padding-left: 1.6rem;
  margin-left: .5rem;
}

.accountsettingsp .grayline {
  border-top: solid 1px #eeeeee;
}

.accountsettingsp .gray-border-section {
  border: solid 0.0625rem #eeeeee;
  border-left-width: 0;
  border-right-width: 0;
}

.accountsettingsp .accountidnumber {
  font-weight: 300;
  font-size: .875rem;
  line-height: 1.7;
  color: #FFFFFF;
  padding-left: 8px;
}

.accountsettingsp .sponsermargin {
  margin-top: .9375rem;
}

.accountsettingsp .addsign {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-close-copy-2.svg) no-repeat right bottom;
  height: 1.25rem;
  margin: .4rem 7px;
}

.accountsettingsp .delete-sign {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-delete.svg) no-repeat right bottom;
  height: 1.25rem;
  margin: 1.125rem 7px;
}

.accountsettingsp .backgroundwhite {
  background: #FFFFFF;
}

.accountsettingsp .inlineeditshipping {
  height: 5rem;
}

.accountsettingsp .inlineeditbilling {
  height: 3rem;
}

.accountsettingsp .privacytextcontainer {
  display: inline-block;
  width: 85%;
  vertical-align: top;
  display: inline-flex;
}

.accountsettingsp .notspecifiedadd {
  position: relative;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 3.25rem;
  background: #008AB0;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0.025rem;
  color: #FFFFFF;
}

.accountsettingsp .notspecifiedadd span {
  position: absolute;
  top: 1.6875rem;
  left: 0.8125rem;
}

.accountsettingsp .no-associate-section .absent-label-section p {
  font-weight: 300;
  line-height: 1.5;
  color: #444444;
}

@media screen and (min-width: 1024px) {
  .accountsettingsp .center-sectionp {
    display: table;
    margin: 0 auto;
  }

  .accountsettingsp .accsettingsdetailcontainer {
    width: 30.43rem;
  }

  .accountsettingsp .accsettingsdetailcontainer .delete-button-section {
    margin: 0 calc(calc(30.43rem - calc(100% - 21.5625rem)) * (-1));
  }
}

.accountsettingsp .communication-preference-section .contact-preference-label-helper {
  margin-top: -0.8125rem;
  padding-left: 2.3625rem;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.85;
  text-align: left;
  color: #444444;
}

.accountsettingsp .communication-preference-section .p-0 {
  padding: 0px;
}

.accountsettingsp .communication-preference-section .formlabel {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: -0.1px;
  color: #2D2D2D;
}

.accountsettingsp .communication-preference-section .radio-buttons-section .text-section .label-section {
  position: absolute;
  top: -0.3125rem;
  left: 1.875rem;
}

.accountsettingsp .communication-preference-section .radio-buttons-section .text-section .label-section .radio-button-heading,
.accountsettingsp .communication-preference-section .radio-buttons-section .text-section .label-section .radio-button-desc {
  padding-left: 0.3125rem;
  margin: 0;
  font-weight: 300;
  line-height: 1.23;
  color: #444444;
  width: 9.375rem;
}

.accountsettingsp .communication-preference-section .radio-buttons-section .text-section .label-section .radio-button-heading {
  line-height: 1.5;
  margin: 0;
}

.accountsettingsp .communication-preference-section .radio-buttons-section .text-section > p:first-child {
  position: absolute;
  top: -0.375rem;
  line-height: 1.5;
}

.accountsettingsp .communication-preference-section .radio-buttons-section .text-section > p {
  padding-left: 0.3125rem;
  margin: 0;
  font-weight: 300;
  line-height: 1.23;
  color: #444444;
  width: 9.375rem;
}

.accountsettingsp .communication-preference-section .email-communication-section .language-section .heading-section {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.57;
  letter-spacing: -0.00625rem;
  color: #2D2D2D;
  margin: 1rem 0 0.625rem;
}

.accountsettingsp .communication-preference-section .email-communication-section .language-section .language-select-section::after {
  top: 50%;
}

.accountsettingsp .communication-preference-section .email-communication-section .language-section .select-wrapper:after {
  top: 30%;
}

.accountsettingsp .communication-preference-section .email-communication-section .checkbox-section .label-section {
  margin: -1.125rem 0 0 1rem;
}

.accountsettingsp .communication-preference-section .email-communication-section .checkbox-section .label-section p {
  font-weight: 300;
  line-height: 1.23;
  color: #444444;
  line-height: 1.38;
}

.accountsettingsp .communication-preference-section .email-communication-section .preference-form-label-helper {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.23;
  color: #777676;
}

.accountsettingsp .communication-preference-section .email-communication-section .contact-preference-option {
  margin-top: 0.5rem;
}

.accountsettingsp .communication-preference-section .section-heading {
  z-index: 1;
  text-align: center;
}

.accountsettingsp .communication-preference-section .section-heading::before {
  border-top: 0.125rem solid #dedede;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 0.75rem;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.accountsettingsp .communication-preference-section .section-heading span {
  background: #FFFFFF;
  padding: 0 2rem;
  color: #444444;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.0375rem;
}

.accountsettingsp .communication-preference-section .contact-preference-wrapper label {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.1px;
  color: #2d2d2d;
}

.accountsettingsp .communication-preference-section .contact-preference-wrapper .checkbox label {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #444444;
  margin-bottom: 0.2px;
}

.accountsettingsp .communication-preference-section .contact-preference-wrapper .checkbox label.fieldval {
  padding-left: 25px;
}

.accountsettingsp .billinglegend {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.4;
  text-align: center;
  color: #444444;
}

.accountsettingsp .billingshapetext {
  margin-left: 0;
}

.accountsettingsp .billingexpired {
  font-weight: 600;
  font-size: 13px;
  color: #D0021B;
}

.accountsettingsp .creditcardmaster {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/m-a-s-t-e-r-c-a-r-d.png) no-repeat right center;
}

.accountsettingsp .creditcardvisa {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/v-i-s-a.png) no-repeat right center;
}

.accountsettingsp .creditcardamex {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/a-m-e-x.png) no-repeat right center;
}

.accountsettingsp .creditcarddiscover {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/d-i-s-c-o-v-e-r.png) no-repeat right center;
}

.accountsettingsp .creditcardother {
  background: none;
}

.accountsettingsp .link-section {
  font-weight: 600;
  line-height: 1.23;
  letter-spacing: 0.025rem;
  color: #008AB0;
}

.accountsettingsp h5 {
  color: #008AB0;
}

.accountsettingsp .convert-wrapper,
.accountsettingsp .convert-wrapper-contact {
  height: 18px;
  border: 0.00625rem solid transparent;
  background: #FAFAFA;
}

.accountsettingsp .convert-to-business-section {
  background: #FFFFFF;
}

.accountsettingsp .convert-to-business-section .toggle-hidden-section .text-section,
.accountsettingsp .convert-to-business-section .toggle-address-section .text-section {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-clock.png) no-repeat left;
  min-height: 1.5rem;
  padding: 0.3125rem 0 0 2rem;
}

.accountsettingsp .convert-to-business-section .toggle-hidden-section .text-section:first-child,
.accountsettingsp .convert-to-business-section .toggle-address-section .text-section:first-child {
  margin-bottom: 1rem;
}

.accountsettingsp .convert-to-business-section .toggle-hidden-section,
.accountsettingsp .convert-to-business-section .toggle-address-section {
  overflow-y: hidden;
  transition-property: all;
  transition-duration: .7s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  max-height: none;
}

.accountsettingsp .convert-to-business-section .toggle-address-section {
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  max-height: 40rem;
}

.accountsettingsp .convert-to-business-section .toggle-hidden-section.ng-hide,
.accountsettingsp .convert-to-business-section .ng-hide.toggle-address-section {
  max-height: 0;
}

.accountsettingsp .convert-to-business-section .see-more-section {
  padding-top: 0.3125rem;
  padding-bottom: 1.5rem;
}

.accountsettingsp .personal-associates-section .multiple-associates .associates-section {
  min-width: initial;
  max-width: initial;
  min-height: 7.5rem;
  max-height: 7.5rem;
}

.accountsettingsp .personal-associates-section .associates-section {
  padding-bottom: 1.25rem;
}

.accountsettingsp .personal-associates-section .associates-section .profile-name-section {
  font-weight: 300;
  line-height: 1.85;
  color: #444444;
  margin-top: 0.3125rem;
}

.accountsettingsp .personal-associates-section .load-more-section {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0.025rem;
  color: #008AB0;
  margin: .5rem 0 1rem 0;
}

.accountsettingsp .personal-associates-section .associates-mobile {
  width: calc(100% / 2);
}

.accountsettingsp .personal-associates-section .associates-non-mobile {
  width: calc(100% / 3);
}

.accountsettingsp .personal-associates-section .personal-distributor-associates .status-section .pending-text {
  font-weight: 300;
  line-height: 1.85;
  color: #A7A7A7;
  font-size: 0.75rem;
  margin-top: -0.4375rem;
}

.accountsettingsp .personal-associates-section .personal-distributor-associates .label-section {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0.025rem;
  color: #008AB0;
  margin-top: 7px;
}

.accountsettingsp .personal-associates-section .personal-distributor-associates .associates-display-nom-mobile {
  padding: 0;
}

.break-long-text {
  word-wrap: break-word;
  -ms-word-wrap: break-word;
}

.file-upload-popup .modal-dialog {
  margin-top: 1.625rem;
}

.file-upload-popup .modal-content {
  margin-bottom: 4.375rem;
}

.file-upload-popup .modal-header {
  padding-bottom: 0;
}

.file-upload-popup .modal-header .cross-icon {
  width: 1.5625rem;
  padding: 1.5rem 1.125rem 1rem 0;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/cross-small.png) no-repeat right top;
}

.file-upload-popup .modal-body {
  padding-top: 0;
}

.file-upload-popup .modal-body .action-buttons {
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0;
}

.file-upload-popup .modal-body .action-buttons p {
  margin-left: 0.75rem;
}

.file-upload-popup .modal-body .action-section {
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 0.0625rem;
  padding-top: 1rem;
  color: #008AB0;
}

.file-upload-popup .modal-body .action-section button {
  color: #008AB0;
}

.file-upload-popup .modal-body .action-section .no-profile-photo-uploaded {
  opacity: 0.4;
}

.file-upload-popup .modal-body .action-section .upload-photo-section,
.file-upload-popup .modal-body .action-section .remove-photo-section {
  padding: 0 0 0 1.8rem;
}

.file-upload-popup .modal-body .profile-text-section {
  font-weight: 300;
  line-height: 1.31;
  letter-spacing: -0.0625rem;
  color: #444444;
  width: 12.5rem;
  max-width: 12.5rem;
}

.file-upload-popup .modal-body .profile-text-section p {
  padding-top: 0.3125rem;
  margin-bottom: 0.625rem;
}

.file-upload-popup .modal-body .userdatalink {
  font-weight: 600;
  font-size: .8rem;
  line-height: 1.3;
  letter-spacing: 1px;
  color: #008AB0;
  margin-top: 1rem;
  text-align: right;
}

.file-upload-popup .modal-body .userdataspace {
  padding-left: .5rem;
}

.file-upload-popup .modal-body .profile-section img {
  border-radius: 5rem;
}

.file-upload-popup .modal-body .error-section {
  padding: 0.625rem 1.125rem 0;
  background: #D0021B url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-info.png) no-repeat 1.125rem 0.625rem;
  font-weight: 300;
  line-height: 1.31;
  letter-spacing: -0.0625rem;
  color: #FFFFFF;
}

.file-upload-popup .modal-body .error-section p {
  padding: 0 0 0.5rem 2.25rem;
}

.modal-crop-photo .modal-body > div {
  display: table;
  margin: 0 auto;
}

.modal-crop-photo .modal-body > div > div {
  display: table-row;
  text-align: center;
}

.modal-crop-photo .modal-body > div > div button {
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0;
  color: #008AB0;
  display: table-cell;
  margin-top: 1.25rem;
}

.modal-crop-photo .modal-body > div > div button:first-child {
  margin-right: 5.625rem;
}

.modal-crop-photo .modal-body > div > div button:first-child i {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icn-left.png) no-repeat center center;
  background-size: 100%;
}

.modal-crop-photo .modal-body > div > div button i {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icn-right.png) no-repeat center center;
  display: inline-block;
  background-size: 100%;
  height: 1.5rem;
  width: 1.5rem;
  vertical-align: middle;
}

.modal-crop-photo .modal-body > div > div button span {
  margin-left: 10px;
}

.modal-crop-photo .modal-footer {
  border: none;
}

.modal-crop-photo .modal-footer .btn-primary-outline {
  margin-left: 0;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .modal-crop-photo .modal-body {
    max-width: 20rem;
    max-height: 25rem;
    margin: 0rem auto 2.5rem auto;
    overflow: auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .modal-crop-photo .modal-body {
    max-width: 25rem;
    max-height: 25rem;
    margin: 0rem auto 2.5rem auto;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .modal-crop-photo .modal-body {
    max-width: 25rem;
    max-height: 25rem;
    margin: 0rem auto 2.5rem auto;
  }
}

.add-family-popup .modal-content {
  margin-bottom: 4.375rem;
}

.add-family-popup .modal-header {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/invite-family-popup-image.jpg) no-repeat;
  background-size: cover;
}

.add-family-popup .modal-header .cross-icon {
  width: 1.5625rem;
  padding: 1.5rem 1.125rem 1rem 0;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/cross-small-white.png) no-repeat right top;
}

.add-family-popup .modal-header .text-section {
  color: #FFFFFF;
}

.add-family-popup .modal-header .text-section .heading-section {
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1.55;
}

.add-family-popup .modal-header .text-section .desc-section {
  font-weight: 400;
}

.add-family-popup .modal-body .form-section {
  border-top: 1px solid #dedede;
}

.add-family-popup .modal-body .text-section {
  margin: 0 auto;
  font-weight: 300;
  line-height: 1.31;
  color: #727272;
}

.add-family-popup .modal-body .text-section .see-more-section {
  font-weight: 600;
  line-height: 1.85;
  color: #008AB0;
  margin-top: 0.3125rem;
}

.add-family-popup .modal-body .text-section .desc-section {
  width: 16.25rem;
}

.add-family-popup .modal-body .text-section .hidden-section {
  padding-top: 1.625rem;
}

.add-family-popup .modal-body .text-section .hidden-section p .point-heading {
  font-size: 1.75rem;
  font-weight: 100;
  line-height: 1.21;
  color: #444444;
}

.add-family-popup .modal-body .text-section .hidden-section p .separator-line-section {
  margin-left: -1rem;
  color: #dedede;
}

.app-modal-window.personal-section-popup + .modal-backdrop {
  background: rgba(204, 232, 239, 0.9);
}

.closesection {
  width: 4.375rem;
}

.closeimg {
  float: right;
  z-index: 100;
  margin-left: -4.125rem;
  margin-top: -5px;
  width: 1.4375rem;
  position: relative;
}

@media screen and (max-width: 359px) {
  .brief-description {
    max-width: 16rem;
    margin-left: 2rem;
  }

  #privacy .overviewform.privacy-wrapper {
    max-width: 17rem;
  }

  #privacy .overviewform.privacy-wrapper .privacytext,
  #privacy .overviewform.privacy-wrapper .accountsettingsp .privacytextreadonly,
  .accountsettingsp #privacy .overviewform.privacy-wrapper .privacytextreadonly {
    max-width: 13rem;
  }

  .accountsettingsp #accordionform {
    max-width: 20rem;
  }

  .accountsettingsp #accordionform .accsettingsdetailcontainer {
    min-width: 17.4375rem;
  }

  .accountsettingsp #accordionform .panel-heading {
    padding: 0 11px 0 1rem;
  }

  .accountsettingsp #accordionform .businessassociate-accordion-section .businessassociate-panel-section {
    padding-left: 0.5rem;
    padding-right: 1.5rem;
  }

  .accountsettingsp .imgtitlemobile {
    max-width: 10rem;
  }

  .accountsettingsp .accsettingstopbannerinner {
    width: 21rem;
  }

  .accountsettingsp .accountsettingsbusiness .rightcontainer .imgtitlemobile {
    max-width: 10rem;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .convert-to-business-section {
    padding-top: 1.5rem;
  }

  .convert-to-business-section .toggle-hidden-section .text-section,
  .accountsettingsp .convert-to-business-section .toggle-address-section .text-section {
    padding: 0 0 0 2.5rem;
  }

  .convert-to-business-section .toggle-hidden-section .toggle-wrapper,
  .accountsettingsp .convert-to-business-section .toggle-address-section .toggle-wrapper {
    padding: 1rem 3.5rem 0 2.8125rem;
  }

  .rightpanel .rightcontainer {
    background-color: #FAFAFA;
    padding-bottom: 1.0625rem;
  }

  .quickactionscontainer .quickdownload {
    width: 30%;
  }

  .quickemail {
    margin-left: -15px;
  }

  .grayline {
    margin-bottom: -1rem;
    height: 2.625rem;
    padding-top: 0.5rem;
  }

  .tabcontainer {
    margin-top: 0;
  }

  .accountid {
    text-align: left;
    padding-left: 1.8em;
  }

  .contactcontainer,
  .overviewform {
    padding: 1.5rem;
  }

  .overviewform {
    overflow: hidden;
  }

  .sponsercontainer {
    padding: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .inlineeditcontainer {
    width: 1rem;
    position: relative;
    margin-top: 3rem;
  }

  .billingwidth {
    width: 17.625rem;
  }

  .bottomedit {
    border-top: 1px solid #dedede;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .accountsettingsp .privacytext,
  .accountsettingsp .privacytextreadonly {
    width: 100%;
    display: inline-block;
  }

  #privacy .overviewform.privacy-wrapper div.checkbox label::before {
    position: relative;
  }

  #privacy .overviewform.privacy-wrapper div.checkbox label {
    margin-bottom: 1rem;
  }

  #privacy .overviewform.privacy-wrapper div.checkbox label .privacytext,
  #privacy .overviewform.privacy-wrapper div.checkbox label .accountsettingsp .privacytextreadonly,
  #privacy .overviewform.privacy-wrapper .accountsettingsp div.checkbox label .privacytextreadonly,
  .accountsettingsp #privacy .overviewform.privacy-wrapper div.checkbox label .privacytextreadonly {
    position: absolute;
    top: 0.0625rem;
    left: 2rem;
  }

  .checkboxline {
    width: 8%;
  }

  .shippingcontainer,
  .accountsettingsp .storycontainer {
    padding: 1.5rem 1.5rem 0;
    background: #FFFFFF;
    margin-top: 0;
    border-bottom: 0;
  }

  .billingcontainer {
    background: #FFFFFF;
    margin-top: 0;
    border-bottom: 0;
    padding: 1.5rem 1.5rem 0 2.5rem;
  }

  .storysubcontainer {
    margin-bottom: 2.75rem;
  }

  .imgtitlemobile {
    text-align: left;
    width: auto;
    font-size: 1rem;
    max-width: 92%;
    word-wrap: break-word;
    padding-right: 0.9375em;
    padding-left: 0.625rem;
  }

  .inlineeditheader {
    top: 50%;
    display: inline-block;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  .accountid {
    padding-left: 0.625rem;
  }
}

@media screen and (min-width: 1024px) {
  .add-family-popup .modal-dialog,
  .file-upload-popup .modal-dialog {
    max-width: 34.375rem;
  }

  .add-family-popup .modal-dialog .modal-content,
  .file-upload-popup .modal-dialog .modal-content {
    max-width: 34.375rem;
  }

  .add-family-popup .modal-dialog .modal-content .modal-body .form-section,
  .file-upload-popup .modal-dialog .modal-content .modal-body .form-section {
    padding: 0 3.4375rem;
  }
}

@media screen and (min-width: 768px) {
  .email-communication-section {
    margin-top: 1rem;
  }

  .convert-to-business-section {
    margin-top: 2rem;
  }

  .convert-to-business-section .toggle-hidden-section .toggle-wrapper,
  .accountsettingsp .convert-to-business-section .toggle-address-section .toggle-wrapper {
    padding: 1rem 3.5rem 0 4rem;
  }

  .add-family-popup .modal-dialog {
    margin-top: 2.25rem;
    max-width: 29.8125rem;
  }

  .add-family-popup .modal-dialog .modal-content {
    max-width: 29.8125rem;
  }

  .add-family-popup .modal-dialog .modal-header {
    background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/invite-family-popup-image.jpg) no-repeat;
    background-size: cover;
  }

  .add-family-popup .modal-dialog .modal-header .text-section {
    margin: 0 auto;
    width: 20.125rem;
    max-width: 20.125rem;
    padding-top: 1.25rem;
  }

  .add-family-popup .modal-dialog .modal-header .text-section .heading-section {
    margin: -0.4375rem 0 1.25rem;
  }

  .add-family-popup .modal-dialog .modal-header .text-section .desc-section {
    padding: 0 1rem;
  }

  .add-family-popup .modal-dialog .modal-body {
    padding: 1.25rem 4rem;
  }

  .add-family-popup .modal-dialog .modal-body .text-section {
    width: 100%;
  }

  .add-family-popup .modal-dialog .modal-body .text-section .desc-section {
    width: 100%;
    padding: 1.5rem 1.875rem 2px;
  }

  .add-family-popup .modal-dialog .modal-body .text-section .see-more-section {
    padding-top: 0.3125rem;
  }

  .file-upload-popup .modal-dialog {
    margin-top: 2.25rem;
    max-width: 29.8125rem;
  }

  .file-upload-popup .modal-dialog .modal-content {
    max-width: 29.8125rem;
  }

  .file-upload-popup .modal-dialog .modal-content .modal-body {
    padding: 0 4rem 1.25rem;
  }

  .file-upload-popup .modal-dialog .modal-content .modal-body .error-section {
    margin: 0 -4rem;
    padding: 0.625rem 3.875rem 0;
    background-position: 3.875rem 0.625rem;
  }

  .file-upload-popup .modal-dialog .modal-content .modal-body .error-section p {
    margin-bottom: 0.5rem;
  }

  .file-upload-popup .modal-dialog .modal-content .modal-body .action-section {
    margin-right: -3.125rem;
  }

  .section-wrapper .leftpanel,
  .section-wrapper .rightpanel {
    display: table-cell;
    vertical-align: top;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .add-family-popup .modal-dialog {
    max-width: 20.3125rem;
    margin-top: 1.5rem;
  }

  .add-family-popup .modal-dialog .modal-content {
    width: 20.3125rem;
  }

  .add-family-popup .modal-dialog .modal-content .modal-header .text-section {
    padding: 0 1.25rem;
  }

  .add-family-popup .modal-dialog .modal-content .modal-header .text-section .heading-section {
    margin: -0.3125rem 0 1rem;
  }

  .add-family-popup .modal-dialog .modal-content .modal-body {
    padding: 1.25rem 1rem 1rem;
  }

  .file-upload-popup .modal-body .error-section {
    margin: 0 -1rem;
  }

  .accsettingstopbannerouter {
    min-height: 5.5rem;
  }

  .accsettingstopbannerinner {
    min-height: 5.5rem;
  }
}

.accountsettingsp .left-section-wrapper .imgcontainer .outer-image-wrapper,
.file-upload-popup .modal-body .profile-section .outer-image-wrapper,
.rightcontainer .accsettingstopbannerinner .imgcontainer .outer-image-wrapper {
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 6.25rem;
  background: rgba(255, 255, 255, 0.15);
}

.accountsettingsp .left-section-wrapper .imgcontainer .outer-image-wrapper .inner-image-wrapper,
.file-upload-popup .modal-body .profile-section .outer-image-wrapper .inner-image-wrapper,
.rightcontainer .accsettingstopbannerinner .imgcontainer .outer-image-wrapper .inner-image-wrapper {
  width: 5.25rem;
  height: 5.25rem;
  border-radius: 5.25rem;
  margin-top: 0.5rem;
  background: rgba(255, 255, 255, 0.3);
}

.accountsettingsp .left-section-wrapper .imgcontainer .outer-image-wrapper .inner-image-wrapper img,
.file-upload-popup .modal-body .profile-section .outer-image-wrapper .inner-image-wrapper img,
.rightcontainer .accsettingstopbannerinner .imgcontainer .outer-image-wrapper .inner-image-wrapper img {
  border-radius: 6.25rem;
  margin-top: 0.4375rem;
  width: 4.375rem;
  height: 4.375rem;
}

.accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .sponserbusiness {
  margin-top: 0;
}

.accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .height-dummy {
  height: 3.25rem;
}

.accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .outer-image-wrapper {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 3.75rem;
  background: rgba(255, 255, 255, 0.15);
  margin-right: 1rem;
}

.accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .outer-image-wrapper .inner-image-wrapper {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 3.25rem;
  background: rgba(255, 255, 255, 0.3);
}

.accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .outer-image-wrapper .inner-image-wrapper img {
  border-radius: 3.25rem;
  width: 3.75rem;
  height: 3.75rem;
}

.app-modal-window.delete-confirmation-popup .modal-dialog {
  margin: 2rem auto;
}

.app-modal-window.email-username-popup .modal-dialog,
.app-modal-window.both-email-username-popup .modal-dialog,
.app-modal-window.oops-popup .modal-dialog {
  max-width: 20.3125rem;
  padding-top: 2rem;
}

.app-modal-window.email-username-popup .modal-dialog .modal-body .heading-section,
.app-modal-window.email-username-popup .modal-dialog .modal-body .desc-section p,
.app-modal-window.both-email-username-popup .modal-dialog .modal-body .heading-section,
.app-modal-window.both-email-username-popup .modal-dialog .modal-body .desc-section p,
.app-modal-window.oops-popup .modal-dialog .modal-body .heading-section,
.app-modal-window.oops-popup .modal-dialog .modal-body .desc-section p {
  line-height: 1.3;
}

.app-modal-window.email-username-popup .modal-dialog .modal-body .heading-section,
.app-modal-window.both-email-username-popup .modal-dialog .modal-body .heading-section,
.app-modal-window.oops-popup .modal-dialog .modal-body .heading-section {
  font-size: 1.375rem;
  font-weight: 100;
  margin-top: -0.625rem;
  color: #727272;
}

.app-modal-window.email-username-popup .modal-dialog .modal-body .desc-section,
.app-modal-window.both-email-username-popup .modal-dialog .modal-body .desc-section,
.app-modal-window.oops-popup .modal-dialog .modal-body .desc-section {
  padding: 1.875rem 0 3.125rem;
}

.app-modal-window.email-username-popup .modal-dialog .modal-body .desc-section p,
.app-modal-window.both-email-username-popup .modal-dialog .modal-body .desc-section p,
.app-modal-window.oops-popup .modal-dialog .modal-body .desc-section p {
  font-weight: 400;
  color: #444444;
}

.app-modal-window.email-username-popup .modal-dialog .modal-body .desc-section p .email-section,
.app-modal-window.both-email-username-popup .modal-dialog .modal-body .desc-section p .email-section,
.app-modal-window.oops-popup .modal-dialog .modal-body .desc-section p .email-section {
  font-weight: 600;
}

.app-modal-window.email-username-popup .modal-dialog .modal-body .caution-section,
.app-modal-window.both-email-username-popup .modal-dialog .modal-body .caution-section,
.app-modal-window.oops-popup .modal-dialog .modal-body .caution-section {
  padding-top: -1.43rem;
  font-weight: 300;
  font-size: 0.875rem;
}

.app-modal-window.email-username-popup .modal-dialog .modal-body .caution-section .phone-section,
.app-modal-window.both-email-username-popup .modal-dialog .modal-body .caution-section .phone-section,
.app-modal-window.oops-popup .modal-dialog .modal-body .caution-section .phone-section {
  color: #008AB0;
  display: inline-block;
}

@media (min-width: 320px) and (max-width: 359px) {
  /* .imgtitlemobile {
    overflow: hidden;
    position: relative;
    line-height: 1.5rem;
    max-height: 3rem;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
  }
  .imgtitlemobile:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .imgtitlemobile:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white;
  } */

  .accountsettingsp #accordionform .panel {
    padding: 0.625rem 0;
    margin-bottom: 0.5rem;
  }

  .accountsettingsp #accordionform .panel .panel-collapse .grayline {
    margin-bottom: -0.5rem;
  }

  .accountsettingsp #privacy .overviewform.privacy-wrapper {
    max-width: 100%;
  }

  .accountsettingsp .privacytextreadonly {
    margin-left: 0;
  }

  .accountsettingsp .accsettingsdetailcontainer .storycontainer {
    padding: 1.25rem 1.25rem 0px 1.25rem;
  }

  .accountsettingsp .accsettingsdetailcontainer .shippingcontainer,
  .accountsettingsp .accsettingsdetailcontainer .storycontainer {
    padding: 1.25rem 1.25rem 0px 1.25rem;
  }

  .accountsettingsp .accsettingsdetailcontainer .billingcontainer {
    padding: 0px;
    margin: 1.25rem 2.1875rem;
  }

  .accountsettingsp .accsettingsdetailcontainer .login-pref-personal-email.sectiontext,
  .accountsettingsp .accsettingsdetailcontainer .login-pref-personal-email.common-username-email-text,
  .accountsettingsp .accsettingsdetailcontainer .contactcontainer .login-pref-personal-email.sectionsponsertext,
  .accountsettingsp .contactcontainer .accsettingsdetailcontainer .login-pref-personal-email.sectionsponsertext,
  .accountsettingsp .accsettingsdetailcontainer .overviewform .login-pref-personal-email.sectionsponsertext,
  .accountsettingsp .overviewform .accsettingsdetailcontainer .login-pref-personal-email.sectionsponsertext,
  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer .login-pref-personal-email.sectionsponsertext,
  .accountsettingsp .sponsercontainer .accsettingsdetailcontainer .login-pref-personal-email.sectionsponsertext {
    width: 100%;
  }

  .accountsettingsp .accsettingsdetailcontainer .login-pref-personal-email {
    width: 100%;
  }

  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer {
    max-width: 20rem;
    padding: 1.25rem;
  }

  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer {
    margin-bottom: 10px;
  }

  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .outer-image-wrapper {
    margin-right: 0px;
  }

  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .col-sm-9,
  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .col-sm-8 {
    padding-left: 1rem;
  }

  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .col-sm-9 .sponserdetails span,
  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .col-sm-8 .sponserdetails span {
    width: 100%;
    line-height: 1.1875rem;
  }

  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .col-sm-9 .sponserdetails .sponserseparator:after,
  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .col-sm-8 .sponserdetails .sponserseparator:after {
    display: none;
  }

  .accountsettingsp .accsettingsdetailcontainer .sponsercontainer .sponsersubcontainer .sponserbusiness {
    margin-top: 0;
  }
}

.account-manager-wrapper {
  background: #FAFAFA;
  border: 0.00625rem solid transparent;
}

.account-manager-wrapper .account-manager-section .account-manager-heading {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.18;
  letter-spacing: 0.05rem;
  color: #444444;
  margin-bottom: 1.125rem;
}

.account-manager-wrapper .account-manager-section .account-manager-description {
  min-height: 3.75rem;
}

.account-manager-wrapper .account-manager-section .account-manager-description .brief-section {
  line-height: 1.85;
  color: #008AB0;
  top: 1.875rem;
}

.account-manager-wrapper .account-manager-section .account-manager-description .brief-section p {
  font-weight: 300;
}

.account-manager-wrapper .account-manager-section .account-manager-description .separator-section,
.account-manager-wrapper .account-manager-section .account-manager-description .name-section {
  font-weight: 300;
  line-height: 1.5;
  color: #444444;
}

.account-manager-wrapper .account-manager-section .account-manager-description .separator-section {
  padding: 0 1rem;
}

.account-manager-wrapper .account-manager-section .account-manager-description .name-section,
.account-manager-wrapper .account-manager-section .account-manager-description .brief-section {
  padding: 0 0 0 4.75rem;
  position: absolute;
}

.account-manager-wrapper .account-manager-section .account-manager-description .name-section {
  top: 0.1875rem;
}

.accountsettingsbusiness {
  /* overview css */
}

.accountsettingsbusiness .whatisabnlink {
  font-size: 0.875rem;
}

.accountsettingsbusiness .topbannertitle {
  font-size: 2.375rem;
}

.accountsettingsbusiness .direct-deposit-section {
  margin-left: -0.1875rem;
}

.accountsettingsbusiness .direct-deposit-section div label {
  margin-bottom: 0;
}

.accountsettingsbusiness .direct-deposit-section .direct-deposit-text {
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.025rem;
  color: #008AB0;
}

.accountsettingsbusiness .direct-deposit-section .error-section {
  position: absolute;
  top: 1.5625rem;
  left: 0.1875rem;
}

.accountsettingsbusiness .sectiontitle {
  margin-top: 0.75rem;
}

.accountsettingsbusiness .slabeloverview {
  margin-bottom: 0.625rem;
  font-size: 1rem;
}

.accountsettingsbusiness .tabcontainer {
  margin: 0 0 0.4375rem;
}

.accountsettingsbusiness .leftlinkcontainer {
  padding-top: 1.25rem;
}

.accountsettingsbusiness .leftlinkcontainer .leftanchor.tabselected {
  font-weight: 600;
}

.accountsettingsbusiness .leftlinkcontainer .leftanchor {
  padding-left: 1rem;
}

.accountsettingsbusiness .rightcontainer .accsettingstopbannerouter .imgcontainer img.edit-icon-business {
  border-radius: 0;
}

.accountsettingsbusiness .list-inline {
  height: 2.6em;
  border: solid 1px #FFFFFF;
  border-radius: 3px;
}

.accountsettingsbusiness .list-inline > div {
  display: inline-block;
  padding: 0.5em 2.5em 0.7em 2.5em;
  text-align: center;
  height: 2.5em;
  width: 49%;
  border-right: solid 1px #FFFFFF;
  border-left: solid 1px #FFFFFF;
}

.accountsettingsbusiness .list-inline > div:last-child {
  border-right: 0;
}

.accountsettingsbusiness .list-inline > div.tabselected {
  border-radius: 0.18em;
  background-color: #1CD8D2;
  box-shadow: 2px 2px 2px 0 rgba(103, 103, 103, 0.5);
  border: solid 1px #1CD8D2;
  margin: -0.3em -.3em -.2em;
  height: 2.7rem;
  width: 51.5%;
}

.accountsettingsbusiness .list-inline .tabselectedpersonal {
  border-right: 0;
}

.accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .form {
  margin: 1rem 0 0;
}

.accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .radio-buttons-section .text-section .label-section {
  position: absolute;
  top: -0.3125rem;
  left: 1.875rem;
}

.accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .radio-buttons-section .text-section .label-section .radio-button-heading,
.accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .radio-buttons-section .text-section .label-section .radio-button-desc {
  padding-left: 0.3125rem;
  margin: 0;
  font-weight: 300;
  line-height: 1.23;
  color: #444444;
  width: 9.375rem;
}

.accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .radio-buttons-section .text-section .label-section .radio-button-heading {
  line-height: 1.5;
  margin: 0;
}

.accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .radio-buttons-section .text-section > p:first-child {
  position: absolute;
  top: -0.375rem;
  line-height: 1.5;
}

.accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .radio-buttons-section .text-section > p {
  padding-left: 0.3125rem;
  margin: 0;
  font-weight: 300;
  line-height: 1.23;
  color: #444444;
  width: 9.375rem;
}

.accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .email-communication-section .language-section .heading-section {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.57;
  letter-spacing: -0.00625rem;
  color: #2D2D2D;
  margin: 1rem 0 0.625rem;
}

.accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .email-communication-section .language-section .language-select-section::after {
  top: 28%;
}

.accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .email-communication-section .checkbox-section .checkbox {
  margin-bottom: 0;
}

.accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .email-communication-section .checkbox-section .label-section {
  margin: -1.125rem 0 0 1rem;
}

.accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .email-communication-section .checkbox-section .label-section p {
  font-weight: 300;
  line-height: 1.23;
  color: #444444;
  line-height: 1.38;
}

.accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .email-communication-section .submit-section {
  margin-bottom: -0.625rem;
}

.accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .email-communication-section .preference-form-label-helper {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.23;
  color: #777676;
}

.accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .email-communication-section .contact-preference-option {
  margin-top: 0.5rem;
}

.accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .section-heading {
  z-index: 1;
  text-align: center;
}

.accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .section-heading::before {
  border-top: 0.0625rem solid #B9E1EA;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 0.75rem;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .section-heading span {
  background: #FFFFFF;
  padding: 0 1.5rem;
  color: #444444;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.0375rem;
}

.accountsettingsbusiness .inlineedit,
.accountsettingsbusiness .accountsettingsp .inlineeditshipping,
.accountsettingsp .accountsettingsbusiness .inlineeditshipping,
.accountsettingsbusiness .accountsettingsp .inlineeditbilling,
.accountsettingsp .accountsettingsbusiness .inlineeditbilling {
  background-position: left 0.375rem;
}

.accountsettingsbusiness .margin0 {
  margin: 0;
}

.accountsettingsbusiness .link-section {
  font-weight: 600;
  line-height: 1.23;
  letter-spacing: 0.025rem;
  color: var(--color-interactive-1);
}

.accountsettingsbusiness .brief-description {
  font-weight: 400;
  line-height: 1.31;
  color: #727272;
}

.accountsettingsbusiness .small-text-section {
  font-weight: 300;
  line-height: 1.38;
  color: #727272;
}

.accountsettingsbusiness .convert-to-business-form-section .text-label {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.57;
  letter-spacing: -0.00625rem;
  color: #2D2D2D;
  opacity: 0.8;
}

.accountsettingsbusiness .convert-to-business-form-section .taxId-input2 {
  border-left: 0;
}

.accountsettingsbusiness .convert-to-business-form-section .subheading-section-1 {
  margin-bottom: 0.625rem;
}

.accountsettingsbusiness .convert-to-business-form-section .subheading-section-2 {
  margin-bottom: 1.5625rem;
}

.accountsettingsbusiness .left-section-wrapper .inlineeditcontainer {
  margin-top: 0.1875rem;
}

.accountsettingsbusiness .left-section-wrapper .imgcontainer .imgtitle,
.accountsettingsbusiness .left-section-wrapper .imgcontainer .accountsettingsp .imgtitlemobile,
.accountsettingsp .accountsettingsbusiness .left-section-wrapper .imgcontainer .imgtitlemobile {
  margin-bottom: 1.125rem;
  font-size: 1rem;
}

.accountsettingsbusiness .convert-to-business-section .toggle-hidden-section .text-section,
.accountsettingsbusiness .accountsettingsp .convert-to-business-section .toggle-address-section .text-section,
.accountsettingsp .accountsettingsbusiness .convert-to-business-section .toggle-address-section .text-section {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-clock.png) no-repeat left top;
  padding: 0 0 0 2rem;
  display: table;
  height: 1.5rem;
}

.accountsettingsbusiness .convert-to-business-section .toggle-hidden-section .text-section p.small-text-section,
.accountsettingsbusiness .accountsettingsp .convert-to-business-section .toggle-address-section .text-section p.small-text-section,
.accountsettingsp .accountsettingsbusiness .convert-to-business-section .toggle-address-section .text-section p.small-text-section {
  display: table-cell;
  vertical-align: middle;
}

.accountsettingsbusiness .convert-to-business-section .toggle-hidden-section .text-section.text-section-line-1,
.accountsettingsbusiness .accountsettingsp .convert-to-business-section .toggle-address-section .text-section.text-section-line-1,
.accountsettingsp .accountsettingsbusiness .convert-to-business-section .toggle-address-section .text-section.text-section-line-1 {
  margin-bottom: 1.5rem;
}

.accountsettingsbusiness .convert-to-business-section .toggle-hidden-section,
.accountsettingsbusiness .accountsettingsp .convert-to-business-section .toggle-address-section,
.accountsettingsp .accountsettingsbusiness .convert-to-business-section .toggle-address-section {
  overflow-y: hidden;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.accountsettingsbusiness .convert-to-business-section .toggle-hidden-section.ng-hide,
.accountsettingsbusiness .accountsettingsp .convert-to-business-section .ng-hide.toggle-address-section,
.accountsettingsp .accountsettingsbusiness .convert-to-business-section .ng-hide.toggle-address-section {
  max-height: 0;
}

.accountsettingsbusiness .convert-to-business-section .see-more-section-wrapper {
  padding-top: 0.3125rem;
}

.accountsettingsbusiness .overviewform .stateselect::after {
  right: 1.875rem;
}

.accountsettingsbusiness .contactcontainer,
.accountsettingsbusiness .addresscontainer,
.accountsettingsbusiness .overviewform,
.accountsettingsbusiness .accountcontainer,
.accountsettingsbusiness .bankingcontainer {
  border-bottom: solid 1px #dedede;
  padding: 1em 0;
  margin-top: .5em;
  background: #FFFFFF;
}

.accountsettingsbusiness .contactcontainer .accountsettingsp .common-username-email-text,
.accountsettingsp .accountsettingsbusiness .contactcontainer .common-username-email-text,
.accountsettingsbusiness .accountsettingsp .contactcontainer .sectionsponsertext,
.accountsettingsp .accountsettingsbusiness .contactcontainer .sectionsponsertext,
.accountsettingsbusiness .contactcontainer .accountsettingsp .overviewform .sectionsponsertext,
.accountsettingsbusiness .contactcontainer .accountsettingsp .sponsercontainer .sectionsponsertext,
.accountsettingsbusiness .contactcontainer .sectiontext,
.accountsettingsbusiness .addresscontainer .accountsettingsp .common-username-email-text,
.accountsettingsp
.accountsettingsbusiness .addresscontainer .common-username-email-text,
.accountsettingsbusiness .addresscontainer .accountsettingsp .contactcontainer .sectionsponsertext,
.accountsettingsp .contactcontainer
.accountsettingsbusiness .addresscontainer .sectionsponsertext,
.accountsettingsbusiness .addresscontainer .accountsettingsp .overviewform .sectionsponsertext,
.accountsettingsp .overviewform
.accountsettingsbusiness .addresscontainer .sectionsponsertext,
.accountsettingsbusiness .addresscontainer .accountsettingsp .sponsercontainer .sectionsponsertext,
.accountsettingsp .sponsercontainer
.accountsettingsbusiness .addresscontainer .sectionsponsertext,
.accountsettingsbusiness .addresscontainer .sectiontext,
.accountsettingsbusiness .overviewform .accountsettingsp .common-username-email-text,
.accountsettingsp
.accountsettingsbusiness .overviewform .common-username-email-text,
.accountsettingsbusiness .overviewform .accountsettingsp .contactcontainer .sectionsponsertext,
.accountsettingsbusiness .accountsettingsp .overviewform .sectionsponsertext,
.accountsettingsp
.accountsettingsbusiness .overviewform .sectionsponsertext,
.accountsettingsbusiness .overviewform .accountsettingsp .sponsercontainer .sectionsponsertext,
.accountsettingsbusiness .overviewform .sectiontext,
.accountsettingsbusiness .accountcontainer .accountsettingsp .common-username-email-text,
.accountsettingsp
.accountsettingsbusiness .accountcontainer .common-username-email-text,
.accountsettingsbusiness .accountcontainer .accountsettingsp .contactcontainer .sectionsponsertext,
.accountsettingsp .contactcontainer
.accountsettingsbusiness .accountcontainer .sectionsponsertext,
.accountsettingsbusiness .accountcontainer .accountsettingsp .overviewform .sectionsponsertext,
.accountsettingsp .overviewform
.accountsettingsbusiness .accountcontainer .sectionsponsertext,
.accountsettingsbusiness .accountcontainer .accountsettingsp .sponsercontainer .sectionsponsertext,
.accountsettingsp .sponsercontainer
.accountsettingsbusiness .accountcontainer .sectionsponsertext,
.accountsettingsbusiness .accountcontainer .sectiontext,
.accountsettingsbusiness .bankingcontainer .accountsettingsp .common-username-email-text,
.accountsettingsp .accountsettingsbusiness .bankingcontainer .common-username-email-text,
.accountsettingsbusiness .bankingcontainer .accountsettingsp .contactcontainer .sectionsponsertext,
.accountsettingsp .contactcontainer .accountsettingsbusiness .bankingcontainer .sectionsponsertext,
.accountsettingsbusiness .bankingcontainer .accountsettingsp .overviewform .sectionsponsertext,
.accountsettingsp .overviewform .accountsettingsbusiness .bankingcontainer .sectionsponsertext,
.accountsettingsbusiness .bankingcontainer .accountsettingsp .sponsercontainer .sectionsponsertext,
.accountsettingsp .sponsercontainer .accountsettingsbusiness .bankingcontainer .sectionsponsertext,
.accountsettingsbusiness .bankingcontainer .sectiontext {
  margin-bottom: 0;
  font-size: 1rem;
  word-wrap: break-word;
}

.accountsettingsbusiness .bankingcontainer {
  border-bottom: none;
}

.accountsettingsbusiness .contactcontainer .accountsettingsp .common-username-email-text p,
.accountsettingsp .accountsettingsbusiness .contactcontainer .common-username-email-text p,
.accountsettingsbusiness .accountsettingsp .contactcontainer .sectionsponsertext p,
.accountsettingsp .accountsettingsbusiness .contactcontainer .sectionsponsertext p,
.accountsettingsbusiness .contactcontainer .accountsettingsp .overviewform .sectionsponsertext p,
.accountsettingsbusiness .contactcontainer .accountsettingsp .sponsercontainer .sectionsponsertext p,
.accountsettingsbusiness .contactcontainer .sectiontext p {
  font-weight: 300;
}

.accountsettingsbusiness .contactcontainer .accountsettingsp .common-username-email-text p.contact-email,
.accountsettingsp .accountsettingsbusiness .contactcontainer .common-username-email-text p.contact-email,
.accountsettingsbusiness .accountsettingsp .contactcontainer .sectionsponsertext p.contact-email,
.accountsettingsp .accountsettingsbusiness .contactcontainer .sectionsponsertext p.contact-email,
.accountsettingsbusiness .contactcontainer .accountsettingsp .overviewform .sectionsponsertext p.contact-email,
.accountsettingsbusiness .contactcontainer .accountsettingsp .sponsercontainer .sectionsponsertext p.contact-email,
.accountsettingsbusiness .contactcontainer .sectiontext p.contact-email {
  word-wrap: break-word;
}

.accountsettingsbusiness .account-settings-business-wrapper .mobile-heading {
  font-weight: 400;
  font-size: 0.875rem;
  margin: 0 0 -1rem;
}

.accountsettingsbusiness .account-settings-business-wrapper .add-button-section .add-text-section {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-close-copy-2.png) no-repeat left 0.625rem;
}

.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .multiple-associates .associates-section {
  min-width: initial;
  max-width: initial;
  min-height: 7.5rem;
  max-height: 7.5rem;
}

.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .business-distributor-associates .status-section .pending-text,
.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .individual-distributor-associates .status-section .pending-text {
  font-weight: 300;
  line-height: 1.85;
  color: #A7A7A7;
  font-size: 0.8125rem;
  margin-top: -0.4375rem;
}

.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .business-distributor-associates .status-section .label-section,
.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .individual-distributor-associates .status-section .label-section {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0.025rem;
  color: #008AB0;
}

.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .business-distributor-associates .notspecified,
.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .individual-distributor-associates .notspecified {
  position: relative;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 3.25rem;
  background: #008AB0 url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-add.png) no-repeat center 0.5625rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0.025rem;
  color: #FFFFFF;
}

.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .business-distributor-associates .notspecified span,
.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .individual-distributor-associates .notspecified span {
  position: absolute;
  top: 1.6875rem;
  left: 0.8125rem;
}

.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .business-distributor-associates .no-associate-section .absent-label-section p,
.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .individual-distributor-associates .no-associate-section .absent-label-section p {
  font-weight: 300;
  line-height: 1.5;
  color: #444444;
}

.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .business-distributor-associates .no-associate-section .absent-label-section p.line-2,
.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .individual-distributor-associates .no-associate-section .absent-label-section p.line-2 {
  margin-top: -0.625rem;
}

.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .business-distributor-associates .edit-associates,
.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .individual-distributor-associates .edit-associates {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-close-circle-copy-3.png) no-repeat center center;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  right: 2.375rem;
  top: -0.25rem;
}

.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .business-distributor-associates .edit-associates.edit-associates-single,
.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .individual-distributor-associates .edit-associates.edit-associates-single {
  right: calc(100% / 2 - 2.03125rem);
}

.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .business-distributor-associates .submit-section,
.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .individual-distributor-associates .submit-section {
  padding-top: 1.5rem;
}

.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .associates-section {
  padding: 0.3125rem 0 1.25rem;
  min-height: 6.875rem;
  max-height: 6.875rem;
}

.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .associates-section .profile-name-section {
  font-weight: 300;
  line-height: 1.85;
  color: #444444;
  margin-top: 0.3125rem;
}

.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .associates-section .profile-image-section img {
  border-radius: 50%;
}

.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .load-more-section {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0.025rem;
  color: #008AB0;
  padding-top: 1rem;
}

.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .associates-mobile {
  width: calc(100% / 2);
}

.accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .associates-non-mobile {
  width: calc(100% / 3);
}

.normalCursor,
.app-modal-window .modal-body .normalCursor {
  cursor: auto;
}

.accountsettingsbusiness .left-section-wrapper .imgcontainer .outer-image-wrapper,
.file-upload-popup .modal-body .profile-section .outer-image-wrapper,
.rightcontainer .accsettingstopbannerinner .imgcontainer .outer-image-wrapper {
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 6.25rem;
  background: rgba(255, 255, 255, 0.15);
}

.accountsettingsbusiness .left-section-wrapper .imgcontainer .outer-image-wrapper .inner-image-wrapper,
.file-upload-popup .modal-body .profile-section .outer-image-wrapper .inner-image-wrapper,
.rightcontainer .accsettingstopbannerinner .imgcontainer .outer-image-wrapper .inner-image-wrapper {
  width: 5.25rem;
  height: 5.25rem;
  border-radius: 5.25rem;
  margin-top: 0.5rem;
  background: rgba(255, 255, 255, 0.3);
}

.accountsettingsbusiness .left-section-wrapper .imgcontainer .outer-image-wrapper .inner-image-wrapper img,
.file-upload-popup .modal-body .profile-section .outer-image-wrapper .inner-image-wrapper img,
.rightcontainer .accsettingstopbannerinner .imgcontainer .outer-image-wrapper .inner-image-wrapper img {
  border-radius: 6.25rem;
  margin-top: 0.4375rem;
  width: 4.375rem;
  height: 4.375rem;
}

.accountsettingsbusiness .contactcontainer,
.accountsettingsbusiness .addresscontainer,
.accountsettingsbusiness .overviewform,
.accountsettingsbusiness .accountcontainer,
.accountsettingsbusiness .bankingcontainer {
  border-bottom: none;
}

.accountsettingsbusiness .contactcontainer .policy-link,
.accountsettingsbusiness .addresscontainer .policy-link,
.accountsettingsbusiness .overviewform .policy-link,
.accountsettingsbusiness .accountcontainer .policy-link,
.accountsettingsbusiness .bankingcontainer .policy-link {
  font-size: .8125rem;
  line-height: 1.4;
  color: #008AB0;
  font-weight: 300;
  margin-left: 0.31;
  text-decoration: none;
}

#accordionform .businessassociate-accordion-section .businessassociate-panel-section {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

#accordionform .businessassociate-accordion-section,
#accordionform .businessassociate-accordion-section .p-b-0 {
  padding-bottom: 0;
}

.app-modal-window.business-section-popup + .modal-backdrop {
  background: rgba(204, 232, 239, 0.9);
}

.app-modal-window.business-section-popup .modal-dialog {
  margin: 0 auto;
  margin-top: 1.625rem;
}

.app-modal-window.business-section-popup .modal-content {
  margin-bottom: 4.375rem;
}

.app-modal-window.business-section-popup .modal-header {
  padding-bottom: 0;
}

.app-modal-window.business-section-popup .modal-header .cross-icon {
  width: 1.5625rem;
  padding: 1.5rem 1.125rem 1rem 0;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/cross-small.png) no-repeat right top;
}

.app-modal-window.business-section-popup .modal-body {
  padding: 1rem 2rem;
}

.app-modal-window.business-section-popup .modal-body .desc-section .text-section {
  padding-top: 0;
}

.file-upload-popup.business-section-popup .modal-dialog {
  margin-top: 1.625rem;
}

.file-upload-popup.business-section-popup .modal-content {
  margin-bottom: 4.375rem;
}

.file-upload-popup.business-section-popup .modal-header {
  padding-bottom: 0;
}

.file-upload-popup.business-section-popup .modal-header .cross-icon {
  width: 1.5625rem;
  padding: 1.5rem 1.125rem 1rem 0;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/cross-small.png) no-repeat right top;
}

.file-upload-popup.business-section-popup .modal-body {
  padding-top: 0;
}

.file-upload-popup.business-section-popup .modal-body .action-buttons {
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0;
}

.file-upload-popup.business-section-popup .modal-body .action-buttons p {
  margin-left: 0.75rem;
}

.file-upload-popup.business-section-popup .modal-body .action-section {
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 0.0625rem;
  padding-top: 1rem;
  color: #008AB0;
}

.file-upload-popup.business-section-popup .modal-body .action-section .upload-photo-section {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-upload-copy.svg) no-repeat left center;
}

.file-upload-popup.business-section-popup .modal-body .action-section .remove-photo-section {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/x-icon.png) no-repeat 0.3125rem 0.125rem;
}

.file-upload-popup.business-section-popup .modal-body .action-section .no-profile-photo-uploaded {
  opacity: 0.4;
}

.file-upload-popup.business-section-popup .modal-body .action-section .upload-photo-section,
.file-upload-popup.business-section-popup .modal-body .action-section .remove-photo-section {
  padding: 0 0 0 1.8rem;
}

.file-upload-popup.business-section-popup .modal-body .profile-text-section {
  font-weight: 300;
  line-height: 1.31;
  letter-spacing: -0.0625rem;
  color: #444444;
  width: 12.5rem;
  max-width: 12.5rem;
}

.file-upload-popup.business-section-popup .modal-body .profile-text-section p {
  padding-top: 0.3125rem;
  margin-bottom: 0.625rem;
}

.file-upload-popup.business-section-popup .modal-body .profile-section img {
  border-radius: 5rem;
}

.file-upload-popup.business-section-popup .modal-body .profile-section img.image-profile {
  border: solid 1px #CDCDCD;
}

.file-upload-popup.business-section-popup .modal-body .error-section {
  padding: 0.625rem 1.125rem 0;
  background: #D0021B url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-info.png) no-repeat 1.125rem 0.625rem;
  font-weight: 300;
  line-height: 1.31;
  letter-spacing: -0.0625rem;
  color: #FFFFFF;
}

.file-upload-popup.business-section-popup .modal-body .error-section p {
  padding: 0 0 0.5rem 2.25rem;
}

.add-associate-popup .modal-content {
  margin-bottom: 4.375rem;
}

.add-associate-popup .modal-header {
  background: url(/content/dam/account/invite-biz-associate-image.jpg) no-repeat;
  background-size: cover;
}

.add-associate-popup .modal-header .cross-icon {
  width: 1.5625rem;
  padding: 1.5rem 1.125rem 1rem 0;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/cross-small-white.png) no-repeat right top;
}

.add-associate-popup .modal-header .text-section {
  color: #FFFFFF;
}

.add-associate-popup .modal-header .text-section .heading-section {
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1.55;
}

.add-associate-popup .modal-header .text-section .desc-section {
  font-weight: 400;
}

.add-associate-popup .modal-body .form-section {
  border-top: 1px solid #dedede;
}

.add-associate-popup .modal-body .text-section {
  font-weight: 300;
  line-height: 1.31;
  color: #727272;
}

.add-associate-popup .modal-body .text-section .see-more-section-wrapper {
  font-weight: 600;
  line-height: 1.85;
  color: #008AB0;
  margin-top: 0.3125rem;
}

.add-associate-popup .modal-body .text-section .desc-section {
  width: 16.25rem;
}

.add-associate-popup .modal-body .text-section .hidden-section {
  padding-top: 1.625rem;
}

.add-associate-popup .modal-body .text-section .hidden-section p .point-heading {
  font-size: 1.75rem;
  font-weight: 100;
  line-height: 1.21;
  color: #444444;
}

.add-associate-popup .modal-body .text-section .hidden-section p .separator-line-section {
  margin-left: -1rem;
  color: #dedede;
}

.app-modal-window.confirmation-popup .modal-dialog {
  max-width: 20.3125rem;
  margin-top: 2.5rem;
}

.app-modal-window.confirmation-popup .modal-dialog .modal-content {
  max-width: 20.3125rem;
  margin-bottom: 2.5rem;
}

.app-modal-window.confirmation-popup .modal-dialog .modal-content .modal-header {
  padding: 1.125rem 1rem;
  border-bottom: 0;
}

.app-modal-window.confirmation-popup .modal-dialog .modal-content .modal-header .cross-icon {
  width: 1.5625rem;
  padding: 1.5rem 1.125rem 1rem 0;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/cross-small.png) no-repeat right top;
}

.app-modal-window.confirmation-popup .modal-dialog .modal-content .modal-body {
  padding: 0 3.375rem 0.625rem;
}

.app-modal-window.confirmation-popup .modal-dialog .modal-content .modal-body > div:first-child {
  width: 14.6875rem;
}

.app-modal-window.confirmation-popup .modal-dialog .modal-content .modal-body .header-section {
  font-size: 1.375rem;
  font-weight: 300;
  color: #444444;
  margin-top: -2.125rem;
  padding: 0 0.3125rem;
  line-height: 1.2;
}

.app-modal-window.confirmation-popup .modal-dialog .modal-content .modal-body .brief-section {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.29;
  color: #4A4A4A;
  margin-top: 0.3125rem;
}

.app-modal-window.confirmation-popup .modal-dialog .modal-content .modal-body .desc-section {
  margin: 1.625rem 0 2rem;
}

.app-modal-window.confirmation-popup .modal-dialog .modal-content .modal-body .desc-section .text-section {
  font-weight: 300;
  line-height: 1.54;
  color: #4A4A4A;
  padding-left: 2.5rem;
  height: 1.6875rem;
  max-height: 1.6875rem;
  margin-bottom: 1.125rem;
}

.app-modal-window.confirmation-popup .modal-dialog .modal-content .modal-body .desc-section .text-section p {
  padding-top: 0.3125rem;
}

.app-modal-window.confirmation-popup .modal-dialog .modal-content .modal-body .desc-section .text-section-1 {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/contact@1x.png) no-repeat left center;
}

.app-modal-window.confirmation-popup .modal-dialog .modal-content .modal-body .desc-section .text-section-2 {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/add_associate@1x.png) no-repeat left center;
}

.app-modal-window.confirmation-popup .modal-dialog .modal-content .modal-body .desc-section .text-section-3 {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/bank@1x.png) no-repeat left center;
}

.app-modal-window.confirmation-popup .modal-dialog .modal-content .modal-body .confirm-section {
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 0.0625rem;
  color: #008AB0;
}

.app-modal-window.confirmation-popup .modal-dialog .modal-content .modal-body .confirm-section .button-normal-text {
  outline: 0;
  background: transparent;
  border: 0;
  padding: 0.625rem 1.25rem;
  max-height: 2.375rem;
}

.app-modal-window.terms-condition-popup .modal-dialog {
  margin-top: 2.5rem;
}

.app-modal-window.terms-condition-popup .modal-dialog .modal-content {
  margin-bottom: 2.5rem;
}

.app-modal-window.terms-condition-popup .modal-dialog .description-section {
  font-weight: 600;
  line-height: 1.38;
  color: #444444;
}

.app-modal-window.terms-condition-popup .modal-dialog .description-section-body {
  color: #2D2D2D;
}

.app-modal-window.terms-condition-popup .modal-dialog .modal-header {
  padding: 1.5rem 1.5rem 0;
  border-bottom: 0;
}

.app-modal-window.terms-condition-popup .modal-dialog .modal-header .cross-icon {
  width: 1.5625rem;
  padding: 1.5rem 1.125rem 1rem 0;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/cross-small.png) no-repeat right top;
}

.app-modal-window.terms-condition-popup .modal-dialog .modal-header .heading-section {
  width: 11.125rem;
  font-size: 1.8125rem;
  font-weight: 100;
  line-height: 1.07;
  color: #444444;
}

.app-modal-window.terms-condition-popup .modal-dialog .modal-header .heading-section,
.app-modal-window.terms-condition-popup .modal-dialog .modal-header .description-section {
  margin-top: 0.625rem;
}

.app-modal-window.terms-condition-popup .modal-dialog .modal-body {
  padding: 0 1.5rem 1rem;
}

.app-modal-window.terms-condition-popup .modal-dialog .modal-body .text-section-1 {
  font-weight: 300;
  line-height: 1.38;
  color: #444444;
}

.app-modal-window.terms-condition-popup .modal-dialog .modal-body .text-section-2 {
  background: #F7F7F7;
  height: 15.6875rem;
  max-height: 15.6875rem;
  overflow: auto;
  margin: 0 -1.5rem;
  padding: 1.125rem 1.5rem;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.22;
  color: #444444;
}

.app-modal-window.terms-condition-popup .modal-dialog .modal-body .text-section-3 {
  line-height: 1.38;
  color: #2D2D2D;
  padding: 1.3125rem 0 0;
}

.app-modal-window.terms-condition-popup .modal-dialog .modal-body .text-section-3 p {
  font-weight: 300;
}

.app-modal-window.terms-condition-popup .modal-dialog .modal-body .text-section-3 .decline-button {
  border-color: #727272;
  color: #727272;
}

.app-modal-window.terms-condition-popup .modal-dialog .modal-body .carousel-section .carousel-image-section {
  padding: 0 0.3125rem;
  margin: 0 0 0.3125rem;
}

.app-modal-window.terms-condition-popup .modal-dialog .modal-body .carousel-section .slick-dots li {
  width: 0.625em;
  height: 0.625em;
}

.app-modal-window.terms-condition-popup .modal-dialog .modal-body .carousel-section .slick-dots li button {
  background: transparent;
  border: 0.0625rem solid #727272;
  width: 0.625rem;
  height: 0.625rem;
}

.app-modal-window.terms-condition-popup .modal-dialog .modal-body .carousel-section .slick-dots li.slick-active button {
  background: #727272;
}

.app-modal-window.terms-condition-popup .modal-dialog .modal-body .carousel-section .slick-dots li button:before,
.app-modal-window.terms-condition-popup .modal-dialog .modal-body .carousel-section .slick-dots li.slick-active button:before {
  opacity: 0;
}

.app-modal-window.terms-condition-popup .modal-dialog .modal-body .carousel-section .pdp-productbasics-stars {
  display: inline-block;
  margin-left: 0;
  padding-left: 0;
  margin-right: 0.25em;
}

.app-modal-window.terms-condition-popup .modal-dialog .modal-body .carousel-section .pdp-productbasics-stars li {
  display: inline;
}

@media (max-width: 767px) {
  .accountsettingsbusiness .no-form-margin {
    padding-top: 0;
    margin-top: 0;
  }

  .accountsettingsbusiness .sectiontitle {
    display: none;
  }

  .accountsettingsbusiness .rightcontainer .imgtitlemobile {
    padding-left: 0.625rem;
    font-size: 1.25rem;
    font-weight: 500;
  }

  .accountsettingsbusiness .rightcontainer .combo-button-section {
    margin-top: 1.5rem;
    margin-left: 0;
  }

  .accountsettingsbusiness .rightcontainer .mobile-image-section {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .accountsettingsbusiness .rightcontainer #accordionform.accordion-form .panel-title {
    margin: 0 -1rem 0 0;
  }

  .accountsettingsbusiness .rightcontainer #accordionform.accordion-form .panel-heading {
    padding: 0;
  }

  .accountsettingsbusiness .rightpanel {
    background-color: #F7F7F7;
    max-width: 100%;
  }

  .accountsettingsbusiness .list-inline > div.tabselected {
    width: 51.5%;
    height: 2.65em;
    margin: -.1em -.4em -.1em -.03em;
  }

  .accountsettingsbusiness .convert-to-business-section {
    margin-top: 1.5rem;
  }

  .accountsettingsbusiness .convert-to-business-section .toggle-hidden-section .text-section,
  .accountsettingsbusiness .accountsettingsp .convert-to-business-section .toggle-address-section .text-section,
  .accountsettingsp .accountsettingsbusiness .convert-to-business-section .toggle-address-section .text-section {
    padding: 0 0 0 2.5rem;
  }

  .accountsettingsbusiness .convert-to-business-section .toggle-hidden-section .toggle-content-wrapper,
  .accountsettingsbusiness .accountsettingsp .convert-to-business-section .toggle-address-section .toggle-content-wrapper,
  .accountsettingsp .accountsettingsbusiness .convert-to-business-section .toggle-address-section .toggle-content-wrapper {
    padding-top: 1rem;
  }

  .accountsettingsbusiness .convert-to-business-section .brief-description {
    margin-top: 1rem;
  }

  .accountsettingsbusiness .convert-to-business-form-section .heading-section {
    font-size: 1.125rem;
  }

  .accountsettingsbusiness .communication-preference-wrapper .submit-section {
    padding-top: 1.5rem;
  }

  .accountsettingsbusiness .imgtitlemobile {
    text-align: left;
    width: auto;
    max-width: 92%;
    font-size: 1rem;
    word-wrap: break-word;
    padding-right: 0.9375em;
    padding-left: 0.625rem;
    font-size: 1.25rem;
    font-weight: 500;
  }

  .accountsettingsbusiness .inlineeditheader {
    top: 50%;
    display: inline-block;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  .accountsettingsbusiness .accountid {
    padding-left: 0.625rem;
  }

  .app-modal-window.terms-condition-popup .modal-dialog {
    max-width: 20.3125rem;
  }

  .app-modal-window.terms-condition-popup .modal-content {
    max-width: 20.3125rem;
  }

  .app-modal-window.terms-condition-popup .modal-content .modal-body .text-section-1 .right-section {
    margin: 1.9375rem 0 1.375rem;
  }

  .app-modal-window.terms-condition-popup .modal-content .modal-body .text-section-2 {
    margin-top: 0.625rem;
    height: 22rem;
    max-height: 22rem;
    overflow: auto;
  }

  .app-modal-window.terms-condition-popup .modal-content .modal-body .description-section-body {
    margin-top: -0.875rem;
  }

  .account-settings-business-wrapper .email-communication-section {
    margin-bottom: -1.5rem;
  }

  .add-associate-popup .modal-dialog .modal-content .modal-header .text-section {
    padding: 0 1.25rem;
  }

  .add-associate-popup .modal-dialog .modal-content .modal-header .text-section .heading-section {
    margin: -0.3125rem 0 1rem;
  }

  .add-associate-popup .modal-dialog .modal-content .modal-body {
    padding: 1.25rem 1rem 1rem;
  }

  .add-associate-popup .modal-dialog .modal-content .modal-body .form-section form {
    margin-top: 1rem;
  }

  .file-upload-popup .modal-body .error-section {
    margin: 0 -1rem;
  }

  .accountsettingsp #accordionform.accordion-form .accsettingsdetailcontainer {
    min-width: initial;
    max-width: initial;
  }

  .accountsettingsp .accsettingstopbannerinner {
    margin-top: 0;
  }

  .accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .business-distributor-associates .edit-associates,
  .accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .individual-distributor-associates .edit-associates {
    right: 3rem;
  }

  .account-manager-wrapper .account-manager-section {
    background: #FFFFFF;
    padding: 1.125rem 1.5625rem 1.375rem;
    margin: 0 0 1.375rem;
  }
}

@media (min-width: 768px) {
  .text-section {
    padding-top: 1.25rem;
  }

  .email-communication-section {
    margin-top: 1rem;
  }

  .accountsettingsbusiness .communication-preference-section .radio-buttons-section > div.radio {
    padding-bottom: 1.5rem;
  }

  .accountsettingsbusiness .communication-preference-section .radio-buttons-section > div.radio:last-child {
    padding-bottom: 1rem;
  }

  .accountsettingsbusiness .accsettingsdetailcontainer,
  .accountsettingsbusiness .account-settings-business-wrapper .business-distributor-associates .submit-section,
  .accountsettingsbusiness .account-settings-business-wrapper .individual-distributor-associates .submit-section {
    width: 24.8125rem;
  }

  .accountsettingsbusiness .convert-to-business-section {
    padding-top: 2rem;
    border-top: solid 1px #dedede;
    margin-top: 1.5rem;
  }

  .accountsettingsbusiness .convert-to-business-section .toggle-hidden-section .toggle-content-wrapper,
  .accountsettingsbusiness .accountsettingsp .convert-to-business-section .toggle-address-section .toggle-content-wrapper,
  .accountsettingsp .accountsettingsbusiness .convert-to-business-section .toggle-address-section .toggle-content-wrapper {
    padding-top: 1.5625rem;
  }

  .accountsettingsbusiness .convert-to-business-form-section .taxId-input1 {
    width: 6.9375rem;
  }

  .accountsettingsbusiness .convert-to-business-form-section .taxId-input2 {
    width: 17.875rem;
  }

  .accountsettingsbusiness .left-section-wrapper .list-inline .tabselected {
    margin-top: -0.125rem;
    margin-bottom: 0;
  }

  .accountsettingsbusiness .left-section-wrapper .leftlinkcontainer {
    padding-left: 0;
    padding-right: 0;
  }

  .accountsettingsbusiness .left-section-wrapper .horizontal-line-separator-section {
    margin-left: 0;
    margin-right: 0;
  }

  .account-manager-wrapper .account-manager-section {
    background: #FFFFFF;
    padding: 1.625rem 2.6875rem 1.5rem;
    margin: 1.125rem 0 0;
  }

  .app-modal-window.terms-condition-popup .modal-dialog,
  .app-modal-window.terms-condition-popup .modal-content {
    max-width: 34.375rem;
  }

  .app-modal-window.terms-condition-popup .modal-body .text-section-1 .left-section {
    width: 17.75rem;
  }

  .app-modal-window.terms-condition-popup .modal-body .text-section-1 .right-section {
    padding-left: 1.25rem;
  }

  .app-modal-window.terms-condition-popup .modal-body .text-section-1 .right-section button {
    width: 12.375rem;
  }

  .app-modal-window.terms-condition-popup .modal-body .text-section-3 .left-section {
    width: 17.25rem;
  }

  .app-modal-window.terms-condition-popup .modal-body .text-section-3 .right-section {
    padding-left: 1.625rem;
  }

  .app-modal-window.terms-condition-popup .modal-body .text-section-3 .right-section button {
    width: 12.375rem;
  }

  .app-modal-window.terms-condition-popup .modal-body .description-section {
    margin: 1.25rem 0 0.625rem;
  }

  .file-upload-popup .modal-dialog {
    margin-top: 2.25rem;
    max-width: 29.8125rem;
  }

  .file-upload-popup .modal-dialog .modal-content {
    max-width: 29.8125rem;
  }

  .file-upload-popup .modal-dialog .modal-content .modal-body {
    padding: 0 4rem 1.25rem;
  }

  .file-upload-popup .modal-dialog .modal-content .modal-body .error-section {
    margin: 0 -4rem;
    padding: 0.625rem 3.875rem 0;
    background-position: 3.875rem 0.625rem;
  }

  .file-upload-popup .modal-dialog .modal-content .modal-body .error-section p {
    margin-bottom: 0.5rem;
  }

  .file-upload-popup .modal-dialog .modal-content .modal-body .action-section {
    margin-right: -2.625rem;
  }

  .add-associate-popup .modal-dialog {
    margin-top: 2.25rem;
    max-width: 29.8125rem;
  }

  .add-associate-popup .modal-dialog .modal-content {
    max-width: 29.8125rem;
  }

  .add-associate-popup .modal-dialog .modal-header {
    background: url(/content/dam/account/invite-biz-associate-image.jpg) no-repeat;
    background-size: cover;
  }

  .add-associate-popup .modal-dialog .modal-header .text-section {
    width: 20.125rem;
    max-width: 20.125rem;
  }

  .add-associate-popup .modal-dialog .modal-header .text-section .heading-section {
    margin: -0.4375rem 0 1.25rem;
  }

  .add-associate-popup .modal-dialog .modal-header .text-section .desc-section {
    padding: 0 1rem;
  }

  .add-associate-popup .modal-dialog .modal-body {
    padding: 1.25rem 4rem;
  }

  .add-associate-popup .modal-dialog .modal-body .text-section {
    width: 21.75rem;
  }

  .add-associate-popup .modal-dialog .modal-body .text-section .desc-section {
    width: 21.75rem;
  }

  .add-associate-popup .modal-dialog .modal-body .text-section .see-more-section-wrapper {
    padding-top: 0.3125rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .accountsettingsbusiness .topbannertitle {
    font-size: 1.875em;
  }

  .accountsettingsbusiness .left-section-wrapper .left-action-tab {
    padding-left: 0;
    padding-right: 0;
  }

  .accountsettingsbusiness .convert-to-business-section .toggle-hidden-section .text-section,
  .accountsettingsbusiness .accountsettingsp .convert-to-business-section .toggle-address-section .text-section,
  .accountsettingsp .accountsettingsbusiness .convert-to-business-section .toggle-address-section .text-section {
    background-position: left -0.125rem;
  }

  .accountsettingsbusiness .convert-to-business-section .toggle-hidden-section .small-text-section,
  .accountsettingsbusiness .accountsettingsp .convert-to-business-section .toggle-address-section .small-text-section,
  .accountsettingsp .accountsettingsbusiness .convert-to-business-section .toggle-address-section .small-text-section {
    margin-top: -0.5625rem;
  }

  .accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .email-communication-section .section-heading span {
    padding: 0 1.25rem;
  }

  .accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .email-communication-section .language-section .heading-section {
    margin-top: 1rem;
  }

  .accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .radio-buttons-section {
    margin-top: 1rem;
  }

  .accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .radio-buttons-section > div.radio {
    padding-bottom: 1.875rem;
  }

  .accountsettingsbusiness .communication-preference-wrapper .communication-preference-section .form-section .radio-buttons-section > div.radio:last-child {
    padding-bottom: 0.875rem;
  }
}

@media (min-width: 1024px) {
  .accountsettingsbusiness .accsettingsdetailcontainer,
  .accountsettingsbusiness .account-settings-business-wrapper .business-distributor-associates .submit-section,
  .accountsettingsbusiness .account-settings-business-wrapper .individual-distributor-associates .submit-section {
    width: 30.43rem;
  }

  .accountsettingsbusiness .convert-to-business-form-section .taxId-input1 {
    width: 7.5rem;
  }

  .accountsettingsbusiness .convert-to-business-form-section .taxId-input2 {
    width: 19.6875rem;
  }

  .accountsettingsbusiness .convert-to-business-section .toggle-hidden-section .text-section,
  .accountsettingsbusiness .accountsettingsp .convert-to-business-section .toggle-address-section .text-section,
  .accountsettingsp .accountsettingsbusiness .convert-to-business-section .toggle-address-section .text-section {
    margin: 0 1rem;
    padding: 0 0 0 2.5rem;
  }

  .accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .business-distributor-associates .edit-associates,
  .accountsettingsbusiness .account-settings-business-wrapper .business-associates-section .individual-distributor-associates .edit-associates {
    right: 2.75rem;
  }

  .add-associate-popup .modal-dialog,
  .file-upload-popup .modal-dialog {
    max-width: 34.375rem;
  }

  .add-associate-popup .modal-dialog .modal-content,
  .file-upload-popup .modal-dialog .modal-content {
    max-width: 34.375rem;
  }

  .add-associate-popup .modal-dialog .modal-content .modal-body .form-section,
  .file-upload-popup .modal-dialog .modal-content .modal-body .form-section {
    padding: 0 3.4375rem;
  }
}

/*
@media (min-width: 1440px) {
    .accountsettingsbusiness {
        .leftpanel {
            .left-section-wrapper {
                padding-right: 6.8125rem;
            }
        }
    }
}*/

.accountsettingsbusiness .accsettingsdetailcontainer.ca-region .fl-right {
  float: right;
}

.accountsettingsbusiness .accsettingsdetailcontainer.ca-region .fl-left {
  float: left;
}

.accountsettingsbusiness .accsettingsdetailcontainer.ca-region .m-b-15 {
  margin-bottom: 0.9375rem;
  padding-left: 0rem;
  padding-right: 0rem;
}

.accountsettingsbusiness .accsettingsdetailcontainer.ca-region .m-0-18 {
  margin-left: 0rem;
  margin-right: 0rem;
  margin-bottom: 1.125rem;
}

.accountsettingsbusiness .accsettingsdetailcontainer.ca-region .m-b-24 {
  margin-bottom: 1.5rem;
}

.accountsettingsbusiness .accsettingsdetailcontainer.ca-region .m-b-37 {
  margin-bottom: 2.3125rem;
}

.accountsettingsbusiness .accsettingsdetailcontainer.ca-region .m-0 {
  margin: 0px;
}

.accountsettingsbusiness .accsettingsdetailcontainer.ca-region .col-6 {
  width: 14.375rem;
}

.accountsettingsbusiness .accsettingsdetailcontainer.ca-region .col-12 {
  width: 24.875rem;
}

.accountsettingsbusiness .accsettingsdetailcontainer.ca-region .more-content {
  margin-bottom: 0rem;
}

.accountsettingsbusiness .accsettingsdetailcontainer.ca-region .less-content {
  margin-top: 0.6875rem;
  margin-bottom: 0rem;
  line-height: 1.38rem;
}

.accountsettingsbusiness .accsettingsdetailcontainer.ca-region .bank-more-hyperlink:focus,
.accountsettingsbusiness .accsettingsdetailcontainer.ca-region .bank-more-hyperlink:hover,
.accountsettingsbusiness .accsettingsdetailcontainer.ca-region .bank-less-hyperlink:focus,
.accountsettingsbusiness .accsettingsdetailcontainer.ca-region .bank-less-hyperlink:hover {
  color: #008AB0;
  outline: none;
  text-decoration: none;
}

.accountsettingsbusiness .accsettingsdetailcontainer.ca-region .account-name-helper {
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1rem;
  color: #2D2D2D;
  margin-top: 0.0625rem;
}

.accountsettingsbusiness .accsettingsdetailcontainer.ca-region .bank-example-link {
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.08;
  color: #008AB0;
}

.accountsettingsbusiness .accsettingsdetailcontainer.ca-region .bank-example-link:hover,
.accountsettingsbusiness .accsettingsdetailcontainer.ca-region .bank-example-link:focus {
  text-decoration: none;
  color: #008AB0;
  outline: none;
}

.accountsettingsbusiness .accsettingsdetailcontainer.ca-region .bank-example-hyperlink {
  width: 30.4062rem;
}

.accountsettingsbusiness .accsettingsdetailcontainer.ca-region .bank-check-hyperlink-wrapper {
  margin-top: 0.25rem;
  text-transform: none;
  line-height: 1.08;
  letter-spacing: 0rem;
}

.accsettingsdetailcontainer.ca-region .form-group.m-b-24 {
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  .accountsettingsbusiness .accsettingsdetailcontainer.ca-region .bank-example-hyperlink {
    width: 100%;
  }

  .accountsettingsbusiness .accsettingsdetailcontainer.ca-region .bank-example-hyperlink div.panel-heading h4 a {
    text-transform: none;
  }

  .no-associate-section .absent-label-section p {
    text-align: center;
    width: 15rem;
  }

  .no-associate-section .absent-label-section p.line-2 {
    text-align: center;
    width: 15rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .accountsettingsbusiness .accsettingsdetailcontainer.ca-region .bank-example-hyperlink {
    width: 24.875rem;
  }

  .accountsettingsbusiness .brief-description {
    max-width: 16rem;
    margin-left: 2rem;
  }
}

@media (min-width: 320px) and (max-width: 359px) {
  .accountsettingsp .no-associate-section .absent-label-section p {
    width: 17.5rem;
  }

  .accountsettingsp .no-associate-section .absent-label-section p.line-2 {
    width: 17.5rem;
  }

  .accountsettingsp #accordionform {
    padding: 0.5rem 0;
  }

  .accountsettingsp #accordionform .communication-preference-section.accsettingsdetailcontainer.accountcontainer {
    margin-top: 0rem;
    padding: 0.3125rem 1.25rem;
  }

  .accountsettingsp #accordionform .businessassociate-accordion-section .businessassociate-panel-section {
    padding: 0;
    margin-bottom: 0.5rem;
  }

  .accountsettingsp #accordionform .businessassociate-accordion-section .businessassociate-panel-section .panel-heading {
    padding: 0.625rem 1.25rem;
  }

  .accountsettingsp #accordionform .businessassociate-accordion-section .businessassociate-panel-section .panel-heading .panel-title button:after {
    margin-right: 0.9375rem;
  }

  .accountsettingsp #accordionform .businessassociate-accordion-section .businessassociate-panel-section .panel-collapse {
    padding: 0rem 0rem;
  }

  .accountsettingsp #accordionform .businessassociate-accordion-section .businessassociate-panel-section .bank-example-hyperlink .panel-heading {
    padding: 0rem;
  }

  .accountsettingsp #accordionform .businessassociate-accordion-section .businessassociate-panel-section .bank-example-hyperlink .panel-collapse {
    padding: 0rem;
  }

  .accountsettingsp #accordionform .sectiontext,
  .accountsettingsp #accordionform .common-username-email-text,
  .accountsettingsp #accordionform .contactcontainer .sectionsponsertext,
  .accountsettingsp .contactcontainer #accordionform .sectionsponsertext,
  .accountsettingsp #accordionform .overviewform .sectionsponsertext,
  .accountsettingsp .overviewform #accordionform .sectionsponsertext,
  .accountsettingsp #accordionform .sponsercontainer .sectionsponsertext,
  .accountsettingsp .sponsercontainer #accordionform .sectionsponsertext {
    width: 100%;
    text-align: left;
  }

  .accountsettingsp #accordionform .sectiontext.email br,
  .accountsettingsp #accordionform .email.common-username-email-text br,
  .accountsettingsp #accordionform .contactcontainer .email.sectionsponsertext br,
  .accountsettingsp .contactcontainer #accordionform .email.sectionsponsertext br,
  .accountsettingsp #accordionform .overviewform .email.sectionsponsertext br,
  .accountsettingsp .overviewform #accordionform .email.sectionsponsertext br,
  .accountsettingsp #accordionform .sponsercontainer .email.sectionsponsertext br,
  .accountsettingsp .sponsercontainer #accordionform .email.sectionsponsertext br {
    display: none;
  }

  .accountsettingsp #accordionform .notspecified {
    width: 100%;
    text-align: left;
  }

  .accountsettingsp #accordionform .no-associate-section .notspecified.pointer {
    width: 3.25rem;
  }

  .accountsettingsp #accordionform .panel-heading {
    padding: 0 1rem 0 1.25rem;
  }

  .accountsettingsp .account-manager-description .brief-section .phone-section {
    width: 100%;
  }

  .accountsettingsp .account-manager-description .brief-section .phone-section p {
    margin-bottom: 0;
  }

  .accountsettingsp .account-manager-description .separator-section {
    display: none;
  }

  .accountsettingsp .rightmobilepanel .convert-to-business-section {
    margin-top: 0.7rem;
  }

  .accountsettingsp .rightmobilepanel .convert-to-business-section .brief-description.businesstab {
    margin-left: 0rem;
  }

  .accountsettingsp .rightmobilepanel .slabeloverview {
    width: 100%;
    margin-bottom: 2px;
  }

  .accountsettingsp .rightmobilepanel .contactcontainer,
  .accountsettingsp .rightmobilepanel .addresscontainer,
  .accountsettingsp .rightmobilepanel .overviewform,
  .accountsettingsp .rightmobilepanel .accountcontainer,
  .accountsettingsp .rightmobilepanel .bankingcontainer {
    margin-top: 0rem;
    padding: 0.3125rem 1.25rem;
  }

  .accountsettingsp .rightcontainer .accsettingstopbannerinner .nav-buttons-section .col-sm-12 {
    padding: 0rem 1.25rem;
  }

  .accountsettingsp .rightcontainer .accsettingstopbannerinner .nav-buttons-section .col-sm-12 .nav-buttons-personal {
    width: 8.75rem;
    padding: 0rem;
  }

  .accountsettingsp .rightcontainer .accsettingstopbannerinner .nav-buttons-section .col-sm-12 .nav-buttons-business {
    width: 8.75rem;
    padding: 0rem;
  }

  .accountsettingsp .rightcontainer .accsettingstopbannerinner .imgcontainer .outer-image-wrapper {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 3.75rem;
    margin-top: 1.875rem;
  }

  .accountsettingsp .rightcontainer .accsettingstopbannerinner .imgcontainer .outer-image-wrapper .inner-image-wrapper {
    margin-top: 0.3125rem;
    width: 3.15rem;
    height: 3.15rem;
    border-radius: 3.15rem;
  }

  .accountsettingsp .rightcontainer .accsettingstopbannerinner .imgcontainer .outer-image-wrapper .inner-image-wrapper img {
    margin-top: 0.25rem;
    height: 2.625rem;
    width: 2.625rem;
    border-radius: 3.75rem;
  }

  .accountsettingsp .rightcontainer .accsettingstopbannerinner .imgcontainer .col-sm-8 {
    width: 75%;
  }

  .accountsettingsp .rightcontainer .accsettingstopbannerinner .imgcontainer .col-sm-8 .imgtitlemobile {
    font-size: 1rem;
    margin-top: 1.875rem;
    max-width: 92%;
  }

  .accountsettingsp .rightcontainer .accsettingstopbannerinner .imgcontainer .col-sm-8 .inlineeditcontainer {
    margin-top: 3.3125rem;
  }
}

.app-modal-window.terms-conditions-modal-body .parent-container {
  margin-bottom: 1.25rem;
}

.app-modal-window.terms-conditions-modal-body .modal-dialog {
  width: 60%;
}

.app-modal-window.terms-conditions-modal-body .modal-dialog .modal-body {
  padding: 0 1rem 1.5rem;
}

.app-modal-window.terms-conditions-modal-body .terms-conditions-container {
  padding: 0.5rem 2.2rem;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .app-modal-window.terms-conditions-modal-body {
    margin: 0 0.625rem 0 0.625rem;
  }

  .app-modal-window.terms-conditions-modal-body .parent-container {
    margin-bottom: 1.25rem;
  }

  .app-modal-window.terms-conditions-modal-body .terms-conditions-container {
    padding: 0.5rem 2.2rem;
  }

  .app-modal-window.terms-conditions-modal-body .modal-dialog {
    width: inherit;
  }

  .app-modal-window.terms-conditions-modal-body .modal-dialog .modal-body {
    padding: 0;
    margin: 1rem;
  }

  .app-modal-window.terms-conditions-modal-body .i-agree-button {
    float: none;
  }

  .app-modal-window.terms-conditions-modal-body .i-agree-button-section {
    text-align: center;
    z-index: 9999;
    display: block;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .app-modal-window.terms-conditions-modal-body .modal-dialog {
    width: 85%;
  }

  .app-modal-window.terms-conditions-modal-body .modal-dialog .modal-body {
    padding: 0 1rem 1.5rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .app-modal-window.terms-conditions-modal-body .modal-dialog {
    width: 75%;
  }

  .app-modal-window.terms-conditions-modal-body .modal-dialog .modal-body {
    padding: 0 1rem 1.5rem;
  }
}

.app-modal-window.skip-now-modal-body .modal-dialog .modal-header {
  padding: 1rem 1rem 0;
}

.app-modal-window.skip-now-modal-body .modal-dialog .modal-body {
  padding: 0 2.5rem 1.5rem;
}

.app-modal-window.skip-now-modal-body .skip-for-now-modal-body {
  text-align: center;
}

.app-modal-window.skip-now-modal-body .question-text {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.38;
  color: #444444;
}

.app-modal-window.skip-now-modal-body .text-section {
  padding: 1rem 0 1rem 0;
}

.app-modal-window.address-verification-popup .modal-header .close-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-close-circle-copy-3.svg) no-repeat center center;
  height: 1.5rem;
  width: 1.5rem;
}

.app-modal-window.address-verification-popup .modal-header .heading-section {
  font-weight: 100;
  color: #444444;
  max-width: 18.75rem;
}

.app-modal-window.address-verification-popup .modal-body .desc-section {
  line-height: 1.4;
  font-weight: 300;
  color: #444444;
}

.app-modal-window.address-verification-popup .modal-body .entered-address-section .heading-section {
  margin-top: 2.25rem;
}

.app-modal-window.address-verification-popup .modal-body .entered-address-section .heading-section p {
  font-weight: 600;
  line-height: 2.4;
  letter-spacing: 0.03125rem;
  color: #2D2D2D;
}

.app-modal-window.address-verification-popup .modal-body .entered-address-section .small-desc-section p {
  font-weight: 300;
  color: #444444;
}

.app-modal-window.address-verification-popup .modal-body .original-entered-address-section {
  font-weight: 300;
  color: #444444;
}

.app-modal-window.address-verification-popup .modal-body .or-section .or-cross-line-section {
  border-top: 0.0625rem solid #D1D1D1;
  position: absolute;
  top: 1rem;
}

.app-modal-window.address-verification-popup .modal-body .or-section .or-circle-section {
  width: 2rem;
  height: 2rem;
  border-radius: 2rem;
  border: solid 0.0625rem #D1D1D1;
  font-size: 0.6875rem;
  font-weight: 300;
  color: #727272;
  background: #F6F6F6;
}

.app-modal-window.address-verification-popup .modal-body .or-section .or-circle-section .or-text-section {
  position: absolute;
  top: 0.4375rem;
  left: 0.5rem;
}

.app-modal-window.address-verification-popup .modal-body .choose-section p {
  font-weight: 600;
  letter-spacing: 0.03125rem;
  color: #2D2D2D;
}

.app-modal-window.address-verification-popup .modal-body .choose-address-list-section .toggle-label {
  color: #008AB0;
}

.app-modal-window.address-verification-popup .modal-body .choose-address-list-section .choose-address-list {
  margin-bottom: 0.3125rem;
}

.app-modal-window.address-verification-popup .modal-body .choose-address-list-section .choose-address-list .address-radio-label {
  margin: -1.5rem 0 0 0.3125rem;
  font-size: 1rem;
  font-weight: 300;
  color: #444444;
}

@media (max-width: 767px) {
  .app-modal-window.address-verification-popup .modal-dialog {
    margin: 0 auto;
    display: table;
  }

  .app-modal-window.address-verification-popup .modal-dialog .modal-content {
    margin: 5rem 0;
  }

  .app-modal-window.address-verification-popup .modal-dialog .modal-content .modal-header {
    padding: 1rem 1.5rem 0;
  }

  .app-modal-window.address-verification-popup .modal-dialog .modal-content .modal-header .heading-section {
    font-size: 1.375rem;
  }

  .app-modal-window.address-verification-popup .modal-dialog .modal-content .modal-body {
    padding: 1.5rem;
  }

  .app-modal-window.address-verification-popup .modal-dialog .modal-content .modal-body .original-entered-address-section {
    margin: -0.5rem 0 0;
  }

  .app-modal-window.address-verification-popup .modal-dialog .modal-content .modal-body .small-desc-section {
    margin-top: -0.3125rem;
  }

  .app-modal-window.address-verification-popup .modal-dialog .modal-content .modal-body .or-section {
    margin-top: 0.625rem;
  }

  .app-modal-window.address-verification-popup .modal-dialog .modal-content .modal-body .address-form-section {
    margin-top: -1.5rem;
  }
}

@media (min-width: 768px) {
  .app-modal-window.address-verification-popup .modal-content {
    margin: 2rem 0;
  }

  .app-modal-window.address-verification-popup .modal-content .modal-header {
    padding: 1.5rem 1.5rem 0;
  }

  .app-modal-window.address-verification-popup .modal-content .modal-header .heading-section {
    font-size: 1.8125rem;
  }

  .app-modal-window.address-verification-popup .modal-content .modal-body {
    padding: 1.5rem 3.75rem 2.5rem;
  }

  .app-modal-window.address-verification-popup .modal-content .modal-body .original-entered-address-section {
    margin: -0.5rem 0 2rem;
  }

  .app-modal-window.address-verification-popup .modal-content .modal-body .or-section {
    margin-top: 1.125rem;
    max-width: 17.25rem;
    margin-left: auto;
    margin-right: auto;
  }

  .app-modal-window.address-verification-popup .modal-content .modal-body .choose-section {
    margin-top: 2rem;
  }

  .app-modal-window.address-verification-popup .modal-content .modal-body .choose-address-list-section .address-form-section {
    margin-top: -1.125rem;
  }

  .app-modal-window.address-verification-popup .modal-content .modal-body .choose-address-list-section .selected-address-section {
    margin-top: 2rem;
  }
}

.error-container {
  background: #feeeee;
  margin-bottom: 4%;
  margin-top: 4%;
  padding: 0.625rem;
}

.tooltipwrapper .dropdown-menu .dropdown-title {
  text-align: left;
}

.account-completion label {
  color: #2D2D2D;
}

.account-completion .account-verification .email-msg {
  margin-bottom: 9em;
}

.checkout-title-banner {
  height: 17.1875em;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/prism-bg-lg@2x.png) center no-repeat;
  text-align: center;
}

.checkout-title-banner .section {
  padding-top: 2em;
  color: #FFFFFF;
}

.seemoreInfoDetail {
  margin-left: 4em;
}

.see-top-padding {
  padding-top: 2rem;
}

.pre-checkout-authentication .text-link {
  text-align: left;
}

.checkoutTitle {
  color: #FFFFFF;
}

.preCheckoutOR {
  font-size: 0.688em;
  padding: 0.9em;
}

.checkoutTitleBase {
  font-size: 1rem;
  font-weight: 100;
}

.checkoutTitleBaseEnjoyGreatBenefits {
  font-weight: 300;
}

.checkout-container {
  background-color: white;
  padding: 1% 7.188em;
}

#seeMoreSection {
  text-align: center;
}

.benefits-detail-show {
  margin-top: 1em;
}

@media screen and (max-width: 375px) {
  .checkout-container {
    width: 100%;
    margin: auto;
    padding: 1% 7.188em;
  }
}

@media screen and (min-width: 769px) {
  .checkout-container {
    width: 41.500em;
    margin: auto;
    margin-top: -7.1875em;
    padding: 1% 7.188em;
  }
}

.infoDetail {
  margin: 0.375em 3.750em;
  text-align: center;
  margin-bottom: 1.250em;
}

.btn-primary {
  width: 100%;
  background-color: #008AB0;
  color: #FFFFFF;
}

.content-seperator {
  margin-top: 1.875em;
}

.seemoreseeless-link {
  color: #008AB0;
  font-size: 13px;
  margin-top: 1.000em 1.525em 8.813em 8.813em;
  font-weight: 600;
  line-height: 1.85;
  cursor: pointer;
  display: inline-block;
  margin-top: 1.250em;
  margin-right: 0em;
}

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

.benefits-img {
  width: 2.25em;
  height: 2.25em;
  float: left;
  margin-right: 0.500em;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.benefits-section {
  height: 2.875em;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.38;
  color: #727272;
  padding-left: 0.813em;
  text-align: left;
}

.see-more .modal-dialog {
  width: 40.75em;
  margin-top: 6.250em;
}

.modal-header {
  padding: 1em;
  border-bottom: none;
  width: 100%;
}

.modal-header .close {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-close-circle.png);
  width: 1.300em;
  height: 1.300em;
  opacity: 1;
}

.modal-body {
  padding-left: 1.813em;
  padding-right: 1.688em;
  padding-bottom: 3.000em;
  padding-top: 0.750em;
}

.preCheckoutSignupModalDialog {
  width: 41.500em;
  height: 41.975em;
  background-color: #FFFFFF;
}

#preCheckoutSignupModalContent {
  padding: 4.500em;
  padding-top: 0.625em;
  padding-bottom: 0.625em;
}

.section-title {
  font-size: 1rem;
  font-weight: 600;
  color: #444444;
  margin-top: 1.625em;
}

.section-title-base {
  font-size: 0.8125rem;
  font-weight: 300;
}

.infoDetailSignup {
  width: 15.619em;
  height: 3.000em;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.288em;
}

.seemore-section-title-base {
  font-size: 0.8125rem;
  font-weight: 300;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  text-align: left;
}

.withSocialTitle {
  padding-top: 1.250em;
  font-weight: 600;
}

.usernameEmailTitle {
  height: 1.375em;
  opacity: 0.8;
  letter-spacing: -0.006em;
}

.distributorAccountOption {
  text-align: center;
}

.distributorAccountOptionLink {
  font-weight: 600;
}

.alreadyHaveAccount {
  width: 12.500em;
}

@media screen and (min-width: 360px) and (max-width: 768px) {
  .see-more .modal-dialog {
    width: 45.375em;
    margin: auto;
    margin-top: 6.250em;
  }

  .checkout-components {
    margin-left: 10%;
    margin-right: 10%;
  }

  .customerAccountTitle {
    margin-top: -0.625em;
    margin-bottom: 0.000em;
  }

  .checkout-title-banner {
    height: 10em;
    padding: 0% 5%;
  }

  .checkout-container {
    padding: 3% 0;
  }

  .infoDetail {
    margin: 0.375em 0.625em;
  }

  .infoDetailSignup {
    width: 15.619em;
    text-align: center;
    margin-top: 2.288em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5em;
  }

  .preCheckoutSignupModalDialog {
    width: 20.313em;
    height: 43.200em;
  }

  .preCheckoutSignupModalDialog .modal-header {
    width: 100%;
  }

  #preCheckoutSignupModalContent {
    padding: 0em;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .checkout-title-banner {
    height: 10em;
  }

  .checkout-container {
    width: 100%;
    margin-top: 0.000em;
    padding: 1% 10.438em;
  }

  .checkout-components {
    width: 438px;
    margin: 0 auto;
  }

  .modal-header {
    width: 100%;
  }

  .preCheckoutSignupModalDialog {
    width: 20.313em;
    height: 43.200em;
  }

  #preCheckoutSignupModalContent {
    padding: 0.000em;
    padding-top: 0.000em;
    padding-bottom: 0.000em;
  }

  .customerAccountTitle {
    font-weight: 300;
    margin-top: -0.938em;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .see-more .modal-dialog {
    width: 41.500em;
  }

  .customerAccountTitle {
    margin-top: -1.250em;
  }

  .withSocialTitle {
    padding-top: 0.625em;
  }

  .pre-checkout-authentication .modal-body {
    padding-left: 2.500em;
    padding-right: 2.500em;
  }
}

.see-more-container {
  margin: 0 auto;
  width: 36.375em;
  padding: .5em 0em;
}

.see-more-container .benefits-section {
  margin-top: 0.625em;
}

.see-more-container .review-text,
.see-more-container .easily-text {
  line-height: 1.9em;
}

.see-more-container .benefits-img {
  top: 37%;
}

.see-more-container .benefits-img {
  height: 1.7em;
  margin-left: 0.5em;
}

.see-more-container .see-more-link {
  margin-right: 133px;
}

.see-more-container .product-text {
  width: 14.494em;
}

.see-more-container .seemoreseeless-link {
  margin: 2em auto 1em;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .see-more-container .easily-text {
    line-height: 1.4em;
  }
}

@media screen and (min-width: 360px) and (max-width: 1023px) {
  .see-more-container {
    width: 100%;
  }

  .checkout-components {
    margin: 0% 9%;
  }
}

.btn {
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.9rem 1.625rem 0.85rem;
  font-size: 0.8125rem;
  line-height: 1.2;
  border-radius: 0.1875rem;
  letter-spacing: 1px;
  margin-bottom: 1em;
  transition: all .2s linear;
  white-space: normal;
}

.btn:focus,
.btn:active:focus {
  outline: 0;
}

.btn.btn-link {
  padding: 0.5em;
  text-transform: none;
  font-weight: 300;
  letter-spacing: 0;
}

.btn.btn-default {
  color: white;
  background: #008AB0;
}

.btn.btn-secondary {
  color: #727272;
  border-color: #727272;
}

.btn.btn-tertiary-outline {
  background: none;
  color: black;
  border-color: black;
}

.btn.reverse {
  color: white;
  border-color: white;
}

.btn.facebook {
  color: white;
  background: #3C5A99;
}

.btn.instagram {
  color: white;
  background: #2E587F;
}

.btn.twitter {
  color: white;
  background: #4685B9;
}

.btn.linked-in {
  color: white;
  background: #15548B;
}

.btn.amazon {
  color: white;
  background: #DE9823;
}

.btn.google {
  color: white;
  background: #BC3A2D;
}

.btn.btn-primary.play {
  padding: 0;
  width: 0;
  height: 0;
}

.btn.btn-primary.play span {
  display: none;
}

.create-account-page .account-Title {
  height: 2.000em;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 1.14;
  margin-top: 1em;
}

.create-account-page .divider p {
  padding: 0.75em;
}

.create-account-page .continue-btn {
  width: 100%;
  height: 3.45em;
  border-radius: 0.188em;
  background-color: #008AB0;
  color: #FFFFFF;
  margin-top: 0.625em;
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .create-account-page .checkout-components {
    margin: 0 auto;
    width: 20.313em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .create-account-page.create-account-page {
    padding-bottom: 1.250em;
  }

  .create-account-page.create-account-page .checkout-container {
    padding: 3% 15%;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .create-account-page.create-account-page {
    padding-bottom: 6.563em;
  }

  .create-account-page.create-account-page .checkout-title-banner {
    height: 16.1875em;
  }

  .create-account-page.create-account-page .checkout-container {
    width: 41.500em;
    margin: auto;
    margin-top: -7.1875em;
    padding: 1% 7.188em;
  }
}

@media screen and (min-width: 1440px) {
  .create-account-page.create-account-page {
    padding-bottom: 8.563em;
  }
}

.btn {
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.9rem 1.625rem 0.85rem;
  font-size: 0.8125rem;
  line-height: 1.2;
  border-radius: 0.1875rem;
  letter-spacing: 1px;
  margin-bottom: 1em;
  transition: all .2s linear;
  white-space: normal;
}

.btn:focus,
.btn:active:focus {
  outline: 0;
}

.btn.btn-link {
  padding: 0.5em;
  text-transform: none;
  font-weight: 300;
  letter-spacing: 0;
}

.btn.btn-default {
  color: white;
  background: #008AB0;
}

.btn.btn-secondary {
  color: #727272;
  border-color: #727272;
}

.btn.btn-tertiary-outline {
  background: none;
  color: black;
  border-color: black;
}

.btn.reverse {
  color: white;
  border-color: white;
}

.btn.facebook {
  color: white;
  background: #3C5A99;
}

.btn.instagram {
  color: white;
  background: #2E587F;
}

.btn.twitter {
  color: white;
  background: #4685B9;
}

.btn.linked-in {
  color: white;
  background: #15548B;
}

.btn.amazon {
  color: white;
  background: #DE9823;
}

.btn.google {
  color: white;
  background: #BC3A2D;
}

.btn.btn-primary.play {
  padding: 0;
  width: 0;
  height: 0;
}

.btn.btn-primary.play span {
  display: none;
}

.account-info-main-content .signup-container-associate-password {
  width: 43.5em;
  padding: 1% 7%;
}

.account-info-main-content .form-group input {
  margin-bottom: 0em;
}

.account-info-main-content .seperation-title {
  font-weight: 600;
}

.account-info-main-content .text-center {
  height: 4.000em;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 1.14;
  color: #FFFFFF;
  margin-top: 0.750em;
}

.account-info-main-content .content {
  padding-bottom: 0em;
}

.account-info-main-content .complete-info-text {
  width: 10.863em;
  height: 1.375em;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.38;
  color: #444444;
}

.account-info-main-content .secure-your-account-text {
  height: 1.375em;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.38;
  color: #444444;
}

.account-info-main-content .invite-banner {
  height: 16.438em;
}

.account-info-main-content .invite-banner .section .banner-text {
  padding-top: 0;
}

.account-info-main-content .signup-container .signup-components .sponsor-background-account-info {
  width: auto;
  margin-top: 2rem;
}

.account-info-main-content .btn-gosignin {
  width: 100%;
}

@media screen and (min-width: 320px) and (max-width: 359px) {
  .account-info-main-content.associate-signup-password-content .signup-container-associate-password {
    width: 100%;
    margin-top: 0;
  }

  .account-info-main-content.associate-signup-password-content .signup-components-associate-password {
    width: 16.25rem;
  }

  .account-info-main-content .invite-banner {
    height: 8.375em;
  }

  .account-info-main-content .invite-banner .section {
    padding-top: 2px;
  }

  .account-info-main-content .signup-components {
    width: 20em;
    margin: auto;
  }

  .account-info-main-content .signup-container {
    padding: 1.688em 1.438em;
  }

  .account-info-main-content .checkbox input[type="checkbox"] + label::before {
    top: 9px;
  }
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .account-info-main-content .invite-banner {
    height: 8.375em;
  }

  .account-info-main-content .invite-banner .section {
    padding-top: 2px;
  }

  .account-info-main-content .signup-components {
    width: 20em;
    margin: auto;
  }

  .account-info-main-content .signup-container {
    padding: 1.688em 1.438em;
  }

  .account-info-main-content .checkbox input[type="checkbox"] + label::before {
    top: 9px;
  }
}

@media screen and (min-width: 769px) {
  .account-info-main-content .signup-container {
    padding: 1.688em 1.500em;
  }
}

.account-info-main-content .all-text {
  width: 20.250em;
  height: 1.375em;
  opacity: 0.8;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.57;
  letter-spacing: -0.1px;
  color: #2D2D2D;
}

.account-info-main-content .account-registration-text {
  font-weight: 600;
}

.account-info-main-content .accept-text {
  margin-bottom: 1.250em;
}

.account-info-main-content input[type="checkbox"],
.account-info-main-content input[type="radio"] {
  height: 2.3em;
}

.account-info-main-content.associate-signup-password-content .banner-text {
  font-size: 1.75rem;
}

@media screen and (min-width: 319px) and (max-width: 767px) {
  .account-info-main-content.info-content .invite-banner-associate-password {
    height: 9.8em;
  }

  .account-info-main-content.info-content .banner-text {
    margin-top: 1.513em;
  }

  .account-info-main-content.info-content .signup-container-associate-password {
    padding: 2% 4%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .account-info-main-content.info-content .signup-container-associate-password {
    width: 100%;
  }

  .account-info-main-content .signup-container-associate-password {
    width: 100%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1440px) {
  .account-info-main-content.info-content .banner-text {
    margin-top: 1.1em;
  }
}

.terms-row {
  margin-bottom: 12px;
}

.terms-row .checkbox {
  margin-bottom: 0px;
}

.social-signup {
  margin-top: 1.875rem;
}

.btn-social {
  position: relative;
}

.btn-social > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2.8125rem;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.EmailOrMobileTitle {
  margin-bottom: 0;
}

.form-group .EmailOrMobileInput {
  margin-bottom: 0;
}

.btn-social.btn-lg {
  padding-left: 3.8125rem;
}

.btn-social.btn-lg > :first-child {
  line-height: 2.8125rem;
  width: 2.8125rem;
  font-size: 1.8rem;
}

.btn-social.btn-sm {
  padding-left: 2.375rem;
}

.btn-social.btn-sm > :first-child {
  line-height: 1.75rem;
  width: 1.75rem;
  font-size: 1.4rem;
}

.btn-social.btn-xs {
  padding-left: 1.875rem;
}

.btn-social.btn-xs > :first-child {
  line-height: 1.25rem;
  width: 1.25rem;
  font-size: 1.2rem;
}

.btn-facebook {
  color: white;
  width: 100%;
  background-color: #3C5A99;
}

.btn-facebook:hover {
  color: white;
}

.social-media-icon {
  display: inline-block;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/facebook-icon.png);
  background-repeat: no-repeat;
  background-position: center;
}

.content-seperator {
  margin-top: 1.875rem;
}

.option-seperator {
  height: 0.75rem;
  border-bottom: 1px solid #D1D1D1;
  text-align: center;
}

.grey-line {
  font-size: 0.6875em;
  line-height: 2;
  color: #727272;
  background-color: #F6F6F6;
  border: 1px solid #D1D1D1;
  padding: 0.5rem;
  border-radius: 50%;
}

.resendConfirmationCode {
  text-align: center;
}

.friends-family-signup-content .banner-img-family {
  display: inline-block;
}

.friends-family-signup-content .section-family-password {
  padding-top: 2.688em;
}

.friends-family-signup-content .invite-banner .distributor-avatar {
  width: 4.375em;
}

.friends-family-signup-content .seperation-title {
  font-weight: 600;
}

.friends-family-signup-content .form-group input,
.friends-family-signup-content .input-group input {
  margin-bottom: -0.375rem;
}

.friends-family-signup-content .small {
  font-size: 0.7125rem;
}

.friends-family-signup-content .divider p {
  padding: 0.8em;
}

.friends-family-signup-content .invite-banner .section {
  padding-top: 2.918rem;
}

.friends-family-signup-content input.ng-invalid.ng-touched,
.friends-family-signup-content select.ng-invalid.ng-touched {
  margin-bottom: 0.1em;
}

.friends-family-signup-content .signup-components {
  width: 27.125em;
}

.friends-family-signup-content .signup-components .social-signup span {
  font-size: 0.813rem;
  font-weight: 300;
  line-height: 1.46;
}

.friends-family-signup-content .signup-components .social-signup .btn-link {
  display: inline;
  cursor: pointer;
}

.friends-family-signup-content .banner-text-family {
  text-align: left;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.25;
  color: #FFFFFF;
  margin: 0.2em auto auto 0.625rem;
  display: inline-block;
}

.friends-family-signup-content .banner-container {
  margin-top: 2.750em;
}

.friends-family-signup-content .signup-container {
  width: 41.500em;
  margin: -7em auto auto auto;
  padding: 3% 0;
}

.friends-family-signup-content .invite-banner-family {
  height: 16.375em;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .friends-family-signup-content .banner-text-family {
    text-align: center;
    display: inline-block;
    margin-top: 1.2em;
  }

  .friends-family-signup-content .section-family-password {
    padding-top: 3.000em;
  }

  .friends-family-signup-content .signup-components-family {
    padding: 3% 4%;
    width: 100%;
  }

  .friends-family-signup-content .invite-banner .distributor-avatar {
    width: 7.813em;
    margin: -1.125em auto auto auto;
  }

  .friends-family-signup-content .banner-image-family {
    margin: 3.750em auto auto 40%;
    display: block;
    text-align: center;
  }

  .friends-family-signup-content .invite-banner-family {
    height: 17.000em;
  }

  .friends-family-signup-content .signup-container-family {
    width: 100%;
    margin: auto;
    padding: 5% 4%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .friends-family-signup-content .signup-components-family {
    margin-top: 0.813em;
  }

  .friends-family-signup-content .invite-banner-family {
    height: 8.563em;
  }

  .friends-family-signup-content .section-family-password {
    padding-top: 2.500em;
  }

  .friends-family-signup-content .signup-container-family {
    margin-top: 0;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .friends-family-signup-content .signup-components {
    margin-top: 0.813em;
  }

  .friends-family-signup-content .section-family-password {
    padding-top: 2.688em;
  }
}

.social-signup {
  margin-top: 1.875rem;
}

.btn-social {
  position: relative;
}

.btn-social > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2.8125rem;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.EmailOrMobileTitle {
  margin-bottom: 0;
}

.form-group .EmailOrMobileInput {
  margin-bottom: 0;
}

.btn-social.btn-lg {
  padding-left: 3.8125rem;
}

.btn-social.btn-lg > :first-child {
  line-height: 2.8125rem;
  width: 2.8125rem;
  font-size: 1.8rem;
}

.btn-social.btn-sm {
  padding-left: 2.375rem;
}

.btn-social.btn-sm > :first-child {
  line-height: 1.75rem;
  width: 1.75rem;
  font-size: 1.4rem;
}

.btn-social.btn-xs {
  padding-left: 1.875rem;
}

.btn-social.btn-xs > :first-child {
  line-height: 1.25rem;
  width: 1.25rem;
  font-size: 1.2rem;
}

.btn-facebook {
  color: white;
  width: 100%;
  background-color: #3C5A99;
}

.btn-facebook:hover {
  color: white;
}

.social-media-icon {
  display: inline-block;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/facebook-icon.png);
  background-repeat: no-repeat;
  background-position: center;
}

.content-seperator {
  margin-top: 1.875rem;
}

.option-seperator {
  height: 0.75rem;
  border-bottom: 1px solid #D1D1D1;
  text-align: center;
}

.grey-line {
  font-size: 0.6875em;
  line-height: 2;
  color: #727272;
  background-color: #F6F6F6;
  border: 1px solid #D1D1D1;
  padding: 0.5rem;
  border-radius: 50%;
}

.resendConfirmationCode {
  text-align: center;
}

.social-signup {
  margin-top: 1.875rem;
}

.btn-social {
  position: relative;
}

.btn-social > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2.8125rem;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.EmailOrMobileTitle {
  margin-bottom: 0;
}

.form-group .EmailOrMobileInput {
  margin-bottom: 0;
}

.btn-social.btn-lg {
  padding-left: 3.8125rem;
}

.btn-social.btn-lg > :first-child {
  line-height: 2.8125rem;
  width: 2.8125rem;
  font-size: 1.8rem;
}

.btn-social.btn-sm {
  padding-left: 2.375rem;
}

.btn-social.btn-sm > :first-child {
  line-height: 1.75rem;
  width: 1.75rem;
  font-size: 1.4rem;
}

.btn-social.btn-xs {
  padding-left: 1.875rem;
}

.btn-social.btn-xs > :first-child {
  line-height: 1.25rem;
  width: 1.25rem;
  font-size: 1.2rem;
}

.btn-facebook {
  color: white;
  width: 100%;
  background-color: #3C5A99;
}

.btn-facebook:hover {
  color: white;
}

.social-media-icon {
  display: inline-block;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/facebook-icon.png);
  background-repeat: no-repeat;
  background-position: center;
}

.content-seperator {
  margin-top: 1.875rem;
}

.option-seperator {
  height: 0.75rem;
  border-bottom: 1px solid #D1D1D1;
  text-align: center;
}

.grey-line {
  font-size: 0.6875em;
  line-height: 2;
  color: #727272;
  background-color: #F6F6F6;
  border: 1px solid #D1D1D1;
  padding: 0.5rem;
  border-radius: 50%;
}

.resendConfirmationCode {
  text-align: center;
}

.friends-family-signup-content .banner-img-family {
  display: inline-block;
}

.friends-family-signup-content .section-family-password {
  padding-top: 2.688em;
}

.friends-family-signup-content .invite-banner .distributor-avatar {
  width: 4.375em;
}

.friends-family-signup-content .seperation-title {
  font-weight: 600;
}

.friends-family-signup-content .form-group input,
.friends-family-signup-content .input-group input {
  margin-bottom: -0.375rem;
}

.friends-family-signup-content .small {
  font-size: 0.7125rem;
}

.friends-family-signup-content .divider p {
  padding: 0.8em;
}

.friends-family-signup-content .invite-banner .section {
  padding-top: 2.918rem;
}

.friends-family-signup-content input.ng-invalid.ng-touched,
.friends-family-signup-content select.ng-invalid.ng-touched {
  margin-bottom: 0.1em;
}

.friends-family-signup-content .signup-components {
  width: 27.125em;
}

.friends-family-signup-content .signup-components .social-signup span {
  font-size: 0.813rem;
  font-weight: 300;
  line-height: 1.46;
}

.friends-family-signup-content .signup-components .social-signup .btn-link {
  display: inline;
  cursor: pointer;
}

.friends-family-signup-content .banner-text-family {
  text-align: left;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.25;
  color: #FFFFFF;
  margin: 0.2em auto auto 0.625rem;
  display: inline-block;
}

.friends-family-signup-content .banner-container {
  margin-top: 2.750em;
}

.friends-family-signup-content .signup-container {
  width: 41.500em;
  margin: -7em auto auto auto;
  padding: 3% 0;
}

.friends-family-signup-content .invite-banner-family {
  height: 16.375em;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .friends-family-signup-content .banner-text-family {
    text-align: center;
    display: inline-block;
    margin-top: 1.2em;
  }

  .friends-family-signup-content .section-family-password {
    padding-top: 3.000em;
  }

  .friends-family-signup-content .signup-components-family {
    padding: 3% 4%;
    width: 100%;
  }

  .friends-family-signup-content .invite-banner .distributor-avatar {
    width: 7.813em;
    margin: -1.125em auto auto auto;
  }

  .friends-family-signup-content .banner-image-family {
    margin: 3.750em auto auto 40%;
    display: block;
    text-align: center;
  }

  .friends-family-signup-content .invite-banner-family {
    height: 17.000em;
  }

  .friends-family-signup-content .signup-container-family {
    width: 100%;
    margin: auto;
    padding: 5% 4%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .friends-family-signup-content .signup-components-family {
    margin-top: 0.813em;
  }

  .friends-family-signup-content .invite-banner-family {
    height: 8.563em;
  }

  .friends-family-signup-content .section-family-password {
    padding-top: 2.500em;
  }

  .friends-family-signup-content .signup-container-family {
    margin-top: 0;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .friends-family-signup-content .signup-components {
    margin-top: 0.813em;
  }

  .friends-family-signup-content .section-family-password {
    padding-top: 2.688em;
  }
}

.friends-family-signup-password-content .banner-text-family-password {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.25;
  color: #FFFFFF;
  margin: 0.8em auto auto 0.625em;
  display: inline-block;
}

.friends-family-signup-password-content .banner-image-family-password {
  border-radius: 50%;
}

.friends-family-signup-password-content .invite-banner .section {
  padding-top: 2.5rem;
}

.friends-family-signup-password-content .invite-banner-family-password {
  height: 16.375em;
}

.friends-family-signup-password-content .invite-banner .distributor-avatar {
  width: 4.813em;
  display: inline-block;
}

.friends-family-signup-password-content .signup-container-family-password {
  margin-top: -7.000em;
  padding-top: 2.5rem;
  width: 41.500em;
}

.friends-family-signup-password-content .signup-components-family-password {
  margin-top: -3.750em;
}

.friends-family-signup-password-content .seperation-title {
  font-weight: 600;
}

.friends-family-signup-password-content .account-policy-checkbox {
  font-size: 0.875rem;
  height: 2.250em;
  padding: 1.25rem 0 1.5625rem 0;
  margin-top: -1.875rem;
  font-weight: 300;
  color: #777676;
}

.friends-family-signup-password-content .account-policy-checkbox {
  padding: auto 0;
  margin-left: -1rem;
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .friends-family-signup-password-content .banner-text-family-password {
    display: inline-block;
    margin: 0.3125rem 0 0 0;
    width: 8.375em;
  }

  .friends-family-signup-password-content .invite-banner .section {
    padding-top: 2.5rem;
  }

  .friends-family-signup-password-content .signup-container-family-password {
    width: 100%;
    margin-top: 0;
    padding-top: 1.5625rem;
  }

  .friends-family-signup-password-content .invite-banner-family-password {
    height: 9.375rem;
  }

  .friends-family-signup-password-content .friendsfamily-signup-password-content {
    width: 100%;
    padding: 2% 7%;
  }

  .friends-family-signup-password-content .signup-components-family-password {
    margin-top: -1.5rem;
  }

  .friends-family-signup-password-content .account-policy-checkbox {
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .friends-family-signup-password-content .signup-components-family-password {
    margin-top: 0.813em;
  }

  .friends-family-signup-password-content .invite-banner-family-password {
    height: 8.563em;
  }

  .friends-family-signup-password-content .signup-container-family-password {
    width: 100%;
    margin-top: 0;
    padding: 0.0625rem 0 1.25rem 0;
  }

  .friends-family-signup-password-content .account-policy-checkbox {
    width: 80%;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .friends-family-signup-password-content .signup-components-family-password {
    margin-top: -2.500em;
    width: 27.125em;
  }

  .friends-family-signup-password-content .invite-banner .section {
    padding-top: 2.5rem;
  }

  .friends-family-signup-password-content .signup-container-family-password {
    margin-top: -7.000em;
    width: 41.500em;
  }
}

.social-signup {
  margin-top: 1.875rem;
}

.btn-social {
  position: relative;
}

.btn-social > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2.8125rem;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.EmailOrMobileTitle {
  margin-bottom: 0;
}

.form-group .EmailOrMobileInput {
  margin-bottom: 0;
}

.btn-social.btn-lg {
  padding-left: 3.8125rem;
}

.btn-social.btn-lg > :first-child {
  line-height: 2.8125rem;
  width: 2.8125rem;
  font-size: 1.8rem;
}

.btn-social.btn-sm {
  padding-left: 2.375rem;
}

.btn-social.btn-sm > :first-child {
  line-height: 1.75rem;
  width: 1.75rem;
  font-size: 1.4rem;
}

.btn-social.btn-xs {
  padding-left: 1.875rem;
}

.btn-social.btn-xs > :first-child {
  line-height: 1.25rem;
  width: 1.25rem;
  font-size: 1.2rem;
}

.btn-facebook {
  color: white;
  width: 100%;
  background-color: #3C5A99;
}

.btn-facebook:hover {
  color: white;
}

.social-media-icon {
  display: inline-block;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/facebook-icon.png);
  background-repeat: no-repeat;
  background-position: center;
}

.content-seperator {
  margin-top: 1.875rem;
}

.option-seperator {
  height: 0.75rem;
  border-bottom: 1px solid #D1D1D1;
  text-align: center;
}

.grey-line {
  font-size: 0.6875em;
  line-height: 2;
  color: #727272;
  background-color: #F6F6F6;
  border: 1px solid #D1D1D1;
  padding: 0.5rem;
  border-radius: 50%;
}

.resendConfirmationCode {
  text-align: center;
}

.associate-signup-content .banner-img {
  display: inline-block;
  width: 4.375rem;
}

.associate-signup-content .seperation-title {
  font-weight: 600;
}

.associate-signup-content .invite-banner .distributor-avatar {
  width: 4.375rem;
}

.associate-signup-content .signup-components {
  width: 27.125rem;
}

.associate-signup-content .signup-components .social-signup span {
  font-size: 0.813rem;
  font-weight: 300;
  line-height: 1.46;
}

.associate-signup-content .signup-components .social-signup .btn-link {
  display: inline;
  cursor: pointer;
}

.associate-signup-content .username-title {
  margin-bottom: 0;
}

.associate-signup-content .banner-text-associate-signup {
  text-align: left;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.25;
  color: #FFFFFF;
  margin: 0.2rem 0 0 0.625rem;
  display: inline-block;
}

.associate-signup-content .banner-container {
  margin-top: 2.750rem;
}

.associate-signup-content .signup-container {
  width: 41.500rem;
  padding: 3% 0;
}

.associate-signup-content .signup-container .sponsor {
  width: 100%;
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.associate-signup-content .signup-container .sponsor .text-link {
  font-size: 1.06rem;
  font-weight: 600;
  line-height: 1.3;
}

.associate-signup-content .invite-banner-associate-signup {
  height: 16.375rem;
}

.associate-signup-content .outer-image-wrapper {
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 4.375rem;
  background: rgba(254, 254, 254, 0.3);
  margin-right: 1rem;
  display: inline-block;
  vertical-align: top;
}

.associate-signup-content .outer-image-wrapper .inner-image-wrapper {
  width: 3.675rem;
  height: 3.675rem;
  border-radius: 3.675rem;
  margin-top: .3375rem;
  background: rgba(255, 255, 255, 0.3);
  display: inline-block;
}

.associate-signup-content .outer-image-wrapper .inner-image-wrapper img {
  border-radius: 4.375rem;
  width: 2.9375rem;
  height: 2.9375rem;
  margin-top: 0.4375rem;
}

.associate-signup-content input.ng-invalid.ng-touched,
.associate-signup-content select.ng-invalid.ng-touched {
  margin-bottom: 0.1rem;
}

.associate-signup-content .no-sponsor img {
  width: 4.375rem;
  height: 4.375rem;
}

.associate-signup-content .invite-banner-wrapper .banner-text-associate-signup {
  font-size: 1.75rem;
  margin-left: 0;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 41.5rem;
  text-align: center;
}

.associate-signup-content .invite-banner-wrapper .header-content-wrapper img.default-pic {
  width: 5.25rem;
  height: 5.25rem;
  margin-top: 2.5rem;
}

.associate-signup-content .invite-banner-wrapper .invite-banner-text-section.invite-banner-text-wrapper .banner-text-associate-signup {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  min-height: 5.75rem;
  max-height: 5.75rem;
  height: 5.75rem;
}

.associate-signup-content .invite-banner-associate-signup .section-associate {
  padding-top: 0.9375rem;
}

.associate-signup-content .invite-banner-associate-signup .section-associate > div > img {
  width: 4.375rem;
  height: 4.375rem;
}

.associate-signup-content .invite-banner-wrapper {
  font-size: 1.75rem;
}

.associate-signup-content .invite-banner-wrapper .section-associate div.host-image-section img {
  width: 5.25rem;
  height: 5.25rem;
  margin-top: 0.625rem;
}

.associate-signup-content .invite-banner-wrapper .outer-image-wrapper {
  width: 7.8125rem;
  height: 7.8125rem;
  border-radius: 7.8125rem;
  display: block;
  margin: 0 auto;
  margin-top: -1rem;
}

.associate-signup-content .invite-banner-wrapper .outer-image-wrapper .inner-image-wrapper {
  width: 6.5625rem;
  height: 6.5625rem;
  border-radius: 6.5625rem;
  position: relative;
  top: 0.3125rem;
  left: 0;
}

.associate-signup-content .invite-banner-wrapper .outer-image-wrapper .inner-image-wrapper img {
  width: 5.25rem;
  height: 5.25rem;
  margin-top: 0.625rem;
}

@media screen and (max-width: 359px) {
  .associate-signup-content .invite-banner-wrapper .banner-text-associate-signup {
    width: 100%;
  }

  .associate-signup-content .associate-signup-content .signup-components {
    padding: 3% 3%;
    width: 100%;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .associate-signup-content .banner-text-associate-signup {
    text-align: center;
    display: inline-block;
    margin: 1.2rem 0 0 0;
  }

  .associate-signup-content .invite-banner-wrapper .outer-image-wrapper {
    width: 7.8125rem;
    height: 7.8125rem;
    margin-top: 0;
  }

  .associate-signup-content .invite-banner-wrapper .outer-image-wrapper .inner-image-wrapper img {
    width: 6.5625rem;
    height: 6.5625rem;
  }

  .associate-signup-content .signup-container {
    width: 100%;
    margin: auto;
    padding: 5% 4%;
  }

  .associate-signup-content .banner-img {
    margin: 0.875rem auto auto auto;
    display: block;
    text-align: center;
  }

  .associate-signup-content .banner-text-associate-signup {
    display: block;
    text-align: center;
    width: 100%;
  }

  .associate-signup-content .invite-banner .distributor-avatar {
    width: 7.875rem;
  }

  .associate-signup-content .invite-banner-associate-signup {
    height: 17rem;
  }

  .associate-signup-content .invite-banner-wrapper {
    height: 18.25rem;
  }

  .associate-signup-content .invite-banner-wrapper .header-content-wrapper img.default-pic {
    margin-top: 1.875rem;
  }

  .associate-signup-content .section-associate {
    padding-top: 1rem;
  }

  .associate-signup-content .signup-components {
    padding: 3% 3%;
    width: 100%;
  }

  .associate-signup-content .signup-components .section-associate {
    padding-top: 1rem;
  }

  .associate-signup-content .no-sponsor img,
  .associate-signup-content .section-associate > div > img {
    width: 6.0625rem;
    height: 6.0625rem;
  }

  .associate-signup-content .checkout-title-banner,
  .associate-signup-content .invite-banner-associate-signup {
    height: 17rem;
  }

  .associate-signup-content .no-sponsor img {
    margin-top: 0.4375rem;
  }

  .associate-signup-content .no-sponsor p {
    margin-top: 2.25rem;
  }

  .associate-signup-content .signup-container {
    margin-top: 0rem;
    padding-top: 0rem;
  }

  .associate-signup-content .signup-container .signup-components {
    padding-top: 0rem;
  }

  .associate-signup-content .signup-container .signup-components .form-group > form {
    margin-top: 1.5rem;
  }

  .associate-signup-content .signup-container .signup-components .form-group > form email-phone input {
    margin-bottom: 0rem;
  }

  .associate-signup-content .signup-container .signup-components .form-group > form .content-seperator {
    margin-top: 1.3125rem;
  }

  .associate-signup-content .signup-container .signup-components .form-group > form .form-group .btn-primary {
    margin-top: 0.625rem;
  }
}

@media (min-width: 360px) {
  .associate-signup-content .invite-banner-associate-signup.invite-banner-wrapper .invite-banner-text-section {
    display: table;
    margin: 0 auto;
    padding-top: 0.3125rem;
  }

  .associate-signup-content .invite-banner-associate-signup.invite-banner-wrapper .invite-banner-text-section h2.banner-text-associate-signup {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    min-height: 6.875rem;
    max-height: 6.875rem;
    height: 6.875rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .associate-signup-content .signup-components {
    margin-top: 0.813rem;
  }

  .associate-signup-content .signup-container {
    margin-top: 0;
    width: 100%;
  }

  .associate-signup-content .invite-banner-associate-signup {
    height: 8.5rem;
  }

  .associate-signup-content .invite-banner-associate-signup .section-associate {
    padding-top: 2.425rem;
  }

  .associate-signup-content .invite-banner-wrapper {
    height: 16.25rem;
  }

  .associate-signup-content .checkout-title-banner,
  .associate-signup-content .invite-banner-associate-signup {
    height: 17rem;
  }

  .associate-signup-content .signup-container {
    margin-top: 0rem;
    padding-top: 0rem;
  }

  .associate-signup-content .signup-container .signup-components {
    padding-top: 0rem;
  }

  .associate-signup-content .signup-container .signup-components .form-group > form {
    margin-top: 1.5rem;
  }

  .associate-signup-content .signup-container .signup-components .form-group > form email-phone input {
    margin-bottom: 0rem;
  }

  .associate-signup-content .signup-container .signup-components .form-group > form .content-seperator {
    margin-top: 1.3125rem;
  }

  .associate-signup-content .signup-container .signup-components .form-group > form .form-group .btn-primary {
    margin-top: 0.625rem;
  }

  .associate-signup-content .invite-banner-wrapper .banner-text-associate-signup {
    width: 20.75rem;
  }
}

@media (min-width: 768px) {
  .associate-signup-content .invite-banner-associate-signup.invite-banner-wrapper .invite-banner-text-section {
    width: 29rem;
  }

  .associate-signup-content .invite-banner-associate-signup.invite-banner-wrapper .invite-banner-text-section h2.banner-text-associate-signup {
    min-height: 6.75rem;
    max-height: 6.75rem;
    height: 6.75rem;
  }

  .associate-signup-content .invite-banner-wrapper .invite-banner-text-section.invite-banner-text-wrapper .banner-text-associate-signup {
    min-height: 6.5rem;
    max-height: 6.5rem;
    height: 6.5rem;
  }
}

@media (min-width: 1024px) {
  .associate-signup-content .invite-banner-associate-signup.invite-banner-wrapper {
    height: 22.6875rem;
  }

  .associate-signup-content .invite-banner-associate-signup.invite-banner-wrapper .invite-banner-text-section {
    width: 41.5rem;
    padding-top: 0;
    margin-top: -0.3125rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .associate-signup-content .signup-components {
    margin-top: 0.813rem;
  }

  .associate-signup-content .signup-components email-phone input {
    margin-bottom: 0;
  }

  .associate-signup-content .invite-banner-associate-signup {
    height: 16.375rem;
  }

  .associate-signup-content .invite-banner-associate-signup .section-associate {
    padding-top: 2.6062rem;
  }
}

@media screen and (min-width: 1440px) {
  .associate-signup-content .invite-banner-associate-signup .section-associate {
    padding-top: 2.7937rem;
  }
}

.social-signup {
  margin-top: 1.875rem;
}

.btn-social {
  position: relative;
}

.btn-social > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2.8125rem;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.EmailOrMobileTitle {
  margin-bottom: 0;
}

.form-group .EmailOrMobileInput {
  margin-bottom: 0;
}

.btn-social.btn-lg {
  padding-left: 3.8125rem;
}

.btn-social.btn-lg > :first-child {
  line-height: 2.8125rem;
  width: 2.8125rem;
  font-size: 1.8rem;
}

.btn-social.btn-sm {
  padding-left: 2.375rem;
}

.btn-social.btn-sm > :first-child {
  line-height: 1.75rem;
  width: 1.75rem;
  font-size: 1.4rem;
}

.btn-social.btn-xs {
  padding-left: 1.875rem;
}

.btn-social.btn-xs > :first-child {
  line-height: 1.25rem;
  width: 1.25rem;
  font-size: 1.2rem;
}

.btn-facebook {
  color: white;
  width: 100%;
  background-color: #3C5A99;
}

.btn-facebook:hover {
  color: white;
}

.social-media-icon {
  display: inline-block;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/facebook-icon.png);
  background-repeat: no-repeat;
  background-position: center;
}

.content-seperator {
  margin-top: 1.875rem;
}

.option-seperator {
  height: 0.75rem;
  border-bottom: 1px solid #D1D1D1;
  text-align: center;
}

.grey-line {
  font-size: 0.6875em;
  line-height: 2;
  color: #727272;
  background-color: #F6F6F6;
  border: 1px solid #D1D1D1;
  padding: 0.5rem;
  border-radius: 50%;
}

.resendConfirmationCode {
  text-align: center;
}

.social-signup {
  margin-top: 1.875rem;
}

.btn-social {
  position: relative;
}

.btn-social > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2.8125rem;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.EmailOrMobileTitle {
  margin-bottom: 0;
}

.form-group .EmailOrMobileInput {
  margin-bottom: 0;
}

.btn-social.btn-lg {
  padding-left: 3.8125rem;
}

.btn-social.btn-lg > :first-child {
  line-height: 2.8125rem;
  width: 2.8125rem;
  font-size: 1.8rem;
}

.btn-social.btn-sm {
  padding-left: 2.375rem;
}

.btn-social.btn-sm > :first-child {
  line-height: 1.75rem;
  width: 1.75rem;
  font-size: 1.4rem;
}

.btn-social.btn-xs {
  padding-left: 1.875rem;
}

.btn-social.btn-xs > :first-child {
  line-height: 1.25rem;
  width: 1.25rem;
  font-size: 1.2rem;
}

.btn-facebook {
  color: white;
  width: 100%;
  background-color: #3C5A99;
}

.btn-facebook:hover {
  color: white;
}

.social-media-icon {
  display: inline-block;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/facebook-icon.png);
  background-repeat: no-repeat;
  background-position: center;
}

.content-seperator {
  margin-top: 1.875rem;
}

.option-seperator {
  height: 0.75rem;
  border-bottom: 1px solid #D1D1D1;
  text-align: center;
}

.grey-line {
  font-size: 0.6875em;
  line-height: 2;
  color: #727272;
  background-color: #F6F6F6;
  border: 1px solid #D1D1D1;
  padding: 0.5rem;
  border-radius: 50%;
}

.resendConfirmationCode {
  text-align: center;
}

.associate-signup-content .banner-img {
  display: inline-block;
  width: 4.375rem;
}

.associate-signup-content .seperation-title {
  font-weight: 600;
}

.associate-signup-content .invite-banner .distributor-avatar {
  width: 4.375rem;
}

.associate-signup-content .signup-components {
  width: 27.125rem;
}

.associate-signup-content .signup-components .social-signup span {
  font-size: 0.813rem;
  font-weight: 300;
  line-height: 1.46;
}

.associate-signup-content .signup-components .social-signup .btn-link {
  display: inline;
  cursor: pointer;
}

.associate-signup-content .username-title {
  margin-bottom: 0;
}

.associate-signup-content .banner-text-associate-signup {
  text-align: left;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.25;
  color: #FFFFFF;
  margin: 0.2rem 0 0 0.625rem;
  display: inline-block;
}

.associate-signup-content .banner-container {
  margin-top: 2.750rem;
}

.associate-signup-content .signup-container {
  width: 41.500rem;
  padding: 3% 0;
}

.associate-signup-content .signup-container .sponsor {
  width: 100%;
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.associate-signup-content .signup-container .sponsor .text-link {
  font-size: 1.06rem;
  font-weight: 600;
  line-height: 1.3;
}

.associate-signup-content .invite-banner-associate-signup {
  height: 16.375rem;
}

.associate-signup-content .outer-image-wrapper {
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 4.375rem;
  background: rgba(254, 254, 254, 0.3);
  margin-right: 1rem;
  display: inline-block;
  vertical-align: top;
}

.associate-signup-content .outer-image-wrapper .inner-image-wrapper {
  width: 3.675rem;
  height: 3.675rem;
  border-radius: 3.675rem;
  margin-top: .3375rem;
  background: rgba(255, 255, 255, 0.3);
  display: inline-block;
}

.associate-signup-content .outer-image-wrapper .inner-image-wrapper img {
  border-radius: 4.375rem;
  width: 2.9375rem;
  height: 2.9375rem;
  margin-top: 0.4375rem;
}

.associate-signup-content input.ng-invalid.ng-touched,
.associate-signup-content select.ng-invalid.ng-touched {
  margin-bottom: 0.1rem;
}

.associate-signup-content .no-sponsor img {
  width: 4.375rem;
  height: 4.375rem;
}

.associate-signup-content .invite-banner-wrapper .banner-text-associate-signup {
  font-size: 1.75rem;
  margin-left: 0;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 41.5rem;
  text-align: center;
}

.associate-signup-content .invite-banner-wrapper .header-content-wrapper img.default-pic {
  width: 5.25rem;
  height: 5.25rem;
  margin-top: 2.5rem;
}

.associate-signup-content .invite-banner-wrapper .invite-banner-text-section.invite-banner-text-wrapper .banner-text-associate-signup {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  min-height: 5.75rem;
  max-height: 5.75rem;
  height: 5.75rem;
}

.associate-signup-content .invite-banner-associate-signup .section-associate {
  padding-top: 0.9375rem;
}

.associate-signup-content .invite-banner-associate-signup .section-associate > div > img {
  width: 4.375rem;
  height: 4.375rem;
}

.associate-signup-content .invite-banner-wrapper {
  font-size: 1.75rem;
}

.associate-signup-content .invite-banner-wrapper .section-associate div.host-image-section img {
  width: 5.25rem;
  height: 5.25rem;
  margin-top: 0.625rem;
}

.associate-signup-content .invite-banner-wrapper .outer-image-wrapper {
  width: 7.8125rem;
  height: 7.8125rem;
  border-radius: 7.8125rem;
  display: block;
  margin: 0 auto;
  margin-top: -1rem;
}

.associate-signup-content .invite-banner-wrapper .outer-image-wrapper .inner-image-wrapper {
  width: 6.5625rem;
  height: 6.5625rem;
  border-radius: 6.5625rem;
  position: relative;
  top: 0.3125rem;
  left: 0;
}

.associate-signup-content .invite-banner-wrapper .outer-image-wrapper .inner-image-wrapper img {
  width: 5.25rem;
  height: 5.25rem;
  margin-top: 0.625rem;
}

@media screen and (max-width: 359px) {
  .associate-signup-content .invite-banner-wrapper .banner-text-associate-signup {
    width: 100%;
  }

  .associate-signup-content .associate-signup-content .signup-components {
    padding: 3% 3%;
    width: 100%;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .associate-signup-content .banner-text-associate-signup {
    text-align: center;
    display: inline-block;
    margin: 1.2rem 0 0 0;
  }

  .associate-signup-content .invite-banner-wrapper .outer-image-wrapper {
    width: 7.8125rem;
    height: 7.8125rem;
    margin-top: 0;
  }

  .associate-signup-content .invite-banner-wrapper .outer-image-wrapper .inner-image-wrapper img {
    width: 6.5625rem;
    height: 6.5625rem;
  }

  .associate-signup-content .signup-container {
    width: 100%;
    margin: auto;
    padding: 5% 4%;
  }

  .associate-signup-content .banner-img {
    margin: 0.875rem auto auto auto;
    display: block;
    text-align: center;
  }

  .associate-signup-content .banner-text-associate-signup {
    display: block;
    text-align: center;
    width: 100%;
  }

  .associate-signup-content .invite-banner .distributor-avatar {
    width: 7.875rem;
  }

  .associate-signup-content .invite-banner-associate-signup {
    height: 17rem;
  }

  .associate-signup-content .invite-banner-wrapper {
    height: 18.25rem;
  }

  .associate-signup-content .invite-banner-wrapper .header-content-wrapper img.default-pic {
    margin-top: 1.875rem;
  }

  .associate-signup-content .section-associate {
    padding-top: 1rem;
  }

  .associate-signup-content .signup-components {
    padding: 3% 3%;
    width: 100%;
  }

  .associate-signup-content .signup-components .section-associate {
    padding-top: 1rem;
  }

  .associate-signup-content .no-sponsor img,
  .associate-signup-content .section-associate > div > img {
    width: 6.0625rem;
    height: 6.0625rem;
  }

  .associate-signup-content .checkout-title-banner,
  .associate-signup-content .invite-banner-associate-signup {
    height: 17rem;
  }

  .associate-signup-content .no-sponsor img {
    margin-top: 0.4375rem;
  }

  .associate-signup-content .no-sponsor p {
    margin-top: 2.25rem;
  }

  .associate-signup-content .signup-container {
    margin-top: 0rem;
    padding-top: 0rem;
  }

  .associate-signup-content .signup-container .signup-components {
    padding-top: 0rem;
  }

  .associate-signup-content .signup-container .signup-components .form-group > form {
    margin-top: 1.5rem;
  }

  .associate-signup-content .signup-container .signup-components .form-group > form email-phone input {
    margin-bottom: 0rem;
  }

  .associate-signup-content .signup-container .signup-components .form-group > form .content-seperator {
    margin-top: 1.3125rem;
  }

  .associate-signup-content .signup-container .signup-components .form-group > form .form-group .btn-primary {
    margin-top: 0.625rem;
  }
}

@media (min-width: 360px) {
  .associate-signup-content .invite-banner-associate-signup.invite-banner-wrapper .invite-banner-text-section {
    display: table;
    margin: 0 auto;
    padding-top: 0.3125rem;
  }

  .associate-signup-content .invite-banner-associate-signup.invite-banner-wrapper .invite-banner-text-section h2.banner-text-associate-signup {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    min-height: 6.875rem;
    max-height: 6.875rem;
    height: 6.875rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .associate-signup-content .signup-components {
    margin-top: 0.813rem;
  }

  .associate-signup-content .signup-container {
    margin-top: 0;
    width: 100%;
  }

  .associate-signup-content .invite-banner-associate-signup {
    height: 8.5rem;
  }

  .associate-signup-content .invite-banner-associate-signup .section-associate {
    padding-top: 2.425rem;
  }

  .associate-signup-content .invite-banner-wrapper {
    height: 16.25rem;
  }

  .associate-signup-content .checkout-title-banner,
  .associate-signup-content .invite-banner-associate-signup {
    height: 17rem;
  }

  .associate-signup-content .signup-container {
    margin-top: 0rem;
    padding-top: 0rem;
  }

  .associate-signup-content .signup-container .signup-components {
    padding-top: 0rem;
  }

  .associate-signup-content .signup-container .signup-components .form-group > form {
    margin-top: 1.5rem;
  }

  .associate-signup-content .signup-container .signup-components .form-group > form email-phone input {
    margin-bottom: 0rem;
  }

  .associate-signup-content .signup-container .signup-components .form-group > form .content-seperator {
    margin-top: 1.3125rem;
  }

  .associate-signup-content .signup-container .signup-components .form-group > form .form-group .btn-primary {
    margin-top: 0.625rem;
  }

  .associate-signup-content .invite-banner-wrapper .banner-text-associate-signup {
    width: 20.75rem;
  }
}

@media (min-width: 768px) {
  .associate-signup-content .invite-banner-associate-signup.invite-banner-wrapper .invite-banner-text-section {
    width: 29rem;
  }

  .associate-signup-content .invite-banner-associate-signup.invite-banner-wrapper .invite-banner-text-section h2.banner-text-associate-signup {
    min-height: 6.75rem;
    max-height: 6.75rem;
    height: 6.75rem;
  }

  .associate-signup-content .invite-banner-wrapper .invite-banner-text-section.invite-banner-text-wrapper .banner-text-associate-signup {
    min-height: 6.5rem;
    max-height: 6.5rem;
    height: 6.5rem;
  }
}

@media (min-width: 1024px) {
  .associate-signup-content .invite-banner-associate-signup.invite-banner-wrapper {
    height: 22.6875rem;
  }

  .associate-signup-content .invite-banner-associate-signup.invite-banner-wrapper .invite-banner-text-section {
    width: 41.5rem;
    padding-top: 0;
    margin-top: -0.3125rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .associate-signup-content .signup-components {
    margin-top: 0.813rem;
  }

  .associate-signup-content .signup-components email-phone input {
    margin-bottom: 0;
  }

  .associate-signup-content .invite-banner-associate-signup {
    height: 16.375rem;
  }

  .associate-signup-content .invite-banner-associate-signup .section-associate {
    padding-top: 2.6062rem;
  }
}

@media screen and (min-width: 1440px) {
  .associate-signup-content .invite-banner-associate-signup .section-associate {
    padding-top: 2.7937rem;
  }
}

.associate-signup-password-content .banner-text {
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 1.25;
  color: #FFFFFF;
  margin-top: 0.8em;
  margin: 0 auto;
  width: 20.75rem;
}

.associate-signup-password-content .signup-container-associate-password {
  width: 41.500em;
  margin: auto;
  padding: 0.3125rem 7% 1rem;
  margin-top: -7.000em;
}

.associate-signup-password-content .banner-image {
  display: inline-block;
  width: 4.375em;
}

.associate-signup-password-content .signup-components-associate-password {
  width: 27.125em;
}

.associate-signup-password-content .invite-banner-associate-password {
  height: 16.375em;
}

.associate-signup-password-content .section-associate-password {
  display: table;
  width: 100%;
  padding-top: 2.875em;
}

.associate-signup-password-content .section-associate-password .header-content-wrapper {
  display: table-cell;
}

.associate-signup-password-content .section-associate-password .banner-text {
  padding-top: 3em;
}

.associate-signup-password-content .seperation-title {
  font-weight: 600;
}

.associate-signup-password-content .outer-image-wrapper {
  width: 7.8125rem;
  height: 7.8125rem;
  border-radius: 7.8125rem;
  background: rgba(254, 254, 254, 0.3);
  margin-right: 0;
  margin: 0 auto;
  vertical-align: middle;
}

.associate-signup-password-content .outer-image-wrapper .inner-image-wrapper {
  width: 6.5625rem;
  height: 6.5625rem;
  border-radius: 3.675rem;
  margin-top: .3375rem;
  background: rgba(255, 255, 255, 0.3);
  position: relative;
  top: 0.625rem;
  left: 0.625rem;
}

.associate-signup-password-content .outer-image-wrapper .inner-image-wrapper img {
  border-radius: 4.375rem;
  width: 5.25rem;
  height: 5.25rem;
  margin-top: 0.625rem;
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .associate-signup-password-content .invite-banner .section {
    padding-top: 0.625rem;
  }

  .associate-signup-password-content .banner-text {
    margin-top: 0.625rem;
  }

  .associate-signup-password-content .banner-image {
    vertical-align: bottom;
  }

  .associate-signup-password-content .invite-banner-associate-password {
    height: 18.25rem;
  }

  .associate-signup-password-content .signup-container-associate-password {
    width: 100%;
    margin: 0 auto auto auto;
    padding: 0.0625rem 4%;
  }

  .associate-signup-password-content .signup-components-associate-password {
    width: 100%;
    padding: 0 7%;
  }

  .associate-signup-password-content .outer-image-wrapper {
    vertical-align: top;
    margin-top: 2.25rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .associate-signup-password-content .signup-components-associate-password {
    margin-top: 0.813em;
    width: 27.125em;
  }

  .associate-signup-password-content .invite-banner-associate-password {
    height: 16.25rem;
  }

  .associate-signup-password-content .signup-container-associate-password {
    margin-top: 0;
    width: 100%;
  }

  .associate-signup-password-content .banner-text {
    margin-top: 0.625rem;
  }

  .associate-signup-password-content .invite-banner .section {
    padding-top: 1.375rem;
  }
}

@media (min-width: 1024px) {
  .associate-signup-password-content .invite-banner-associate-password {
    height: 22.6875rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .associate-signup-password-content .signup-components-associate-password {
    margin-top: 0.813em;
  }

  .associate-signup-password-content .section-associate-password {
    padding-top: 3.188em;
  }
}

.associate-login-section .inverse {
  color: #FFFFFF;
}

.associate-login-section .associate-header {
  position: relative;
  padding: 2em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.associate-login-section .policy-link {
  font-size: 0.8125rem;
  line-height: 1.4;
  color: #008AB0;
  font-weight: 600;
  margin-left: 0.31;
  line-height: 1.23;
  letter-spacing: 0.025rem;
  text-align: center;
}

.associate-login-section .section-heading {
  z-index: 1;
  text-align: center;
}

.associate-login-section .section-heading::before {
  border-top: 0.125rem solid #dedede;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 0.75rem;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.associate-login-section .section-heading span {
  background: #FFFFFF;
  padding: 0 2.5rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  color: #727272;
}

.associate-login-section .invite-popup-section {
  padding: 2.625rem 0;
}

.associate-login-section .invite-popup-section .modal-content {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/group-13@2x.png);
  background-size: contain;
  width: 29.75rem;
}

.associate-login-section .invite-popup-section .modal-content .modal-header {
  padding-bottom: 2.75rem;
}

.associate-login-section .invite-popup-section .modal-content .modal-header .cross-icon {
  width: 1.5625rem;
  padding: 1.5rem 1.125rem 1rem 0;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/cross-small-white.png) no-repeat right 0.675rem;
}

.associate-login-section .invite-popup-section .modal-content .modal-header .header-section {
  width: 14.75rem;
}

.associate-login-section .invite-popup-section .modal-content .modal-header .header-section .heading1 {
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1.27;
}

.associate-login-section .invite-popup-section .modal-content .modal-header .header-section .heading2 {
  padding-top: 1rem;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.2;
}

.associate-login-section .invite-popup-section .modal-body {
  background: #FFFFFF;
  padding: 1.6875rem 3.875rem 2.25rem;
}

.associate-login-section .invite-popup-section .modal-body .form-section input {
  margin-bottom: -0.25rem;
}

.associate-login-section .invite-popup-section .modal-body .form-section .form-heading {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.00625rem;
  color: #2D2D2D;
}

.associate-login-section .invite-popup-section .modal-body .form-section .error-tag {
  display: block;
  margin: 0.1875rem 0 -1.5625rem;
}

.associate-login-section .invite-popup-section .modal-body .form-section .email-validation label.form-label:first-child {
  display: none;
}

.associate-login-section .invite-popup-section .modal-body .form-section .email-validation div.error-block > div {
  margin: 0.1875rem 0 -1.5625rem;
}

.associate-login-section .associate-login-header-section {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/group-7@2x.png) no-repeat center;
}

.associate-login-section .associate-login-header-section .header-wrapper {
  margin-top: -0.625rem;
  width: 17.5rem;
}

.associate-login-section .associate-login-header-section .header-wrapper .heading-part-two .heading2,
.associate-login-section .associate-login-header-section .header-wrapper .heading-part-two .heading3 {
  width: 17.375rem;
}

.associate-login-section .associate-login-header-section .header-wrapper .heading-part-two .heading3 {
  margin-top: 0.875rem;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/group-5_2.png) no-repeat 1.25rem top;
}

.associate-login-section .associate-login-header-section .header-wrapper .heading-part-two .heading3 p {
  line-height: 1.2;
}

.associate-login-section .associate-login-header-section .heading1 {
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1.55;
}

.associate-login-section .associate-login-header-section .heading2 {
  font-size: 0.875rem;
  font-weight: normal;
}

.associate-login-section .associate-login-header-section .heading3 {
  margin-top: -0.3125rem;
  font-weight: normal;
  padding-left: 3.125rem;
}

.associate-login-section .associate-login-reminder-section,
.associate-login-section .associate-login-reminder-wrapper {
  background: #FFFFFF;
  padding: 1.625rem 0 1.625rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0.025rem;
  color: #008AB0;
}

.associate-login-section .associate-login-content {
  background: #FFFFFF;
}

.associate-login-section .associate-login-content .blank-section {
  padding-bottom: 6.25rem;
}

.associate-login-section .associate-login-content .load-more-section,
.associate-login-section .associate-login-content .review-section {
  line-height: 1.31;
  color: #008AB0;
  font-weight: 600;
  font-size: 0.813rem;
  letter-spacing: 0.4px;
  text-align: center;
  margin-bottom: 1.563rem;
}

.associate-login-section .associate-login-content .primary-login-display-section {
  margin: 1rem 0 0;
}

.associate-login-section .associate-login-content .primary-login-display-section .name-section {
  font-weight: 300;
  line-height: 1.8;
  color: #444444;
  font-size: 0.813rem;
  text-align: center;
}

.associate-login-section .associate-login-content .primary-login-display-section .name-section > :first-child {
  margin-bottom: 0.750rem;
  font-weight: 300;
}

.associate-login-section .associate-login-content .primary-login-display-section .brief-section {
  width: 18.75rem;
  max-width: 18.75rem;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.29;
  color: #4A4A4A;
  margin-bottom: 0.875rem;
}

.associate-login-section .associate-login-content .associate-login-display-section .profile-display {
  margin: 0 1.375rem 0.9rem 0;
  height: 6.625rem;
  width: 5.625rem;
  max-width: 5.625rem;
}

.associate-login-section .associate-login-content .associate-login-display-section .profile-display-last {
  margin-right: 0;
}

.associate-login-section .associate-login-content .associate-login-display-section .status-text {
  font-weight: 300;
  line-height: 1.85;
  color: #A7A7A7;
  margin-top: -0.4375rem;
}

.associate-login-section .associate-login-content .associate-login-display-section .action-link {
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.025rem;
  color: #008AB0;
  font-size: 0.813rem;
  text-align: center;
}

.associate-login-section .associate-login-content .associate-login-display-section .first-section {
  width: 5.375rem;
  margin-right: 1.5rem;
}

.associate-login-section .associate-login-content .associate-login-display-section .second-section {
  width: 5.5rem;
}

.associate-login-section .associate-login-content .associate-login-display-section {
  padding: 1.5625rem 3.75rem 0;
}

.associate-login-section .associate-login-content .associate-login-display-section .name-section {
  font-weight: 300;
  line-height: 1.8;
  color: #444444;
  font-size: 0.813rem;
  text-align: center;
  width: 5.813rem;
}

@media (max-width: 767px) {
  .associate-login-section .associate-login-content {
    border-bottom: solid 0.125rem #dedede;
    padding: 1.5625rem 1.5rem 0;
  }

  .associate-login-section .associate-login-content .associate-login-display-section {
    padding: 1rem 0 0;
    max-width: 13.125rem;
  }

  .associate-login-section .associate-login-content .brief-section {
    margin-bottom: 1rem;
  }

  .associate-login-section .associate-login-content .primary-login-display-section .review-section {
    margin-bottom: 1.4rem;
  }

  .associate-login-section .separator-section {
    border: solid 0.0625rem #dedede;
  }

  .associate-login-section .associate-login-header-section {
    min-height: 9.625rem;
    max-height: 9.625rem;
    height: 9.625rem;
  }

  .associate-login-section .associate-login-header-section .main-header-top-section {
    padding-top: 1.75rem;
  }

  .associate-login-section .associate-login-reminder-section {
    padding: 1.5rem 0;
  }

  .associate-login-section .invite-popup-section .modal-content {
    width: 20.50rem;
  }

  .associate-login-section .invite-popup-section .modal-content .modal-body {
    padding: 1.5625rem 1rem 1.375rem;
  }

  .associate-login-section .invite-popup-section .modal-content .modal-body .radio-button-group > div:first-child {
    margin-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  .associate-login-section .associate-login-header-section {
    background-size: cover;
  }

  .associate-login-section .associate-login-header-section .header-wrapper > [class^="heading-part-"] {
    width: 26.5rem;
    max-width: 26.5rem;
  }

  .associate-login-section .invite-popup-section .modal-content .modal-body .radio-button-group > div:first-child {
    margin-right: 1.875rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .associate-login-section .associate-login-content {
    border-bottom: solid 0.125rem #dedede;
    min-height: 18.75rem;
    padding: 1.625rem 10.4375rem 0rem;
  }

  .associate-login-section .associate-login-content .separator-section {
    border: solid 0.0625rem #dedede;
  }

  .associate-login-section .associate-login-content > div:first-child {
    max-width: 27.125rem;
  }

  .associate-login-section .associate-login-content .associate-login-display-section {
    padding: 1.5625rem 3.6rem 0;
  }

  .associate-login-section .associate-login-reminder-section,
  .associate-login-section .associate-login-reminder-wrapper {
    padding: 1.625rem 0 1.225rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .associate-login-section .associate-login-header-section {
    min-height: 8.4375rem;
    max-height: 8.4375rem;
    height: 8.4375rem;
  }
}

@media (min-width: 1024px) {
  .associate-login-section .associate-login-header-section {
    height: 16.3125rem;
  }

  .associate-login-section .associate-login-header-section .header-wrapper {
    width: 26.5rem;
    margin-top: 0.3125rem;
  }

  .associate-login-section .associate-login-header-section .header-wrapper .heading2 {
    margin-top: 0.3125rem;
  }

  .associate-login-section .associate-login-content {
    width: 41.5rem;
    min-width: 41.5rem;
    max-width: 41.5rem;
    padding: 2.3125rem 7.1875rem 1px;
    margin-top: -7.125rem;
  }

  .associate-login-section .associate-login-content .separator-section {
    border: solid 0.0625rem #dedede;
    margin: 0 -7.1875rem;
  }

  .associate-login-section .associate-login-content .primary-login-display-section {
    margin-bottom: 1.25rem;
  }

  .associate-login-section .associate-login-content .primary-login-display-section .review-section {
    margin-top: 0.25rem;
  }
}

.center-section {
  display: table;
  margin: 0 auto;
}

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

.individual-distributor-setup .invite-banner {
  height: 16.375em;
}

.individual-distributor-setup .invite-banner .section {
  padding-top: 3.125em;
}

.individual-distributor-setup h1 {
  font-size: 1.8125rem;
  font-weight: 300;
  text-transform: none;
}

.individual-distributor-setup button {
  font-size: 0.8125rem;
}

.individual-distributor-setup .select-wrapper::after {
  top: 40%;
  right: 0.8rem;
}

.individual-distributor-setup .ssn-zindex {
  z-index: 101;
  position: relative;
}

.individual-distributor-setup .sponsor-container {
  margin-top: -7.25em;
  padding: 0;
}

.individual-distributor-setup .sponsor-container .tab-content {
  padding: 2.25em 0em;
}

.individual-distributor-setup .sponsor-container .tab-content button {
  margin-top: 0;
}

.individual-distributor-setup .sponsor-container .tab-content button.btn-primary {
  background-color: #008AB0;
  color: #FFFFFF;
}

.individual-distributor-setup .sponsor-container .tab-content button.btn-primary-outline {
  background-color: transparent;
  color: #008AB0;
}

.individual-distributor-setup .sponsor-container .tab-content button.btn-primary-outline:hover {
  color: #008AB0;
}

.individual-distributor-setup .sponsor-container .tab-content div.ssn-container {
  z-index: 1;
}

.individual-distributor-setup .select-wrapper select.form-control {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.38;
}

.individual-distributor-setup .smallone {
  font-size: 0.8125rem;
  font-weight: 300;
  margin-bottom: 0px;
}

.individual-distributor-setup .smalltwo {
  font-weight: 400;
  font-size: 0.875rem;
  margin-bottom: .2rem;
}

.individual-distributor-setup .smalltwo + div label {
  margin-bottom: 0rem;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .individual-distributor-setup .sponsor-container .tab-content {
    width: 27.1875em;
  }

  .individual-distributor-setup .invite-banner {
    height: 15em;
  }

  .individual-distributor-setup .invite-banner .section {
    padding-top: 2.25em;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .individual-distributor-setup h1 {
    font-size: 1.5rem;
  }

  .individual-distributor-setup .sponsor-container .tab-content {
    width: 20.3125em;
  }

  .individual-distributor-setup .invite-banner {
    height: 16em;
  }

  .individual-distributor-setup .invite-banner .section {
    padding-top: 2.8125em;
  }
}

@media screen and (min-width: 320px) and (max-width: 359px) {
  .individual-distributor-setup .sponsor-container .tab-content {
    width: 90%;
  }
}

.reviewinfodistributor .invite-banner {
  height: 8.75em;
}

.reviewinfodistributor .invite-banner .imgwrapper {
  color: #FFFFFF;
}

.reviewinfodistributor .close {
  font-size: 1.125rem;
  background-size: cover;
}

.reviewinfodistributor .profile {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-profile-copy.png) no-repeat center;
  width: 45px;
  height: 45px;
  display: inline-block;
}

.reviewinfodistributor p.account-pending {
  font-size: 13px;
}

.reviewinfodistributor #accordion {
  width: 100%;
}

.reviewinfodistributor #accordion .inlineedit {
  height: 1.8em;
  cursor: pointer;
}

.reviewinfodistributor #accordion .form-group {
  margin-bottom: 12px;
}

.reviewinfodistributor .review-info {
  width: 33.875em;
  margin: 0 auto;
}

.reviewinfodistributor .review-info h1 {
  font-size: 1.8125rem;
  font-weight: 300;
}

.reviewinfodistributor #accordionform {
  padding: 0;
}

.reviewinfodistributor #accordionform .panel:last-of-type {
  margin-bottom: 0;
}

@media screen and (min-width: 320px) and (max-width: 359px) {
  .reviewinfodistributor .review-info {
    width: 90%;
  }

  .reviewinfodistributor .review-info .distributor-notification {
    padding: 0.25rem 1rem;
  }

  .reviewinfodistributor .btn-primary {
    width: 100%;
  }

  .reviewinfodistributor .review-info-container {
    padding-bottom: 5.6em;
  }
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .reviewinfodistributor .review-info {
    width: 20.75em;
  }

  .reviewinfodistributor .btn-primary {
    width: 100%;
  }

  .reviewinfodistributor .review-info-container {
    padding-bottom: 5.6em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .reviewinfodistributor .review-info-container {
    padding-bottom: 6.8em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .reviewinfodistributor .review-info-container {
    padding-bottom: 6.4em;
  }
}

@media screen and (min-width: 1440px) {
  .reviewinfodistributor .review-info-container {
    padding-bottom: 9.5em;
  }
}

.btn {
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.9rem 1.625rem 0.85rem;
  font-size: 0.8125rem;
  line-height: 1.2;
  border-radius: 0.1875rem;
  letter-spacing: 1px;
  margin-bottom: 1em;
  transition: all .2s linear;
  white-space: normal;
}

.btn:focus,
.btn:active:focus {
  outline: 0;
}

.btn.btn-link {
  padding: 0.5em;
  text-transform: none;
  font-weight: 300;
  letter-spacing: 0;
}

.btn.btn-default {
  color: white;
  background: #008AB0;
}

.btn.btn-secondary {
  color: #727272;
  border-color: #727272;
}

.btn.btn-tertiary-outline {
  background: none;
  color: black;
  border-color: black;
}

.btn.reverse {
  color: white;
  border-color: white;
}

.btn.facebook {
  color: white;
  background: #3C5A99;
}

.btn.instagram {
  color: white;
  background: #2E587F;
}

.btn.twitter {
  color: white;
  background: #4685B9;
}

.btn.linked-in {
  color: white;
  background: #15548B;
}

.btn.amazon {
  color: white;
  background: #DE9823;
}

.btn.google {
  color: white;
  background: #BC3A2D;
}

.btn.btn-primary.play {
  padding: 0;
  width: 0;
  height: 0;
}

.btn.btn-primary.play span {
  display: none;
}

.bg-floral {
  background-size: 100%;
  padding-bottom: 6em;
}

@media (min-width: 1024px) {
  .bg-floral {
    background-size: 70%;
  }
}

.sign-up-header {
  min-height: 265px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/prism-banner.jpg) no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 0;
}

.sign-up-header h2 {
  margin: 0.5em 1em 4em;
}

.avatar-sponsor {
  border-radius: 50%;
  margin-bottom: 1em;
}

.avatar-sponsor img {
  position: relative;
  border-radius: 50%;
  z-index: 10;
}

.profile-name {
  font-weight: 600;
  margin: .5em 0 0;
}

.profile-location {
  margin: 0;
}

.btn-primary {
  width: 100%;
  background-color: #008AB0;
  color: #FFFFFF;
}

#create-account {
  margin-top: 2.25rem;
  opacity: 1;
  display: block;
  max-height: 30em;
  overflow: hidden;
  transition: all 1s cubic-bezier(0.16, 1.32, 0.91, 1.26);
}

#create-account.ng-hide {
  max-height: 0;
  opacity: 0;
}

.sponsor-header + .container {
  margin-top: -5em;
}

.customer-header + .container {
  margin-top: -4em;
}

@media (min-width: 1440px) {
  .customer-header + .container {
    margin-top: -3.5em;
  }
}

.ripple {
  position: relative;
  width: 100px;
  height: 100px;
}

.circle {
  position: absolute;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  transform-origin: 50% 50%;
}

.circle:nth-child(1) {
  border: 10px solid rgba(255, 255, 255, 0.4);
  animation: wave 1.5s 1 0.5s cubic-bezier(0.44, 0.56, 0.52, 1.29);
  animation-fill-mode: both;
}

.circle:nth-child(2) {
  border: 10px solid rgba(255, 255, 255, 0.2);
  animation: wave-2 2.5s 1 cubic-bezier(0.66, 0.61, 0.67, 1.14);
  animation-fill-mode: both;
}

/* stays on full alpha from 50 to 75 */

@keyframes wave {
  0% {
    transform: scale(0);
    opacity: 0.0;
  }

  25% {
    opacity: 0.0;
  }

  50% {
    opacity: 1.0;
  }

  75% {
    opacity: 1.0;
  }

  100% {
    transform: scale(1.2);
    opacity: 1.0;
  }
}

@keyframes wave-2 {
  0% {
    transform: scale(0);
    opacity: 0.0;
  }

  25% {
    opacity: 0.0;
  }

  50% {
    opacity: 1.0;
  }

  75% {
    opacity: 1.0;
  }

  100% {
    transform: scale(1.35);
    opacity: 1.0;
  }
}

.card {
  background: #fff;
  padding: 1em;
}

.card input[disabled] {
  background: none;
  border: none;
  padding: 0;
}

.content {
  background: #F7F7F7;
}

.invite-banner {
  height: 292px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/prism-bg-lg@2x.png) center no-repeat;
  text-align: center;
}

.invite-banner .section {
  padding-top: 40px;
}

.invite-banner .distributor-avatar {
  width: 125px;
}

.invite-banner .banner-title h2 {
  color: #FFFFFF;
}

.text-link {
  font-size: 1.06rem;
  font-weight: 600;
  line-height: 1.3;
}

.signup-components {
  width: 275px;
  margin: auto;
}

.signup-container {
  background-color: white;
  padding: 9% 12%;
  padding-bottom: 2.313em;
}

.sponsor-background {
  width: 100%;
  height: 160px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/bottom-pattern@2x.png) left no-repeat;
  text-align: center;
}

@media screen and (max-width: 375px) {
  .signup-container {
    width: 100%;
    margin: auto;
    padding: 6% 6%;
    padding-bottom: 2.313em;
  }
}

@media screen and (min-width: 641px) {
  .signup-components {
    width: 360px;
  }
}

@media screen and (min-width: 376px) and (max-width: 768px) {
  .invite-banner {
    height: 240px;
  }

  .invite-banner .section {
    padding-top: 22px;
  }
}

@media screen and (min-width: 769px) {
  .invite-banner {
    height: 363px;
  }

  .invite-banner .section {
    padding-top: 22px;
  }

  .content-background {
    background-color: #A7A7A7;
  }

  .signup-container {
    width: 542px;
    margin: auto;
    margin-top: -112px;
    padding: 5% 4%;
    padding-bottom: 2.313em;
  }

  .sponsor-background {
    width: 542px;
    margin: auto;
  }
}

.joinwithdifferentsponsor {
  color: #008AB0;
}

.sponsor-link {
  font-family: ProximaNova-Light;
  font-size: 16px;
  line-height: 1.4;
  color: #008AB0;
}

.signupformsocial .form-group {
  margin-bottom: 1.875em;
}

.account-linking .form-group label {
  opacity: 0.8;
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1.57;
  letter-spacing: -0.1px;
  color: #2D2D2D;
}

.account-linking .form-group .rememberme {
  font-size: 14px;
  font-weight: 300;
  color: #777676;
}

.account-linking .sign-up-header-linking {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/prism-banner.jpg) no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0 0 0;
}

.account-linking .align-right {
  float: right;
}

.account-linking .bg-image {
  height: 16.375em;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/prism-bg-lg@2x.png) center no-repeat;
}

.account-linking .full-width {
  width: 100%;
}

.account-linking .complete-account {
  /*width: 10em;
	    height: 2em;
	    ;*/
  font-size: 1.81rem;
  font-weight: 300;
  line-height: 1.07;
  color: #FFFFFF;
}

.account-linking .account-container {
  background: #FFFFFF;
  width: 100%;
  margin: 0 auto;
}

.account-linking .account-container .form-group .continue-without-facebook {
  margin-bottom: 2.318em;
}

.account-linking .account-container .linking-components {
  margin: auto;
}

.account-linking .account-container .linking-components .text-box1 {
  width: 20.25em;
}

.account-linking .account-container .linking-components .text-box1 p {
  width: 20.25em;
  height: 1.75em;
  color: #444444;
  font-size: 1.5em;
  font-weight: 100;
  line-height: 1.17;
}

.account-linking .account-container .linking-components .text-box2 {
  width: 20.25em;
}

.account-linking .account-container .linking-components .text-box2 p {
  width: 20.25em;
  height: 1.375em;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.38;
  color: #4A4A4A;
}

.account-linking .account-container .linking-components .username-email {
  margin-top: 2em;
}

.account-linking .account-container .linking-components .username-email .username-title {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  width: 17.25;
  height: 1.375em;
  opacity: 0.8;
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1.57;
  letter-spacing: -0.1px;
  color: #2D2D2D;
}

.account-linking .account-container .linking-components .username-email .display-email {
  margin-top: 0px;
  padding-top: 0px;
  width: 18.925em;
  height: 1.375em;
  font-size: 0.875em;
  font-weight: 600;
  line-height: 1.57;
}

.account-linking .account-container-unlinked {
  background: #FFFFFF;
  width: 100%;
  margin: 0 auto;
}

.account-linking .account-container-unlinked .form-group .continue-without-facebook {
  margin-bottom: 2.3187em;
}

.account-linking .account-container-unlinked .linking-components {
  margin: auto;
}

.account-linking .account-container-unlinked .linking-components .login-block {
  display: block;
  padding-top: 2.2937em;
  font-size: 11px;
  font-weight: 600;
  margin-left: -1.25em;
  line-height: 1;
  color: #008AB0;
}

.account-linking .account-container-unlinked .linking-components .login-block .arrow-block {
  display: inline-block;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-left-copy-blue.png) no-repeat left center;
  width: 5px;
  height: 10px;
  margin-left: -8px;
}

.account-linking .account-container-unlinked .linking-components .login-block span {
  display: inline-block;
  margin-left: 10px;
}

.account-linking .account-container-unlinked .linking-components .linking-section {
  margin-top: 3.2937em;
}

.account-linking .account-container-unlinked .linking-components .message-box-1 {
  width: 27.125em;
  margin-top: 1.525em;
}

.account-linking .account-container-unlinked .linking-components .message-box-1 p {
  width: 27.125em;
  height: 2.75em;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.38;
  color: #4A4A4A;
}

.account-linking .account-container-unlinked .linking-components .message-box-2 {
  width: 27.125em;
  margin-top: 9px;
}

.account-linking .account-container-unlinked .linking-components .message-box-2 p {
  width: 24.6625em;
  height: 1.25em;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.54;
  color: #4A4A4A;
}

.account-linking .account-container-unlinked .linking-components .message-box-3 {
  width: 17.25em;
  margin-top: 2.0625em;
}

.account-linking .account-container-unlinked .linking-components .message-box-3 p {
  width: 17.25em;
  height: 1.375em;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.38;
  color: #4A4A4A;
}

.account-linking .topbanner {
  background-color: #6BC56A;
  width: 100%;
  height: 2.75em;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.4;
  color: #FFFFFF;
  padding: .5em;
  margin-bottom: 2em;
  text-align: center;
}

.account-linking .imgwrapper {
  margin-top: 2.112em;
  text-align: center;
}

.account-linking .imgwrapper .avatar-block {
  width: 3.75em;
  height: 3.75em;
  margin: auto;
}

.account-linking .imgwrapper p {
  font-size: 1.0625em;
  margin-top: 4px;
}

.account-linking .sign-up-header-linking {
  align-items: initial;
}

.account-linking .sign-up-header-linking .login-block {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-left-copy.png) no-repeat left center;
  position: absolute;
  margin-top: 2.30625em;
  margin-left: 3.90em;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
}

.account-linking .form-group {
  margin-bottom: 1.25em;
}

.account-linking .email-pic {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/email-pic.png) center no-repeat;
}

.account-linking .gray-lighter {
  color: #D1D1D1;
  font-size: 0.875em !important;
}

.account-linking .error-block {
  color: #D0021B;
  font-size: 1em;
}

@media screen and (min-width: 1024px) {
  .account-linking .sign-up-header-linking {
    min-height: 16.375em;
  }

  .account-linking .account-container {
    padding-top: 0;
    width: 41.5em;
    margin: 0 auto;
    margin-top: -7.125em;
  }

  .account-linking .account-container-unlinked {
    padding-top: 0;
    width: 41.5em;
    margin: 0 auto;
    margin-top: 2.25em;
  }

  .account-linking .linking-components .text-box1 {
    padding-top: 2.25em;
  }

  .account-linking .last-block-unlinked {
    margin-bottom: 2.25em;
  }

  .account-linking .last-block-linked {
    margin-bottom: 2.25em;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .account-linking .sign-up-header-linking {
    min-height: 7.75em;
  }

  .account-linking .linking-components .text-box1 {
    padding-top: 1.5625em;
  }
}

@media screen and (max-width: 767px) {
  .account-linking .sign-up-header-linking {
    min-height: 8.3125em;
  }

  .account-linking .linking-components {
    width: 20.25em;
  }

  .account-linking .linking-components .text-box1 {
    padding-top: 2em;
  }

  .account-linking .account-container-unlinked .linking-components .linking-section {
    margin-top: 2em;
  }

  .account-linking .account-container-unlinked .linking-components .message-box-1 {
    width: 19.0625em;
    height: 2.75em;
  }

  .account-linking .account-container-unlinked .linking-components .message-box-1 p {
    width: 19.0625em;
    height: 2.75em;
  }

  .account-linking .account-container-unlinked .linking-components .message-box-2 {
    width: 19.0625em;
    height: 2.5em;
  }

  .account-linking .account-container-unlinked .linking-components .message-box-2 p {
    width: 19.0625em;
    height: 2.5em;
  }
}

@media screen and (min-width: 768px) {
  .account-linking .linking-components {
    width: 27.125em;
  }
}

@media screen and (max-width: 1023px) {
  .account-linking .account-container-unlinked .linking-components .login-block {
    margin-top: 1.5262em;
  }

  .account-linking .last-block-unlinked {
    margin-bottom: 4.4375em;
  }

  .account-linking .last-block-linked {
    margin-bottom: 4.4375em;
  }

  .account-linking .imgwrapper {
    margin-top: 1.406em;
  }
}

.fullWidth {
  width: 100%;
}

.hide {
  display: none;
}

.pointer {
  cursor: pointer;
}

.relative {
  position: relative;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.checkout-title-container .content {
  padding-bottom: 1.25rem;
}

.checkout-title-container .error-wrapper button.cross {
  top: 0.5em;
  width: 2em;
  height: 2em;
}

.checkout-title-container div.section {
  height: auto;
  max-height: 16.25rem;
}

.checkout-title-container .steps {
  height: 3.75rem;
  background-color: rgba(255, 255, 255, 0.34);
}

.checkout-title-container .steps .actionMenu > div {
  margin: 0.625rem 1.5625rem 0 0;
  width: 2.25rem;
  height: 2.25rem;
  background-color: #008AB0;
  border-radius: 1.25rem;
  padding: 0.1875rem 0;
}

.checkout-title-container .steps .actionMenu > div.active {
  background-color: #1CD8D2;
  border: 0.0625rem solid #FFFFFF;
}

.checkout-title-container .step-indicator {
  height: 2rem;
  background-color: #1CD8D2;
  box-shadow: 0 -0.0625rem 0.3125rem 0 rgba(0, 102, 131, 0.2);
  border: solid 0.0625rem #FFFFFF;
}

.checkout-container small {
  font-weight: 600;
}

.checkout-container h1 {
  font-size: 1.875em;
}

.checkout-container h5 {
  font-size: 0.813rem;
}

.checkout-container .radio-custom {
  border: none;
  text-align: left;
}

.checkout-container .radio-custom input[type="radio"] + label {
  text-transform: none;
  font-size: 1.5rem;
  color: #444444;
  font-weight: 100;
  transition: background-color .2s;
  padding: 0.2rem 0.5rem 0rem 1.5rem;
  display: block;
}

.checkout-container .radio-custom input[type="radio"]:checked + label {
  background: none;
}

.checkout-container .customer-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/customer-icon.svg) no-repeat left center;
  display: table;
  margin: 0 auto;
  padding-left: 3em;
}

.checkout-container .distributor-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/distributor-icon.svg) no-repeat left center;
  display: table;
  margin: 0 auto;
  padding-left: 3em;
}

.checkout-container .customer-preference {
  border-top: solid 1px #979797;
}

.checkout-container .btn-primary-outline {
  color: #008AB0;
}

.checkout-container .content-list-wrapper {
  width: 20.313em;
  margin: 0 auto;
}

.checkout-container .link-content {
  width: 14.188em;
  margin: 0 auto;
}

.checkout-container .invite-content {
  width: 10.844em;
  margin: auto;
}

.checkout-container .invite-type-wrapper,
.checkout-container .invite-link-wrapper,
.checkout-container .market-preference-wrapper {
  width: 20.313em;
  margin: 0 auto;
}

.checkout-container .faded-text {
  color: #cccccc;
  font-size: 0.750em;
  font-weight: 400;
}

.checkout-container .user-link-container {
  width: 28.125rem;
  padding-right: 0.9375rem;
}

.checkout-container .user-link-container p {
  font-size: 0.813rem;
  color: #727272;
  font-weight: 400;
}

.checkout-container .user-link-container .copy-btn {
  width: auto;
  float: left;
  margin-left: 1rem;
  padding-bottom: 0.6875rem;
}

.checkout-container .blur-field {
  opacity: 0.4;
}

.checkout-container .user-link {
  font-size: 0.875rem;
  font-weight: 400;
  color: #2D2D2D;
  border: 1px solid #D1D1D1;
  vertical-align: middle;
  line-height: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 18.125rem;
  float: left;
  padding: 0.875rem 0.75rem 0.75rem 0.75rem;
}

.checkout-container .content-tips {
  font-size: 0.813rem;
  color: #727272;
  font-weight: 300;
}

.checkout-container .content-tips-header {
  font-size: 0.813rem;
  color: #727272;
  font-weight: 400;
}

.checkout-container .content-tips-text {
  margin-left: 3em;
}

.checkout-container .active-customer {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/customer-icon-active.png) no-repeat left center;
  display: table;
  margin: 0 auto;
  padding-left: 3em;
}

.checkout-container .active-distributor {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/distributor-icon-active.png) no-repeat left center;
  display: table;
  margin: 0 auto;
  padding-left: 3em;
}

.checkout-container .card-content {
  font-size: 0.813rem;
  font-weight: 300;
  color: #444444;
  text-align: center;
  padding: 0 3.875em;
}

.checkout-container .card-content-text {
  font-size: 0.813rem;
  font-weight: 300;
  color: #444444;
  text-align: left;
  margin-left: 0.625em;
}

.checkout-container .customer-options {
  padding: 0 2.688em;
}

.checkout-container .card-heading {
  font-size: 1.5rem;
  color: #444444;
  font-weight: 100;
}

.checkout-container .email-section {
  height: 2.25em;
  font-size: 0.813rem;
  font-weight: 300;
  line-height: 1.38;
  color: #727272;
  text-align: left;
}

.checkout-container .content-image {
  width: 2em;
  height: 1.9em;
  object-fit: contain;
  float: left;
  margin-right: 1em;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.checkout-container .text-white {
  color: #FFFFFF;
}

.checkout-container .text-small {
  font-size: 0.688em;
  font-weight: 600;
}

.checkout-container .text-gray-dull {
  color: #F2F2F2;
}

.checkout-container .navigate-back {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-left-copy.png) no-repeat left center;
}

.checkout-container .logo-header {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/nuskin-fountain-mark.png) no-repeat center 0;
  margin-top: 0px;
  padding-top: 2.5em;
}

.checkout-container .signupType-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/page-icon.svg) #008AB0 no-repeat center center;
}

.checkout-container .signupType-logo-active {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/page-icon.svg) #1CD8D2 no-repeat center center;
}

.checkout-container .signupType-logo-done {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/c-h-e-c-k-e-d-2.png) no-repeat center center, url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/page-icon.svg) no-repeat center center;
}

.checkout-container .inviteLink-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/link-icon.svg) #008AB0 no-repeat center center;
}

.checkout-container .inviteLink-logo-active {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/link-icon.svg) #1CD8D2 no-repeat center center;
}

.checkout-container .inviteLink-logo-done {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/c-h-e-c-k-e-d-2.png) no-repeat center center, url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/link-icon.svg) no-repeat center center;
}

.checkout-container .market-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icn-market.svg) #008AB0 no-repeat center center;
}

.checkout-container .market-logo-active {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icn-market.svg) #1CD8D2 no-repeat center center;
}

.checkout-container .market-logo-done {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/c-h-e-c-k-e-d-2.png) no-repeat center center, url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icn-market.svg) no-repeat center center;
}

.checkout-container .label-section {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 0.92;
}

.checkout-container .m-b-0_5 {
  margin-bottom: .5rem;
}

.checkout-container .m-t-0_5 {
  margin-top: .5rem !important;
}

.checkout-container .section-margin {
  margin-top: 2em;
}

.checkout-container .color-aqua {
  color: #1CD8D2;
}

.checkout-container .displayTable {
  display: table;
}

.checkout-container .backgroundWhite {
  background: #FFFFFF;
}

.checkout-container .m-r-5px {
  margin-right: 0.3125rem;
}

.checkout-container .customer-card {
  width: 20.313em;
  margin: 0 auto;
  border: solid 1px #EAEAEA;
}

.checkout-container .customer-content-wrapper {
  padding: 0 2.688em;
  text-align: left;
}

.checkout-container .hide-customer-option {
  overflow: hidden;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.checkout-container .show-customer-option {
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  max-height: 62.5rem;
  overflow: hidden;
}

.checkout-container .distributor-active {
  border: solid 1px #1CD8D2;
}

.checkout-container .email-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/email-blue-outline.png) no-repeat center center;
}

.checkout-container .copy-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/copy-icon.png) no-repeat center center;
}

.checkout-container .message-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/message-icon.png) no-repeat center center;
}

.checkout-container button:hover {
  color: #FFFFFF;
}

.checkout-container .market-preference-wrapper form label {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.57;
  letter-spacing: -0.1px;
  color: #2D2D2D;
  opacity: 0.8;
}

.checkout-container .market-preference-wrapper form .form-group {
  margin-bottom: 1rem;
}

.checkout-container .market-preference-wrapper > .section-margin {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .checkout-container .invite-type-wrapper,
  .checkout-container .invite-link-wrapper,
  .checkout-container .market-preference-wrapper {
    width: 27.125em;
  }

  .checkout-container .customer-card {
    width: 27.125em;
  }

  .checkout-container .card-content {
    padding: 0 6.313em;
  }

  .checkout-container .customer-content-wrapper {
    padding: 0 3.188em;
  }

  .checkout-container .customer-options {
    padding: 0 3.188em;
  }
}

.top-section {
  margin-top: 1.375rem;
}

@media all and (min-width: 320px) and (max-width: 767px) {
  .checkout-container .user-link-container {
    width: 100%;
    padding-right: 0px;
  }

  .checkout-container .user-link-container .copy-btn {
    float: none;
    margin: 0.9375rem auto 0rem auto;
  }

  .checkout-container .user-link-container .pointer {
    overflow: hidden;
  }

  .checkout-container .user-link-container .user-link {
    width: 100%;
  }
}

@media all and (min-width: 320px) and (max-width: 359px) {
  .checkout-container .customer-card {
    width: 100%;
  }

  .checkout-container .invite-type-wrapper,
  .checkout-container .invite-link-wrapper,
  .checkout-container .market-preference-wrapper {
    width: 90%;
  }
}

.landing-page-customer .landing-page-customer-banner {
  background-color: #F7F7F7;
  background-repeat: no-repeat;
  height: 35.625rem;
  color: #FFFFFF;
  background-size: cover;
  background-position: 50%;
}

.landing-page-customer .landing-page-customer-banner h1 {
  color: #FFFFFF;
  font-size: 3.75rem;
}

.landing-page-customer .landing-page-customer-banner p {
  width: 21.5rem;
  margin-bottom: 1.25rem;
}

.landing-page-customer .landing-page-customer-banner a {
  font-size: 0.8125rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #FFFFFF;
}

.landing-page-customer .landing-page-customer-banner .landing-page-customer-banner-overlay {
  background-image: linear-gradient(to top, #1CD8C1, #0078B0);
  opacity: 0.5;
  position: absolute;
  width: 100%;
  height: 35.625rem;
}

.landing-page-customer .landing-page-customer-banner .landing-page-customer-banner-text {
  padding: 10.875rem 0 0 10rem;
  position: absolute;
}

.landing-page-customer .reasons-to-create {
  width: 55.625rem;
  height: 20.875rem;
  background-color: #FFFFFF;
  margin: -4.625rem auto 0;
  padding: 2.5rem 5.125rem 0;
  margin-bottom: 4.625rem;
  position: relative;
}

.landing-page-customer .reasons-to-create .reason-header {
  padding-bottom: 4rem;
}

.landing-page-customer .reasons-to-create .reason-header p {
  font-size: 0.875rem;
}

.landing-page-customer .reasons-to-create .reason-header h3 {
  margin-bottom: 0.3125rem;
}

.landing-page-customer .reasons-to-create .reasons-tile {
  padding-bottom: 0.75rem;
  float: left;
}

.landing-page-customer .reasons-to-create .reasons-tile i {
  width: 3.125rem;
  height: 3.4375rem;
  display: block;
  margin: 0 auto;
  background-position: center;
}

.landing-page-customer .reasons-to-create .reasons-tile i.ic-clock {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-clock.svg);
  background-repeat: no-repeat;
}

.landing-page-customer .reasons-to-create .reasons-tile i.ic-track {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-track.svg);
  background-repeat: no-repeat;
}

.landing-page-customer .reasons-to-create .reasons-tile i.ic-review {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-review.svg);
  background-repeat: no-repeat;
}

.landing-page-customer .reasons-to-create .reasons-tile i.ic-recommend {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-recommend.svg);
  background-repeat: no-repeat;
}

.landing-page-customer .reasons-to-create .reasons-tile p.small {
  font-weight: 300;
  color: #727272;
  padding-top: 0.8125rem;
}

.landing-page-customer .reasons-to-create .reasons-tile-m-l {
  margin-left: 4.875rem;
}

.landing-page-customer .separator-category {
  padding-top: 7.9375rem;
  background: #FFFFFF;
}

.landing-page-customer .category-details {
  background: #FFFFFF;
  padding: 0 3rem;
}

.landing-page-customer .category-details:after {
  content: '';
  display: block;
  padding-bottom: 7.9375rem;
}

.landing-page-customer .category-details .category-text {
  text-align: center;
  padding-left: 0rem;
  color: #444444;
}

.landing-page-customer .category-details .category-text label {
  font-size: 1.375rem;
  font-weight: 100;
  margin-bottom: 0;
}

.landing-page-customer .category-details .category-item {
  cursor: pointer;
}

.landing-page-customer .category-details .category-image {
  padding-left: 0rem;
  padding-top: 3rem;
  padding-bottom: 0;
  width: 21.5rem;
  height: 19.5rem;
  margin: 0 auto;
  text-align: center;
}

.landing-page-customer .category-details p {
  font-size: 0.875rem;
}

.landing-page-customer .sign-up-today-banner {
  position: relative;
  height: 35.625rem;
  width: 100%;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: left center;
  overflow: hidden;
}

.landing-page-customer .sign-up-today-banner .sign-up-today-banner-overlay {
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  width: 55.625rem;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 14.0625rem;
  padding-right: 14.3125rem;
  padding-top: 9.6875rem;
}

.landing-page-customer .sign-up-today-banner h1 {
  font-size: 3rem;
  font-weight: 100;
  color: #FFFFFF;
}

.landing-page-customer .sign-up-today-banner span {
  font-size: 0.875rem;
  color: #FFFFFF;
}

.landing-page-customer .opportunity {
  background-color: #FFFFFF;
}

.landing-page-customer .opportunity .opportunity-overlay {
  margin: 0 auto;
  padding-top: 7.5rem;
  width: 55.625rem;
  padding-bottom: 9.125rem;
}

.landing-page-customer .opportunity .opportunity-overlay h3 {
  margin-bottom: 0.5rem;
}

.landing-page-customer .opportunity .opportunity-overlay p {
  margin: 0 auto;
  width: 29rem;
}

.landing-page-customer .opportunity .opportunity-overlay .learn-more {
  margin-top: 2.5rem;
  box-shadow: 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.09);
  height: 100%;
  display: flex;
  align-items: center;
}

.landing-page-customer .opportunity .opportunity-overlay .learn-more .left-panel {
  width: 22.75rem;
  height: 100%;
}

.landing-page-customer .opportunity .opportunity-overlay .learn-more .right-panel {
  display: flex;
  flex-direction: column;
  width: 32.875rem;
  height: 100%;
  padding: 0 5.625rem 0 6.875rem;
}

.landing-page-customer .opportunity .opportunity-overlay .learn-more .right-panel em.quotes {
  width: 2.875rem;
  height: 2.625rem;
  opacity: 0.07;
  font-size: 6.25rem;
  font-weight: 300;
  font-style: normal;
  line-height: 1.18;
  color: #2D2D2D;
  display: inline-block;
}

.landing-page-customer .opportunity .opportunity-overlay .learn-more .right-panel i.quotes-text {
  font-size: 1.625rem;
  font-weight: 300;
  line-height: 1.23;
  display: inline-block;
  color: #727272;
  padding-left: 2.25rem;
  margin-top: -0.375rem;
}

.landing-page-customer .opportunity .opportunity-overlay .learn-more .right-panel p {
  color: #2D2D2D;
  width: 100%;
  padding-left: 2.25rem;
}

.landing-page-customer .need-a-login span {
  line-height: 1.43;
  display: block;
}

.landing-page-customer .need-a-login a {
  line-height: 1.38;
  font-weight: 600;
  cursor: pointer;
}

@media screen and (max-width: 359px) {
  .landing-page-customer .landing-page-customer-banner {
    height: 23.625rem;
  }

  .landing-page-customer .landing-page-customer-banner .landing-page-customer-banner-overlay {
    height: 20rem;
  }

  .landing-page-customer .landing-page-customer-banner .landing-page-customer-banner-text {
    padding: 3.625rem 1.5rem 0 1.5rem;
  }

  .landing-page-customer .landing-page-customer-banner h1 {
    line-height: normal;
    font-size: 2.25rem;
  }

  .landing-page-customer .landing-page-customer-banner p {
    width: 100%;
  }

  .landing-page-customer .reasons-to-create {
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
    margin: -4.625rem auto 0;
    padding: 1rem 1rem 0;
    position: relative;
  }

  .landing-page-customer .reasons-to-create .reason-header {
    padding-bottom: 2.25rem;
  }

  .landing-page-customer .reasons-to-create .reason-header h3 {
    font-size: 1.125rem;
  }

  .landing-page-customer .reasons-to-create .reasons-tile {
    height: 10rem;
    float: none;
    margin: 0px auto;
  }

  .landing-page-customer .reasons-to-create .reasons-tile-m-l {
    margin-left: auto;
  }

  .landing-page-customer .separator-category {
    padding-top: 0rem;
  }

  .landing-page-customer .opportunity {
    background-color: #FFFFFF;
  }

  .landing-page-customer .opportunity .opportunity-overlay {
    padding: 3% 3%;
    width: 100%;
  }

  .landing-page-customer .opportunity .opportunity-overlay p {
    width: 100%;
  }

  .landing-page-customer .opportunity .opportunity-overlay .learn-more .video-parent {
    height: 100%;
  }

  .landing-page-customer .opportunity .opportunity-overlay .learn-more .left-panel {
    display: none;
  }

  .landing-page-customer .opportunity .opportunity-overlay .learn-more .right-panel {
    float: none;
    width: 100%;
    height: 100%;
    padding: .75em;
    font-size: 80%;
  }

  .landing-page-customer .opportunity .opportunity-overlay .learn-more .right-panel i.quotes-text {
    padding-left: 2rem;
    margin-top: -1.4rem;
  }

  .landing-page-customer .sign-up-today-banner {
    height: 14.625rem;
  }

  .landing-page-customer .sign-up-today-banner h1 {
    font-size: 2em;
  }

  .landing-page-customer .sign-up-today-banner .sign-up-today-banner-overlay {
    padding-top: 0;
    background-size: 100% 100%;
    position: relative;
    width: 100%;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    padding-top: 0.5rem;
  }
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .landing-page-customer .landing-page-customer-banner {
    height: 20rem;
    background-size: cover;
  }

  .landing-page-customer .landing-page-customer-banner h1 {
    font-size: 2.25rem;
  }

  .landing-page-customer .landing-page-customer-banner p {
    width: 13.75rem;
    margin-bottom: 1.5rem;
    font-size: 0.8125rem;
  }

  .landing-page-customer .landing-page-customer-banner .landing-page-customer-banner-overlay {
    height: 20rem;
  }

  .landing-page-customer .landing-page-customer-banner .landing-page-customer-banner-text {
    padding: 4.625rem 0 0 1.5rem;
  }

  .landing-page-customer .reasons-to-create {
    width: 100%;
    padding: 3.5rem 2.2rem 0rem;
    height: 30rem;
    margin: 0;
  }

  .landing-page-customer .reasons-to-create .reason-header {
    padding-bottom: 2.25rem;
  }

  .landing-page-customer .reasons-to-create .reason-header h3 {
    font-size: 1.125rem;
  }

  .landing-page-customer .reasons-to-create .reasons-tile {
    height: 10rem;
  }

  .landing-page-customer .reasons-to-create .reasons-tile-m-l {
    margin-left: 0;
  }

  .landing-page-customer .separator-category {
    padding-top: 0rem;
  }

  .landing-page-customer .category-details {
    padding: 0rem 0 0rem;
  }

  .landing-page-customer .category-details:after {
    padding-bottom: 3.375rem;
  }

  .landing-page-customer .category-details h3 {
    font-size: 1.125rem;
  }

  .landing-page-customer .category-details p {
    width: 15.125rem;
    margin: 0 auto;
  }

  .landing-page-customer .category-details .category-image {
    width: 100%;
    height: 11rem;
    padding: 2rem 0 0;
  }

  .landing-page-customer .opportunity .opportunity-overlay {
    width: 100%;
    padding-top: 3.75rem;
    padding-bottom: 0;
  }

  .landing-page-customer .opportunity .opportunity-overlay .learn-more {
    margin-top: 1.5rem;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .landing-page-customer .opportunity .opportunity-overlay .learn-more .left-panel {
    width: 100%;
    margin-bottom: 0.5rem;
    display: block;
    float: left;
    position: relative;
    width: 100%;
  }

  .landing-page-customer .opportunity .opportunity-overlay .learn-more .left-panel .user-image {
    width: 100%;
  }

  .landing-page-customer .opportunity .opportunity-overlay .learn-more .right-panel {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    padding: 0 1.5rem 2.375rem;
  }

  .landing-page-customer .opportunity .opportunity-overlay h3 {
    font-size: 1.125rem;
  }

  .landing-page-customer .opportunity .opportunity-overlay p {
    width: 20.875rem;
    font-size: 0.875rem;
  }

  .landing-page-customer .sign-up-today-banner {
    height: 25.4375rem;
  }

  .landing-page-customer .sign-up-today-banner .sign-up-today-banner-overlay {
    width: 100%;
    padding-top: 4.875rem;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }

  .landing-page-customer .sign-up-today-banner h1 {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .landing-page-customer .landing-page-customer-banner {
    height: 20rem;
  }

  .landing-page-customer .landing-page-customer-banner h1 {
    font-size: 3rem;
  }

  .landing-page-customer .landing-page-customer-banner p {
    width: 17.375rem;
  }

  .landing-page-customer .landing-page-customer-banner .landing-page-customer-banner-overlay {
    height: 20rem;
  }

  .landing-page-customer .landing-page-customer-banner .landing-page-customer-banner-text {
    padding: 3.875rem 0 0 3.375rem;
  }

  .landing-page-customer .reasons-to-create {
    width: 100%;
    padding-top: 3.5rem;
    padding-left: 4.5625rem;
    padding-right: 4.5625rem;
    height: 19.75rem;
    margin-bottom: 0rem;
  }

  .landing-page-customer .reasons-to-create .reason-header {
    padding-bottom: 2.25rem;
  }

  .landing-page-customer .reasons-to-create .reasons-tile {
    width: calc(25%);
  }

  .landing-page-customer .reasons-to-create .reasons-tile-m-l {
    margin-left: 0rem;
  }

  .landing-page-customer .separator-category {
    background-color: #FFFFFF;
    padding-top: 2.125rem;
  }

  .landing-page-customer .category-details {
    padding: 0 0 0;
  }

  .landing-page-customer .category-details:after {
    padding-bottom: 2.875rem;
  }

  .landing-page-customer .category-details .category-image {
    width: 100%;
    height: 11rem;
    padding: 2rem 0 0;
  }

  .landing-page-customer .opportunity .opportunity-overlay {
    width: 48rem;
    padding-top: 6.5rem;
    padding-bottom: 7.875rem;
  }

  .landing-page-customer .opportunity .opportunity-overlay .learn-more .video-parent {
    height: 100%;
  }

  .landing-page-customer .opportunity .opportunity-overlay .learn-more .left-panel {
    width: 19.5rem;
  }

  .landing-page-customer .opportunity .opportunity-overlay .learn-more .right-panel {
    width: 28.5rem;
    padding: 0 3.5rem 0 4rem;
  }

  .landing-page-customer .sign-up-today-banner {
    height: 32rem;
  }

  .landing-page-customer .sign-up-today-banner .sign-up-today-banner-overlay {
    padding-top: 7.875rem;
    padding-left: 10.4375rem;
    padding-right: 10.4375rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .landing-page-customer .landing-page-customer-banner {
    height: 26.75rem;
  }

  .landing-page-customer .landing-page-customer-banner .landing-page-customer-banner-overlay {
    height: 26.75rem;
  }

  .landing-page-customer .landing-page-customer-banner .landing-page-customer-banner-text {
    padding: 6.625rem 0 0 4.25rem;
  }

  .landing-page-customer .separator-category {
    padding-top: 5.5625rem;
  }

  .landing-page-customer .category-details {
    padding: 0 3.25rem;
  }

  .landing-page-customer .category-details:after {
    padding-bottom: 5.5625rem;
  }

  .landing-page-customer .category-details .category-image {
    width: 100%;
    height: 13.125rem;
    padding: 2rem 0 0;
  }

  .landing-page-customer .reasons-to-create {
    margin-bottom: 2.5rem;
  }

  .landing-page-customer .reasons-to-create .reasons-tile {
    width: 7.75rem;
  }

  .landing-page-customer .reasons-to-create .last {
    width: 7.5rem;
  }

  .landing-page-customer .opportunity .opportunity-overlay {
    padding-top: 8.25rem;
    padding-bottom: 11rem;
  }

  .landing-page-customer .sign-up-today-banner {
    height: 32rem;
  }

  .landing-page-customer .sign-up-today-banner .sign-up-today-banner-overlay {
    padding-top: 7.875rem;
    padding-left: 14.1875rem;
    padding-right: 14.1875rem;
  }
}

@media screen and (min-width: 1439px) {
  .landing-page-customer .reasons-to-create .reasons-tile {
    width: 7.75rem;
  }

  .landing-page-customer .reasons-to-create .last {
    width: 7.5rem;
  }
}

.landing-page-distributor .landing-page-distributor-banner {
  background-color: #F7F7F7;
  background-repeat: no-repeat;
  height: 31.625em;
  background-size: cover;
  background-position: 50%;
}

.landing-page-distributor .landing-page-distributor-banner h1 {
  font-size: 3em;
  color: #FFFFFF;
  margin-bottom: 5px;
}

.landing-page-distributor .landing-page-distributor-banner h2 {
  font-size: 1.875em;
  color: #FFFFFF;
}

.landing-page-distributor .landing-page-distributor-banner .landing-page-distributor-banner-overlay {
  background-image: linear-gradient(to top, #1CD8C1, #0078B0);
  opacity: 0.5;
  position: absolute;
  width: 100%;
  height: 31.625em;
}

.landing-page-distributor .landing-page-distributor-banner .landing-page-distributor-banner-text {
  padding: 8.875em 0 0 10em;
  position: absolute;
}

.landing-page-distributor .as-a-distributor-container {
  background-color: #FFFFFF;
  padding-bottom: 1em;
}

.landing-page-distributor .as-a-distributor-container .as-a-distributor {
  width: 100%;
  padding: 3.625em 7.75em 4.5rem;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.landing-page-distributor .as-a-distributor-container .as-a-distributor .reason-header {
  padding-bottom: 2em;
}

.landing-page-distributor .as-a-distributor-container .as-a-distributor .reason-header h3 {
  margin-bottom: 5px;
}

.landing-page-distributor .as-a-distributor-container .as-a-distributor .reason-header h3 em {
  width: 4.0625em;
  height: 3px;
  background-color: #1CD8D2;
  display: inline-block;
}

.landing-page-distributor .as-a-distributor-container .as-a-distributor .reason-header h3 span {
  display: block;
}

.landing-page-distributor .as-a-distributor-container .as-a-distributor .distributor-info-wrapper {
  display: table;
  width: 100%;
}

.landing-page-distributor .as-a-distributor-container .as-a-distributor .distributor-info-wrapper .distributor-brief {
  display: table-cell;
  vertical-align: top;
}

.landing-page-distributor .as-a-distributor-container .as-a-distributor h5 {
  width: 17.25rem;
  padding: 0 3rem 3px;
  margin: 0 auto;
}

.landing-page-distributor .as-a-distributor-container .as-a-distributor p {
  width: 20rem;
  margin: 0 auto;
}

.landing-page-distributor .as-a-distributor-container .as-a-distributor .btn-primary {
  margin-top: 3em;
  width: 27.125rem;
}

.landing-page-distributor .category-details {
  background: #FFFFFF;
  padding-top: 4.25em;
  padding-bottom: 5.25em;
}

.landing-page-distributor .category-details .category-text {
  text-align: center;
  padding-left: 0rem;
  color: #444444;
}

.landing-page-distributor .category-details .category-text label {
  font-size: 1.375rem;
  font-weight: 100;
}

.landing-page-distributor .category-details p {
  font-size: 0.875rem;
  width: 33.5em;
  margin: 0 auto;
}

.landing-page-distributor .category-details h1 {
  font-size: 1.875rem;
}

.landing-page-distributor .view-introductory-packages {
  padding: 1.5em 0 2.5em 0;
  font-size: 0.875rem;
}

.landing-page-distributor .sign-up-today-banner .category-directory-video-container {
  padding-top: 0;
}

.landing-page-distributor .sign-up-today-banner .category-directory-video-container .video-overlay-lp {
  cursor: pointer;
  text-align: center;
  width: 100%;
  margin-top: 15.875em;
  padding: 0;
  position: relative;
  z-index: 10;
  border: none;
}

.landing-page-distributor .sign-up-today-banner .category-directory-video-container .video-overlay-lp .video-desc-lp h2 {
  width: 9.625em;
  margin: 0 auto;
}

.landing-page-distributor .sign-up-today-banner .category-directory-video-container .video-overlay-lp .watch-video-outer {
  margin: 1.187em auto;
  width: 9.625em;
  height: 2.75em;
  position: relative;
  border-radius: 3px;
  border: solid 1px #FFFFFF;
}

.landing-page-distributor .sign-up-today-banner .category-directory-video-container .video-overlay-lp .watch-video-outer .watch-video-inner {
  position: relative;
  height: 1em;
  margin: auto;
  text-align: center;
  top: calc(50% - 8px);
}

.landing-page-distributor .sign-up-today-banner .category-directory-video-container .video-overlay-lp .watch-video-outer .watch-video-inner p {
  margin: auto;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 0.5px;
}

.landing-page-distributor .sign-up-today-banner .category-directory-video-container .video-overlay-lp .watch-video-outer:hover {
  border: solid 1px #37B0C9;
}

.landing-page-distributor .sign-up-today-banner .category-directory-video-container .embed-responsive-16by9 {
  height: 37.5em;
  padding-bottom: 0;
}

.landing-page-distributor .sign-up-today-banner .category-directory-video-container .embed-responsive-16by9 video {
  background-color: #000000;
}

.landing-page-distributor .distributor-products {
  padding: 2.75em 2em 0;
}

.landing-page-distributor .distributor-products h6 {
  font-size: 0.875rem;
  font-weight: 300;
  margin-top: 1em;
  width: 16.375em;
  margin: 0 auto;
  padding-bottom: 1.5em;
}

.landing-page-distributor .distributor-products .category-item {
  cursor: pointer;
  width: 20em;
  height: 20em;
  padding: 1.75em 0 0;
  background-color: #FFFFFF;
  display: block;
}

.landing-page-distributor .distributor-products .category-item .category-image {
  padding-left: 0rem;
  padding-top: 3em;
  padding-bottom: 0;
  text-align: center;
}

.landing-page-distributor .distributor-products .category-item .category-image .img-category {
  height: 11.75em;
  margin: 0 auto;
  display: block;
}

.landing-page-distributor .distributor-products .category-item h3 {
  padding-left: 1.5rem;
}

.landing-page-distributor .distributor-products .category-item p {
  padding-right: 2.5em;
  padding-left: 1.5em;
}

.landing-page-distributor .success-story-container {
  background: #FFFFFF;
  padding-top: 5.75em;
}

.landing-page-distributor .success-story-container .success-story {
  margin: 0 auto;
  padding-bottom: 9.125em;
  width: 55.625em;
}

.landing-page-distributor .success-story-container .success-story p {
  margin: 0 auto;
  width: 29em;
}

.landing-page-distributor .success-story-container .success-story .learn-more {
  margin-top: 2em;
  height: 22.75em;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.09);
}

.landing-page-distributor .success-story-container .success-story .learn-more .left-panel {
  float: left;
  width: 22.75em;
  height: 100%;
}

.landing-page-distributor .success-story-container .success-story .learn-more .right-panel {
  float: right;
  width: 32.875em;
  height: 100%;
  padding: 3.125em 5.625em 0 6.875em;
}

.landing-page-distributor .success-story-container .success-story .learn-more .right-panel em.quotes {
  width: 2.875rem;
  height: 2.625rem;
  opacity: 0.07;
  font-size: 6.25rem;
  font-weight: 300;
  font-style: normal;
  line-height: 1.18;
  color: #2D2D2D;
  display: inline-block;
}

.landing-page-distributor .success-story-container .success-story .learn-more .right-panel i.quotes-text {
  font-size: 1.625rem;
  font-weight: 300;
  line-height: 1.23;
  display: inline-block;
  color: #727272;
  padding-left: 2.25rem;
  margin-top: -6px;
}

.landing-page-distributor .success-story-container .success-story .learn-more .right-panel p {
  color: #2D2D2D;
  width: 100%;
  padding-left: 2.25rem;
}

.landing-page-distributor .how-does-wrapper {
  padding-bottom: 3.875rem;
}

.landing-page-distributor .how-does-it-work-container {
  padding-top: 5.375em;
  background-color: #FFFFFF;
}

.landing-page-distributor .how-does-it-work-container .how-does-it-work {
  width: 36.25em;
  margin: 0 auto;
}

.landing-page-distributor .how-does-it-work-container .how-does-it-work h3 {
  margin-bottom: 1em;
}

.landing-page-distributor .how-does-it-work-container .how-does-it-work .ul-how-point {
  margin: 0;
  padding: 0;
}

.landing-page-distributor .how-does-it-work-container .how-does-it-work .ul-how-point li {
  margin-bottom: 1.5em;
  list-style: none;
  width: 36.25em;
  min-height: 4.125em;
  border-bottom: solid 1px #D1D1D1;
}

.landing-page-distributor .how-does-it-work-container .how-does-it-work .ul-how-point li i {
  width: 2.8125rem;
  height: 2.8125rem;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: solid 1px #979797;
  display: block;
  font-style: normal;
  color: #979797;
  font-size: 1.875rem;
  text-align: center;
  font-weight: 100;
}

.landing-page-distributor .how-does-it-work-container .how-does-it-work .ul-how-point li.no-border {
  border: 0;
}

.landing-page-distributor .how-does-it-work-container .sales-compensation-plan {
  padding: 9px 0 4.5rem 0;
  background-color: #FFFFFF;
  font-size: 0.875rem;
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .landing-page-distributor .landing-page-distributor-banner {
    height: 25em;
  }

  .landing-page-distributor .landing-page-distributor-banner .landing-page-distributor-banner-overlay {
    height: 25em;
  }

  .landing-page-distributor .landing-page-distributor-banner .landing-page-distributor-banner-text {
    padding: 5.125em 0 0 4.25em;
  }

  .landing-page-distributor .category-details {
    padding-top: 2.75em;
    padding-bottom: 4.25em;
  }

  .landing-page-distributor .category-details .category-image {
    width: 13.5em;
    height: 13.125em;
  }

  .landing-page-distributor .as-a-distributor-container .as-a-distributor {
    padding: 3.625em 4em 4em;
  }

  .landing-page-distributor .as-a-distributor-container .as-a-distributor p {
    width: 15.75rem;
  }

  .landing-page-distributor .distributor-products .category-item {
    width: 17.625em;
    height: 17.625em;
    margin-bottom: 1em;
  }

  .landing-page-distributor .distributor-products .category-item .category-image .img-category {
    height: 10.875em;
  }

  .landing-page-distributor .distributor-products .category-item p {
    padding-right: 2.25em;
  }

  .landing-page-distributor .success-story-container {
    padding-top: 5em;
  }

  .landing-page-distributor .success-story-container .success-story {
    padding-bottom: 8.125em;
  }

  .landing-page-distributor .sign-up-today-banner .category-directory-video-container {
    padding-top: 0;
  }

  .landing-page-distributor .sign-up-today-banner .category-directory-video-container .video-overlay-lp {
    margin-top: 10em;
    width: 100%;
  }

  .landing-page-distributor .sign-up-today-banner .category-directory-video-container .embed-responsive-16by9 {
    height: 26.875em;
    padding-bottom: 0;
  }

  .landing-page-distributor .how-does-it-work-container {
    padding-top: 4.25em;
  }

  .landing-page-distributor .how-does-it-work-container .sales-compensation-plan {
    padding-bottom: 6rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .landing-page-distributor .landing-page-distributor-banner {
    height: 19em;
  }

  .landing-page-distributor .landing-page-distributor-banner h1 {
    font-size: 2.25em;
    color: #FFFFFF;
  }

  .landing-page-distributor .landing-page-distributor-banner h2 {
    font-size: 1.375em;
    color: #FFFFFF;
  }

  .landing-page-distributor .landing-page-distributor-banner .landing-page-distributor-banner-overlay {
    height: 19em;
  }

  .landing-page-distributor .landing-page-distributor-banner .landing-page-distributor-banner-text {
    padding: 3.875em 0 0 4.25em;
  }

  .landing-page-distributor .category-details {
    padding-top: 3.25em;
    padding-bottom: 3.875em;
  }

  .landing-page-distributor .category-details .category-image {
    width: 13.5em;
    height: 13.125em;
  }

  .landing-page-distributor .as-a-distributor-container .as-a-distributor {
    padding: 3em 4em 4.25em;
  }

  .landing-page-distributor .as-a-distributor-container .as-a-distributor p {
    width: 22.75rem;
    padding-bottom: 2.75em;
  }

  .landing-page-distributor .as-a-distributor-container .as-a-distributor .btn-primary {
    margin-top: 0;
  }

  .landing-page-distributor .distributor-products .category-item {
    width: 17.625em;
    height: 17.625em;
    margin-bottom: 1em;
  }

  .landing-page-distributor .distributor-products .category-item .category-image .img-category {
    height: 10.875em;
  }

  .landing-page-distributor .distributor-products .category-item p {
    padding-right: 2.25em;
  }

  .landing-page-distributor .success-story-container {
    padding-top: 5.75em;
  }

  .landing-page-distributor .success-story-container .success-story {
    width: 48em;
    padding-bottom: 7.875em;
  }

  .landing-page-distributor .success-story-container .success-story .learn-more {
    height: 19.5em;
  }

  .landing-page-distributor .success-story-container .success-story .learn-more .left-panel {
    width: 19.5em;
  }

  .landing-page-distributor .success-story-container .success-story .learn-more .right-panel {
    width: 28.5em;
    padding: 2.5em 3.5em 0 4em;
  }

  .landing-page-distributor .how-does-it-work-container {
    padding-top: 4.25em;
  }

  .landing-page-distributor .how-does-it-work-container .how-does-it-work h3 {
    margin-bottom: 2.5em;
  }

  .landing-page-distributor .distributor-products {
    background-color: #F7F7F7;
  }

  .landing-page-distributor .sign-up-today-banner .category-directory-video-container {
    padding-top: 0;
  }

  .landing-page-distributor .sign-up-today-banner .category-directory-video-container .video-overlay-lp {
    margin-top: 10em;
    width: 100%;
  }

  .landing-page-distributor .sign-up-today-banner .category-directory-video-container .embed-responsive-16by9 {
    height: 26.875em;
    padding-bottom: 0;
  }

  .landing-page-distributor .how-does-it-work-container {
    padding-top: 4.25em;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .landing-page-distributor .landing-page-distributor-banner {
    height: 20em;
    background-size: cover;
  }

  .landing-page-distributor .landing-page-distributor-banner h1 {
    font-size: 1.75em;
    color: #FFFFFF;
    padding-bottom: 7px;
  }

  .landing-page-distributor .landing-page-distributor-banner h2 {
    font-size: 1.375em;
    color: #FFFFFF;
  }

  .landing-page-distributor .landing-page-distributor-banner .landing-page-distributor-banner-overlay {
    height: 20em;
  }

  .landing-page-distributor .landing-page-distributor-banner .landing-page-distributor-banner-text {
    padding: 3.375em 0 0 1.5em;
  }

  .landing-page-distributor .category-details {
    padding: 3.25em 2.5em 3.875em;
  }

  .landing-page-distributor .category-details .category-image {
    width: 13.5em;
    height: 13.125em;
  }

  .landing-page-distributor .category-details p {
    width: 100%;
    padding-top: 1em;
  }

  .landing-page-distributor .as-a-distributor-container .as-a-distributor {
    padding: 3.5em 1.5em 3em;
  }

  .landing-page-distributor .as-a-distributor-container .as-a-distributor p {
    width: 19.5rem;
    padding-bottom: 2.375em;
  }

  .landing-page-distributor .as-a-distributor-container .as-a-distributor .btn-primary {
    margin-top: 0;
    width: 100%;
  }

  .landing-page-distributor .distributor-products .category-item {
    width: 17.625em;
    height: 17.625em;
    margin: 0 auto 1em;
  }

  .landing-page-distributor .distributor-products .category-item .category-image .img-category {
    height: 10.875em;
  }

  .landing-page-distributor .distributor-products .category-item p {
    padding-right: 2.25em;
  }

  .landing-page-distributor .success-story-container {
    padding-top: 0;
  }

  .landing-page-distributor .success-story-container .success-story {
    width: 100%;
    padding-top: 4.125em;
    padding-bottom: 0;
  }

  .landing-page-distributor .success-story-container .success-story .learn-more {
    margin-top: 1.5em;
    height: inherit;
  }

  .landing-page-distributor .success-story-container .success-story .learn-more .left-panel {
    float: none;
    width: 100%;
    margin-bottom: 0.5em;
  }

  .landing-page-distributor .success-story-container .success-story .learn-more .left-panel .user-image {
    width: 100%;
  }

  .landing-page-distributor .success-story-container .success-story .learn-more .right-panel {
    float: none;
    width: 100%;
    height: 24em;
    padding: 0 1.5em 8em;
  }

  .landing-page-distributor .success-story-container .success-story h3 {
    font-size: 1.125rem;
  }

  .landing-page-distributor .success-story-container .success-story p {
    width: 20.875em;
    font-size: 0.875rem;
  }

  .landing-page-distributor .how-does-it-work-container {
    padding-top: 0;
  }

  .landing-page-distributor .how-does-it-work-container .how-does-it-work {
    width: 100%;
  }

  .landing-page-distributor .how-does-it-work-container .how-does-it-work h3 {
    margin-top: 1.75rem;
    margin-bottom: 2.25rem;
  }

  .landing-page-distributor .how-does-it-work-container .how-does-it-work .ul-how-point li {
    margin: 0 auto 1.5em;
    padding-bottom: 1.5em;
    width: 20.25em;
  }

  .landing-page-distributor .how-does-it-work-container .sales-compensation-plan {
    padding: 0 0 4.75rem 0;
  }

  .landing-page-distributor .distributor-products {
    background-color: #F7F7F7;
  }

  .landing-page-distributor .reason-header h3 {
    width: 16.5rem;
    margin: 0 auto;
  }

  .landing-page-distributor .sign-up-today-banner .category-directory-video-container {
    padding-top: 0;
  }

  .landing-page-distributor .sign-up-today-banner .category-directory-video-container .video-overlay-lp {
    margin-top: 6.25em;
    width: 100%;
  }

  .landing-page-distributor .sign-up-today-banner .category-directory-video-container .embed-responsive-16by9 {
    height: 20.25em;
    padding-bottom: 0;
    margin-top: -3.5em;
  }
}

@media screen and (min-width: 320px) and (max-width: 359px) {
  .landing-page-distributor .as-a-distributor-container .as-a-distributor {
    padding: 3.5em 0.5em 3em;
  }

  .landing-page-distributor .distributor-products {
    padding: 2.75em 0.5em 0;
  }
}

.alerts-notification-wrapper {
  background-image: linear-gradient(to top, #1CD8D2, #008AB0);
}

.alerts-notification-wrapper .alerts-notification-container {
  background-color: #FFFFFF;
  width: 41.5rem;
  margin: 0 auto;
  padding: 2.75rem 0 2.5rem 0;
}

.alerts-notification-wrapper .alerts-notification-container .alerts-notification-content {
  width: 25.625rem;
  margin: 0 auto;
  text-align: center;
}

.alerts-notification-wrapper .alerts-notification-container .alerts-notification-content .bottle-image {
  margin-bottom: 1.7rem;
}

.alerts-notification-wrapper .alerts-notification-container .alerts-notification-content .alerts-notification-logoimage {
  height: 1.875rem;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-logo.svg) center no-repeat;
  margin-bottom: 5rem;
  cursor: pointer;
}

.alerts-notification-wrapper .alerts-notification-container .alerts-notification-content .alerts-notification-errorimage {
  height: 6rem;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/broken-bottle.svg) center no-repeat;
  margin-bottom: 1.5rem;
}

.alerts-notification-wrapper .alerts-notification-container .alerts-notification-content .alerts-notification-errorheader {
  font-size: 4rem;
  font-weight: 100;
  line-height: 0.9;
  text-align: center;
  color: #727272;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  margin-bottom: 1.5rem;
}

.alerts-notification-wrapper .alerts-notification-container .alerts-notification-content .alerts-notification-descriptions {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
  text-align: center;
  color: #444444;
  margin-bottom: 5rem;
}

.alerts-notification-wrapper .alerts-notification-container .alerts-notification-content .alerts-notification-buttons {
  width: 20.3125rem;
  margin: 0 auto;
}

.alerts-notification-wrapper .alerts-notification-container .alerts-notification-content .alerts-notification-buttons .alerts-notification-back {
  margin-bottom: 1rem;
}

.alerts-notification-wrapper .alerts-notification-container .alerts-notification-content .alerts-notification-buttons .alerts-notification-homepage {
  margin-bottom: 1.5rem;
}

.alerts-notification-wrapper .alerts-notification-container .alerts-notification-content .alerts-notification-links .alerts-notification-link {
  font-size: 0.8125rem;
  line-height: 1.2;
  letter-spacing: 0.5px;
  text-align: center;
  color: #008AB0;
  margin-bottom: 0.625rem;
}

@media all and (min-width: 320px) and (max-width: 767px) {
  .alerts-notification-wrapper {
    padding-top: 0;
    padding-bottom: 0;
    background-image: none;
  }

  .alerts-notification-wrapper .alerts-notification-container {
    width: 100%;
    padding: 5rem 0 2.5625rem 0;
  }

  .alerts-notification-wrapper .alerts-notification-container .alerts-notification-content {
    width: 100%;
    margin: 0 auto;
  }

  .alerts-notification-wrapper .alerts-notification-container .alerts-notification-content .alerts-notification-logoimage {
    margin-bottom: 4.5rem;
  }

  .alerts-notification-wrapper .alerts-notification-container .alerts-notification-content .alerts-notification-descriptions {
    margin-left: 2.375rem;
    margin-right: 2.375rem;
  }
}

@media screen and (max-width: 359px) {
  .alerts-notification-wrapper .alerts-notification-container {
    width: 100%;
    padding: 3rem 0 2.5625rem 0;
  }

  .alerts-notification-wrapper .alerts-notification-container .alerts-notification-content {
    width: 90%;
  }

  .alerts-notification-wrapper .alerts-notification-container .alerts-notification-content .alerts-notification-logoimage {
    margin-bottom: 3.5rem;
  }

  .alerts-notification-wrapper .alerts-notification-container .alerts-notification-content .alerts-notification-buttons {
    width: 100%;
  }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  .alerts-notification-wrapper {
    padding: 2.5rem 0 3.25rem 0;
  }

  .alerts-notification-wrapper .alerts-notification-container {
    width: 33.875rem;
    padding: 2.75rem 0 1.875rem 0;
  }

  .alerts-notification-wrapper .alerts-notification-container .alerts-notification-content {
    width: 25.625rem;
    margin: 0 auto;
  }
}

@media all and (min-width: 1024px) and (max-width: 1439px) {
  .alerts-notification-wrapper {
    padding: 2.5rem 0 2.625rem 0;
  }
}

@media all and (min-width: 1440px) {
  .alerts-notification-wrapper {
    padding: 2.5rem 0 2.625rem 0;
  }
}

.expired-signup-wrapper,
.pwd-reset-expired-signup-wrapper,
.storefront-error-page-wrapper {
  background: linear-gradient(to top, #1CD8D2, #008AB0);
}

.expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper,
.pwd-reset-expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper,
.storefront-error-page-wrapper .expired-signup-container .expired-signup-content-wrapper {
  background: #FFFFFF;
}

.expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container,
.pwd-reset-expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container,
.storefront-error-page-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container {
  margin: 0 auto;
}

.expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .expired-signup-logo,
.pwd-reset-expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .expired-signup-logo,
.storefront-error-page-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .expired-signup-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-logo.svg) no-repeat center center;
  height: 1.875rem;
}

.expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .expired-signup-broken-link,
.pwd-reset-expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .expired-signup-broken-link,
.storefront-error-page-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .expired-signup-broken-link {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/broken-link.svg) no-repeat center center;
  height: 6rem;
  margin: 5.625rem 0 0 0;
}

.expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-heading-section .brief-heading-section-heading-content,
.pwd-reset-expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-heading-section .brief-heading-section-heading-content,
.storefront-error-page-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-heading-section .brief-heading-section-heading-content {
  font-size: 4rem;
  font-weight: 100;
  line-height: 0.94;
  color: #727272;
  padding: 1.5rem 0;
}

.expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-heading-section .brief-heading-section-desc-content,
.pwd-reset-expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-heading-section .brief-heading-section-desc-content,
.storefront-error-page-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-heading-section .brief-heading-section-desc-content {
  font-weight: 300;
  line-height: 1.38;
  color: #444444;
}

.expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section,
.pwd-reset-expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section,
.storefront-error-page-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section {
  max-width: 15.4375rem;
  margin: 0 auto;
  padding: 5.625rem 0 0 0;
}

.expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-heading-content,
.pwd-reset-expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-heading-content,
.storefront-error-page-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-heading-content {
  padding: 0 1.25rem 0.625rem;
  text-align: left;
}

.expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-heading-content .brief-desc-section-heading-content-container,
.pwd-reset-expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-heading-content .brief-desc-section-heading-content-container,
.storefront-error-page-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-heading-content .brief-desc-section-heading-content-container {
  display: block;
  width: 100%;
}

.expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-heading-content .brief-desc-section-heading-content-container .brief-desc-section-heading-content-child,
.pwd-reset-expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-heading-content .brief-desc-section-heading-content-container .brief-desc-section-heading-content-child,
.storefront-error-page-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-heading-content .brief-desc-section-heading-content-container .brief-desc-section-heading-content-child {
  display: block;
  text-align: center;
  width: 100%;
  vertical-align: middle;
}

.expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-heading-content .brief-desc-section-heading-content-container .brief-desc-section-heading-content-child .profile-image,
.pwd-reset-expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-heading-content .brief-desc-section-heading-content-container .brief-desc-section-heading-content-child .profile-image,
.storefront-error-page-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-heading-content .brief-desc-section-heading-content-container .brief-desc-section-heading-content-child .profile-image {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 3.75rem;
}

.expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-heading-content .brief-desc-section-heading-content-container .brief-desc-section-heading-content-child .profile-contents,
.pwd-reset-expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-heading-content .brief-desc-section-heading-content-container .brief-desc-section-heading-content-child .profile-contents,
.storefront-error-page-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-heading-content .brief-desc-section-heading-content-container .brief-desc-section-heading-content-child .profile-contents {
  padding-top: 10px;
  padding-bottom: 10px;
}

.expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-heading-content .brief-desc-section-heading-content-container .brief-desc-section-heading-content-child .profile-contents .name-section,
.pwd-reset-expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-heading-content .brief-desc-section-heading-content-container .brief-desc-section-heading-content-child .profile-contents .name-section,
.storefront-error-page-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-heading-content .brief-desc-section-heading-content-container .brief-desc-section-heading-content-child .profile-contents .name-section {
  font-weight: 300;
  line-height: 1.38;
  color: #444444;
  font-weight: 600;
  color: #6f6f6f;
  word-wrap: break-word;
}

.expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-heading-content .brief-desc-section-heading-content-container .brief-desc-section-heading-content-child .profile-contents .email-section,
.pwd-reset-expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-heading-content .brief-desc-section-heading-content-container .brief-desc-section-heading-content-child .profile-contents .email-section,
.storefront-error-page-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-heading-content .brief-desc-section-heading-content-container .brief-desc-section-heading-content-child .profile-contents .email-section {
  font-weight: 300;
  line-height: 1.38;
  color: #444444;
  color: #6f6f6f;
  word-wrap: break-word;
}

.expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-desc-content,
.pwd-reset-expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-desc-content,
.storefront-error-page-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container .brief-desc-section .brief-desc-section-desc-content {
  font-weight: 300;
  line-height: 1.38;
  color: #444444;
}

@media (max-width: 767px) {
  .expired-signup-wrapper,
  .pwd-reset-expired-signup-wrapper,
  .storefront-error-page-wrapper {
    background: #FFFFFF;
  }

  .expired-signup-wrapper .expired-signup-content-wrapper,
  .pwd-reset-expired-signup-wrapper .expired-signup-content-wrapper,
  .storefront-error-page-wrapper .expired-signup-content-wrapper {
    padding: 5rem 0 11.875rem;
  }
}

@media (min-width: 768px) {
  .expired-signup-wrapper .expired-signup-container,
  .pwd-reset-expired-signup-wrapper .expired-signup-container,
  .storefront-error-page-wrapper .expired-signup-container {
    margin: 0 auto;
    width: 33.875rem;
    padding: 2.5rem 0 3.25rem;
  }

  .expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper,
  .pwd-reset-expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper,
  .storefront-error-page-wrapper .expired-signup-container .expired-signup-content-wrapper {
    padding: 2.75rem 0 10.625rem;
  }

  .expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container,
  .pwd-reset-expired-signup-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container,
  .storefront-error-page-wrapper .expired-signup-container .expired-signup-content-wrapper .expired-signup-content-container {
    margin: 0 auto;
    max-width: 25.625rem;
  }
}

@media (min-width: 1024px) {
  .expired-signup-wrapper .expired-signup-container,
  .pwd-reset-expired-signup-wrapper .expired-signup-container,
  .storefront-error-page-wrapper .expired-signup-container {
    margin: 0 auto;
    width: 41.5rem;
    padding: 2.5rem 0 2.625rem;
  }
}

.reset-signup-wrapper .reset-password-button {
  width: 18.250rem;
  margin: 0 auto;
  padding-top: 7.125rem;
}

.reset-signup-wrapper .reset-password-button .btn-primary {
  margin-bottom: 0;
}

.reset-signup-wrapper .brief-heading-section-desc-content p {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .reset-signup-wrapper .expired-signup-content-wrapper {
    padding: 5rem 0 11.75rem;
  }
}

@media (min-width: 768px) {
  .reset-signup-wrapper .expired-signup-container .expired-signup-content-wrapper {
    padding: 2.75rem 0 11.125rem;
  }
}

.helppage-faq-container {
  width: 80%;
  border: solid 1px #e7e8ea;
  padding: 0;
}

.helppage-faq-container .helppage-faq-container-title {
  border-bottom: solid 1px #e7e8ea;
  padding: 3.125rem 0 0 0;
}

.helppage-faq-container .helppage-faq-container-title .title-text-section {
  padding: 0;
}

.helppage-faq-container .helppage-faq-container-title .title-text-section .title-heading {
  color: #444444;
  text-transform: uppercase;
}

.helppage-faq-container .helppage-faq-container-title .title-img-section .faq-title-img {
  float: right;
  height: 1.875rem;
  width: 2.0625rem;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-my-story-grey.svg) no-repeat;
}

.helppage-faq-container .helppage-faq-section {
  border-bottom: solid 1px #e7e8ea;
  padding: 1.875rem 0 1.5rem 0;
}

.helppage-faq-container .helppage-faq-section .faq-video {
  padding: 0 1.25rem 0 3.75rem;
}

.helppage-faq-container .helppage-faq-section .faq-video .embed-responsive-item {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.helppage-faq-container .helppage-faq-section .faq-video .video-btn {
  top: 21%;
  left: 52%;
}

.helppage-faq-container .helppage-faq-section .faq-video .video-btn #videoButton {
  cursor: pointer;
  text-align: center;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  position: absolute;
  left: calc(50% - 0.875em);
  top: calc(50% - -1.125em);
  z-index: 10;
  border: none;
  width: 3.125rem;
  height: 3.125rem;
  opacity: 0.9;
  background: #2D2D2D;
}

.helppage-faq-container .helppage-faq-section .faq-video .video-btn #videoButton::before {
  content: '';
  display: block;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-play.svg) no-repeat;
  background-size: 100%;
  margin: 0 auto;
  position: relative;
  left: 0.1875rem;
  -webkit-transition: .5s all;
  transition: .5s all;
  width: 1.625rem;
  height: 2rem;
  object-fit: contain;
  opacity: 0.51;
}

.helppage-faq-container .helppage-faq-section .faq-video .video-btn #videoButton.paused::before {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-pause.svg) no-repeat;
  background-size: 100%;
  left: 0;
  top: 0.1875em;
}

.helppage-faq-container .helppage-faq-section .faq-video .video-btn #videoButton:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.helppage-faq-container .helppage-faq-section .faq-video .share-video {
  padding: 0.625rem 0 0 0.4375rem;
}

.helppage-faq-container .helppage-faq-section .faq-video .share-video .video-icon-img {
  height: 1.25rem;
  width: 1.25rem;
  padding: 0;
  cursor: pointer;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-share-blue.svg) no-repeat;
}

.helppage-faq-container .helppage-faq-section .faq-video .share-video .share-heading {
  text-align: left;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #008AB0;
  padding: 1px 0 0 1.5625rem;
  margin-bottom: 0;
  cursor: pointer;
}

.helppage-faq-container .helppage-faq-section .faq-text {
  padding: 0.5625rem 3.75rem 0 1.875rem;
}

.helppage-faq-container .helppage-faq-section .faq-text .faq-q .question-heading {
  color: #444444;
  margin-bottom: 0.3125rem;
}

.helppage-faq-container .helppage-faq-section .faq-text .faq-a .answer-heading {
  font-size: 1rem;
  font-weight: 300;
  text-transform: inherit;
}

.helppage-faq-container .helppage-faq-section .faq-text .faq-list {
  padding-left: 1.375rem;
  font-weight: 300;
}

.helppage-faq-container .helppage-faq-section .faq-text .faq-list .faq-list-item {
  list-style-position: inside;
  text-indent: -1.4375rem;
  padding-left: 1rem;
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .helppage-faq-container .helppage-faq-section .faq-video {
    padding: 0 0 0 3.625rem;
  }

  .helppage-faq-container .helppage-faq-section .faq-video .video-btn {
    top: 21%;
    left: 55%;
  }

  .helppage-faq-container .helppage-faq-section .faq-text {
    padding: 0.5625rem 3.125rem 0 1.875rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .helppage-faq-container {
    width: 100%;
  }

  .helppage-faq-container .helppage-faq-container-title .title-text-section {
    padding: 0 0 0 0.1875rem;
  }

  .helppage-faq-container .helppage-faq-container-title .title-text-section .title-heading {
    color: #444444;
    text-transform: uppercase;
  }

  .helppage-faq-container .helppage-faq-container-title .title-img-section {
    padding: 0 0.5625rem 0 0;
  }

  .helppage-faq-container .helppage-faq-section .faq-video {
    padding: 0 0 0 1rem;
  }

  .helppage-faq-container .helppage-faq-section .faq-video .video-btn {
    left: 49%;
    top: 24%;
  }

  .helppage-faq-container .helppage-faq-section .faq-video .share-video {
    padding: 0.3125rem 0 0 0.4375rem;
  }

  .helppage-faq-container .helppage-faq-section .faq-text {
    padding: 0.5625rem 3rem 0 1.25rem;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .helppage-faq-container {
    width: 100%;
  }

  .helppage-faq-container .helppage-faq-container-title {
    background-color: #F7F7F7;
    padding: 1.3125rem 0 0.6875rem 0;
    border: none;
  }

  .helppage-faq-container .helppage-faq-container-title .title-img-section {
    padding: 0;
  }

  .helppage-faq-container .helppage-faq-container-title .title-text-section {
    padding: 0 0 0 0.625rem;
  }

  .helppage-faq-container .helppage-faq-container-title .title-text-section .title-heading {
    font-size: 1.75rem;
  }

  .helppage-faq-container .helppage-faq-section {
    padding: 1.875rem 0 0 0;
  }

  .helppage-faq-container .helppage-faq-section .faq-accordion-class {
    padding: 0;
  }

  .helppage-faq-container .helppage-faq-section .faq-accordion-class .faq-accordion-mobile {
    background-color: #FFFFFF;
  }

  .helppage-faq-container .helppage-faq-section .faq-accordion-class .faq-accordion-mobile .panel-heading {
    padding: 0;
  }

  .helppage-faq-container .helppage-faq-section .faq-accordion-class .faq-accordion-mobile .panel-heading .panel-title {
    margin: 0;
  }

  .helppage-faq-container .helppage-faq-section .faq-accordion-class .faq-accordion-mobile .panel-collapse .panel-body .answer-list .faq-video {
    padding: 0;
  }

  .helppage-faq-container .helppage-faq-section .faq-accordion-class .faq-accordion-mobile .panel-collapse .panel-body .answer-list .faq-video .embed-responsive-item {
    height: auto;
  }

  .helppage-faq-container .helppage-faq-section .faq-accordion-class .faq-accordion-mobile .panel-collapse .panel-body .answer-list .faq-video .video-btn {
    top: 28%;
    left: 48%;
  }

  .helppage-faq-container .helppage-faq-section .faq-accordion-class .faq-accordion-mobile .panel-collapse .panel-body .answer-list .faq-video .video-btn #videoButton {
    width: 3.125rem;
    height: 3.125rem;
    opacity: 0.9;
    background: #2D2D2D;
  }

  .helppage-faq-container .helppage-faq-section .faq-accordion-class .faq-accordion-mobile .panel-collapse .panel-body .answer-list .faq-video .video-btn #videoButton::before {
    width: 1.625rem;
    height: 1.625rem;
    object-fit: contain;
    opacity: 0.51;
  }

  .helppage-faq-container .helppage-faq-section .faq-accordion-class .faq-accordion-mobile .panel-collapse .panel-body .answer-list .faq-video .share-video {
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .helppage-faq-container .helppage-faq-section .faq-accordion-class .faq-accordion-mobile .panel-collapse .panel-body .answer-list .faq-video .share-video .video-icon-img {
    align-items: center;
  }

  .helppage-faq-container .helppage-faq-section .faq-accordion-class .faq-accordion-mobile .panel-collapse .panel-body .answer-list .faq-video .share-video .share-heading {
    align-items: center;
    padding: 0.1875rem 0 0 0.6875rem;
  }

  .helppage-faq-container .helppage-faq-section .faq-accordion-class .faq-accordion-mobile .panel-collapse .panel-body .answer-list .faq-text {
    padding: 1.1875rem 1.5rem 1.75rem 1.625rem;
  }

  .helppage-faq-container .helppage-faq-section .faq-accordion-class .faq-accordion-mobile .panel-collapse .panel-body .answer-list .faq-text .faq-list {
    padding-left: 1rem;
  }

  .helppage-faq-container .helppage-faq-section .faq-accordion-class .faq-accordion-mobile .accordion-header-class {
    color: #008AB0;
    padding: 0.9375rem 0 1.0625rem 1.625rem;
  }

  .helppage-faq-container .helppage-faq-section .faq-accordion-class .faq-accordion-mobile .icn-arrow {
    margin: 0.625rem 1.0625rem 0 0;
    height: 1.6875rem;
    width: 1.6875rem;
  }

  .helppage-faq-container .helppage-faq-section .faq-accordion-class .faq-accordion-mobile .accordion-up {
    background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-blue-up-arrow.svg) no-repeat;
  }

  .helppage-faq-container .helppage-faq-section .faq-accordion-class .faq-accordion-mobile .accordion-down {
    background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-grey-down-arrow.svg) no-repeat;
  }
}

@media screen and (min-width: 768px) {
  .help-page-wrapper .homepage-tools-container .homepage-tools-section .homepage-tool-item {
    width: 16.66%;
  }

  .help-page-wrapper .homepage-tools-container .homepage-tools-section .homepage-tool-item .tool-container .homepage-tool-title .item-title-text {
    font-size: 0.8125rem;
    font-weight: 600;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .help-page-wrapper .homepage-tools-container .homepage-tools-section .homepage-tool-item .tool-container {
    padding: 0.75rem 0rem 0 0rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 360px) {
  .help-page-wrapper .homepage-tools-container .homepage-tools-section .homepage-tool-item .tool-container .homepage-tool-content .homepage-tool-desc.item-desc-text {
    font-size: 0.8125rem;
  }
}

@media screen and (max-width: 359px) and (min-width: 320px) {
  .help-page-wrapper .homepage-tools-container .homepage-tools-section .homepage-tool-item .tool-container .homepage-tool-content .homepage-tool-desc.item-desc-text {
    font-size: 0.8125rem;
  }
}

.help-page-wrapper .help-page-banner-image {
  background-image: linear-gradient(to top, rgba(0, 138, 176, 0.72), rgba(0, 138, 176, 0.72)), url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/content/template-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.help-page-wrapper .help-page-banner-image .help-page-banner-img-content {
  font-weight: 100;
  color: #F7F7F7;
  margin: 0rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.help-page-wrapper .help-page-banner .help-page-banner-text {
  background-image: linear-gradient(to left, #93EDC7, #30d1cc);
  padding: 1.375rem 0 1.5rem 0;
}

.help-page-wrapper .help-page-banner .help-page-banner-text .help-page-banner-content {
  margin: 0;
}

@media screen and (min-width: 320px) and (max-width: 359px) {
  .help-page-wrapper .help-page-banner-image .help-page-banner-img-content {
    height: 9rem;
    font-size: 1.875rem;
  }

  .help-page-wrapper .help-page-banner .help-page-banner-text {
    padding: 1rem 0rem;
  }

  .help-page-wrapper .help-page-banner .help-page-banner-text .help-page-banner-content {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .help-page-wrapper .help-page-banner-image .help-page-banner-img-content {
    height: 11.1813rem;
    font-size: 1.875rem;
  }

  .help-page-wrapper .help-page-banner .help-page-banner-text {
    padding: 1rem 0rem;
  }

  .help-page-wrapper .help-page-banner .help-page-banner-text .help-page-banner-content {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .help-page-wrapper .help-page-banner-image .help-page-banner-img-content {
    height: 15.05rem;
    font-size: 1.875rem;
  }

  .help-page-wrapper .help-page-banner .help-page-banner-text {
    padding: 1rem 0rem;
  }

  .help-page-wrapper .help-page-banner .help-page-banner-text .help-page-banner-content {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 1024px) {
  .help-page-wrapper .help-page-banner-image .help-page-banner-img-content {
    height: 20.625rem;
    font-size: 2.375rem;
  }

  .help-page-wrapper .help-page-banner .help-page-banner-text .help-page-banner-content {
    font-size: 1.875rem;
  }
}

.language-market-selection .invite-banner {
  height: 17.1875em;
  text-align: left;
}

.language-market-selection .invite-banner .section {
  padding-top: 1.3%;
}

.language-market-selection .banner-title h1 {
  line-height: 0.86;
  color: #FFFFFF;
  padding-top: .5em;
}

@media screen and (min-width: 375px) and (max-width: 767px) {
  .language-market-selection .invite-banner {
    height: 10em;
  }

  .language-market-selection .banner-title h2 {
    font-size: 1.8125rem;
    line-height: 1.07;
  }
}

@media screen and (min-width: 360px) and (max-width: 374px) {
  .language-market-selection .invite-banner {
    height: 10em;
  }

  .language-market-selection .banner-title h2 {
    font-size: 1.8125rem;
    line-height: 1.07;
  }
}

@media screen and (max-width: 359px) {
  .language-market-selection .invite-banner {
    height: 10em;
  }

  .language-market-selection .banner-title h2 {
    font-size: 1.8125rem;
    line-height: 1.07;
  }
}

.your-address-container .invite-banner {
  display: table;
  width: 100%;
  height: 16.5625rem;
}

.your-address-container .header-content-wrapper img {
  border-radius: 50%;
  width: 4.063rem;
  height: 4.063rem;
  margin-top: 2.5rem;
}

.your-address-container .header-content-wrapper h4 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0rem;
  line-height: 1.38;
}

.your-address-container .header-content-wrapper h5 {
  font-size: 1rem;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 1.38;
  text-transform: none;
}

.your-address-container .signup-container {
  width: 41.5%;
  margin-top: -3.5625rem;
  padding: 2.5rem 3.5625rem;
  overflow: hidden;
}

.your-address-container .signup-container .signup-components {
  width: 100%;
}

.your-address-container .signup-container h2 {
  font-size: 1.75rem;
  line-height: 2.125rem;
  font-weight: 100;
  color: #444444;
  margin-bottom: 1.5625rem;
}

.your-address-container .btn {
  margin-top: 0.3125rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .your-address-container .signup-container {
    width: 63.5%;
  }
}

@media screen and (min-width: 375px) and (max-width: 768px) {
  .your-address-container .signup-container {
    width: 100%;
    margin-top: 0;
    padding: 2.5rem 2.8125rem 2rem 2.8125rem;
  }
}

@media screen and (max-width: 374px) {
  .your-address-container .signup-container {
    width: 100%;
    margin-top: 0;
    padding: 2.5rem 1.25rem 2rem 1.25rem;
  }
}

.pdp-social-container {
  background: #FFFFFF;
}

.pdp-social-container .row {
  position: relative;
}

.pdp-social-container .pdp-header {
  font-weight: 300;
  font-size: 0.875em;
  line-height: 1.9;
  min-height: 3.125em;
  text-align: center;
  color: #D600E0;
  border-top: 1px solid #D1D1D1;
  border-bottom: solid 2px #D1D1D1;
  margin-top: 1.125em;
  padding-top: 0.625em;
}

.pdp-social-container .pdp-text {
  text-align: center;
  margin-top: 1.875em;
}

.pdp-social-container .pdp-icons {
  text-align: center;
  padding-top: 0.3125em;
  padding-bottom: 2.125em;
}

.pdp-social-container .pdp-icons .background-circle {
  height: 2.688em;
  width: 2.688em;
  display: inline-block;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/oval-48.svg) center no-repeat;
}

.pdp-social-container .pdp-icons .icon {
  margin-right: 1.25em;
  position: relative;
  display: inline-block;
}

.pdp-social-container .pdp-icons .icon .inner-img {
  position: absolute;
  top: 0.6875em;
  left: 0.6875em;
  width: 1.313em;
  height: 1.313em;
}

.pdp-social-container .gradient-section {
  font-weight: 400;
  font-size: 0.8125em;
  line-height: 1.8;
  letter-spacing: 0.5px;
  text-align: center;
  height: 2.813em;
  background: linear-gradient(to bottom, #1CD8D2 0%, #93EDC7 100%);
  color: #007298;
  padding-top: 0.625em;
}

.pdp-social-container .tooltip-inner {
  background-color: #007298;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
  text-align: center;
  color: #FFFFFF;
  padding: 5px 1rem;
  letter-spacing: 0.5px;
}

.pdp-social-container .alignment {
  top: 0.5rem !important;
}

.pdp-social-container .tooltip.top .tooltip-arrow {
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #007298;
}

@media all and (min-width: 360px) and (max-width: 767px) {
  .pdp-social-container .pdp-text {
    text-align: left;
    margin-left: 2.85em;
  }

  .pdp-social-container .alignment {
    display: none;
  }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  .pdp-social-container .alignment {
    display: none;
  }
}

.btn {
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.9rem 1.625rem 0.85rem;
  font-size: 0.8125rem;
  line-height: 1.2;
  border-radius: 0.1875rem;
  letter-spacing: 1px;
  margin-bottom: 1em;
  transition: all .2s linear;
  white-space: normal;
}

.btn:focus,
.btn:active:focus {
  outline: 0;
}

.btn.btn-link {
  padding: 0.5em;
  text-transform: none;
  font-weight: 300;
  letter-spacing: 0;
}

.btn.btn-default {
  color: white;
  background: #008AB0;
}

.btn.btn-secondary {
  color: #727272;
  border-color: #727272;
}

.btn.btn-tertiary-outline {
  background: none;
  color: black;
  border-color: black;
}

.btn.reverse {
  color: white;
  border-color: white;
}

.btn.facebook {
  color: white;
  background: #3C5A99;
}

.btn.instagram {
  color: white;
  background: #2E587F;
}

.btn.twitter {
  color: white;
  background: #4685B9;
}

.btn.linked-in {
  color: white;
  background: #15548B;
}

.btn.amazon {
  color: white;
  background: #DE9823;
}

.btn.google {
  color: white;
  background: #BC3A2D;
}

.btn.btn-primary.play {
  padding: 0;
  width: 0;
  height: 0;
}

.btn.btn-primary.play span {
  display: none;
}

.pdp-upsell-container .pdp-upsell-section {
  background: #FFFFFF;
  padding: 2.125em 1.125em;
}

.pdp-upsell-container .pdp-upsell-header {
  text-align: center;
  margin-bottom: 2.313em;
}

.pdp-upsell-container .upsell-row {
  border: 1px solid #D1D1D1;
}

.pdp-upsell-container .upsell-productA {
  border-right: 1px solid #D1D1D1;
  min-height: 11.375em;
}

.pdp-upsell-container .upsell-productB {
  border-right: 1px solid #D1D1D1;
  min-height: 11.375em;
}

.pdp-upsell-container .upsell-price {
  min-height: 11.375em;
}

.pdp-upsell-container .upsell-button-wrapper {
  height: 4.625em;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 19.063em;
}

.pdp-upsell-container .upsell-button-wrapper .upsell-button {
  height: 100%;
  width: 100%;
}

.pdp-upsell-container .product-img {
  display: table-cell;
  vertical-align: middle;
  float: none;
  height: 11.375em;
  padding-left: 35px;
  padding-right: 0;
}

.pdp-upsell-container .product-add-symbol-container {
  height: 3.125em;
  width: 3.125em;
  border: 1px solid #D1D1D1;
  position: absolute;
  left: 100%;
  margin: -25px;
  top: 50%;
  z-index: 1;
  border-radius: 50%;
  background-color: #FFFFFF;
}

.pdp-upsell-container .product-add-symbol-container .product-add-symbol {
  height: 40%;
  width: 40%;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-plus.svg) center no-repeat;
}

.pdp-upsell-container .product-desc {
  display: table-cell;
  vertical-align: middle;
  float: none;
  padding: 1.5rem;
}

.pdp-upsell-container .reset {
  padding: 0;
  margin: 0;
}

.pdp-upsell-container .product-img-container {
  height: 5.313em;
  width: 5.313em;
  margin: auto;
  background-color: #D8D8D8;
}

.pdp-upsell-container .product-img-container img {
  height: 5.313rem;
}

.pdp-upsell-container .product-heading {
  color: #008AB0;
  font-size: 1.000em;
  font-weight: 300;
}

.pdp-upsell-container .short-desc {
  font-size: 1.000em;
  font-weight: 300;
  line-height: 1.375;
}

.pdp-upsell-container .button-fixed-text {
  font-weight: 600;
  font-size: 0.813rem;
  line-height: 1.3;
  letter-spacing: 0.5px;
  text-align: center;
}

.pdp-upsell-container .button-floating-text {
  font-weight: 100;
  font-size: 1.750rem;
  line-height: 1.21;
}

.pdp-upsell-container .no-padding {
  padding: 0;
}

@media screen and (max-width: 375px) {
  .pdp-upsell-container h2,
  .pdp-upsell-container p {
    text-align: left;
  }

  .pdp-upsell-container .pdp-upsell-header {
    margin-top: 3.250em;
    margin-bottom: 0.313em;
    text-align: left;
  }

  .pdp-upsell-container .pdp-upsell-body {
    padding: 0;
  }

  .pdp-upsell-container .product-add-symbol-container {
    top: 100%;
    left: 50%;
  }

  .pdp-upsell-container .upsell-row {
    border: none;
  }

  .pdp-upsell-container .pdp-upsell-header {
    text-align: left;
  }

  .pdp-upsell-container .upsell-productA {
    border-bottom: 1px solid #D1D1D1;
    border-top: 0;
    border-right: 0;
    border-left: 0;
  }

  .pdp-upsell-container .upsell-productB {
    border: none;
  }

  .pdp-upsell-container .upsell-price {
    min-height: 6.375em;
  }

  .pdp-upsell-container .product-img {
    width: 25%;
  }
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .pdp-upsell-container h2,
  .pdp-upsell-container p {
    text-align: left;
  }

  .pdp-upsell-container .product-add-symbol-container {
    top: 100%;
    left: 50%;
  }

  .pdp-upsell-container .upsell-productA {
    border-right: 0;
    border-bottom: 1px solid #D1D1D1;
    min-height: 11.375em;
  }

  .pdp-upsell-container .upsell-productB {
    border-right: 0;
    border-bottom: none;
  }

  .pdp-upsell-container .upsell-row {
    border: none;
  }

  .pdp-upsell-container .upsell-price {
    min-height: 6.375em;
  }

  .pdp-upsell-container .product-img {
    padding-left: 1em;
  }

  .pdp-upsell-container .pdp-upsell-section {
    padding: 3.125em 2.125em;
  }

  .pdp-upsell-container .product-desc {
    padding-left: 1.5em;
  }
}

@media screen and (max-width: 1439px) and (min-width: 768px) {
  .pdp-upsell-container .pdp-upsell-section {
    padding: 2.975em 3.437em;
  }

  .pdp-upsell-container .upsell-productA {
    border-right: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
    min-height: 11.375em;
  }

  .pdp-upsell-container .upsell-productB {
    border-right: 0;
    border-bottom: 1px solid #D1D1D1;
    min-height: 11.375em;
  }
}

@media screen and (min-width: 1440px) {
  .pdp-upsell-container .pdp-upsell-section {
    padding: 4.5em 8.75em 4.25em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .pdp-upsell-container .pdp-upsell-section {
    padding: 4.375rem 5.435rem;
  }
}

.btn {
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.9rem 1.625rem 0.85rem;
  font-size: 0.8125rem;
  line-height: 1.2;
  border-radius: 0.1875rem;
  letter-spacing: 1px;
  margin-bottom: 1em;
  transition: all .2s linear;
  white-space: normal;
}

.btn:focus,
.btn:active:focus {
  outline: 0;
}

.btn.btn-link {
  padding: 0.5em;
  text-transform: none;
  font-weight: 300;
  letter-spacing: 0;
}

.btn.btn-default {
  color: white;
  background: #008AB0;
}

.btn.btn-secondary {
  color: #727272;
  border-color: #727272;
}

.btn.btn-tertiary-outline {
  background: none;
  color: black;
  border-color: black;
}

.btn.reverse {
  color: white;
  border-color: white;
}

.btn.facebook {
  color: white;
  background: #3C5A99;
}

.btn.instagram {
  color: white;
  background: #2E587F;
}

.btn.twitter {
  color: white;
  background: #4685B9;
}

.btn.linked-in {
  color: white;
  background: #15548B;
}

.btn.amazon {
  color: white;
  background: #DE9823;
}

.btn.google {
  color: white;
  background: #BC3A2D;
}

.btn.btn-primary.play {
  padding: 0;
  width: 0;
  height: 0;
}

.btn.btn-primary.play span {
  display: none;
}

.reset {
  padding: 0;
  margin: 0;
}

.modal-cross-sign {
  float: right;
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-close-circle.png);
  width: 2em;
  height: 2em;
}

.form-control-label {
  padding: 0em;
}

.h-rule {
  width: 20.250em;
  height: 0.1px;
  margin-top: 4.063em;
  border: solid 1px #B9E1EA;
}

.main-row {
  background-color: #F7F7F7;
}

.description-main-content {
  width: 55.655em;
  display: table;
  margin: 0 auto;
  padding: 0 2.375em;
  background-color: #F7F7F7;
}

.description-main-content .list-items {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.38;
  color: #444444;
  padding: 0 1em;
}

.description-main-content .list-items li {
  padding-bottom: 0.625em;
}

.description-main-content .description-heading-text {
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 1.42;
  color: #444444;
  padding-top: 1.2em;
}

.description-main-content .description-paragraph {
  font-weight: 100;
  font-size: 1.5rem;
  line-height: 1.7rem;
  padding-bottom: 1.250em;
  padding-right: 1em;
}

.description-main-content .left-description-content {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.38;
  color: #444444;
}

.description-main-content .hr-line {
  border: solid 1px #B9E1EA;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .description-main-content .description-paragraph {
    padding-right: 0;
  }
}

@media screen and (max-width: 479px) {
  .description-main-content .description-paragraph {
    padding-right: 0;
  }
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .description-main-content {
    width: 100%;
  }

  .pdp-zoom-image-carousel {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .description-main-content {
    padding: 0 8.375em;
    width: 100%;
  }

  .pdp-product-modal .modal-dialog {
    width: 100%;
    height: 60%;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .pdp-product-modal.app-modal-window .modal-dialog .modal-body {
    padding: 0 1.5rem 2.75rem;
  }

  .pdp-product-modal.app-modal-window .modal-dialog {
    height: 88%;
  }

  .pdp-productbasics .input-group .input-group-addon {
    float: left;
    padding: 0.9rem 0.75rem;
  }
}

@media screen and (min-width: 1440px) {
  .pdp-product-modal.app-modal-window .modal-dialog .modal-body {
    padding: 0 1.5rem 2.75rem;
  }

  .pdp-product-modal.app-modal-window .modal-dialog {
    height: 88%;
  }

  .pdp-productbasics .input-group .input-group-addon {
    float: left;
    padding: 0.9rem 0.75rem;
  }
}

.pdp-productingredients .panel-group {
  margin-top: 4.2rem;
}

.pdp-productingredients .pdp-accordion-wrapper {
  width: 49.875em;
  display: table;
  margin: 0 auto;
}

.pdp-productingredients #accordionform {
  background: #FFFFFF;
  padding: 0 1.375em;
}

.pdp-productingredients #accordionform .panel {
  padding: 1em 0 0;
  margin-bottom: 0;
}

.pdp-productingredients #accordion {
  border-top: 1px solid #A7A7A7;
}

.pdp-productingredients .pdp-header {
  font-weight: 100;
  color: #444444;
}

.pdp-productingredients table,
.pdp-productingredients th,
.pdp-productingredients td {
  border-collapse: collapse;
  border: 1px solid #443A3A;
}

.pdp-productingredients tr td {
  vertical-align: center;
  padding: 0.313em;
}

.pdp-productingredients tr th {
  padding: 0.313em;
}

.pdp-productingredients thead tr:first-child td {
  text-align: left;
}

.pdp-productingredients td:first-child {
  width: 60%;
  text-align: left;
}

.pdp-productingredients td:nth-child(2),
.pdp-productingredients td:nth-child(3) {
  width: 20%;
  text-align: right;
}

.pdp-productingredients .pdp-cell-text {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  color: #444444;
}

.pdp-productingredients .pdp-cell-data {
  font-size: 0.875rem;
  font-weight: 300;
  color: #443A3A;
}

.pdp-productingredients .pdp-content-wrapper {
  background-color: #FFFFFF;
  margin-bottom: 0.75rem;
  padding: 0.625rem;
}

.pdp-productingredients .pdp-content-wrapper h3 {
  text-transform: none;
  margin-top: 0.5rem;
}

.pdp-productingredients .pdp-content-wrapper #accordionform {
  padding: 0;
  background: none;
  opacity: 1;
  transition: all 0.75s cubic-bezier(0.16, 1.32, 0.91, 1.26);
}

.pdp-productingredients .list-pane {
  margin-top: 2.3125rem;
  padding: 0px;
}

.pdp-productingredients .list-pane img {
  width: 27.25rem;
}

.pdp-productingredients .pdp-content-wrapper .panel-default {
  margin-bottom: 1rem;
}

.pdp-productingredients h3 {
  text-transform: none;
  color: #727272;
}

.pdp-productingredients p {
  color: #444444;
}

.pdp-productingredients span {
  font-size: 1.375rem;
}

.pdp-productingredients .m-l-neg-20 {
  margin-left: -1.125em;
}

.pdp-productingredients .m-l-neg-8 {
  margin-left: -0.5em;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .pdp-productingredients #accordionform {
    padding: 0 8.375em;
  }

  .pdp-productingredients .pdp-accordion-wrapper {
    width: 100%;
    padding-bottom: 0;
  }

  .pdp-productingredients .panel-group {
    margin-top: 3rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .pdp-productingredients .pdp-accordion-wrapper {
    width: 55.655em;
    padding: 0 2.375em 0.7em;
  }
}

@media (max-width: 767px) {
  .pdp-productingredients .pdp-accordion-wrapper {
    width: 100%;
  }

  .pdp-productingredients .panel-group {
    margin-top: 3rem;
  }

  .pdp-productingredients .list-pane img {
    width: 20.625rem;
  }
}

@media (min-width: 1440px) {
  .pdp-productingredients .pdp-accordion-wrapper {
    width: 55.655em;
    padding: 0 2.375em 0.7em;
  }
}

.pdp-productusage-container .panel-group {
  margin-top: 1.2rem;
}

.pdp-productusage-container .pdp-accordion-wrapper {
  width: 49.875em;
  display: table;
  margin: 0 auto;
}

.pdp-productusage-container #accordionform {
  background: #FFFFFF;
  padding: 0 1.375em;
}

.pdp-productusage-container #accordionform .panel {
  padding: 1em 0 0;
}

.pdp-productusage-container #accordion {
  border-top: 1px solid #A7A7A7;
}

.pdp-productusage-container .pdp-header {
  font-weight: 100;
  color: #444444;
}

.pdp-productusage-container .pdp-cell-text {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}

.pdp-productusage-container .pdp-cell-data {
  font-size: 0.8125rem;
  font-weight: 300;
  color: #443A3A;
}

.pdp-productusage-container .pdp-content-wrapper {
  background-color: #FFFFFF;
  margin-bottom: 0.75rem;
  padding: 0.625rem;
}

.pdp-productusage-container .pdp-content-wrapper h3 {
  text-transform: none;
  margin-top: 0.5rem;
}

.pdp-productusage-container .pdp-content-wrapper #accordionform {
  padding: 0;
  background: none;
  opacity: 1;
  transition: all 0.75s cubic-bezier(0.16, 1.32, 0.91, 1.26);
}

.pdp-productusage-container .list-pane {
  margin-top: 2.5em;
  padding: 0px;
  width: 27.25rem;
}

.pdp-productusage-container .reset {
  margin: 0;
  padding: 0;
}

.pdp-productusage-container .testimonial-video-foot {
  padding-top: 0.438em;
}

.pdp-productusage-container .product-margin {
  margin-top: 0.750em;
}

.pdp-productusage-container .video-desc {
  color: #A4A5A6;
  text-align: left;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
}

.pdp-productusage-container .video-desc span {
  color: #A4A5A6;
  text-align: left;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.85;
}

.pdp-productusage-container .video-duration {
  color: #A4A5A6;
  text-align: right;
  font-size: 0.8rem;
  font-weight: 300;
  line-height: 1.85;
}

.pdp-productusage-container h3 {
  text-transform: none;
}

.pdp-productusage-container span {
  font-size: 1.375rem;
}

@media screen and (max-width: 375px) {
  .pdp-productusage-container .video-desc {
    float: left;
    width: 66.66%;
  }

  .pdp-productusage-container .video-duration {
    float: left;
    width: 33.33%;
  }

  .pdp-productusage-container .panel-group {
    margin-top: 1.2rem;
  }

  .pdp-productusage-container .video-btn.without-controls {
    background: #cccccc;
  }

  .pdp-productusage-container #bigPlayButton {
    height: 4.5rem;
    width: 4.5rem;
    position: absolute;
    left: calc(50% - 2.25rem);
    top: calc(50% - 2.25rem);
  }

  .pdp-productusage-container #bigPlayButton::before {
    height: 2.3125rem;
    width: 2.0625rem;
    position: relative;
    left: 4px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .pdp-productusage-container #accordionform {
    padding: 0 8.375em;
  }

  .pdp-productusage-container .pdp-accordion-wrapper {
    width: 100%;
    padding-bottom: 0;
  }

  .pdp-productusage-container .panel-group {
    margin-top: 1.2rem;
  }

  .pdp-productusage-container .video-btn.without-controls {
    background: #cccccc;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .pdp-productusage-container .pdp-accordion-wrapper {
    width: 55.655em;
    padding: 0 2.375em 0.7em;
  }
}

@media (min-width: 1440px) {
  .pdp-productusage-container .pdp-accordion-wrapper {
    width: 55.655em;
    padding: 0 2.375em 0.7em;
  }
}

@media (max-width: 767px) {
  .pdp-productusage-container .pdp-accordion-wrapper {
    width: 100%;
  }

  .pdp-productusage-container .panel-group {
    margin-top: 1.2rem;
  }

  .pdp-productusage-container .video-btn.without-controls {
    background: #cccccc;
  }

  .pdp-productusage-container #bigPlayButton {
    height: 4.5rem;
    width: 4.5rem;
    position: absolute;
    left: calc(50% - 2.25rem);
    top: calc(50% - 2.25rem);
  }

  .pdp-productusage-container #bigPlayButton::before {
    height: 2.3125rem;
    width: 2.0625rem;
    position: relative;
    left: 4px;
  }

  .pdp-productusage-container .list-pane {
    width: 20.625rem;
  }
}

.pdp-productresources .panel-group {
  margin-top: 1.4rem;
}

.pdp-productresources .pdp-accordion-wrapper {
  width: 49.875em;
  display: table;
  margin: 0 auto;
}

.pdp-productresources h3 {
  text-transform: none;
  color: #727272;
}

.pdp-productresources span {
  font-size: 1.375rem;
}

.pdp-productresources .pdp-header {
  font-weight: 100;
  color: #444444;
}

.pdp-productresources #accordionform {
  background: #FFFFFF;
  padding: 0 1.375em;
}

.pdp-productresources #accordionform .panel {
  padding: 1em 0 0;
}

.pdp-productresources #accordion {
  border-top: 1px solid #A7A7A7;
  border-bottom: 1px solid #A7A7A7;
}

.pdp-productresources .pdp-header {
  font-weight: 100;
}

.pdp-productresources .pdp-cell-text {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}

.pdp-productresources .pdp-cell-data {
  font-size: 0.8125rem;
  font-weight: 300;
  color: #443A3A;
}

.pdp-productresources .pdp-content-wrapper {
  background-color: #FFFFFF;
  margin-bottom: 0.75rem;
  padding: 0.625rem;
}

.pdp-productresources .pdp-content-wrapper h3 {
  text-transform: none;
  margin-top: 0.5rem;
}

.pdp-productresources .pdp-content-wrapper #accordionform {
  padding: 0;
  background: none;
  opacity: 1;
  transition: all 0.75s cubic-bezier(0.16, 1.32, 0.91, 1.26);
}

.pdp-productresources .list-pane {
  margin-top: 2.3125rem;
  padding: 0px;
}

.pdp-productresources .pdp-content-wrapper .panel-default {
  margin-bottom: 1rem;
}

.pdp-productresources #product-tile span {
  font-size: 0.8125rem;
  font-weight: 300;
}

.pdp-productresources .pdp-padding {
  padding: 0.5em 0.25em 0.5em 0.25em;
}

.pdp-productresources .logo-padding .logo {
  margin-bottom: 0.563em;
}

.pdp-productresources .logo-padding .tile-container .tile-image {
  height: 6.875em;
}

.pdp-productresources .logo-padding .tile-container .tile-image img {
  height: 6.875rem;
}

.pdp-productresources .logo-padding .tile-container {
  background-color: transparent;
}

.pdp-productresources .logo-padding .tile-container .tile {
  border: 1px solid #DEE0E0;
  cursor: pointer;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .pdp-productresources #accordionform {
    padding: 0 8.375em;
  }

  .pdp-productresources .pdp-accordion-wrapper {
    width: 100%;
    padding-bottom: 3em;
  }

  .pdp-productresources .pdp-accordion-wrapper .panel-body {
    width: 22.25em;
  }

  .pdp-productresources .panel-group {
    margin-top: 1.4rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .pdp-productresources .pdp-accordion-wrapper {
    width: 55.655em;
    padding: 0 2.375em 3em;
  }
}

@media (min-width: 1440px) {
  .pdp-productresources .pdp-accordion-wrapper {
    width: 55.655em;
    padding: 0 2.375em 3em;
  }
}

@media (max-width: 767px) {
  .pdp-productresources .pdp-accordion-wrapper {
    width: 100%;
  }

  .pdp-productresources .panel-group {
    margin-top: 1.4rem;
  }
}

.pdp-productbasics-resources .panel-group {
  margin-top: 1.4rem;
}

.pdp-productbasics-resources .pdp-accordion-wrapper {
  width: 49.875em;
  display: table;
  margin: 0 auto;
}

.pdp-productbasics-resources h3 {
  text-transform: none;
  color: #727272;
}

.pdp-productbasics-resources span {
  font-size: 1.375rem;
}

.pdp-productbasics-resources .pdp-header {
  font-weight: 100;
  color: #444444;
}

.pdp-productbasics-resources #productresources > div,
.pdp-productbasics-resources #productresources1 > div {
  margin-top: 1rem;
  border-top: 1px solid #A7A7A7;
}

.pdp-productbasics-resources #accordionform {
  background: #FFFFFF;
  padding: 0 1.375em;
}

.pdp-productbasics-resources #accordionform .panel {
  padding: 1em 0 0;
}

.pdp-productbasics-resources #accordion {
  border-top: 1px solid #A7A7A7;
  border-bottom: 1px solid #A7A7A7;
}

.pdp-productbasics-resources .pdp-cell-text {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}

.pdp-productbasics-resources .pdp-cell-data {
  font-size: 0.8125rem;
  font-weight: 300;
  color: #443A3A;
}

.pdp-productbasics-resources .pdp-content-wrapper {
  background-color: #FFFFFF;
  margin-bottom: 0.75rem;
  padding: 0.625rem;
}

.pdp-productbasics-resources .pdp-content-wrapper h3 {
  text-transform: none;
  margin-top: 0.5rem;
}

.pdp-productbasics-resources .pdp-content-wrapper #accordionform {
  padding: 0;
  background: none;
  opacity: 1;
  transition: all 0.75s cubic-bezier(0.16, 1.32, 0.91, 1.26);
}

.pdp-productbasics-resources .list-pane {
  margin-top: 2.3125rem;
  padding: 0px;
}

.pdp-productbasics-resources .pdp-content-wrapper .panel-default {
  margin-bottom: 1rem;
}

.pdp-productbasics-resources #product-tile span {
  font-size: 0.8125rem;
  font-weight: 300;
}

.pdp-productbasics-resources .pdp-padding {
  padding: 0.5em 0.25em 0.5em 0.25em;
}

.pdp-productbasics-resources .logo-padding .logo {
  margin-bottom: 0.563em;
}

.pdp-productbasics-resources .logo-padding .tile-container .tile-image {
  height: 6.875em;
}

.pdp-productbasics-resources .logo-padding .tile-container .tile-image img {
  height: 6.875rem;
}

.pdp-productbasics-resources .logo-padding .tile-container {
  background-color: transparent;
}

.pdp-productbasics-resources .logo-padding .tile-container .tile {
  border: 1px solid #DEE0E0;
  cursor: pointer;
}

.pdp-productbasics-resources .resource-wrapper {
  display: flex;
  padding-bottom: 1.5rem;
  border-bottom: solid 1px #D1D1D1;
}

.pdp-productbasics-resources .resource-wrapper .document-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-document-asset-copy-18@3x.png) no-repeat center center;
}

.pdp-productbasics-resources .resource-wrapper .pdf-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-pdf-asset-copy-19@3x.png) no-repeat center center;
}

.pdp-productbasics-resources .resource-wrapper .presentation-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-presentation-asset-copy-18@3x.png) no-repeat center center;
}

.pdp-productbasics-resources .resource-wrapper .video-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-video-asset-copy-16@3x.png) no-repeat center center;
}

.pdp-productbasics-resources .resource-wrapper .audio-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-audio-asset-copy-10@3x.png) no-repeat center center;
}

.pdp-productbasics-resources .resource-wrapper .image-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-image-asset-copy-19@3x.png) no-repeat center center;
}

.pdp-productbasics-resources .resource-wrapper .asset-img {
  height: 1.875rem;
  min-width: 1.875rem;
  max-width: 1.875rem;
  margin-right: 0.813rem;
  border-radius: 50%;
  background-size: contain;
}

.pdp-productbasics-resources .resource-wrapper .text-wrapper {
  padding-top: 3px;
}

.pdp-productbasics-resources .resource-wrapper .asset-heading {
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.22;
  text-align: left;
  color: #444444;
}

.pdp-productbasics-resources .resource-wrapper .asset-description {
  font-size: 13px;
  font-weight: 100;
  color: #444444;
  line-height: 1.22;
  margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .pdp-productbasics-resources #accordionform {
    padding: 0 8.375em;
  }

  .pdp-productbasics-resources .pdp-accordion-wrapper {
    width: 100%;
    padding-bottom: 3em;
  }

  .pdp-productbasics-resources .pdp-accordion-wrapper .panel-body {
    width: 22.25em;
  }

  .pdp-productbasics-resources .panel-group {
    margin-top: 1.4rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .pdp-productbasics-resources .pdp-accordion-wrapper {
    width: 55.655em;
    padding: 0 2.375em 3em;
  }
}

@media (min-width: 1440px) {
  .pdp-productbasics-resources .pdp-accordion-wrapper {
    width: 55.655em;
    padding: 0 2.375em 3em;
  }
}

@media (max-width: 767px) {
  .pdp-productbasics-resources .pdp-accordion-wrapper {
    width: 100%;
  }

  .pdp-productbasics-resources .panel-group {
    margin-top: 1.4rem;
  }
}

.pdp-recurring-order {
  margin-top: 3.250em;
}

.pdp-recurring-order .modal-dialog {
  width: 20.313em;
  margin: auto;
}

.pdp-recurring-order .modal-body .bag-image {
  padding-top: 2.813em;
}

.pdp-recurring-order .modal-body a {
  font-weight: 600;
  text-decoration: none;
  font-size: 0.813em;
  cursor: pointer;
}

.pdp-recurring-order .modal-body .cart-details {
  font-weight: 100;
  line-height: 1.19;
}

.pdp-recurring-order .modal-body .cart-details .updated-order {
  font-size: 0.875em;
  line-height: 2.43;
}

.pdp-recurring-order .modal-body .cart-details .total-amount {
  font-size: 1.750em;
  line-height: 1.21;
}

.pdp-recurring-order .modal-body .cart-details-section {
  padding-bottom: 0.938em;
  font-weight: 100;
  line-height: 1.19;
  font-size: 0.813em;
}

.pdp-recurring-order .modal-body .cart-details-section .bag-items {
  padding-left: 10%;
  border-right: 1px solid #EAEAEA;
  margin-left: -0.875em;
  text-align: right;
}

.pdp-recurring-order .modal-body .cart-details-section .psv-total {
  padding-right: 0;
  padding-left: 0.986em;
}

.pdp-recurring-order .modal-body .cart-details-section span {
  color: #727272;
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 1.89;
  padding-left: 0.263em;
  cursor: default;
}

.pdp-recurring-order .modal-body .product-Image .product-Img {
  height: 4em;
  margin: 0.625em 0;
}

.pdp-recurring-order .modal-body span {
  color: #008AB0;
  font-weight: 600;
  font-size: 0.875rem;
  cursor: pointer;
}

.pdp-recurring-order .modal-body .radio p {
  font-weight: 100;
}

.pdp-recurring-order .modal-body .radio input[type="radio"] {
  height: 30%;
}

.pdp-recurring-order .modal-body .radio label {
  font-weight: 100;
  font-size: 1rem;
  margin-bottom: 1.438em;
}

.pdp-recurring-order .modal-body .radio label .shipdate {
  font-weight: 300;
  font-size: 0.813rem;
}

.pdp-recurring-order .modal-body .radio .p-b-2 {
  padding-bottom: 1.188em !important;
}

.pdp-recurring-order .modal-body h3 {
  text-transform: none;
  margin-bottom: 1.5em;
}

.pdp-recurring-order .modal-body legend {
  margin-bottom: 1.500em;
}

@media screen and (min-width: 768px) {
  .pdp-recurring-order {
    margin-top: 1.938em;
  }

  .pdp-recurring-order .modal-dialog {
    width: 34.375em;
  }

  .pdp-recurring-order .p-y-0 {
    padding-bottom: 0.750em !important;
  }

  .pdp-recurring-order .p-x-2 {
    padding-left: 3.625em !important;
    padding-right: 3.625em !important;
  }

  .pdp-recurring-order .product-Image {
    width: 19.83%;
  }

  .pdp-recurring-order .modal-body .radio {
    padding-left: 25%;
    padding-right: 11%;
  }

  .pdp-recurring-order .modal-body .radio .p-b-2 {
    padding-bottom: 0.563em !important;
  }

  .pdp-recurring-order .modal-body .cart-details-section {
    padding-bottom: 1.500em;
  }

  .pdp-recurring-order .modal-body .cart-details-section .bag-items {
    padding-left: 29%;
  }

  .pdp-recurring-order .modal-body .cart-details-section .psv-total {
    padding-left: 1.1em;
    padding-right: 0;
  }
}

@keyframes rotateLeft {
  0.00% {
    transform: rotate(0deg) translate3d(-5.625em, -2.8125em, 0) rotate(0deg);
  }

  25% {
    opacity: 1;
  }

  100% {
    transform: rotate(90deg) translate3d(0, 0, 0) rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateRight {
  0.00% {
    transform: rotate(0deg) translate3d(5.625em, -2.8125em, 0) rotate(0deg);
  }

  25% {
    opacity: 1;
  }

  100% {
    transform: rotate(-90deg) translate3d(0, 0, 0) rotate(90deg);
    opacity: 0;
  }
}

@keyframes checked {
  0% {
    opacity: 0;
    transform: scale3d(1);
  }

  50% {
    transform: scale3d(1.2, 1.2, 1.2);
  }

  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bagBounce {
  0% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, 10%, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes conifrmEnter {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 0;
  }

  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 0.5px;
  color: #008AB0;
  padding-top: 0.8125rem;
  cursor: pointer;
  text-transform: uppercase;
}

#shoppingCartModal .modal-content {
  border-radius: 0;
  width: 18.75em;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

#shoppingCartModal {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: inherit;
}

#shoppingCartModal .modal-dialog {
  margin-left: auto;
  margin-right: auto;
}

#shoppingCartModal .remove-padding {
  padding: 0;
}

#add-to-cart .bag-item b {
  font-size: 1.125rem;
  margin-left: 0.3125rem;
  color: #727272;
  font-weight: normal;
}

#add-to-cart {
  margin: 0 auto;
  width: 18.75em;
}

#add-to-cart .cart-overlay {
  background: #FFFFFF;
  padding: 3rem 0 3rem;
}

#add-to-cart .cart-confirm {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 2rem;
}

#add-to-cart .icons {
  position: relative;
  height: 2.375em;
  transform-origin: center 18.75em;
  margin-bottom: 1rem;
  animation: bagBounce .25s linear;
  animation-delay: .8s;
  animation-fill-mode: both;
}

#add-to-cart .icons::before {
  content: '';
  display: block;
  position: absolute;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-product-tub.svg) no-repeat;
  background-size: 100%;
  height: 0.8125rem;
  width: 0.8125rem;
  bottom: 0;
  left: 0;
  opacity: 0;
  animation: .35s rotateLeft ease-in;
  animation-delay: .5s;
  animation-fill-mode: both;
}

#add-to-cart .icons::after {
  content: '';
  display: block;
  position: absolute;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-product-tube.svg) no-repeat;
  background-size: 100%;
  height: 1.4375em;
  width: 0.625rem;
  bottom: 0;
  right: 0;
  opacity: 0;
  animation: .35s rotateRight ease-in;
  animation-delay: .5s;
  animation-fill-mode: both;
}

#add-to-cart .icon-shopping-bag {
  display: block;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-shopping-bag.svg) no-repeat;
  background-size: 100%;
  height: 2.375em;
  width: 2em;
  position: relative;
  z-index: 10;
}

#add-to-cart .icon-shopping-bag::before {
  content: '';
  display: block;
  position: absolute;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-checkmark-circle.svg) no-repeat;
  background-size: 100%;
  height: 1.375em;
  width: 1.375em;
  bottom: -0.5rem;
  right: -0.5rem;
  animation: checked .25s ease-in;
  animation-delay: .8s;
  animation-fill-mode: both;
}

#add-to-cart .cart-total {
  padding-top: 1.563rem;
  width: 100%;
  border-top: 0.0625rem solid #EAEAEA;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#add-to-cart .text-confirm {
  animation: conifrmEnter .25s ease-in;
  animation-delay: 1s;
  animation-fill-mode: both;
  margin: 0;
}

#add-to-cart .cart-total-footer {
  display: flex;
}

#add-to-cart .cart-total-footer p {
  font-size: 0.8125rem;
  margin: 0;
}

#add-to-cart .cart-total-footer p::before {
  float: left;
  margin: 0 1rem;
  content: '';
  width: 0.0625rem;
  height: 1.5em;
  background: #EAEAEA;
}

#add-to-cart .cart-total-footer p:first-of-type::before,
#add-to-cart .cart-total-footer p:only-of-type::before {
  content: none;
}

#add-to-cart .cart-total-footer p strong {
  font-size: 1rem;
  font-weight: 300;
}

#add-to-cart .cart-total-header {
  text-align: center;
}

#add-to-cart .cart-total-header h3 {
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}

.page__main .drop-section .dropdown-menu {
  max-height: 25em;
  width: 20.3125em;
  overflow: auto;
  position: absolute;
  left: 0;
  top: 2.8125em;
  z-index: 8005;
}

.page__main .drop-section .dropdown-menu input {
  width: 100%;
  text-align: left;
}

.page__main .drop-section .dropdown-menu li {
  text-align: left;
  font-size: 1rem;
  margin: 0 0.5rem;
}

.page__main .drop-section .dropdown-menu li a {
  font-size: 1rem;
  text-decoration: none;
  color: #444444;
  padding: 3px 0.5rem;
  display: block;
  clear: both;
  line-height: 1.42857143;
  white-space: nowrap;
}

.page__main .drop-section .skus-btn {
  width: 20.3125rem;
}

.page__main .drop-section .input-group {
  width: 100%;
}

.page__main .drop-section .dropdown-menu > li > a:hover,
.page__main .drop-section .dropdown-menu > li > a:focus {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #008AB0;
  opacity: 0.6;
}

@media all and (max-width: 359px) {
  #shoppingCartModal #add-to-cart .cart-overlay {
    padding: 1rem 0 1rem;
  }

  #shoppingCartModal #add-to-cart .cart-overlay .cart-confirm {
    padding-bottom: 1.563rem;
  }
}

@media all and (min-width: 360px) and (max-width: 767px) {
  #shoppingCartModal .modal-dialog {
    width: auto;
  }

  #shoppingCartModal .modal-content {
    width: 100%;
  }

  #shoppingCartModal #add-to-cart {
    width: 100%;
  }

  #shoppingCartModal #add-to-cart .cart-overlay {
    padding: 1rem 0 1rem;
  }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  #shoppingCartModal .modal-dialog {
    width: auto;
  }
}

.landing-page-banner-container {
  background-color: #F7F7F7;
}

.landing-page-banner-container .landing-page-banner-content {
  width: 84.375em;
  height: 37.5em;
  background-color: #FFFFFF;
  margin: 0 auto;
}

.landing-page-banner-container .landing-page-banner-content .landing-page-banner-overlay {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}

.landing-page-banner-container .landing-page-banner-content .landing-page-banner-content-in a.btn-primary-outline {
  width: 8.875rem;
  cursor: pointer;
}

.landing-page-banner-container .landing-page-banner-content .landing-page-banner-content-in h2 {
  text-transform: uppercase;
}

.landing-page-banner-container .landing-page-banner-content .landing-page-banner-content-in p.small {
  font-weight: 600;
  color: #A7A7A7;
  line-height: 1.23;
  letter-spacing: 0.5px;
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .landing-page-banner-container {
    padding: 1.5em 0;
    height: 100%;
    overflow: auto;
  }

  .landing-page-banner-container .landing-page-banner-content {
    width: 90%;
    min-height: 33.5em;
    height: 33.5em;
  }

  .landing-page-banner-container .landing-page-banner-overlay {
    width: 100%;
    height: 13.625em;
    position: relative;
  }

  .landing-page-banner-container .landing-page-banner-content-in {
    padding: 2.375em 1.5em;
    background: #FFFFFF;
  }

  .landing-page-banner-container .landing-page-banner-content-in a.btn-primary-outline {
    display: block;
    margin: 0 auto;
  }

  .landing-page-banner-container .landing-page-banner-content-in p.small {
    margin-bottom: 2.375rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .landing-page-banner-container {
    padding: 1.5em 0;
    height: 100%;
    overflow: auto;
  }

  .landing-page-banner-container .landing-page-banner-content {
    width: 90%;
    min-height: 46.875em;
    height: 46.875em;
  }

  .landing-page-banner-container .landing-page-banner-overlay {
    width: 100%;
    height: 30.25em;
    position: relative;
  }

  .landing-page-banner-container .landing-page-banner-content-in {
    padding: 2.375em 7.75em;
    background: #FFFFFF;
  }

  .landing-page-banner-container .landing-page-banner-content-in a.btn-primary-outline {
    display: block;
    margin: 0 auto;
  }

  .landing-page-banner-container .landing-page-banner-content-in p.small {
    margin-bottom: 1.875rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .landing-page-banner-container {
    padding: 2em 0;
  }

  .landing-page-banner-container .landing-page-banner-content {
    width: 90%;
    height: 26.75em;
  }

  .landing-page-banner-container .landing-page-banner-overlay {
    width: 60%;
    height: 26.75em;
    position: absolute;
  }

  .landing-page-banner-container .landing-page-banner-content-in {
    padding-top: 3.375em;
  }

  .landing-page-banner-container .landing-page-banner-content-in .landing-page-banner-text {
    padding-left: 1.75em;
    padding-right: 1.6em;
  }

  .landing-page-banner-container .landing-page-banner-content-in p.small {
    margin-bottom: 3.75rem;
  }
}

@media screen and (min-width: 1440px) {
  .landing-page-banner-container {
    padding: 2.8125em 0;
  }

  .landing-page-banner-container .landing-page-banner-overlay {
    width: 55.75em;
    height: 37.5em;
    min-height: 37.5em;
    position: absolute;
  }

  .landing-page-banner-container .landing-page-banner-content-in {
    padding-top: 10.375em;
  }

  .landing-page-banner-container .landing-page-banner-content-in .landing-page-banner-text {
    padding-left: 6em;
    padding-right: 4.3125em;
  }

  .landing-page-banner-container .landing-page-banner-content-in p.small {
    margin-bottom: 3rem;
  }
}

.landing-page-banner-full-container {
  background-color: #F7F7F7;
}

.landing-page-banner-full-container .landing-page-banner-content {
  width: 100%;
  height: 37.5em;
  margin: 0 auto;
}

.landing-page-banner-full-container .landing-page-banner-content .landing-page-banner {
  background-position: 2.75rem -28.5rem;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 26.875em;
  width: 100%;
}

.landing-page-banner-full-container .landing-page-banner-content .landing-page-banner-overlay {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
}

.landing-page-banner-full-container .landing-page-banner-content .landing-page-banner-overlay img {
  height: 100%;
  object-fit: cover;
}

.landing-page-banner-full-container .landing-page-banner-content .landing-page-banner-content-in h2 {
  text-transform: uppercase;
}

.landing-page-banner-full-container .landing-page-banner-content .landing-page-banner-content-in p.small {
  font-weight: 600;
  color: #A7A7A7;
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .landing-page-banner-full-container .landing-page-banner-content {
    width: 100%;
    height: 100%;
  }

  .landing-page-banner-full-container .landing-page-banner-content .landing-page-banner {
    background-size: 150%;
    height: 20em;
    background-position: -6.5rem -4.25rem;
  }

  .landing-page-banner-full-container .landing-page-banner-overlay {
    width: 100%;
    height: 20em;
    position: relative;
  }

  .landing-page-banner-full-container .landing-page-banner-content-in {
    padding: 2em 1.5em 0;
  }

  .landing-page-banner-full-container .landing-page-banner-content-in a {
    display: block;
    margin: 0 auto;
    float: none;
    width: 12.75rem;
  }

  .landing-page-banner-full-container .landing-page-banner-content-in .landing-page-button-container {
    padding-bottom: 2em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .landing-page-banner-full-container .landing-page-banner-content {
    width: 100%;
    min-height: 34.375em;
  }

  .landing-page-banner-full-container .landing-page-banner-content .landing-page-banner {
    background-size: 100%;
    height: 20em;
    background-position: 1.5rem -13.25rem;
  }

  .landing-page-banner-full-container .landing-page-banner-overlay {
    width: 100%;
    height: 20em;
    position: relative;
  }

  .landing-page-banner-full-container .landing-page-banner-content-in {
    padding: 3em 9.25em;
  }

  .landing-page-banner-full-container .landing-page-banner-content-in a {
    width: 12.75rem;
    float: left;
    margin-right: 1em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .landing-page-banner-full-container .landing-page-banner-content {
    width: 100%;
    height: 26.875em;
  }

  .landing-page-banner-full-container .landing-page-banner-content .landing-page-banner {
    background-size: 100%;
    height: 26.875em;
    background-position: 0.25rem -17rem;
  }

  .landing-page-banner-full-container .landing-page-banner-overlay {
    width: 100%;
    height: 26.875em;
    position: relative;
  }

  .landing-page-banner-full-container .landing-page-banner-content-in {
    padding: 3em 2em;
  }

  .landing-page-banner-full-container .landing-page-banner-content-in .landing-page-banner-text {
    padding-right: 14.5em;
  }

  .landing-page-banner-full-container .landing-page-button-container {
    margin-top: -10px;
  }

  .landing-page-banner-full-container .landing-page-button-container a {
    width: 12.75rem;
  }
}

@media screen and (min-width: 1440px) {
  .landing-page-banner-full-container .landing-page-banner-overlay {
    width: 100%;
    height: 26.875em;
    position: relative;
  }

  .landing-page-banner-full-container .landing-page-banner-content-in {
    padding: 3em 16.125em;
  }

  .landing-page-banner-full-container .landing-page-banner-content-in .landing-page-banner-text {
    padding-right: 12.25em;
  }

  .landing-page-banner-full-container .landing-page-banner-content-in .landing-page-button-container {
    margin-top: -10px;
  }

  .landing-page-banner-full-container .landing-page-banner-content-in .landing-page-button-container a {
    width: 12.75rem;
  }
}

.ten-products-main .pdp-product-view .pdp-product-title {
  min-height: 3.375em;
}

.ten-products-main .pdp-product-view {
  min-height: 0;
}

.ten-products-main .category-heading h3 {
  padding-bottom: 2.375em;
}

.ten-products-main .product-view {
  margin: 0px 0 4.875em;
}

.ten-products-main .psv-color {
  color: #727272;
}

.ten-products-main .purchase-link {
  cursor: pointer;
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .ten-products-main .product-view {
    margin: 0px 0 1.875em;
  }
}

#bigPlayButton {
  cursor: pointer;
  text-align: center;
  border-radius: 50%;
  height: 3.75em;
  width: 3.75em;
  margin: 0;
  padding: 0;
  position: absolute;
  left: calc(50% - 1.875em);
  top: calc(50% - 1.875em);
  z-index: 10;
  background: rgba(0, 138, 176, 0.75);
  border: none;
}

#bigPlayButton::before {
  content: '';
  display: block;
  height: 1.375em;
  width: 1.25em;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-play.svg) no-repeat;
  background-size: 100%;
  margin: 0 auto;
  position: relative;
  left: 3px;
  -webkit-transition: .5s all;
  transition: .5s all;
}

#bigPlayButton.paused::before {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-pause.svg) no-repeat;
  background-size: 100%;
  left: 0;
  top: 0.1875em;
}

#bigPlayButton:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

#bigPlayButton span {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.pdp-testimonial-container {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/prism-productdetail.png) center no-repeat;
  background-size: cover;
  padding: 2.7em 2.25em 3em;
}

.pdp-testimonial-container .slick-dots li button:before {
  font-size: 0;
}

.pdp-testimonial-container .reset {
  margin: 0;
  padding: 0;
}

.pdp-testimonial-container .testimonial-header {
  text-align: center;
  color: #FFFFFF;
  font-size: 1.75rem;
  font-weight: 100;
  line-height: 1.21;
}

.pdp-testimonial-container .testimonial-body {
  text-align: center;
}

.pdp-testimonial-container .testimonial-body p {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5;
  color: #FFFFFF;
  margin: 0;
}

.pdp-testimonial-container .dash {
  background-color: #1CD8D2;
  width: 8%;
  height: 0.2em;
  margin: 1.725em 46% 1.05em;
}

.pdp-testimonial-container .testimonial-foot {
  text-align: center;
  line-height: 1;
  letter-spacing: 0.5px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}

.pdp-testimonial-container .testimonial-video-foot {
  padding-top: 0.55em;
}

.pdp-testimonial-container .video-desc {
  color: #FFFFFF;
  text-align: left;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
}

.pdp-testimonial-container .video-desc span {
  color: #FFFFFF;
  text-align: left;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.85;
}

.pdp-testimonial-container .video-duration {
  color: #FFFFFF;
  text-align: right;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.85;
}

.pdp-testimonial-container .slick-dots {
  bottom: -2.25em;
}

.pdp-testimonial-container .slick-dots li {
  width: 0.625em;
  height: 0.625em;
}

.pdp-testimonial-container .slick-dots li button {
  background: transparent;
  border: 1px solid #FFFFFF;
  width: 0.625em;
  height: 0.625em;
}

.pdp-testimonial-container .slick-dots li.slick-active button {
  background: #FFFFFF;
}

.pdp-testimonial-container .slick-dots li button:before,
.pdp-testimonial-container .slick-dots li.slick-active button:before {
  opacity: 0;
}

@media screen and (max-width: 375px) {
  .pdp-testimonial-container .testimonial-header {
    text-align: left;
  }

  .pdp-testimonial-container .testimonial-body {
    text-align: left;
  }

  .pdp-testimonial-container .video-desc {
    float: left;
    width: 66.66%;
  }

  .pdp-testimonial-container .video-duration {
    float: left;
    width: 33.33%;
  }

  .pdp-testimonial-container .testimonial-slides {
    padding-top: 0.625em;
  }

  .pdp-testimonial-container .video-btn.without-controls {
    background: rgba(255, 255, 255, 0.4);
  }

  .pdp-testimonial-container #bigPlayButton {
    height: 4.5rem;
    width: 4.5rem;
    position: absolute;
    left: calc(50% - 2.25rem);
    top: calc(50% - 2.25rem);
  }

  .pdp-testimonial-container #bigPlayButton::before {
    height: 2.3125rem;
    width: 2.0625rem;
    position: relative;
    left: 4px;
  }
}

@media screen and (max-width: 767px) and (min-width: 376px) {
  .pdp-testimonial-container .testimonial-header {
    text-align: left;
  }

  .pdp-testimonial-container .testimonial-body {
    text-align: left;
  }

  .pdp-testimonial-container .testimonial-slides {
    padding-top: 0.625em;
  }

  .pdp-testimonial-container .video-btn.without-controls {
    background: rgba(255, 255, 255, 0.4);
  }

  .pdp-testimonial-container #bigPlayButton {
    height: 4.5rem;
    width: 4.5rem;
    position: absolute;
    left: calc(50% - 2.25rem);
    top: calc(50% - 2.25rem);
  }

  .pdp-testimonial-container #bigPlayButton::before {
    height: 2.3125rem;
    width: 2.0625rem;
    position: relative;
    left: 4px;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .pdp-testimonial-container .testimonial-slides {
    padding-top: 0.625em;
  }

  .pdp-testimonial-container .video-btn.without-controls {
    background: rgba(255, 255, 255, 0.4);
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .pdp-testimonial-container .testimonial-slides {
    padding-top: 1.5em;
  }
}

@media screen and (min-width: 1440px) {
  .pdp-testimonial-container .pdp-testimonial-container {
    padding-top: 3.7em;
  }

  .pdp-testimonial-container .testimonial-slides {
    padding-top: 1.5em;
    width: 36.66%;
    left: 31.66%;
  }
}

.psv-container {
  margin-left: -5px;
}

.shopping-carousel {
  background: #FFFFFF;
}

.shopping-carousel .separator {
  padding: 0 0.5em;
}

.shopping-carousel .slick-slider .slick-slide {
  padding: 0;
}

.shopping-carousel .slick-slider .slick-slide img {
  height: 10.875rem;
}

.shopping-carousel .star-big {
  margin: 0 auto 0.25rem;
}

.carousel-content-left-text {
  display: inline-block;
  width: 100%;
  padding-right: 0.5em;
  word-wrap: break-word;
}

.carousel-content-right-text {
  display: inline-block;
  word-wrap: break-word;
}

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

.carousel-border {
  border-left: 1px solid #727272;
}

.shopping-carousel-heading {
  margin: 25px 0;
  font-family: "proxima-nova", "source-han-sans-japanese", "source-han-sans-korean", "source-han-sans-simplified-c", Helvetica, Arial, sans-serif;
  font-weight: 100;
  font-size: 1.5rem;
  line-height: 1.9rem;
  color: #444444;
}

.shopping-carousel-rating {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #727272;
  line-height: 1.5rem;
  font-family: "proxima-nova", "source-han-sans-japanese", "source-han-sans-korean", "source-han-sans-simplified-c", Helvetica, Arial, sans-serif;
}

.shopping-carousel-line {
  font-weight: 300;
  font-size: 1rem;
  color: #727272;
  font-family: "proxima-nova", "source-han-sans-japanese", "source-han-sans-korean", "source-han-sans-simplified-c", Helvetica, Arial, sans-serif;
  margin-top: 4px;
}

.shopping-carousel-itemname {
  font-size: 1rem;
  color: #444444;
  line-height: 1.5rem;
  font-weight: 300;
  text-decoration: none;
  cursor: pointer;
}

.shopping-carousel-itemname:hover {
  color: #444444;
}

.shopping-carousel .carousel-secondary {
  margin-bottom: 0px;
}

.shopping-carousel .carousel-secondary .rating-text {
  margin-top: -2px;
}

.shopping-carousel .carousel-secondary a {
  outline: none;
}

.add-to-cart-button.btn-primary {
  width: 5.75rem;
  margin: 0 auto;
  display: block;
}

@media screen and (max-width: 375px) {
  .carousel-row-margin {
    margin: 0 -1.9375rem;
  }
}

@media all and (min-width: 320px) and (max-width: 359px) {
  .shopping-carousel .slick-slider .slick-slide img {
    height: 8.875rem;
  }
}

.shopping-bag-wrapper,
.psv-wrapper,
.order-summary-wrapper {
  background: #FFFFFF;
}

.shopping-cart-wrapper .psv-wrapper {
  padding-bottom: 1.5rem;
  margin-bottom: 1.25rem;
}

.shopping-cart-wrapper .order-summary-wrapper {
  margin-top: 0;
}

.shopping-cart-wrapper .top-buffer-15 {
  margin-top: 0.9375rem;
}

.shopping-cart-wrapper .top-bottom-pad-15 {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}

.shopping-cart-wrapper .border-line {
  border-bottom: 1px solid #DBDBDB;
}

.shopping-cart-wrapper .item-quantity {
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.5rem;
  color: #A7A7A7;
}

.shopping-cart-wrapper .stock-status {
  clear: both;
  margin-top: 1.68rem;
}

.shopping-cart-wrapper .stock-status .stock-status-sub p {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.5px;
  color: #FF76B9;
  display: inline-block;
}

.shopping-cart-wrapper .stock-status .stock-status-sub .stock-updates {
  vertical-align: top;
  display: inline-block;
  margin-left: 1em;
  font-size: 13px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.46;
  color: #FF76B9;
  vertical-align: middle;
}

.shopping-cart-wrapper .stock-status .stock-description {
  display: table-row;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.46;
  color: #FF76B9;
  line-height: 1;
  letter-spacing: 0.5px;
}

.shopping-cart-wrapper .item-quantity {
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.5rem;
  color: #A7A7A7;
}

.shopping-cart-wrapper .shopping-bag-wrapper .row {
  margin-top: 5px;
}

@media (max-width: 1023px) {
  .shopping-cart-wrapper .shopping-bag-2 {
    padding: 0px;
    margin-top: 0.5625rem;
  }

  .shopping-cart-wrapper .shop-cart-wrap.shopping-cart-wrapper {
    padding: 0px;
    background-color: #FAFAFA;
  }

  .shopping-cart-wrapper .shop-cart-wrap.shopping-cart-wrapper h2 {
    text-align: center;
  }

  .shopping-cart-wrapper .order-summary-wrapper {
    margin-top: 0.5625rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .shopping-cart-wrapper .hidden-md {
    display: none !important;
  }

  .shopping-cart-wrapper .stock-status {
    margin-top: 0;
  }

  .shopping-cart-wrapper .lift-up-md-quantity {
    margin-top: 0.5em;
  }

  .shopping-cart-wrapper .lift-up-md-remaining {
    margin-top: -1.56em;
  }
}

@media screen and (max-width: 767px) {
  .shopping-cart-wrapper .stock-status .stock-status-sub .stock-updates.sm-display-change {
    display: block;
    margin-left: 0;
  }
}

.shopping-cart-wrapper .remove-border {
  border: none;
}

.shopping-cart-wrapper .order-summary-wrapper .form-control.promo-label {
  width: 72%;
  float: left;
}

.shopping-cart-wrapper .promo-apply {
  width: 28%;
}

.shopping-cart-wrapper .promo-apply button {
  padding-left: 15%;
  padding-right: 5%;
}

.shopping-cart-wrapper .product-title {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.3125rem;
  color: #008AB0;
}

.shopping-cart-wrapper .product-size {
  font-weight: 300;
  font-size: 0.8125rem;
  line-height: 1rem;
  color: #727272;
}

.shopping-cart-wrapper .product-cost {
  font-weight: 100;
  font-size: 1.75rem;
  line-height: 2.125rem;
  color: #444444;
}

.shopping-cart-wrapper .product-size-label {
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #2D2D2D;
}

.shopping-cart-wrapper .product-content {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  color: #727272;
}

.shopping-cart-wrapper .taxes-shipping-block {
  background: #F7F7F7;
  min-height: 2.5rem;
  text-align: center;
  padding-top: 0.625rem;
  padding-bottom: 0.25rem;
  font-family: "proxima-nova", "source-han-sans-japanese", "source-han-sans-korean", "source-han-sans-simplified-c", Helvetica, Arial, sans-serif;
  font-size: 0.8125rem;
  font-weight: 300;
  color: #727272;
}

.shopping-cart-wrapper .product-discount {
  width: 4.125em;
  height: 1.5em;
  border-radius: 2px;
  border: solid 1px #FF76B9;
}

.shopping-cart-wrapper .product-discount center {
  padding-top: 2px;
  font-size: 0.8125rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  color: #FF76B9;
}

.shopping-cart-wrapper .product-discount.new-product-block {
  width: 2.625rem;
  height: 1.5rem;
}

.shopping-cart-wrapper .shopping-bag-headings {
  font-family: "proxima-nova", "source-han-sans-japanese", "source-han-sans-korean", "source-han-sans-simplified-c", Helvetica, Arial, sans-serif;
  font-weight: 100;
  font-size: 1.375rem;
  color: #444444;
  margin: 1.5rem 0;
}

.shopping-cart-wrapper .shopping-bag-headings.ord-sum {
  font-size: 1.3125rem;
}

.shopping-cart-wrapper .helper-title {
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1rem;
  font-family: "proxima-nova", "source-han-sans-japanese", "source-han-sans-korean", "source-han-sans-simplified-c", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}

.shopping-cart-wrapper .helper-desc {
  font-family: "proxima-nova", "source-han-sans-japanese", "source-han-sans-korean", "source-han-sans-simplified-c", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 0.8125rem;
}

.shopping-cart-wrapper .psv-values {
  font-weight: 100;
  font-size: 1.3125rem;
  line-height: 1.5rem;
  color: #727272;
}

.shopping-cart-wrapper .psv-headings {
  font-weight: 300;
  font-size: 0.8125rem;
  line-height: 1rem;
  color: #727272;
}

.shopping-cart-wrapper .order-sum-rewards {
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1rem;
  color: #2D2D2D;
  letter-spacing: 0.5px;
  margin-top: 0.625rem;
}

.shopping-cart-wrapper .order-sum-total {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.3125rem;
  color: #444444;
  margin-top: 0.375rem;
}

.shopping-cart-wrapper .order-sum {
  font-weight: 100;
  font-size: 1.75rem;
  line-height: 2.125rem;
  color: #444444;
}

.shopping-cart-wrapper .shopping-bag-wrapper .input-group .button-disable {
  opacity: 0.3;
}

.shopping-cart-wrapper .shopping-bag-wrapper .input-group .button-disable:hover {
  opacity: 0.3;
}

.shopping-cart-wrapper .btn-sm-close {
  cursor: pointer;
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/content/ic-close-circle-copy-3.png);
  width: 1em;
  height: 1em;
}

.shopping-cart-wrapper .btn-lg-close {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/content/ic-close-circle-copy-2.png);
  width: 2em;
  height: 2em;
}

.shopping-cart-wrapper .arrow-right {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/content/arrow-right.png);
  width: 1.9375em;
  height: 1.9375em;
  margin-top: 0.5rem;
}

.shopping-cart-wrapper .secure-transcation {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/content/secure-transactions.png);
  width: 2.75em;
  height: 2.75em;
}

.shopping-cart-wrapper .easy-return {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/content/easy-return-policy.png);
  width: 2.6875em;
  height: 2.75em;
}

.shopping-cart-wrapper .help {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/content/help-and-assistance.png);
  width: 2.75em;
  height: 2.75em;
}

.shopping-cart-wrapper.reset-width {
  width: 100%;
  margin-left: 0;
  padding: 0;
}

.shopping-cart-wrapper.reset-width .shopping-bag-wrapper {
  width: 100%;
}

.shopping-cart-wrapper.reset-width .empty-shopping-bag {
  font-weight: 600;
  color: #A7A7A7;
}

.shopping-cart-wrapper.reset-width .empty-cart {
  background-color: #F7F9FA;
  width: 11.625em;
  height: 11.625em;
  margin: 4.3em auto 1em;
  border-radius: 50%;
  display: inline-block;
}

.shopping-cart-wrapper.reset-width .icn-bag {
  display: inline-block;
  width: 4.1875rem;
  height: 5.125rem;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-bag.svg) no-repeat;
  background-size: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.shopping-cart-wrapper.reset-width .empty-cart + p {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.2;
  text-align: center;
  color: #727272;
  padding-top: 0.75rem;
  padding-bottom: 2.9375rem;
}

.shopping-cart-wrapper.reset-width button {
  width: 27.125rem;
  margin-bottom: 9.625rem;
}

.shopping-cart-wrapper img {
  height: 4.625rem;
  display: block;
  margin: 0 auto;
}

@media all and (min-width: 360px) and (max-width: 767px) {
  .sm-section-margin {
    margin-bottom: 1.5rem;
  }

  .shopping-bag-headings {
    text-align: center;
  }

  .shopping-cart-wrapper .psv-wrapper {
    margin-bottom: 0rem;
  }

  .shopping-cart-wrapper .stock-status {
    margin-top: 1rem;
  }

  .shopping-cart-wrapper.reset-width .empty-cart {
    margin: 3.5em auto 1em;
  }

  .shopping-cart-wrapper.reset-width .empty-cart + p {
    padding-left: 5.0625rem;
    padding-right: 5.0625rem;
    padding-top: 0;
    padding-bottom: 1.875rem;
  }

  .shopping-cart-wrapper.reset-width button {
    width: 20.3125rem;
    margin-bottom: 2.75rem;
  }

  .shopping-cart-wrapper .hidden-lg-up .btn-lg-close {
    width: 1.4375em;
    height: 1.4375em;
    background-size: 100%;
  }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  .order-psv-md {
    width: 19.25rem;
    margin: 0 auto;
  }

  .shopping-bag-headings {
    text-align: center;
  }

  .shopping-cart-wrapper .psv-wrapper {
    margin-bottom: 0rem;
  }

  .shopping-cart-wrapper.reset-width .empty-cart {
    margin: 3.5em auto 1em;
  }

  .shopping-cart-wrapper.reset-width button {
    width: 20.3125rem;
    margin-bottom: 3.8125rem;
  }
}

.checkout-guest-and-distributor {
  background-color: #FFFFFF;
}

.checkout-guest-and-distributor #accordionform.accordionForm {
  background: none;
  padding: 0;
  position: fixed;
  width: 100%;
  bottom: 0;
  box-shadow: 0 -0.1875rem 0.5rem 0 rgba(0, 0, 0, 0.15);
  z-index: 20;
}

.checkout-guest-and-distributor #accordionform.accordionForm .shopping-cart-top {
  margin-top: 0.625rem;
}

.checkout-guest-and-distributor #accordionform.accordionForm .panel {
  padding-right: 1.6875rem;
  padding-left: 1.375rem;
}

.checkout-guest-and-distributor #accordionform.accordionForm .panel-title button.collapsed::after {
  transform: rotate(0);
}

.checkout-guest-and-distributor #accordionform.accordionForm .panel-title button::after {
  transform: rotate(180deg);
}

.checkout-guest-and-distributor #accordionform.accordionForm .panel:last-of-type {
  margin-bottom: 0;
}

.checkout-guest-and-distributor #accordionform.accordionForm .panel-title button::after {
  left: 0;
}

.checkout-guest-and-distributor .accordionForm .panel-title button {
  z-index: 10;
}

.checkout-guest-and-distributor .accordionForm .form {
  margin: 0;
}

.checkout-guest-and-distributor .pullUpLabel {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.31;
  color: #2D2D2D;
  margin-top: 0.3125rem;
}

.checkout-guest-and-distributor .pullUpData {
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 1.42;
  text-align: right;
  color: #2D2D2D;
  padding-right: 0.9375rem;
}

.checkout-guest-and-distributor .fullWidth {
  width: 100%;
}

.checkout-guest-and-distributor .underline {
  text-decoration: underline;
}

.checkout-guest-and-distributor .hide {
  display: none;
}

.checkout-guest-and-distributor .content {
  padding-bottom: 1.25rem;
}

.checkout-guest-and-distributor .pointer {
  cursor: pointer;
}

.checkout-guest-and-distributor .relative {
  position: relative;
}

.checkout-guest-and-distributor .section-separator {
  border: solid 0.0625rem #DBDBDB;
  margin: 0;
  margin-bottom: 1rem;
}

.checkout-guest-and-distributor .section-heading {
  z-index: 1;
  text-align: center;
}

.checkout-guest-and-distributor .section-heading::before {
  border-top: 0.125rem solid #B9E1EA;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 0.75rem;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.checkout-guest-and-distributor .section-heading span {
  background: #FFFFFF;
  padding: 0 0.625rem;
  color: #2D2D2D;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.0375rem;
}

.checkout-guest-and-distributor .section-content {
  font-size: 0.8125rem;
  font-weight: 300;
  text-align: center;
  color: #727272;
}

.checkout-guest-and-distributor .shipping-section,
.checkout-guest-and-distributor .delivery-section,
.checkout-guest-and-distributor .payment-method-section {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.checkout-guest-and-distributor .shipping-section .delivery-label,
.checkout-guest-and-distributor .delivery-section .delivery-label,
.checkout-guest-and-distributor .payment-method-section .delivery-label {
  cursor: default;
}

.checkout-guest-and-distributor .shipping-section .billing-section .ship-details-wrapper,
.checkout-guest-and-distributor .delivery-section .billing-section .ship-details-wrapper,
.checkout-guest-and-distributor .payment-method-section .billing-section .ship-details-wrapper {
  padding-left: 0;
}

.checkout-guest-and-distributor .shipping-section .billing-section .ship-details-wrapper .same-address-ship-checkbox,
.checkout-guest-and-distributor .delivery-section .billing-section .ship-details-wrapper .same-address-ship-checkbox,
.checkout-guest-and-distributor .payment-method-section .billing-section .ship-details-wrapper .same-address-ship-checkbox {
  width: 1rem;
  margin: 0.1875rem 0 0 0.125rem;
}

.checkout-guest-and-distributor .payment-method-section input.cvvText[type="tel"] {
  -webkit-text-security: disc;
  -moz-text-security: disc;
}

.checkout-guest-and-distributor .pull-left {
  float: left;
}

.checkout-guest-and-distributor .pull-right {
  float: right;
}

.checkout-guest-and-distributor .font-size-13 {
  font-size: 0.8125rem;
}

.checkout-guest-and-distributor .text-transform-none {
  text-transform: none;
}

.checkout-guest-and-distributor .text-label {
  color: #F2F2F2;
}

.checkout-guest-and-distributor .m-t-2rem {
  margin-top: 2rem;
}

.checkout-guest-and-distributor .include-section .label-content {
  max-width: 7.5rem;
  text-align: right;
}

.checkout-guest-and-distributor .include-section .font-size-24 {
  font-size: 1.5rem;
}

.checkout-guest-and-distributor .include-section .promocode-section {
  margin-top: 0;
}

.checkout-guest-and-distributor .include-section .promo-code-section div:first-child {
  margin-right: 0.4375rem;
}

.checkout-guest-and-distributor .include-section .promo-code-button {
  width: 5.75rem;
}

.checkout-guest-and-distributor .include-section .small-heading {
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.03125rem;
}

.checkout-guest-and-distributor .include-section .promo-code-brief-label {
  margin: -0.3125rem 0 0.75rem;
}

.checkout-guest-and-distributor .popup-modal-section {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.checkout-guest-and-distributor .popup-modal-section .modal-body {
  padding-bottom: 0.625rem;
}

.checkout-guest-and-distributor .popup-modal-section .modal-close-icon-section .modal-close-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-close-circle.png) no-repeat right center;
  width: 2rem;
  height: 2rem;
}

.checkout-guest-and-distributor .checkout-container .distributor-profile-image {
  height: 3.5rem;
  width: 3.5rem;
  border-radius: 50%;
  float: left;
}

.checkout-guest-and-distributor .checkout-container .distributor-profile-image img {
  border-radius: 50%;
}

.checkout-guest-and-distributor .checkout-container .banner-text {
  font-size: 1.125rem;
  font-weight: 300;
  display: inline-block;
  width: 8.375em;
  vertical-align: middle;
  float: left;
  margin-left: 1em;
}

.checkout-guest-and-distributor .checkout-container .text-white {
  color: #FFFFFF;
}

.checkout-guest-and-distributor .checkout-container .confirmation-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-package.png) no-repeat center top;
  padding-top: 1.25rem;
}

.checkout-guest-and-distributor .checkout-container .confirmation-logo a {
  color: #FFFFFF;
}

.checkout-guest-and-distributor .checkout-container .text-gray-dull {
  color: #F2F2F2;
}

.checkout-guest-and-distributor .checkout-container .testlabel::after {
  margin: 0.3125rem;
}

.checkout-guest-and-distributor .checkout-container .navigate-back {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-left-copy.png) no-repeat left center;
}

.checkout-guest-and-distributor .checkout-container .testlabel::before {
  margin: 0.3125rem;
}

.checkout-guest-and-distributor .checkout-container .delivery-label .pullUpLabel,
.checkout-guest-and-distributor .checkout-container .delivery-label .section-content {
  padding-left: 1.75rem;
}

.checkout-guest-and-distributor .checkout-container .description-text-section {
  padding-bottom: 1.5em;
}

.checkout-guest-and-distributor .checkout-container .logo-section {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/nuskin-fountain-mark.png) no-repeat center 0;
  padding-top: 2.5rem;
}

.checkout-guest-and-distributor .checkout-container .shippingAddress-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-package-copy-4.png) #1cd8d2 no-repeat center center;
}

.checkout-guest-and-distributor .checkout-container .shippingAddress-logo-done {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/c-h-e-c-k-e-d-2.png) no-repeat center center, url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-package-copy-4.png) no-repeat center center;
}

.checkout-guest-and-distributor .checkout-container .deliveryOptions-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/group-5.png) #008ab0 no-repeat center center;
}

.checkout-guest-and-distributor .checkout-container .deliveryOptions-logo-active {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-delivery-active.png) #1cd8d2 no-repeat center center;
}

.checkout-guest-and-distributor .checkout-container .deliveryOptions-logo-done {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/c-h-e-c-k-e-d-2.png) no-repeat center center, url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/group-5.png) no-repeat center center;
}

.checkout-guest-and-distributor .checkout-container .paymentMethod-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/group-7.png) #008ab0 no-repeat center center;
}

.checkout-guest-and-distributor .checkout-container .paymentMethod-logo-active {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-payment-active.png) #1cd8d2 no-repeat center center;
}

.checkout-guest-and-distributor .checkout-container .paymentMethod-logo-done {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/c-h-e-c-k-e-d-2.png) no-repeat center center, url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/group-7.png) no-repeat center center;
}

.checkout-guest-and-distributor .checkout-container .orderReview-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/group-9.png) #008ab0 no-repeat center center;
}

.checkout-guest-and-distributor .checkout-container .orderReview-logo-active {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/group9-sm.png) #1cd8d2 no-repeat center center;
}

.checkout-guest-and-distributor .checkout-container .label-section {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 0.92;
}

.checkout-guest-and-distributor .checkout-container .state-select::after {
  top: 1.25rem;
}

.checkout-guest-and-distributor .checkout-container .form {
  margin: 0;
}

.checkout-guest-and-distributor .checkout-container .m-b-0_5 {
  margin-bottom: .5rem;
}

.checkout-guest-and-distributor .checkout-container .m-t-0_5 {
  margin-top: .5rem;
}

.checkout-guest-and-distributor .checkout-container .main-section {
  display: table;
  margin: 0 auto;
}

.checkout-guest-and-distributor .checkout-container .order-id {
  font-size: 1.5rem;
}

.checkout-guest-and-distributor .checkout-container .order-id:hover {
  border-bottom: 1px solid #FFFFFF;
}

.checkout-guest-and-distributor .checkout-container .color-aqua {
  color: #1CD8D2;
}

.checkout-guest-and-distributor .checkout-container .displayTable {
  display: table;
}

.checkout-guest-and-distributor .checkout-container .tick-completed {
  position: absolute;
  left: 0;
  top: 0;
}

.checkout-guest-and-distributor .checkout-container .right-section {
  max-width: 24.625rem;
  min-width: 24.625rem;
}

.checkout-guest-and-distributor .checkout-container .backgroundWhite {
  background: #FFFFFF;
}

.checkout-guest-and-distributor .checkout-container .actionImage {
  margin-top: -0.1875rem;
}

// .checkout-guest-and-distributor .checkout-container .m-r-0.3125em {
//   margin-right: 0.3125rem;
// }

// .checkout-guest-and-distributor .checkout-container .p-l-0.3125em {
//   padding-left: 0.3125rem;
// }

.checkout-guest-and-distributor .checkout-container .promoCode {
  color: #444444;
  font-size: 1rem;
  font-weight: 300;
}

.checkout-guest-and-distributor .checkout-container .order-section .order-confirmation-banner {
  width: auto;
  height: 16.25rem;
  max-height: 16.25rem;
  z-index: 0;
}

.checkout-guest-and-distributor .checkout-container .order-section .order-confirmation-banner > div {
  z-index: 1;
}

.checkout-guest-and-distributor .checkout-container .order-section .order-confirmation-banner .order-top-section {
  font-weight: 100;
  padding: 2rem 1.625rem 2.3125rem;
}

.checkout-guest-and-distributor .checkout-container .order-section .order-confirmation-banner .order-top-section .header {
  font-size: 2.375rem;
  margin: 1.125rem 0 -0.3125rem;
  line-height: 0.89;
}

.checkout-guest-and-distributor .checkout-container .order-section .order-confirmation-banner .order-top-section .header + p {
  font-weight: 300;
  line-height: 1.31;
  margin: 0 0 0.5rem;
}

.checkout-guest-and-distributor .checkout-container .order-section .action-section {
  height: 5.75rem;
  max-height: 5.75rem;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  background: #FFFFFF;
}

.checkout-guest-and-distributor .checkout-container .order-section .action-section button {
  height: 2.75rem;
}

.checkout-guest-and-distributor .checkout-container .order-section .separator-section-break {
  height: 0.3125rem;
  background: #F7F9FA;
}

.checkout-guest-and-distributor .checkout-container .order-section .info-section .text-section {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 0.95;
  color: #727272;
}

.checkout-guest-and-distributor .checkout-container .order-section .info-section .bullet-section {
  background: #37B0C9;
}

.checkout-guest-and-distributor .checkout-container .order-section .info-section .bullet-section .bullet {
  width: 1.0625rem;
  height: 1.0625rem;
  border-radius: 1.0625rem;
  border: solid 0.125rem rgba(106, 255, 250, 0.8);
}

.checkout-guest-and-distributor .checkout-container .order-section .info-section .bullet-section p.info-header {
  font-size: 1.5rem;
}

.checkout-guest-and-distributor .checkout-container .order-section .info-section .bullet-section .header-msg {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.18;
  margin-bottom: 1.6875rem;
}

.checkout-guest-and-distributor .checkout-container .order-section .info-section .bullet-section .info-header-button-section {
  margin-top: 1.0625rem;
}

.checkout-guest-and-distributor .checkout-container .order-section .info-section .bullet-section .info-header-button-section button {
  border-color: #FFFFFF;
  color: #FFFFFF;
  line-height: 1.31;
  letter-spacing: 0.0625rem;
}

.checkout-guest-and-distributor .checkout-container .order-section .info-section .bullet-section .header-contents {
  margin: 0 0.8125rem;
}

.checkout-guest-and-distributor .checkout-container .order-section .info-section .bullet-section .header-contents .header-contents-data {
  width: 17rem;
}

.checkout-guest-and-distributor .checkout-container .order-section .order-banner-image {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/order-confirm-banner-XL@1x.png);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

.checkout-guest-and-distributor .checkout-container .account-text-section .account-banner-image {
  background-size: 100%;
}

.checkout-guest-and-distributor .checkout-container .account-text-section .account-text-container {
  height: 17.25em;
  background-repeat: no-repeat;
  width: auto;
  z-index: 0;
  background-size: cover;
}

.checkout-guest-and-distributor .checkout-container .account-text-section .account-text-container > div {
  z-index: 1;
  height: 15.625rem;
  max-height: 15.625rem;
}

.checkout-guest-and-distributor .checkout-container .account-text-section .account-text-container .account-text-wrapper {
  font-weight: 100;
  padding-top: 1.75em;
}

.checkout-guest-and-distributor .checkout-container .account-text-section .account-text-container .account-text-wrapper .account-header {
  font-size: 1.125rem;
  font-weight: 300;
}

.checkout-guest-and-distributor .checkout-container .account-text-section .account-text-container .account-text-wrapper .account-header + p {
  line-height: 1.31;
  font-size: 0.8125em;
  font-weight: 100;
  text-align: left;
}

.checkout-guest-and-distributor .checkout-container .account-text-section .account-text-container .account-text-wrapper .author-text {
  text-align: left;
  font-weight: 100;
  font-size: 0.8125rem;
  font-style: italic;
}

.checkout-guest-and-distributor .checkout-container form.form[name="formPayment"],
.checkout-guest-and-distributor .checkout-container .shopping-cart-top,
.checkout-guest-and-distributor .checkout-container .top-section {
  margin-top: 2.125rem;
}

.checkout-guest-and-distributor .checkout-container .top-section {
  margin-top: 1.375rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section,
.checkout-guest-and-distributor .checkout-container .payment-section-validated {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/group-46.png);
  width: auto;
  max-width: 20.8125rem;
  padding-top: 1.375rem;
  height: 12.375rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section .form-control,
.checkout-guest-and-distributor .checkout-container .payment-section-validated .form-control {
  max-height: 1.25rem;
  margin-bottom: 0;
}

.checkout-guest-and-distributor .checkout-container .payment-section .credit-card-number div,
.checkout-guest-and-distributor .checkout-container .payment-section-validated .credit-card-number div {
  width: 4.25rem;
  margin-right: 0.3125rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section .credit-card-number-label,
.checkout-guest-and-distributor .checkout-container .payment-section-validated .credit-card-number-label {
  margin-top: 0.625rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section .last-section,
.checkout-guest-and-distributor .checkout-container .payment-section-validated .last-section {
  margin-top: 0.625rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section .last-section > div,
.checkout-guest-and-distributor .checkout-container .payment-section-validated .last-section > div {
  width: 30%;
  margin-right: 0.3125rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section-validated {
  padding-left: 1.125rem;
  padding-left: 1.125rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section-validated .name-section > label {
  margin-right: 4.6875rem;
  line-height: 1;
}

.checkout-guest-and-distributor .checkout-container .payment-section-validated .credit-card-number {
  font-weight: 300;
  line-height: 1.31;
  letter-spacing: 0.125rem;
  margin-top: 0.3125rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section-validated .last-section {
  margin-top: 0.625rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section-validated .last-section > div {
  width: 30%;
  margin-right: 0.3125rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section {
  background-position: -0.03125rem 12.8125rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section-validated.visa {
  background-position: -0.03125rem -13.375rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section-validated.mastercard {
  background-position: -0.03125rem -26.5rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section-validated.discover {
  background-position: -0.03125rem -52.9375rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section-validated.amex {
  background-position: -0.03125rem -39.6875rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section-validated.other {
  background-position: -0.03125rem 12.75rem;
}

.checkout-guest-and-distributor .checkout-container .checkout-title-container div.section {
  height: auto;
  max-height: 16.25rem;
}

.checkout-guest-and-distributor .checkout-container .checkout-title-container .logo-section {
  margin-top: -1.25rem;
}

.checkout-guest-and-distributor .checkout-container .checkout-title-container .steps {
  height: 3.6875rem;
  background-color: rgba(255, 255, 255, 0.34);
}

.checkout-guest-and-distributor .checkout-container .checkout-title-container .steps .actionMenu > div {
  margin: 0.625rem 1.5625rem 0 0;
  width: 2.25rem;
  height: 2.25rem;
  background-color: #008AB0;
  border-radius: 1.25rem;
  padding: 0.1875rem 0;
}

.checkout-guest-and-distributor .checkout-container .checkout-title-container .steps .actionMenu > div.active {
  background-color: #1CD8D2;
}

.checkout-guest-and-distributor .checkout-container .checkout-title-container .step-indicator {
  height: 2rem;
  background-color: #1CD8D2;
  box-shadow: 0 -0.0625rem 0.3125rem 0 rgba(0, 102, 131, 0.2);
  border: solid 0.0625rem #FFFFFF;
}

.checkout-guest-and-distributor .remove-promo-code {
  height: inherit;
  display: inherit;
  margin: 0;
  width: 1rem;
}

.checkout-guest-and-distributor span.font-weight-bold:hover {
  text-decoration: underline;
}

.checkout-guest-and-distributor .overlay-checkout {
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

@media (min-width: 1440px) {
  .checkout-guest-and-distributor .checkout-container .account-text-section .account-banner-image {
    background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/background-blue-bubble-XL@1x.png);
  }

  .checkout-guest-and-distributor .checkout-container .left-section {
    min-width: 34.25rem;
    max-width: 34.25rem;
    margin-right: 1.5rem;
  }

  .checkout-guest-and-distributor .checkout-container .order-section .info-section .text-section {
    width: 31.4375rem;
    max-width: 31.4375rem;
    padding: 2.25rem 3.125rem 9.4375rem 3.3125rem;
  }

  .checkout-guest-and-distributor .checkout-container .order-section .info-section .bullet-section {
    width: 31.375rem;
    max-width: 31.375rem;
  }

  .checkout-guest-and-distributor .checkout-container .order-section .info-section .bullet-section .header-contents-data {
    margin-top: 0;
    padding-left: 1.625rem;
    line-height: 1;
    padding-bottom: 0;
  }

  .checkout-guest-and-distributor .checkout-container .order-section .info-section .bullet-section .bullet {
    width: 1.0625rem;
    height: 1.0625rem;
    border-radius: 1.0625rem;
    border: solid 0.125rem rgba(106, 255, 250, 0.8);
    margin-right: -0.875rem;
  }

  .checkout-guest-and-distributor .description-text-section {
    margin: 0 36.875em 0 34.5625em;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .checkout-guest-and-distributor .button {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
  }

  .checkout-guest-and-distributor .account-text-section .account-banner-image {
    background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/background-blue-bubble-L@1x.png);
  }

  .checkout-guest-and-distributor .description-text-section {
    margin: 0 23.125em;
  }

  .checkout-guest-and-distributor .checkout-container .account-text-section .account-banner-image {
    background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/background-blue-bubble-L@1x.png);
  }
}

@media (min-width: 1024px) {
  .checkout-guest-and-distributor .account-banner-image {
    background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/background-blue-bubble-L@1x.png);
  }

  .checkout-guest-and-distributor .show-below-lg {
    display: none;
  }

  .checkout-guest-and-distributor .show-above-lg {
    display: block;
  }

  .checkout-guest-and-distributor .name-card {
    border: solid 0.0625rem #EBE7E7;
    background: #FFFFFF;
  }

  .checkout-guest-and-distributor .checkout-container .left-section,
  .checkout-guest-and-distributor .checkout-container .right-section {
    float: left;
  }

  .checkout-guest-and-distributor .checkout-container .left-section {
    margin-right: 0.75rem;
  }

  .checkout-guest-and-distributor .checkout-container .left-section {
    min-width: 29.625rem;
    max-width: 29.625rem;
  }

  .checkout-guest-and-distributor .checkout-container .delivery-section {
    padding: 0.625rem 2.8125rem 0;
  }

  .checkout-guest-and-distributor .checkout-container .delivery-section .top-section {
    margin-top: 1rem;
  }

  .checkout-guest-and-distributor .checkout-container .payment-section,
  .checkout-guest-and-distributor .checkout-container .payment-section-validated {
    margin-top: -0.3125rem;
  }

  .checkout-guest-and-distributor .include-section .promocode-section {
    margin-top: 1.5625rem;
  }

  .checkout-guest-and-distributor .include-section .promo-code-input {
    max-width: 13.1875rem;
    min-width: 13.1875rem;
  }

  .checkout-guest-and-distributor .include-section .shopping-cart-last-section {
    margin-bottom: 0.3125rem;
  }

  .checkout-guest-and-distributor .include-section .shopping-cart-section {
    margin-bottom: 0.5rem;
  }

  .checkout-guest-and-distributor .include-section .promotion-and-rewards-section {
    margin: 0.3125rem 0;
  }

  .checkout-guest-and-distributor .include-section .shopping-cart-wrapper {
    padding-bottom: 1.875rem;
  }

  .checkout-guest-and-distributor .include-section .shopping-cart-wrapper .shopping-cart-top {
    margin-top: 1.4375rem;
  }

  .checkout-guest-and-distributor .include-section .promo-code-section .error-block {
    display: inline-block;
    max-width: 13.1875rem;
  }

  .checkout-guest-and-distributor .order-section .action-section {
    padding-top: 2.25rem;
  }

  .checkout-guest-and-distributor .order-section .info-section {
    background: #F7F9FA;
    padding: 1.5rem 2rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .text-section {
    width: 17rem;
    max-width: 17rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .info-section-content > div:first-child {
    background: #FFFFFF;
    padding: 2.25rem 3.125rem 9.4375rem 2.5rem;
    width: 30rem;
    max-width: 30rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .info-section-content .text-section > p {
    width: 17rem;
    max-width: 17rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .info-section-content .bullet-section {
    width: 30rem;
    max-width: 30rem;
    padding: 1.75rem 2.5rem 1.75rem 3.1875rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .info-section-content .bullet-section .header-section {
    padding-left: 2.5625rem;
    padding-right: 2.4375rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .info-section-content .bullet-section .header-contents-data {
    margin-top: -1.0625rem;
    padding-left: 1.625rem;
    line-height: 1;
    padding-bottom: 0;
  }

  .checkout-guest-and-distributor .order-section .info-section .info-section-content .bullet-section .bullet {
    width: 1.0625rem;
    height: 1.0625rem;
    border-radius: 1.0625rem;
    border: solid 0.125rem rgba(106, 255, 250, 0.8);
    margin-right: 0.3125rem;
  }
}

@media (max-width: 1023px) {
  .checkout-guest-and-distributor .account-text-section .account-banner-image {
    background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/background-blue-bubble-M@1x.png);
  }

  .checkout-guest-and-distributor body {
    background: #FFFFFF;
  }

  .checkout-guest-and-distributor .show-below-lg {
    display: block;
  }

  .checkout-guest-and-distributor .show-above-lg {
    display: none;
  }

  .checkout-guest-and-distributor .checkout-container .payment-section,
  .checkout-guest-and-distributor .checkout-container .payment-section-validated {
    margin-top: -2rem;
  }

  .checkout-guest-and-distributor .checkout-container,
  .checkout-guest-and-distributor .checkout-container .content {
    background: #FFFFFF;
  }

  .checkout-guest-and-distributor .checkout-container .top-section {
    margin-top: 0;
  }

  .checkout-guest-and-distributor .accordionForm .panel-section {
    margin-top: -2.1875rem;
  }

  .checkout-guest-and-distributor .button {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
  }

  .checkout-guest-and-distributor .include-section .promocode-section {
    margin-top: -0.4375rem;
  }

  .checkout-guest-and-distributor .include-section .estimated-total-section {
    margin-bottom: 2.1875rem;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm .shopping-cart-section {
    margin-left: 2rem;
    padding-right: 0;
    margin-bottom: 0.3125rem;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm .estimated-total-section {
    margin-bottom: 2.1875rem;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm .panel-title {
    margin-left: -1rem;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm .shopping-cart-section.section-separator {
    margin-right: 0;
    margin-bottom: 0.3125rem;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm .panel-title .drawerButton {
    margin-left: 0.3125rem;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm .pullUpLabel {
    margin-left: 0.625rem;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm .estimated-section {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 768px) {
  .checkout-guest-and-distributor .show-below-md {
    display: none;
  }

  .checkout-guest-and-distributor .show-above-md {
    display: block;
  }

  .checkout-guest-and-distributor .checkout-container .left-section {
    min-width: 27.1875rem;
    max-width: 27.1875rem;
  }

  .checkout-guest-and-distributor .checkout-container .delivery-label .pullUpLabel,
  .checkout-guest-and-distributor .checkout-container .delivery-label .section-content {
    padding-left: 1.5625rem;
  }

  .checkout-guest-and-distributor .checkout-container .order-section .action-section button {
    max-width: 27.125rem;
    width: 27.125rem;
  }

  .checkout-guest-and-distributor .checkout-container .order-section .bullet-section {
    padding: 1.75rem 0 0.8125rem;
  }

  .checkout-guest-and-distributor .checkout-container .order-section .bullet-section .bullet {
    margin-right: -0.625rem;
  }

  .checkout-guest-and-distributor .checkout-container .order-section .bullet-section .header-contents-data {
    padding-left: 1.25rem;
    margin-top: -0.125rem;
    line-height: 1.2;
    margin-bottom: 1.5625rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .checkout-guest-and-distributor .checkout-container .account-text-section .account-banner-image {
    background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/background-blue-bubble-M@1x.png);
  }

  .checkout-guest-and-distributor .accordionForm .promo-code-section div:first-child {
    width: 75%;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm .accord-label-section {
    padding-left: 9.25rem;
    padding-right: 9.25rem;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm .panel-section {
    padding-left: 6.875rem;
    padding-right: 6.875rem;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm .shopping-cart-top .shopping-cart-section,
  .checkout-guest-and-distributor #accordionform.accordionForm .shopping-cart-top .shopping-cart-section.section-separator {
    margin-left: 0;
  }

  .checkout-guest-and-distributor .payment-method-section {
    padding-left: 1.375rem;
    padding-right: 1.375rem;
  }

  .checkout-guest-and-distributor .promo-code-section .error-block {
    display: inline-block;
    max-width: 19.375rem;
  }

  .checkout-guest-and-distributor .delivery-section {
    padding-left: 0;
    padding-right: 0;
  }

  .checkout-guest-and-distributor .order-section .action-section button {
    max-width: 20.3125rem;
    width: 20.3125rem;
  }

  .checkout-guest-and-distributor .order-section .text-section {
    width: 18.5625rem;
    max-width: 18.5625rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .info-section-content {
    padding: 2.5rem 10.75rem 4.375rem 10.4375rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .header-parent {
    width: 27.1875rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .header-parent .header-section {
    padding: 0 3.4375rem;
  }

  .checkout-guest-and-distributor .description-text-section {
    margin: 0 14.75em;
  }
}

@media (max-width: 767px) {
  .checkout-guest-and-distributor .description-text-section {
    margin: 0 2.5em;
  }

  .checkout-guest-and-distributor .show-below-md {
    display: block;
  }

  .checkout-guest-and-distributor .show-above-md {
    display: none;
  }

  .checkout-guest-and-distributor .accordionForm .accord-label-section {
    padding-left: 2.8125rem;
    padding-right: 0.625rem;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm #panel {
    padding-left: 0;
    padding-right: 0;
  }

  .checkout-guest-and-distributor .checkout-container .payment-section,
  .checkout-guest-and-distributor .checkout-container .payment-section-validated {
    background-position: 0 12.8125rem;
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .checkout-guest-and-distributor .checkout-container .payment-section .form-control,
  .checkout-guest-and-distributor .checkout-container .payment-section-validated .form-control {
    max-height: 1.25rem;
    margin-bottom: 0;
  }

  .checkout-guest-and-distributor .checkout-container .payment-section label,
  .checkout-guest-and-distributor .checkout-container .payment-section .form-control,
  .checkout-guest-and-distributor .checkout-container .payment-section-validated label,
  .checkout-guest-and-distributor .checkout-container .payment-section-validated .form-control {
    font-size: .75rem;
  }

  .checkout-guest-and-distributor .payment-method-section {
    padding-left: 0;
    padding-right: 0;
  }

  .checkout-guest-and-distributor .payment-section {
    background-position: 0 12.75rem;
  }

  .checkout-guest-and-distributor .delivery-section {
    padding-left: 0;
    padding-right: 0;
  }

  .checkout-guest-and-distributor .shipping-section {
    padding-left: 0;
    padding-right: 0;
  }

  .checkout-guest-and-distributor .checkout-container .left-section {
    min-width: 20.3125rem;
    max-width: 20.3125rem;
  }

  .checkout-guest-and-distributor .accordionForm .promo-code-section div:first-child {
    width: 66%;
  }

  .checkout-guest-and-distributor .include-section .promo-code-section .error-block {
    display: inline-block;
    max-width: 13.1875rem;
  }

  .checkout-guest-and-distributor .order-section .action-section {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }

  .checkout-guest-and-distributor .order-section .action-section button {
    width: 20.3125rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .text-section {
    padding: 2.5rem 1.875rem 3.0625rem 1.5625rem;
    width: 13.375rem;
    max-width: 13.375rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .bullet-section {
    padding: 1.75rem 1.625rem 1.75rem 1.5625rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .bullet-section .header-contents-data {
    margin-top: 0;
    line-height: 1.1;
    margin-bottom: 1.5625rem;
    padding-left: 0.5rem;
  }

  .checkout-guest-and-distributor .font-size-small {
    font-size: 0.8125rem;
    margin-top: 0.5rem;
  }

  .checkout-guest-and-distributor .checkout-container .order-section .order-confirmation-banner .order-top-section {
    padding: 1.25rem 1.5rem 1.5rem 1.5rem;
  }

  .checkout-guest-and-distributor .checkout-container .order-section .order-confirmation-banner .order-top-section .header {
    font-size: 1.5rem;
  }

  .checkout-guest-and-distributor .checkout-container .account-text-section .account-banner-image {
    background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/background-blue-bubble-S@1x.png);
  }

  .font-size-small {
    font-size: 0.8125rem;
    margin-top: 0.5rem;
  }

  .include-section .estimated-total-section div[align="right"] label {
    line-height: 3rem !important;
  }

  .checkout-guest-and-distributor .include-section .promo-code-section div:first-child {
    margin-right: 0 !important;
  }
}

.help-section-container {
  background: transparent;
}

.checkout-container.order-review {
  background: #F7F7F7;
}

.checkout-order-wrapper {
  background-color: #FFFFFF;
  margin-bottom: 0.75rem;
  padding: 0.625rem;
}

.clickable {
  cursor: pointer;
}

.checkout-order-head {
  padding: 0 0.9375rem;
}

.checkout-order-body {
  padding: 0 0.9375rem;
}

.checkout-order-wrapper h3 {
  text-transform: none;
  margin-top: 0.5rem;
}

.checkout-order-wrapper #accordionform {
  padding: 0;
  background: none;
  opacity: 1;
  transition: all 0.75s cubic-bezier(0.16, 1.32, 0.91, 1.26);
}

.checkout-order-body.summary div {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.3125rem;
  color: #444444;
}

.checkout-order-body.summary .estimated-total {
  line-height: 2rem;
}

.checkout-order-body.summary div.promo-list-title {
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  color: #444444;
}

.checkout-order-wrapper .promo-apply {
  width: 29%;
}

.checkout-order-body.summary div.promo-list {
  display: flex;
  padding-top: 0.625rem;
}

.checkout-order-body.summary div.promo-list div {
  padding-left: 0.625rem;
}

.checkout-order-body.summary div > span {
  font-weight: 600;
}

.checkout-order-body.summary .total {
  font-weight: 100;
  font-size: 1.375rem;
  line-height: 2rem;
}

.checkout-order-body.summary .promo {
  font-weight: 100;
  font-size: 0.8125rem;
}

.checkout-order-wrapper .checkout-order-body.shipping div span {
  display: block;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #2D2D2D;
}

.checkout-order-body.shipping label,
.checkout-order-wrapper .checkout-order-body.payment label {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.3125rem;
  color: #444444;
  text-transform: uppercase;
}

.checkout-order-wrapper .checkout-order-body.delivery p {
  font-weight: 300;
  font-size: 0.8125rem;
  line-height: 1.5rem;
  color: #444444;
}

.checkout-order-wrapper .checkout-order-body.delivery label {
  font-size: 1rem;
  line-height: 1.3125rem;
  color: #727272;
}

.checkout-order-wrapper .checkout-order-body.payment p {
  font-weight: 300;
  font-size: 0.8125rem;
  color: #444444;
  margin: 0;
}

.checkout-order-wrapper .list-pane {
  margin-top: 2.3125rem;
  padding: 0px;
}

.checkout-order-wrapper .list-pane-btn {
  padding-top: 1rem;
}

.checkout-order-body.payment span {
  font-weight: 100;
  line-height: 1.375rem;
  font-size: 1rem;
  color: #444444;
}

.checkout-order-wrapper.order-placing span {
  font-size: 0.875rem;
  color: #777676;
}

.checkout-order-wrapper .shop-bag-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/shop-bag-sm.png) no-repeat center 0;
  width: 2.25rem;
  height: 2.25rem;
  border: none;
}

.checkout-order-wrapper .checkout-edit {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/content/stroke-sm.png) no-repeat center 0;
  border: none;
}

.checkout-order-wrapper .ship-add-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/shop-bag-sm.png) no-repeat center 0;
  width: 2.25rem;
  height: 2.25rem;
  border: none;
}

.checkout-order-wrapper .delivery-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/group-16.png) no-repeat center 0;
  width: 2.25rem;
  height: 2.25rem;
  border: none;
}

.checkout-order-wrapper .payment-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/group-17.png) no-repeat center 0;
  width: 2.25rem;
  height: 2.25rem;
  border: none;
}

.checkout-order-wrapper .order-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/group-20.png) no-repeat center 0;
  width: 2.25rem;
  height: 2.25rem;
  border: none;
}

.pane-separator {
  border: solid 0.0125rem #DBDBDB;
  width: 92%;
  margin-left: 0.9375rem;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.checkout-order-body .promo-list-title {
  font-size: 0.8125rem;
  font-weight: 600;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .checkout-order-wrapper .checkout-order-head,
  .checkout-order-wrapper .checkout-order-body {
    width: 67%;
    margin-left: 16%;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .checkout-order-wrapper {
    border: 0.06125rem solid #DBDBDB;
    padding: 1.4375em 1.5625em 1.25em 1.5625em;
  }

  .checkout-content-container .large-view-2 {
    width: 24.375rem;
  }
}

@media (min-width: 1440px) {
  .checkout-order-wrapper {
    border: 0.06125rem solid #DBDBDB;
    padding: 1.4375em 1.5625em 1.25em 1.5625em;
  }

  .checkout-content-container .large-view-1 {
    width: 33.75rem;
  }

  .checkout-content-container .large-view-2 {
    width: 24.375rem;
  }
}

.border-top {
  border-top: 0.06125rem solid #DBDBDB;
}

.checkout-order-wrapper .panel-default {
  margin-bottom: 1rem;
}

.m-t-neg-4 {
  margin-top: -0.25em;
}

.m-t-4px {
  margin-top: 0.25em !important;
}

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

.checkout-guest-and-distributor .clear {
  clear: both;
}

.checkout-guest-and-distributor #accordionform.accordionForm {
  background: none;
  padding: 0;
  position: fixed;
  width: 100%;
  bottom: 0;
  box-shadow: 0 -0.1875rem 0.5rem 0 rgba(0, 0, 0, 0.15);
  z-index: 20;
}

.checkout-guest-and-distributor #accordionform.accordionForm .shopping-cart-top {
  margin-top: 0.625rem;
}

.checkout-guest-and-distributor #accordionform.accordionForm .panel {
  padding-right: 1.6875rem;
  padding-left: 1.375rem;
}

.checkout-guest-and-distributor #accordionform.accordionForm .panel-title button {
  display: block;
}

.checkout-guest-and-distributor #accordionform.accordionForm .panel-title button.collapsed::after {
  transform: rotate(0);
}

.checkout-guest-and-distributor #accordionform.accordionForm .panel-title button::after {
  transform: rotate(180deg);
}

.checkout-guest-and-distributor #accordionform.accordionForm .panel:last-of-type {
  margin-bottom: 0;
}

.checkout-guest-and-distributor #accordionform.accordionForm .panel-title button::after {
  left: 0;
}

.checkout-guest-and-distributor .accordionForm .panel-title button {
  z-index: 10;
}

.checkout-guest-and-distributor .accordionForm .form {
  margin: 0;
}

.checkout-guest-and-distributor .pullUpLabel {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3125rem;
  color: #444444;
  margin-top: 0.3125rem;
}

.checkout-guest-and-distributor .pullUpData {
  font-size: 1.4rem;
  font-weight: 100;
  line-height: 1.42;
  text-align: right;
  color: #2D2D2D;
  padding-right: 0.9375rem;
  padding-bottom: 1rem;
}

.checkout-guest-and-distributor .fullWidth {
  width: 100%;
}

.checkout-guest-and-distributor .underline {
  text-decoration: underline;
}

.checkout-guest-and-distributor .payment-section-validated.hide-card {
  display: none !important;
}

.checkout-guest-and-distributor .content {
  padding-bottom: 1.25rem;
}

.checkout-guest-and-distributor .pointer {
  cursor: pointer;
}

.checkout-guest-and-distributor .relative {
  position: relative;
}

.checkout-guest-and-distributor .section-separator {
  border: solid 0.0625rem #DBDBDB;
  margin: 0;
  margin-bottom: 1rem;
}

.checkout-guest-and-distributor .section-heading {
  z-index: 1;
  text-align: center;
}

.checkout-guest-and-distributor .section-heading::before {
  border-top: 0.125rem solid #B9E1EA;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 0.75rem;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.checkout-guest-and-distributor .section-heading span {
  background: #FFFFFF;
  padding: 0 0.625rem;
  color: #2D2D2D;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.0375rem;
}

.checkout-guest-and-distributor .section-content {
  font-size: 0.8125rem;
  font-weight: 300;
  text-align: center;
  color: #727272;
}

.checkout-guest-and-distributor .payment-method-section input.cvvText[type="tel"] {
  -webkit-text-security: disc;
  -moz-text-security: disc;
  height: initial;
}

.checkout-guest-and-distributor .shipping-section,
.checkout-guest-and-distributor .delivery-section,
.checkout-guest-and-distributor .payment-method-section {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.checkout-guest-and-distributor .pull-left {
  float: left;
}

.checkout-guest-and-distributor .pull-right {
  float: right;
}

.checkout-guest-and-distributor .font-size-13 {
  font-size: 0.8125rem;
}

.checkout-guest-and-distributor .text-transform-none {
  text-transform: none;
}

.checkout-guest-and-distributor .text-label {
  color: #F2F2F2;
}

.checkout-guest-and-distributor .m-t-2rem {
  margin-top: 2rem;
}

.checkout-guest-and-distributor .include-section .label-content {
  max-width: 7.5rem;
  text-align: right;
}

.checkout-guest-and-distributor .include-section .promotion-wrapper .promotion-close-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/cross-small.png) no-repeat center center;
  width: 1.5625rem;
  height: 1.4rem;
  background-size: 1rem;
}

.checkout-guest-and-distributor .include-section .promotion-wrapper .promo-code {
  margin-top: 0;
}

.checkout-guest-and-distributor .include-section .font-size-24 {
  font-size: 1.5rem;
}

.checkout-guest-and-distributor .include-section .promocode-section {
  margin-top: 0;
}

.checkout-guest-and-distributor .include-section .promo-code-section div:first-child {
  margin-right: 0.4375rem;
}

.checkout-guest-and-distributor .include-section .promo-code-button {
  width: 5.75rem;
}

.checkout-guest-and-distributor .include-section .small-heading {
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.03125rem;
}

.checkout-guest-and-distributor .include-section .promo-code-brief-label {
  margin: 0.125rem 0 0.75rem;
}

.checkout-guest-and-distributor .popup-modal-section {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.checkout-guest-and-distributor .popup-modal-section .modal-body {
  padding-bottom: 0.625rem;
}

.checkout-guest-and-distributor .popup-modal-section .modal-close-icon-section .modal-close-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-close-circle.png) no-repeat right center;
  width: 2rem;
  height: 2rem;
}

.checkout-guest-and-distributor .checkout-container {
  padding: 0;
}

.checkout-guest-and-distributor .checkout-container .text-white {
  color: #FFFFFF;
}

.checkout-guest-and-distributor .checkout-container .confirmation-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-package.png) no-repeat center top;
  padding-top: 1.25rem;
}

.checkout-guest-and-distributor .checkout-container .text-gray-dull {
  color: #F2F2F2;
}

.checkout-guest-and-distributor .checkout-container .testlabel::after {
  margin: 0.3125rem;
}

.checkout-guest-and-distributor .checkout-container .navigate-back {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-left-copy.png) no-repeat left center;
}

.checkout-guest-and-distributor .checkout-container .testlabel::before {
  margin: 0.3125rem;
}

.checkout-guest-and-distributor .checkout-container .delivery-label .pullUpLabel,
.checkout-guest-and-distributor .checkout-container .delivery-label .section-content {
  padding-left: 1rem;
  text-align: left;
}

.checkout-guest-and-distributor .checkout-container .delivery-label:before {
  top: 0.725rem;
}

.checkout-guest-and-distributor .checkout-container .logo-section {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/nuskin-fountain-mark.png) no-repeat center 0;
  padding-top: 2.5rem;
}

.checkout-guest-and-distributor .checkout-container .shippingAddress-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-shipping-active.svg) #1CD8D2 no-repeat center center;
  border: 0.0625rem solid #FFFFFF;
}

.checkout-guest-and-distributor .checkout-container .shippingAddress-logo-done {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-checked.svg) no-repeat center center, url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-shipping-inactive.svg) no-repeat center center;
}

.checkout-guest-and-distributor .checkout-container .deliveryOptions-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-delivery-inactive.svg) #008AB0 no-repeat center center;
}

.checkout-guest-and-distributor .checkout-container .deliveryOptions-logo-active {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-delivery-active.svg) #1CD8D2 no-repeat center center;
  border: 0.0625rem solid #FFFFFF;
}

.checkout-guest-and-distributor .checkout-container .deliveryOptions-logo-done {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-checked.svg) no-repeat center center, url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-delivery-inactive.svg) no-repeat center center;
}

.checkout-guest-and-distributor .checkout-container .paymentMethod-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-payment-inactive.svg) #008AB0 no-repeat center center;
}

.checkout-guest-and-distributor .checkout-container .paymentMethod-logo-active {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-payment-active.svg) #1CD8D2 no-repeat center center;
  background-size: cover;
}

.checkout-guest-and-distributor .checkout-container .paymentMethod-logo-done {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-checked.svg) no-repeat center center, url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-payment-inactive.svg) no-repeat center center;
}

.checkout-guest-and-distributor .checkout-container .orderReview-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-order-inactive.svg) #008AB0 no-repeat center center;
}

.checkout-guest-and-distributor .checkout-container .orderReview-logo-active {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-order-active.svg) #1CD8D2 no-repeat center center;
  border: 0.0625rem solid #FFFFFF;
}

.checkout-guest-and-distributor .checkout-container .label-section {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 0.92;
}

.checkout-guest-and-distributor .checkout-container .state-select select.ng-invalid.ng-touched {
  background-color: transparent;
}

.checkout-guest-and-distributor .checkout-container .state-select::after {
  top: 1.25rem;
}

.checkout-guest-and-distributor .checkout-container .form {
  margin: 0;
}

.checkout-guest-and-distributor .checkout-container .check-box-wrap {
  width: 11.5625rem;
}

.checkout-guest-and-distributor .checkout-container .m-b-0_5 {
  margin-bottom: .5rem;
}

.checkout-guest-and-distributor .checkout-container .m-t-0_5 {
  margin-top: .5rem;
}

.checkout-guest-and-distributor .checkout-container .main-section {
  display: table;
  margin: 0 auto;
}

.checkout-guest-and-distributor .checkout-container .color-aqua {
  color: #1CD8D2;
}

.checkout-guest-and-distributor .checkout-container .displayTable {
  display: table;
}

.checkout-guest-and-distributor .checkout-container .tick-completed {
  position: absolute;
  left: 0;
  top: 0;
}

.checkout-guest-and-distributor .checkout-container .right-section {
  max-width: 24.625rem;
  min-width: 24.625rem;
}

.checkout-guest-and-distributor .checkout-container .backgroundWhite {
  background: #FFFFFF;
}

.checkout-guest-and-distributor .checkout-container .actionImage {
  margin-top: -0.1875rem;
}

.checkout-guest-and-distributor .checkout-container .m-r-5px {
  margin-right: 0.3125rem;
}

.checkout-guest-and-distributor .checkout-container .p-l-5px {
  padding-left: 0.3125rem;
}

.checkout-guest-and-distributor .checkout-container .promo-code {
  color: #444444;
  font-size: 1rem;
  font-weight: 300;
}

.checkout-guest-and-distributor .checkout-container .order-section .order-confirmation {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/hairflip_2.png);
  background-repeat: no-repeat;
  width: auto;
  z-index: 0;
}

.checkout-guest-and-distributor .checkout-container .order-section .order-confirmation > div {
  background: rgba(0, 52, 67, 0.65);
  z-index: 1;
  height: 15.625rem;
  max-height: 15.625rem;
}

.checkout-guest-and-distributor .checkout-container .order-section .order-confirmation .order-top-section {
  color: #FFFFFF;
  font-weight: 100;
  padding: 2.5rem 1.625rem 2.3125rem;
}

.checkout-guest-and-distributor .checkout-container .order-section .order-confirmation .order-top-section .header {
  font-size: 1.875rem;
  margin: 1.125rem 0 -0.3125rem;
}

.checkout-guest-and-distributor .checkout-container .order-section .order-confirmation .order-top-section .header + p {
  font-weight: 100;
  line-height: 1.31;
  margin: 0 0 0.5rem;
}

.checkout-guest-and-distributor .checkout-container .order-section .order-confirmation .order-top-section span.underline {
  font-weight: 400;
}

.checkout-guest-and-distributor .checkout-container .order-section .action-section {
  height: 5.75rem;
  max-height: 5.75rem;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  background: #FFFFFF;
}

.checkout-guest-and-distributor .checkout-container .order-section .action-section button {
  height: 2.75rem;
}

.checkout-guest-and-distributor .checkout-container .order-section .separator-section-break {
  height: 0.3125rem;
  background: #f7f9fa;
}

.checkout-guest-and-distributor .checkout-container .order-section .info-section .text-section {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 0.95;
  color: #727272;
}

.checkout-guest-and-distributor .checkout-container .order-section .info-section p.info-header {
  font-size: 1.5rem;
  font-weight: 100;
}

.checkout-guest-and-distributor .checkout-container .order-section .info-section .bullet-section {
  background: #37B0C9;
}

.checkout-guest-and-distributor .checkout-container .order-section .info-section .bullet-section .bullet {
  width: 1.0625rem;
  height: 1.0625rem;
  border-radius: 1.0625rem;
  border: solid 0.125rem rgba(106, 255, 250, 0.8);
}

.checkout-guest-and-distributor .checkout-container .order-section .info-section .bullet-section .header-msg {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.18;
  margin-bottom: 1.6875rem;
}

.checkout-guest-and-distributor .checkout-container .order-section .info-section .bullet-section .info-header-button-section {
  margin-top: 1.0625rem;
}

.checkout-guest-and-distributor .checkout-container .order-section .info-section .bullet-section .info-header-button-section button {
  border-color: #FFFFFF;
  color: #FFFFFF;
  line-height: 1.31;
  letter-spacing: 0.0625rem;
}

.checkout-guest-and-distributor .checkout-container .order-section .info-section .bullet-section .header-contents {
  margin: 0 0.8125rem;
}

.checkout-guest-and-distributor .checkout-container .order-section .info-section .bullet-section .header-contents .header-contents-data {
  width: 17rem;
}

.checkout-guest-and-distributor .checkout-container .active-arrow-up {
  position: relative;
}

.checkout-guest-and-distributor .checkout-container .active-arrow-up:after,
.checkout-guest-and-distributor .checkout-container .active-arrow-up:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}

.checkout-guest-and-distributor .checkout-container .active-arrow-up:before {
  border-left: 0.5625rem solid transparent;
  border-right: 0.5625rem solid transparent;
  border-top: 1rem solid transparent;
  border-bottom: 0.5625rem solid #FFFFFF;
  top: 1.3625rem;
  left: 7.4px;
}

.checkout-guest-and-distributor .checkout-container .active-arrow-up:after {
  border-left: 0.875rem solid transparent;
  border-right: 0.875rem solid transparent;
  border-top: 0.875rem solid transparent;
  border-bottom: 0.875rem solid #1CD8D2;
  top: 1.6em;
  left: 2px;
}

.checkout-guest-and-distributor .checkout-container form.form[name="formPayment"],
.checkout-guest-and-distributor .checkout-container .shopping-cart-top,
.checkout-guest-and-distributor .checkout-container .top-section {
  margin-top: 1.125rem;
}

.checkout-guest-and-distributor .checkout-container .top-section {
  margin-top: 1.375rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section,
.checkout-guest-and-distributor .checkout-container .payment-section-validated {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/group-46.png);
  width: auto;
  max-width: 20.8125rem;
  padding-top: 1.375rem;
  height: 12.375rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section .form-control,
.checkout-guest-and-distributor .checkout-container .payment-section-validated .form-control {
  max-height: 1.25rem;
  margin-bottom: 0;
}

.checkout-guest-and-distributor .checkout-container .payment-section .credit-card-number div,
.checkout-guest-and-distributor .checkout-container .payment-section-validated .credit-card-number div {
  width: 4.25rem;
  margin-right: 0.3125rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section .credit-card-number-label,
.checkout-guest-and-distributor .checkout-container .payment-section-validated .credit-card-number-label {
  margin-top: 0.625rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section .last-section,
.checkout-guest-and-distributor .checkout-container .payment-section-validated .last-section {
  margin-top: 0.625rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section .last-section > div,
.checkout-guest-and-distributor .checkout-container .payment-section-validated .last-section > div {
  width: 30%;
  margin-right: 0.3125rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section-validated {
  padding-left: 1.125rem;
  padding-left: 1.125rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section-validated .name-section > label {
  width: 2.875rem;
  margin-right: 4.6875rem;
  line-height: 1;
  display: inline-table;
}

.checkout-guest-and-distributor .checkout-container .payment-section-validated .credit-card-number {
  font-weight: 300;
  line-height: 1.31;
  letter-spacing: 0.125rem;
  margin-top: 0.3125rem;
  padding-left: 1rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section-validated .last-section {
  margin-top: 0.625rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section-validated .last-section > div {
  width: 30%;
  margin-right: 0.3125rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section {
  background-position: -0.03125rem 12.8125rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section-validated.visa {
  background-position: -0.03125rem -13.375rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section-validated.mastercard {
  background-position: -0.03125rem -26.5rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section-validated.discover {
  background-position: -0.03125rem -52.9375rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section-validated.amex {
  background-position: -0.03125rem -39.6875rem;
}

.checkout-guest-and-distributor .checkout-container .payment-section-validated.other {
  background-position: -0.03125rem 12.75rem;
}

.checkout-guest-and-distributor .checkout-container .checkout-title-container div.section {
  height: auto;
  max-height: 16.25rem;
}

.checkout-guest-and-distributor .checkout-container .checkout-title-container .logo-section {
  margin-top: -1.25rem;
}

.checkout-guest-and-distributor .checkout-container .checkout-title-container .steps {
  height: 3.75rem;
  background-color: rgba(255, 255, 255, 0.34);
}

.checkout-guest-and-distributor .checkout-container .checkout-title-container .steps .actionMenu > div {
  margin: 0.625rem 1.5625rem 0 0;
  width: 2.25rem;
  height: 2.25rem;
  background-color: #008AB0;
  border-radius: 1.25rem;
  padding: 0.1875rem 0;
}

.checkout-guest-and-distributor .checkout-container .checkout-title-container .steps .actionMenu > div.active {
  background-color: #1CD8D2;
  border: 0.0625rem solid #FFFFFF;
}

.checkout-guest-and-distributor .checkout-container .checkout-title-container .step-indicator {
  height: 2rem;
  background-color: #1CD8D2;
  box-shadow: 0 -0.0625rem 0.3125rem 0 rgba(0, 102, 131, 0.2);
  border: solid 0.0625rem #FFFFFF;
  padding: 3px;
}

.checkout-guest-and-distributor .checkout-container .checkout-title-container .step-indicator small {
  margin: auto;
}

.checkout-guest-and-distributor .accepted-card-container {
  background-color: #F7F7F7;
}

.checkout-guest-and-distributor .accepted-card-container .accepted-card {
  height: 3.75em;
  padding: 1em 0 0 2.5em;
  border: solid 1px #EBE7E7;
  border-bottom: 0;
}

.checkout-guest-and-distributor .accepted-card-container .accepted-card p.small {
  font-weight: 300;
}

.checkout-guest-and-distributor .accepted-card-container .accepted-card ul {
  margin: 0;
  padding: 0;
  height: 1.5em;
}

.checkout-guest-and-distributor .accepted-card-container .accepted-card ul li {
  width: 2.5em;
  height: 1.5em;
  list-style: none;
  float: left;
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 0 6px 0 8px;
}

.checkout-guest-and-distributor .accepted-card-container .accepted-card ul li.visa {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/v-i-s-a.png);
  margin-left: 0;
}

.checkout-guest-and-distributor .accepted-card-container .accepted-card ul li.amex {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/a-m-e-x.png);
}

.checkout-guest-and-distributor .accepted-card-container .accepted-card ul li.mastercard {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/m-a-s-t-e-r-c-a-r-d.png);
}

.checkout-guest-and-distributor .accepted-card-container .accepted-card ul li.discover {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/d-i-s-c-o-v-e-r.png);
}

.checkout-guest-and-distributor .checkout-content-container .checkout-psv-section {
  margin-bottom: 0.75em;
  padding: 0.625em 0;
}

.checkout-guest-and-distributor .checkout-content-container > section.checkout-delivery-options {
  margin: 0em;
  padding: 0em;
  background-color: #F7F9FA;
}

.checkout-guest-and-distributor section.checkout-delivery-options > div {
  padding: 0.9375em;
  margin: 0 auto;
  width: 23.25em;
}

.checkout-guest-and-distributor section.checkout-delivery-options .psv-headings {
  font-weight: 300;
  font-size: 0.8125em;
  line-height: 1em;
  color: #A7A7A7;
}

.checkout-guest-and-distributor section.checkout-delivery-options .psv-values {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 1.6125em;
  color: #444444;
}

.checkout-guest-and-distributor section.checkout-delivery-options .arrow-right-thin {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-right.svg) no-repeat center;
  width: 1.9375em;
  height: 1.9375em;
  margin-top: 0.625em;
}

.checkout-guest-and-distributor .add-icon-checkout {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-add-blue-sm.png) center no-repeat;
  width: 1.25rem;
  height: 1.25rem;
}

.checkout-guest-and-distributor .checkout-order-wrapper .promotion-wrapper .promotion-close-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/cross-small.png) no-repeat center center;
  width: 1.5625rem;
  height: 1.4rem;
  background-size: 1rem;
}

.checkout-guest-and-distributor .checkout-order-wrapper .promo-code {
  margin-top: 0;
}

.checkout-guest-and-distributor .checkout-order-wrapper .delete-icon {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-delete-blue-sm.png);
  height: 1.4em;
  width: 1em;
  margin-left: 0.6875rem;
}

.checkout-guest-and-distributor .checkout-order-wrapper .edit-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/stroke-sm.png) no-repeat center;
  height: 1.4em;
  width: 1em;
  margin-left: 0.5625rem;
}

.checkout-guest-and-distributor .add-title-checkout {
  font-weight: 600;
  font-size: 0.75em;
  line-height: 0.6875em;
  color: #008AB0;
  margin-top: 0.875em;
}

.checkout-guest-and-distributor .border-r {
  border-right: 0.0625em solid #EAEAEA;
}

.checkout-guest-and-distributor .border-t {
  border-top: 0.0625em solid #EAEAEA;
}

.checkout-guest-and-distributor .checkout-content-container.address-list {
  background-color: #F7F7F7;
}

.checkout-guest-and-distributor .checkout-order-wrapper .checkout-order-body.address div span {
  display: block;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #2D2D2D;
}

.checkout-guest-and-distributor .checkout-order-wrapper .checkout-order-body.address em.delete-icon,
.checkout-guest-and-distributor .checkout-order-wrapper .checkout-order-body.address em.edit-icon {
  display: inline-block;
  margin-left: 1rem;
}

.checkout-guest-and-distributor .checkout-order-wrapper .checkout-order-body.address div span.icon-names {
  font-weight: 600;
  font-size: 0.75em;
  line-height: 0.6875em;
  color: #008AB0;
  display: block;
  padding: 1px 0 0 1.5rem;
}

.checkout-guest-and-distributor .checkout-order-wrapper .checkout-order-body.address label {
  font-weight: 600;
  font-size: 0.75em;
  line-height: 1.3125em;
  color: #444444;
}

.checkout-guest-and-distributor .checkout-order-wrapper.hide {
  display: none;
}

.checkout-guest-and-distributor .circle-add {
  width: 1.875rem;
  height: 1.875rem;
  border: solid 0.0625em #008AB0;
  border-radius: 50%;
  text-align: center;
  float: right;
  padding: 0.25rem;
  margin-left: 0.5rem;
}

.checkout-guest-and-distributor .payment-section-validated.card-selected {
  border: 0.25em solid #1CD8D2;
  border-radius: 1em;
}

.checkout-guest-and-distributor .checkout-order-body.address .full-name {
  line-height: 1.3125em;
  color: #2D2D2D;
}

.checkout-guest-and-distributor .checkout-order-wrapper .checkout-order-body.address .default-tag {
  font-weight: 300;
  font-size: 1em;
  line-height: 1.3125em;
  color: #A7A7A7;
}

.checkout-guest-and-distributor .primary-card-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/primary-card.png) no-repeat right center;
  width: 3.75em;
  height: 2.3125em;
  position: absolute;
  left: 3.1875em;
  top: -1.375em;
}

.checkout-guest-and-distributor form.form[name="formPayment"] .credit-card-err {
  color: #D0021B;
  height: 0.5rem;
  font-size: 0.8125rem;
  padding-left: 1rem;
  float: none;
  margin: 0 auto;
  display: block;
  width: 20.8125rem;
  padding-left: 0.875rem;
}

.checkout-guest-and-distributor .payment-section-validated .name-section {
  position: relative;
}

.checkout-guest-and-distributor .radio-cards-checkout {
  margin-top: -1em;
}

.checkout-guest-and-distributor .payment-section-validated .radio.radio-cards-checkout label::before {
  background: linear-gradient(to bottom, #131313, #242424);
  border: 0.0625em solid #D1D1D1;
}

.checkout-guest-and-distributor .payment-section-validated .radio.radio-cards-checkout input[type="radio"]:checked + label::before {
  background: radial-gradient(circle at 50% 41%, #00fff7, #008AB0);
  box-shadow: 0 0.0625em 0.125em 0.25em rgba(0, 0, 0, 0.2);
}

.checkout-guest-and-distributor .payment-section-validated label a {
  font-size: 0.75rem;
  font-weight: 600;
  text-decoration: none;
}

.checkout-guest-and-distributor .m-t-4px {
  margin-top: 0.25em;
}

.checkout-guest-and-distributor .confirm-modal-class .modal-dialog,
.checkout-guest-and-distributor #exit-modal-popup .modal-dialog {
  width: 21.3125rem;
  margin: auto;
}

.checkout-guest-and-distributor .checkout-order-wrapper > #accordionform .panel-title button {
  display: block;
}

.checkout-guest-and-distributor .checkout-order-wrapper .display-inblock {
  display: inline-block;
}

.checkout-guest-and-distributor .my-cards-section .display-inblock {
  display: inline-block;
}

.checkout-guest-and-distributor .shopping-cart-top .display-inblock {
  display: inline-block;
}

.checkout-guest-and-distributor .shopping-cart-top .promo-list-value {
  margin-left: -6px;
  vertical-align: text-bottom;
}

.checkout-guest-and-distributor .btn-primary-outline:focus {
  background-color: #FFFFFF;
}

.checkout-guest-and-distributor .btn-primary-outline:hover {
  background-color: #008AB0;
}

.checkout-guest-and-distributor .error-block.expiration-error,
.checkout-guest-and-distributor .error-block.required-error {
  width: 20.8125rem;
  padding-left: 0.875rem;
  float: none;
  margin: 0 auto;
  display: block;
}

.checkout-guest-and-distributor .billing-section .checkbox input[type="checkbox"] {
  width: auto;
}

.checkout-guest-and-distributor .payment-section input[type="text"],
.checkout-guest-and-distributor .payment-section input[type="password"],
.checkout-guest-and-distributor .payment-section input[type="tel"] {
  width: 100%;
  border: 1px solid #D1D1D1;
  padding: 1px 10px;
  font-weight: 300;
  font-size: 0.875rem;
}

.checkout-guest-and-distributor .payment-section input[type="text"].ng-invalid.ng-touched,
.checkout-guest-and-distributor .payment-section input[type="text"].invalid-exp,
.checkout-guest-and-distributor .payment-section input[type="password"].ng-invalid.ng-touched,
.checkout-guest-and-distributor .payment-section input[type="password"].invalid-exp,
.checkout-guest-and-distributor .payment-section input[type="tel"].ng-invalid.ng-touched,
.checkout-guest-and-distributor .payment-section input[type="tel"].invalid-exp {
  background-color: #FFFFFF;
  border: solid 1px #D0021B;
  border-left: solid 6px #D0021B;
}

.checkout-guest-and-distributor .payment-section input[type="text"]:focus,
.checkout-guest-and-distributor .payment-section input[type="text"]:active,
.checkout-guest-and-distributor .payment-section input[type="password"]:focus,
.checkout-guest-and-distributor .payment-section input[type="password"]:active,
.checkout-guest-and-distributor .payment-section input[type="tel"]:focus,
.checkout-guest-and-distributor .payment-section input[type="tel"]:active {
  border: 1px solid #37B0C9;
  outline: none;
  box-shadow: none;
}

.checkout-guest-and-distributor .select-wrapper::after {
  top: 1.5rem;
  right: 0.9375rem;
}

.checkout-guest-and-distributor .estimated-total-section label.estimated-total {
  line-height: 3.25em;
}

.checkout-guest-and-distributor .tooltipwrapper {
  position: relative;
}

.checkout-guest-and-distributor .tooltipwrapper .dropdown-trigger {
  width: 12px;
  height: 12px;
  background-color: #FFFFFF;
  top: 4px;
}

.checkout-guest-and-distributor .tooltipwrapper .dropdown-trigger:before {
  top: -5px;
  content: '?';
  font-size: 10px;
  color: #008AB0;
}

.checkout-guest-and-distributor .tooltipwrapper .open > .dropdown-menu {
  left: -4.25rem;
  min-width: 8.9375rem;
  width: 8.9375rem;
  height: 5.625rem;
  margin-top: 10px;
  padding: 10px 0 0 1.125rem;
}

.checkout-guest-and-distributor .tooltipwrapper .open > .dropdown-menu .show-amex-div {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/amexcvv.png) no-repeat;
  height: 4.375rem;
}

.checkout-guest-and-distributor .tooltipwrapper .open > .dropdown-menu .show-non-amex-div {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/nonamexcvv.png) no-repeat;
  height: 4.375rem;
}

.checkout-guest-and-distributor .tooltipwrapper .open > .dropdown-trigger:after {
  top: 1.125rem;
  left: -2px;
}

.confirm-modal-class .modal-dialog {
  width: 23.3125rem;
  margin: auto;
}

#myModalBackDrop {
  display: none;
}

.my-cards-section {
  height: 2rem;
}

.my-cards-section .card-no {
  color: #A7A7A7;
}

.app-modal-window .modal-dialog .modal-header {
  padding: 1.5rem 1rem 0;
}

.app-modal-window .modal-dialog .modal-header .cross-icon {
  width: 1.5625rem;
  padding: 1.5rem 1.125rem 1rem 0;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/cross-small.png) no-repeat right top;
}

.app-modal-window .modal-dialog .modal-body {
  padding: 0 1.5rem 1.5rem;
}

@media (max-width: 767px) {
  .checkout-guest-and-distributor .show-below-md {
    display: block;
  }

  .checkout-guest-and-distributor .show-above-md {
    display: none;
  }

  .checkout-guest-and-distributor .accordionForm .accord-label-section {
    padding-left: 2.8125rem;
    padding-right: 0.625rem;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm #panel {
    padding-left: 0;
    padding-right: 0;
  }

  .checkout-guest-and-distributor .checkout-container .payment-section,
  .checkout-guest-and-distributor .checkout-container .payment-section-validated {
    background-position: 0 12.8125rem;
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .checkout-guest-and-distributor .checkout-container .payment-section .form-control,
  .checkout-guest-and-distributor .checkout-container .payment-section-validated .form-control {
    max-height: 1.25rem;
    margin-bottom: 0;
  }

  .checkout-guest-and-distributor .checkout-container .payment-section label,
  .checkout-guest-and-distributor .checkout-container .payment-section .form-control,
  .checkout-guest-and-distributor .checkout-container .payment-section-validated label,
  .checkout-guest-and-distributor .checkout-container .payment-section-validated .form-control {
    font-size: .75rem;
  }

  .checkout-guest-and-distributor .checkout-container .payment-method-section,
  .checkout-guest-and-distributor .checkout-container .delivery-section {
    padding: 0;
  }

  .checkout-guest-and-distributor .payment-method-section {
    padding-left: 0;
    padding-right: 0;
  }

  .checkout-guest-and-distributor .payment-section {
    background-position: 0 12.75rem;
  }

  .checkout-guest-and-distributor .delivery-section {
    padding-left: 0;
    padding-right: 0;
  }

  .checkout-guest-and-distributor .shipping-section {
    padding-left: 0;
    padding-right: 0;
  }

  .checkout-guest-and-distributor .checkout-container .left-section {
    min-width: 20.3125rem;
    max-width: 20.3125rem;
  }

  .checkout-guest-and-distributor .accordionForm .promo-code-section div:first-child {
    width: 66%;
  }

  .checkout-guest-and-distributor .include-section .promo-code-section .error-block {
    display: inline-block;
    max-width: 13.1875rem;
  }

  .checkout-guest-and-distributor .order-section .action-section {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }

  .checkout-guest-and-distributor .order-section .action-section button {
    width: 20.3125rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .text-section {
    padding: 2.5rem 1rem 3.0625rem 1.5625rem;
    width: 13.375rem;
    max-width: 13.375rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .bullet-section {
    padding: 1.75rem 1.625rem 1.75rem 1.5625rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .bullet-section .header-contents-data {
    margin-top: 0;
    line-height: 1.1;
    margin-bottom: 1.5625rem;
    padding-left: 0.5rem;
  }

  .checkout-guest-and-distributor .accepted-card-container .accepted-card {
    height: 5.625em;
    padding-left: 1.5em;
    border: 0;
    border-top: solid 1px #EBE7E7;
  }

  .checkout-guest-and-distributor .accepted-card-container .accepted-card p {
    margin-bottom: 10px;
  }

  .checkout-guest-and-distributor .accepted-card-container .accepted-card ul li.visa {
    margin-left: 0;
  }

  .checkout-guest-and-distributor .checkout-guest-and-distributor .include-section .promo-code-button {
    max-width: 4.75rem;
  }
}

@media (min-width: 320px) and (max-width: 359px) {
  .checkout-guest-and-distributor .checkout-container .left-section {
    min-width: 90%;
    max-width: 90%;
    margin: 0 auto;
  }

  .checkout-guest-and-distributor .order-section .action-section button {
    width: 90%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .checkout-guest-and-distributor .accordionForm .promo-code-section div:first-child {
    width: 75%;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm .accord-label-section {
    padding-left: 9.25rem;
    padding-right: 9.25rem;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm .panel-section {
    padding-left: 6.875rem;
    padding-right: 6.875rem;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm .shopping-cart-top .shopping-cart-section,
  .checkout-guest-and-distributor #accordionform.accordionForm .shopping-cart-top .shopping-cart-section.section-separator {
    margin-left: 0;
  }

  .checkout-guest-and-distributor .add-space {
    margin-bottom: 4.25rem;
  }

  .checkout-guest-and-distributor .payment-method-section {
    padding-left: 1.375rem;
    padding-right: 1.375rem;
  }

  .checkout-guest-and-distributor .promo-code-section .error-block {
    display: inline-block;
    max-width: 19.375rem;
  }

  .checkout-guest-and-distributor .checkout-guest-and-distributor .delivery-section {
    padding-left: 0;
    padding-right: 0;
  }

  .checkout-guest-and-distributor .order-section .action-section button {
    max-width: 20.3125rem;
    width: 20.3125rem;
  }

  .checkout-guest-and-distributor .order-section .text-section {
    width: 18.5625rem;
    max-width: 18.5625rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .info-section-content {
    padding: 2.5rem 10.75rem 4.375rem 10.4375rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .header-parent {
    width: 27.1875rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .header-parent .header-section {
    padding: 0 3.4375rem;
  }

  .checkout-guest-and-distributor .accepted-card-container {
    border: solid 1px #EBE7E7;
  }

  .checkout-guest-and-distributor .accepted-card-container .accepted-card {
    width: 27.1875rem;
    margin: 0 auto;
    border: 0;
    padding-left: 3.25em;
  }

  .checkout-guest-and-distributor .accepted-card-container .accepted-card ul {
    margin-left: 2em;
  }
}

@media (min-width: 768px) {
  .checkout-guest-and-distributor .show-below-md {
    display: none;
  }

  .checkout-guest-and-distributor .show-above-md {
    display: block;
  }

  .checkout-guest-and-distributor .checkout-container .left-section {
    min-width: 27.1875rem;
    max-width: 27.1875rem;
  }

  .checkout-guest-and-distributor .checkout-container .delivery-label .pullUpLabel,
  .checkout-guest-and-distributor .checkout-container .delivery-label .section-content {
    padding-left: 1.5625rem;
    text-align: left;
  }

  .checkout-guest-and-distributor .checkout-container .order-section .action-section button {
    max-width: 27.125rem;
    width: 27.125rem;
  }

  .checkout-guest-and-distributor .checkout-container .order-section .bullet-section {
    padding: 1.75rem 0 0.8125rem;
  }

  .checkout-guest-and-distributor .checkout-container .order-section .bullet-section .bullet {
    margin-right: -0.625rem;
  }

  .checkout-guest-and-distributor .checkout-container .order-section .bullet-section .header-contents-data {
    padding-left: 1.25rem;
    margin-top: -0.125rem;
    line-height: 1.2;
    margin-bottom: 1.5625rem;
  }
}

@media (max-width: 1023px) {
  .checkout-guest-and-distributor body {
    background: #FFFFFF;
  }

  .checkout-guest-and-distributor .show-below-lg {
    display: block;
  }

  .checkout-guest-and-distributor .show-above-lg {
    display: none;
  }

  .checkout-guest-and-distributor .checkout-container .payment-section,
  .checkout-guest-and-distributor .checkout-container .payment-section-validated {
    margin-top: -2rem;
  }

  .checkout-guest-and-distributor .checkout-container,
  .checkout-guest-and-distributor .checkout-container .content {
    background: #FFFFFF;
  }

  .checkout-guest-and-distributor .checkout-container .top-section {
    margin-top: 0;
  }

  .checkout-guest-and-distributor .accordionForm .panel-section {
    margin-top: -2.1875rem;
  }

  .checkout-guest-and-distributor .button {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
  }

  .checkout-guest-and-distributor .include-section .promocode-section {
    margin-top: -0.4375rem;
  }

  .checkout-guest-and-distributor .include-section .estimated-total-section {
    margin-bottom: 1.1875rem;
  }

  .checkout-guest-and-distributor .include-section .estimated-total-section div[align="right"] label {
    font-size: 1.5em;
    line-height: 2.125em;
    font-weight: 100;
  }

  .checkout-guest-and-distributor .include-section .promotion-and-rewards-section {
    margin: 0.3125rem 0 0.625rem 0;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm.show-below-lg {
    z-index: 1051;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm .shopping-cart-section {
    margin-left: 2rem;
    padding-right: 0;
    margin-bottom: 0.3125rem;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm .estimated-total-section {
    margin-bottom: 1.1875rem;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm .panel-title {
    margin-left: -1rem;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm .shopping-cart-section.section-separator {
    margin-right: 0;
    margin-bottom: 0.3125rem;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm .panel-title .drawerButton {
    margin-left: 0.3125rem;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm .pullUpLabel {
    margin-left: 0.625rem;
  }

  .checkout-guest-and-distributor #accordionform.accordionForm .estimated-section {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .checkout-guest-and-distributor .show-below-lg {
    display: none;
  }

  .checkout-guest-and-distributor .show-above-lg {
    display: block;
  }

  .checkout-guest-and-distributor .name-card {
    border: solid 0.0625rem #EBE7E7;
    background: #FFFFFF;
  }

  .checkout-guest-and-distributor .estimated-total-section > div {
    padding-left: 1rem;
  }

  .checkout-guest-and-distributor .checkout-container .left-section,
  .checkout-guest-and-distributor .checkout-container .right-section {
    float: left;
  }

  .checkout-guest-and-distributor .checkout-container .left-section {
    margin-right: 0.75rem;
  }

  .checkout-guest-and-distributor .checkout-container .left-section {
    min-width: 29.625rem;
    max-width: 29.625rem;
  }

  .checkout-guest-and-distributor .checkout-container .delivery-section {
    padding: 0.625rem 2.8125rem 0;
  }

  .checkout-guest-and-distributor .checkout-container .delivery-section .top-section {
    margin-top: 1rem;
  }

  .checkout-guest-and-distributor .checkout-container .payment-section,
  .checkout-guest-and-distributor .checkout-container .payment-section-validated {
    margin-top: -0.3125rem;
  }

  .checkout-guest-and-distributor .include-section .promocode-section {
    margin-top: 1.5625rem;
  }

  .checkout-guest-and-distributor .include-section .promo-code-input {
    max-width: 13.1875rem;
    min-width: 13.1875rem;
  }

  .checkout-guest-and-distributor .include-section .shopping-cart-last-section {
    margin-bottom: 0.3125rem;
  }

  .checkout-guest-and-distributor .include-section .shopping-cart-section {
    margin-bottom: 0.5rem;
  }

  .checkout-guest-and-distributor .include-section .promotion-and-rewards-section {
    margin: 0.3125rem 0 0.625rem 0;
  }

  .checkout-guest-and-distributor .include-section .promotion-and-rewards-section .small-heading {
    color: #2D2D2D;
  }

  .checkout-guest-and-distributor .include-section .shopping-cart-wrapper {
    padding-bottom: 1.875rem;
  }

  .checkout-guest-and-distributor .include-section .shopping-cart-wrapper .shopping-cart-top {
    margin-top: 1.4375rem;
  }

  .checkout-guest-and-distributor .include-section .shopping-cart-wrapper .promotion-wrapper .promotion-close-icon {
    background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/cross-small.png) no-repeat center center;
    width: 1.5625rem;
    height: 1.4rem;
    background-size: 1rem;
  }

  .checkout-guest-and-distributor .include-section .shopping-cart-wrapper .promotion-wrapper .promo-code {
    margin-top: 0;
  }

  .checkout-guest-and-distributor .include-section .promo-code-section .error-block {
    display: inline-block;
    max-width: 13.1875rem;
  }

  .checkout-guest-and-distributor .include-section .estimated-total-section div[align="right"] label {
    font-size: 1.5em;
    line-height: 2.125em;
    font-weight: 100;
  }

  .checkout-guest-and-distributor .include-section .promotion-and-rewards-section {
    margin: 0.3125rem 0 0.625rem 0;
  }

  .checkout-guest-and-distributor .order-section .action-section {
    padding-top: 2.25rem;
  }

  .checkout-guest-and-distributor .order-section .info-section {
    background: #F7F9FA;
    padding: 1.5rem 2rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .text-section {
    width: 17rem;
    max-width: 17rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .info-section-content > div:first-child {
    background: #FFFFFF;
    padding: 2.25rem 3.125rem 9.4375rem 2.5rem;
    width: 30rem;
    max-width: 30rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .info-section-content .text-section > p {
    width: 17rem;
    max-width: 17rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .info-section-content .bullet-section {
    width: 30rem;
    max-width: 30rem;
    padding: 1.75rem 2.5rem 1.75rem 3.1875rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .info-section-content .bullet-section .header-section {
    padding-left: 2.5625rem;
    padding-right: 2.4375rem;
  }

  .checkout-guest-and-distributor .order-section .info-section .info-section-content .bullet-section .header-contents-data {
    margin-top: -1.0625rem;
    padding-left: 1.625rem;
    line-height: 1;
    padding-bottom: 0;
  }

  .checkout-guest-and-distributor .order-section .info-section .info-section-content .bullet-section .bullet {
    width: 1.0625rem;
    height: 1.0625rem;
    border-radius: 1.0625rem;
    border: solid 0.125rem rgba(106, 255, 250, 0.8);
    margin-right: 0.3125rem;
  }

  .checkout-guest-and-distributor .checkout-content-container.address-list.address-section {
    display: table;
    margin: 0 auto;
    margin-top: 2em;
  }

  .checkout-guest-and-distributor .checkout-content-container.address-list.address-section .left-pane {
    min-width: 29.625rem;
    max-width: 29.625rem;
    margin-right: 0.75rem;
    float: left;
  }

  .checkout-guest-and-distributor .content .m-lg-24 {
    margin-top: 0em;
  }

  .checkout-guest-and-distributor .my-cards-section {
    height: 2rem;
    margin-top: 1em;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .checkout-guest-and-distributor .checkout-container {
    width: 100%;
    margin-top: 0;
  }

  .checkout-guest-and-distributor .button {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
  }

  .checkout-guest-and-distributor .accepted-card-container .accepted-card ul li.visa {
    margin-left: 10px;
  }
}

@media (min-width: 1440px) {
  .checkout-guest-and-distributor .checkout-container {
    width: 100%;
    margin-top: 0;
  }

  .checkout-guest-and-distributor .checkout-container .left-section {
    min-width: 34.25rem;
    max-width: 34.25rem;
    margin-right: 1.5rem;
  }

  .checkout-guest-and-distributor .checkout-container .order-section .info-section .text-section {
    width: 31.4375rem;
    max-width: 31.4375rem;
    padding: 2.25rem 3.125rem 9.4375rem 3.3125rem;
  }

  .checkout-guest-and-distributor .checkout-container .order-section .info-section .bullet-section {
    width: 31.375rem;
    max-width: 31.375rem;
  }

  .checkout-guest-and-distributor .checkout-container .order-section .info-section .bullet-section .header-contents-data {
    margin-top: 0;
    padding-left: 1.625rem;
    line-height: 1;
    padding-bottom: 0;
  }

  .checkout-guest-and-distributor .checkout-container .order-section .info-section .bullet-section .bullet {
    width: 1.0625rem;
    height: 1.0625rem;
    border-radius: 1.0625rem;
    border: solid 0.125rem rgba(106, 255, 250, 0.8);
    margin-right: -0.875rem;
  }

  .checkout-guest-and-distributor .checkout-content-container.address-list.address-section {
    display: table;
    margin: 0 auto;
    margin-top: 2em;
  }

  .checkout-guest-and-distributor .checkout-content-container.address-list.address-section .left-pane {
    min-width: 34.25rem;
    max-width: 34.25rem;
    margin-right: 0.75rem;
    float: left;
  }
}

.checkout-container.order-review {
  background: #F7F7F7;
}

.checkout-order-wrapper {
  background-color: #FFFFFF;
  margin-bottom: 0.75rem;
  padding: 0.625rem;
}

.checkout-order-wrapper .checkout-order-body .tooltipwrapper .tooltip-label {
  font-weight: 400;
}

.checkout-order-wrapper .checkout-order-body .tooltipwrapper .tooltip-label .dropdown-menu .dropdown-title {
  font-weight: 600;
}

.checkout-order-wrapper .checkout-order-head .checkbox-label-section {
  padding-left: 1.25rem;
}

.checkout-order-wrapper .error-block {
  display: inline-table;
}

.clickable {
  cursor: pointer;
}

.checkout-order-head {
  padding: 0 0.9375rem;
}

.checkout-order-body {
  padding: 0 0.9375rem;
}

.checkout-order-wrapper h3 {
  text-transform: none;
  margin-top: 0.5rem;
}

.checkout-order-wrapper #accordionform {
  padding: 0;
  background: none;
  opacity: 1;
  transition: all 0.75s cubic-bezier(0.16, 1.32, 0.91, 1.26);
}

.checkout-order-body.summary div {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.3125rem;
  color: #444444;
}

.checkout-order-body.summary div.promo-list-title {
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  color: #444444;
}

.checkout-order-wrapper .promo-apply {
  width: 29%;
}

.checkout-order-body.summary div.promo-list {
  display: flex;
  padding-top: 0.625rem;
}

.checkout-order-body.summary div.promo-list div {
  padding-left: 0.625rem;
}

.checkout-order-body.summary div > span {
  font-weight: 600;
}

.checkout-order-body.summary .total {
  font-weight: 100;
  font-size: 1.375rem;
  line-height: 2rem;
}

.checkout-order-body.summary .promo {
  font-weight: 100;
  font-size: 0.8125rem;
}

.checkout-order-wrapper .checkout-order-body.shipping div span {
  display: block;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #2D2D2D;
}

.checkout-order-body.shipping label,
.checkout-order-wrapper .checkout-order-body.payment label {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.3125rem;
  color: #444444;
  text-transform: uppercase;
}

.checkout-order-wrapper .checkout-order-body.delivery p {
  font-weight: 300;
  font-size: 0.8125rem;
  line-height: 1.5rem;
  color: #444444;
}

.checkout-order-wrapper .checkout-order-body.delivery label {
  font-size: 1rem;
  line-height: 1.3125rem;
  color: #727272;
}

.checkout-order-wrapper .checkout-order-body.payment p {
  font-weight: 300;
  font-size: 0.8125rem;
  color: #444444;
  margin: 0;
}

.checkout-order-wrapper .checkout-order-body.payment input.cvvText[type="tel"] {
  -webkit-text-security: disc;
  -moz-text-security: disc;
}

.checkout-order-wrapper .list-pane {
  margin-top: 2.3125rem;
  padding: 0px;
}

.checkout-order-wrapper .list-pane img {
  height: 4.625rem;
}

.checkout-order-wrapper .list-pane-btn {
  padding-top: 1rem;
}

.checkout-order-body.payment span {
  font-weight: 100;
  line-height: 1.375rem;
  font-size: 1rem;
  color: #444444;
}

.checkout-order-wrapper.order-placing span {
  font-size: 0.875rem;
  color: #777676;
}

.checkout-order-wrapper.order-placing .return-policy {
  font-size: 0.875rem;
}

.checkout-order-wrapper .shop-bag-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/shop-bag-sm.png) no-repeat center 0;
  width: 2.25rem;
  height: 2.25rem;
  border: none;
}

.checkout-order-wrapper .checkout-edit {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/content/stroke-sm.png) no-repeat center 0;
  border: none;
}

.checkout-order-wrapper .ship-add-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-package-copy-4.png) no-repeat center center;
  width: 2.25rem;
  height: 2.25rem;
  background-color: #D1D1D1;
  border: none;
  padding: 0;
  border-radius: 50%;
}

.checkout-order-wrapper .delivery-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/group-16.png) no-repeat center 0;
  width: 2.25rem;
  height: 2.25rem;
  border: none;
}

.checkout-order-wrapper .payment-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/group-17.png) no-repeat center 0;
  width: 2.25rem;
  height: 2.25rem;
  border: none;
}

.checkout-order-wrapper .check-mark {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/checkmark-read-only.png) no-repeat center 0;
  width: 1rem;
  height: 1rem;
  display: block;
  float: left;
  margin-top: 0.3125em;
  margin-right: 0.25rem;
}

.checkout-order-wrapper .order-logo {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/group-20.png) no-repeat center 0;
  width: 2.25rem;
  height: 2.25rem;
  border: none;
}

.pane-separator {
  border: solid 0.0125rem #DBDBDB;
  width: 100%;
  margin-left: 0;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.pane-separator.small {
  border: solid 0.0125rem #DBDBDB;
  width: 92%;
  margin-left: 1rem;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.checkout-order-body .promo-list-title {
  font-size: 0.8125rem;
  font-weight: 600;
}

.checkout-order-wrapper .item-quantity {
  margin-top: 0.5rem;
}

.checkout-order-wrapper .item-quantity span {
  display: inline-block;
}

.checkout-order-wrapper .item-quantity p {
  font-size: 0.8125rem;
  margin-left: 7px;
  display: inline-block;
  color: #727272;
}

.checkout-order-wrapper .product-size {
  margin-top: 11px;
}

.checkout-order-wrapper .product-size span {
  display: inline-block;
}

.checkout-order-wrapper .product-size p {
  font-size: 0.8125rem;
  margin-left: 7px;
  display: inline-block;
  color: #727272;
}

.checkout-order-wrapper .product-cost {
  font-size: 1.5rem;
}

.order-summary-wrapper {
  margin-top: 1.25rem;
}

.top-buffer-15 {
  margin-top: 0.9375rem;
}

.top-bottom-pad-15 {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}

.border-line {
  border-bottom: 1px solid #DBDBDB;
}

.item-quantity {
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.5rem;
  color: #A7A7A7;
}

.stock-status {
  clear: both;
  margin-top: 1.68rem;
}

.stock-status .stock-status-sub p {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.5px;
  color: #FF76B9;
  display: inline-block;
}

.stock-status .stock-status-sub .stock-updates {
  vertical-align: top;
  display: inline-block;
  margin-left: 1em;
  font-size: 13px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.46;
  color: #FF76B9;
  vertical-align: middle;
}

.stock-status .stock-description {
  display: table-row;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.46;
  color: #FF76B9;
  line-height: 1;
  letter-spacing: 0.5px;
}

.product-discount {
  width: 4.125em;
  height: 1.5em;
  border-radius: 2px;
  border: solid 1px #FF76B9;
  margin-top: 3px;
}

.product-discount center {
  padding-top: 2px;
  font-size: 0.8125rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  color: #FF76B9;
}

.product-discount.new-product-block {
  width: 2.625rem;
  height: 1.5rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .checkout-order-wrapper .checkout-order-head,
  .checkout-order-wrapper .checkout-order-body {
    width: 67%;
    margin-left: 16%;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .checkout-order-wrapper {
    border: 0.06125rem solid #DBDBDB;
    padding: 1.4375em 1.5625em 1.25em 1.5625em;
  }

  .checkout-content-container .large-view-2 {
    width: 24.375rem;
  }
}

@media (min-width: 1440px) {
  .checkout-order-wrapper {
    border: 0.06125rem solid #DBDBDB;
    padding: 1.4375em 1.5625em 1.25em 1.5625em;
  }

  .checkout-content-container .large-view-1 {
    width: 33.75rem;
  }

  .checkout-content-container .large-view-2 {
    width: 24.375rem;
  }
}

.border-top {
  border-top: 0.06125rem solid #DBDBDB;
}

.checkout-order-wrapper .panel-default {
  margin-bottom: 1rem;
}

.m-t-neg-4 {
  margin-top: -0.25em;
}

.m-t-4px {
  margin-top: 0.25em !important;
}

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

.checkout-order-wrapper .checkout-order-body.payment .billing-add span {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3125rem;
  color: #2D2D2D;
}

.checkout-order-wrapper .checkout-order-body.payment .billing-add div {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #2D2D2D;
}

.checkout-order-wrapper .checkout-order-body.payment .i-block {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/group-8.svg) no-repeat center;
  width: 1rem;
  height: 1.2rem;
  margin-top: 0.125rem;
  margin-left: 0.325rem;
}

.checkout-order-wrapper .checkout-order-body.payment .i-block-div {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 400;
  letter-spacing: -0.1px;
  color: #2D2D2D;
  display: inline-flex;
  margin-bottom: 0.125rem;
}

.product-search-banner-container .product-search-banner {
  width: 100%;
  height: 26.250em;
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/product-search-header.png);
  background-color: #FFFFFF;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right top;
  border-bottom: solid 1px #D1D1D1;
}

.product-search-banner-container .noresult-text {
  font-size: 0.813em;
  font-weight: 300;
  line-height: 1.69;
  color: #F01616;
}

.product-search-banner-container .search-content-banner {
  padding: 8.313em 0 0 3.125em;
}

.product-search-banner-container .small-font {
  font-size: 1rem;
  font-weight: 100;
}

.product-search-banner-container .result-text-box {
  font-size: 1.750em;
  font-weight: 100;
  color: #444444;
}

.product-search-banner-container .psv-text-box {
  font-size: 1em;
  font-weight: 100;
  color: #444444;
}

.product-search-banner-container .inline-searchbox {
  padding-top: 1px;
}

.product-search-banner-container .inline-searchbox input {
  width: 90%;
  height: 3.125em;
  background: transparent;
  outline: none;
  border: none;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.38;
  color: #a6a6a6;
  cursor: pointer;
}

.product-search-banner-container .search-box {
  border: 1px solid #d6d6d6;
  background-color: rgba(255, 255, 255, 0.8);
}

.product-search-banner-container .ic-search {
  width: 10%;
  height: 3.125em;
  background-size: 1.250em;
  float: left;
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-search.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
}

.product-search-banner-container .inline-psv-searchbox {
  margin-top: 1.250em;
}

.product-search-banner-container .inline-psv-searchbox input {
  width: 100%;
  background: transparent;
  outline: none;
  border: none;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.38;
  color: #a6a6a6;
}

.product-search-banner-container .inline-psv-searchbox .search-box {
  border: none;
  border-bottom: 1px solid #d6d6d6;
}

@media screen and (max-width: 767px) and (min-width: 316px) {
  .product-search-banner-container .product-search-banner {
    height: 15.750em;
    background-position: right -12em top;
  }

  .product-search-banner-container .search-content-banner {
    padding: 5.000em 0 0 1.250em;
  }

  .product-search-banner-container .inline-psv-searchbox input {
    font-size: 0.8em;
  }

  .product-search-banner-container .ic-search {
    width: 6%;
    margin: 4%;
  }

  .product-search-banner-container .inline-searchbox input {
    width: 86%;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .product-search-banner-container .product-search-banner {
    height: 15.750em;
    background-position: right -2em top;
  }

  .product-search-banner-container .search-content-banner {
    padding: 4.313em 0 0 1.500em;
  }

  .product-search-banner-container .ic-search {
    width: 6%;
    margin: 4%;
  }

  .product-search-banner-container .inline-searchbox input {
    width: 86%;
  }
}

@media screen and (max-width: 1439px) and (min-width: 1024px) {
  .product-search-banner-container .product-search-banner {
    background-position: right -10em top;
  }

  .product-search-banner-container .search-content-banner {
    padding: 8.313em 0 0 2.125em;
  }
}

.grid-button {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-grid.png) center no-repeat !important;
  width: 23px;
  height: 23px;
}

.grid-button.active {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-grid-active.png) center no-repeat !important;
}

.list-button {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-list.png) center no-repeat !important;
  width: 25px;
  height: 21px;
}

.list-button.inactive {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-list-inactive.png) center no-repeat !important;
}

.search-list-tab-container .nav-tabs {
  border: none;
  justify-content: space-between;
}

.search-list-tab-container .nav-tabs .nav-item {
  flex-basis: 100%;
}

.search-list-tab-container .nav-tabs .nav-item + .nav-item {
  margin-left: 0;
}

.search-list-tab-container .nav-tabs .nav-item.active ::after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  bottom: 0;
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid #FFFFFF !important;
  border-bottom-width: 8px;
  border-bottom-style: solid;
  border-bottom-color: white;
  -moz-transform: scale(0.999);
  -webkit-backface-visibility: hidden;
  left: 40%;
}

.search-list-tab-container .nav-tabs .nav-item .nav-link {
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  border-radius: 0;
  position: relative;
  padding: .75em 1em;
  height: 100%;
  transition: all .1s linear;
  padding: 1.25rem 1.625rem;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #444444;
}

.search-list-tab-container .nav-tabs .nav-item:focus,
.search-list-tab-container .nav-tabs .nav-item:hover {
  border-color: transparent;
  background: #eaeaea;
}

.search-list-tab-container .nav-tabs .nav-item.active a,
.search-list-tab-container .nav-tabs .nav-item.active:focus a,
.search-list-tab-container .nav-tabs .nav-item.active:hover a {
  color: #FFFFFF;
  background: #37B0C9;
  border-color: #37B0C9;
  position: relative;
  border-bottom: 1px;
}

.search-list-tab-container .nav-tabs .nav-item .nav-link::after {
  width: 0;
  height: 0;
  border-left: 0.9375rem solid transparent;
  border-right: 0.9375rem solid transparent;
  border-bottom: 0.9375rem solid black;
}

.search-list-tab-container .nav-link {
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  border-radius: 0;
  position: relative;
  padding: .75em 1em;
  height: 100%;
  transition: all .1s linear;
  padding: 1.25rem 1.625rem 1.25rem 2.875rem;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #444444;
}

.search-list-tab-container .tab-content {
  display: none;
  width: 100%;
  background-color: #FFFFFF;
  padding-bottom: 2.313rem;
}

.product-list-parent {
  display: block;
}

.product-grid-parent-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  background-color: #FFFFFF;
}

.product-grid-parent-flex .product-flex-tile {
  flex-basis: 25%;
}

@media all and (min-width: 360px) and (max-width: 767px) {
  .product-search-list-container .grid-button {
    margin-right: 2.188rem;
  }

  .search-list-tab-container .nav-tabs .nav-item .nav-link {
    padding: 1.25rem 1.313rem;
  }

  .search-list-tab-container .nav-link::after {
    width: 0;
    height: 0;
    border-left: 0.950em solid transparent;
    border-right: 0.950em solid transparent;
    border-bottom: 0.950em solid black;
  }

  .product-grid-parent-flex .product-flex-tile {
    flex-basis: 50%;
  }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  .product-search-list-container .grid-button {
    margin-right: 2.5rem;
  }

  .product-grid-parent-flex .product-flex-tile {
    flex-basis: 33.33%;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .product-search-list-container .refine {
    margin-left: 2.75rem;
  }

  .grid-button {
    margin-right: 3.25rem;
  }

  .product-grid-parent-flex .product-flex-tile {
    flex-basis: 25%;
  }
}

@media all and (min-width: 1440px) {
  .product-search-list-container .result-text {
    font-size: 1.75rem;
  }

  .product-search-list-container .refine {
    margin-left: 3.875rem;
  }

  .product-search-list-container .grid-button {
    margin-right: 3.75rem;
  }
}

.tile-container {
  padding: 0;
}

.tile-container #listProductMedia {
  background-color: #FFFFFF;
}

.list-view #list {
  padding: 0.5em 0em;
  /*48px 1em 1em 1em*/
  background-color: #FFFFFF;
}

.list-view #list .row {
  /*padding-top: 30px;*/
}

.list-view .category-tile {
  padding-left: 0px;
  padding-right: 0px;
}

.headercontainer {
  background-color: #727272;
  padding: 0 1em;
}

#filter {
  background-color: #444444;
  min-height: 74.063em;
  transform: translateX(-110%);
  transition: opacity 1s linear;
  position: absolute;
  opacity: 0;
}

#filter.is-open {
  position: relative;
  transform: translateX(0);
  transition: transform .25s ease-in;
  opacity: 1;
}

#filter.filter-mobile {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
  overflow: auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  transition: 0.5s;
  margin-left: 0;
}

#list {
  padding: 0.5em 1.5em;
  background-color: #FFFFFF;
}

.see-more {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.57;
  padding: .5em 4.5em;
  cursor: pointer;
  letter-spacing: -0.1px;
  color: #FFFFFF;
}

.option-row {
  padding: 0.5em 1em 0.5em 2em;
}

.option-row:hover {
  background-color: rgba(0, 138, 176, 0.4);
}

.result-text {
  font-weight: 100;
  font-size: 1.375rem;
  line-height: 1.41;
  color: #FFFFFF;
  margin-left: 1em;
  padding-top: 1em;
}

.opt-container {
  margin: 1.25em -1.875em 0;
  background-color: rgba(255, 255, 255, 0.1);
}

.filter-text,
.filter-close {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.57;
  color: #FFFFFF;
  margin-left: 1.5625em;
  margin-bottom: 0.8em;
}

.filter-close {
  float: right;
  margin-right: 1.5em;
}

.filter-option {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.57;
  color: #FFFFFF;
  margin-left: 1.5625em;
  margin-top: 0.75em;
}

.selected-option {
  font-weight: 100;
  font-size: 0.875rem;
  line-height: 1.57;
  color: #1CD8D2 !important;
}

.color-icon {
  width: 1.125em;
  height: 1.125em;
  border: solid 1px #FFFFFF;
  border-radius: 50%;
  float: left;
  margin-top: 3px;
}

.no-outline {
  outline: none;
  background: none;
  border: 0;
  padding: 0;
}

.separator-line-filter {
  height: 2px;
  border: solid 1px #727272;
  margin-top: 0.5em;
}

.option-list-text,
.option-list {
  font-weight: 100;
  font-size: 0.875rem;
  line-height: 1.57;
  color: #FFFFFF;
}

.option-list-text {
  padding-left: 1.25em;
}

.dropdown-container {
  float: right;
  height: 1.625em;
  width: 1.625em;
}

.float-top {
  margin-top: -0.5em;
}

.padding-zero {
  padding: 0 !important;
}

.white {
  color: #FFFFFF;
  font-size: 0.813em;
}

.filter-row {
  margin: 0 1.563em;
  padding: 1.15em 0.5em 0;
}

.switch {
  position: relative;
  display: inline-block;
  width: 3.250em;
  height: 1.875em;
  float: right;
}

/* Hide default HTML checkbox */

.switch input {
  display: none;
}

/* The slider */

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F7F7F7;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 1.625em;
  width: 1.625em;
  left: 0px;
  bottom: 2px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 4px 0 rgba(121, 121, 121, 0.5);
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #1CD8D2;
}

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

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

.slider.round {
  border-radius: 2.125em;
}

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

@media all and (min-width: 360px) and (max-width: 767px) {
  .list-view #list {
    padding: 30px 1em 1em 1em !important;
  }
}

.tile-container {
  background-color: #FFFFFF;
  padding: 0.3125rem;
}

.tile-container .tile-container {
  background-color: #FFFFFF !important;
}

.tile-container #mediatile {
  background-color: #FFFFFF !important;
}

.tile-container video::-webkit-media-controls {
  display: none;
}

.tile-container #bigPlayButton {
  width: 2.5rem;
  height: 2.5rem;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
}

.tile-container .tile {
  background-color: #F7F7F7;
  display: inline-block;
  border: 0.0625rem solid transparent;
}

.tile-container #list {
  padding: 3.000em 1em 1em 1em;
}

.tile-container .category-tile {
  padding: 1.563rem 0.3125rem 0.3125rem 0.3125rem;
}

.tile-container .deactivate {
  opacity: 0.2;
  border: 0.0625rem solid #979797;
  z-index: 10;
}

.tile-container .product-tile-image {
  height: auto;
  overflow: hidden;
}

.tile-container .product-tile-image > .img-container {
  /*width: 320px;
            height: 210px;*/
}

.tile-container .product-tile-image img {
  width: auto;
  height: auto;
}

.tile-container .width-100 {
  width: 100%;
}

.tile-container .tile-description {
  padding-top: 0.750em;
  font-weight: 300;
  font-size: 0.813em;
  line-height: 1.1;
  padding-left: 0 !important;
  padding-bottom: 1em;
}

.tile-container .tile-description .tile-description-container .tile-description {
  height: auto;
  overflow: auto;
}

.tile-container .tile-description > span:first-child {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
  color: #444444;
}

.tile-container .tile-description .description {
  display: none;
}

.tile-container .tile-description .duration {
  display: none;
}

.tile-container .tile-description .fileType {
  color: #444444;
  margin-bottom: 0;
  height: 1.938rem;
  line-height: 1.938;
}

.tile-container .tile-footer {
  max-height: 2.188em;
  padding-top: 1.063em;
}

.tile-container .tile-icon-container {
  float: left;
  width: 100%;
}

.tile-container .logo {
  height: 1.938em;
  width: 1.938em;
  position: relative;
  float: left;
  margin-left: 1em;
}

.tile-container .video-duration {
  float: left;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
  color: #747474;
}

.tile-container .icn-global {
  position: relative;
}

.tile-container .icn-global .icn {
  float: left;
  margin-bottom: 1.250em;
  margin-right: 0.625em;
  cursor: pointer;
}

.tile-container .icn-global .icn-txt {
  float: left;
  padding-top: 0.3125rem;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.5px;
  color: #008AB0;
  cursor: pointer;
}

.tile-container .share {
  float: right;
}

.tile-container .share .logo-share {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-share-blue.svg) no-repeat;
  background-size: cover;
}

.tile-container .download {
  float: left;
}

.tile-container .download .logo-download {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-download.svg) no-repeat;
  background-size: cover;
  height: 1.250em;
  width: 1.32em;
}

.tile-container .mobile-tile-description {
  display: none;
}

.tile-container .media-delete-container {
  height: 1.50em;
  width: 1.375em;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-delete.svg) no-repeat;
  background-size: contain;
  cursor: pointer;
}

.tile-container .delete-tile {
  position: relative;
  float: right;
  margin-bottom: 1em;
  margin-right: 1em;
}

.tile-container .undo-btn {
  width: 100%;
  height: 100%;
  background: transparent;
}

.tile-container .undo-delete {
  padding: 1.25em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
}

.tile-container .undo-delete div {
  height: 3em;
  width: 7.5em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
}

.tile-container .media-favorite-container {
  position: absolute;
  top: 0.6em;
  right: 1.7em;
}

.tile-container.list-view-container {
  float: none;
  width: 100%;
  display: inline-block;
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 2.813rem;
}

.tile-container.list-view-container .category-tile {
  padding-left: 0px;
  padding-right: 0px;
}

.tile-container.list-view-container:before {
  display: table;
  content: " ";
}

.tile-container.list-view-container:after {
  display: table;
  content: " ";
}

.tile-container.list-view-container > .tile {
  display: block;
}

.tile-container.list-view-container > .tile > .product-tile-image {
  float: left;
  display: block;
  max-width: 100%;
  margin-right: 1.875rem;
  margin-left: auto;
  max-resolution: 2.75rem;
}

.tile-container.list-view-container > .tile > .product-tile-image > .img-container {
  float: right;
  width: 20.000em;
  height: 13.125em;
}

.tile-container.list-view-container > .tile > .product-tile-image > .video-container {
  float: right;
  width: 20.000em;
}

.tile-container.list-view-container > .tile > .tile-description-container {
  width: 64%;
  float: left;
  padding-top: 0;
}

.tile-container.list-view-container > .tile > .tile-description-container .description {
  display: block;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
  color: #444444;
}

.tile-container.list-view-container > .tile > .tile-description-container .duration {
  display: block;
  padding-bottom: 1.25rem;
  font-size: 1rem;
}

.tile-container.list-view-container > .tile > .tile-description-container > .tile-description {
  width: 61%;
  float: left;
  padding-top: 0;
  padding-right: 11%;
}

.tile-container.list-view-container > .tile > .tile-description-container > .tile-description > span:first-child {
  font-size: 1.5rem;
  font-weight: 100;
  color: #444444;
  line-height: 1.2;
}

.tile-container.list-view-container > .tile > .tile-description-container > .tile-description .description {
  display: block;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
  color: #444444;
  margin-top: 4px;
  margin-bottom: 12px;
}

.tile-container.list-view-container > .tile > .tile-description-container > .tile-icon-container {
  float: left;
  width: auto;
}

.tile-container.list-view-container > .tile > .tile-description-container > .tile-icon-container .share,
.tile-container.list-view-container > .tile > .tile-description-container > .tile-icon-container .download {
  float: left;
  clear: both;
}

.tile-container.list-view-container > .tile > .tile-description-container > .tile-icon-container .video-duration {
  display: none;
}

@media all and (min-width: 360px) and (max-width: 767px) {
  .tile-container .category-tile {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .tile-container .tile-footer {
    padding-top: 0.875em;
  }

  .tile-container .tile-icon-container {
    padding-top: 13px;
  }

  .tile-container .tile-icon-container .logo-share-text,
  .tile-container .tile-icon-container .logo-download-text {
    display: none;
  }

  .tile-container > .tile > .product-tile-image > .img-container {
    /*width: 150px;
                height: 100px;*/
  }

  .tile-container .share .logo-share {
    /*margin-right: 0; */
  }

  .tile-container .tile-description-container .tile-description {
    height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    overflow: auto;
  }

  .tile-container.list-view-container {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }

  .tile-container.list-view-container > .tile {
    padding-top: 0.3125rem;
  }

  .tile-container.list-view-container > .tile > .product-tile-image {
    margin-right: 0.9375rem;
    padding-left: 0;
    width: auto;
  }

  .tile-container.list-view-container > .tile > .product-tile-image > .video-container {
    width: 100px;
    float: left;
  }

  .tile-container.list-view-container > .tile > .product-tile-image > .img-container {
    float: left;
    width: 6.250em;
    height: 4.063rem;
  }

  .tile-container.list-view-container > .tile > .product-tile-image #bigPlayButton {
    width: 1.875rem;
    height: 1.875rem;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
  }

  .tile-container.list-view-container > .tile > .tile-description-container {
    width: 58%;
  }

  .tile-container.list-view-container > .tile > .tile-description-container > .tile-description {
    width: 100%;
    padding-right: 10%;
    padding-bottom: 0.5rem;
  }

  .tile-container.list-view-container > .tile > .tile-description-container > .tile-description .description {
    display: none;
  }

  .tile-container.list-view-container > .tile > .tile-description-container > .tile-description span:first-child {
    font-size: 1rem;
  }

  .tile-container.list-view-container > .tile > .tile-description-container > .tile-description .duration {
    padding-bottom: 0.625rem;
    color: #747474 !important;
  }

  .tile-container.list-view-container > .tile > .tile-description-container > .tile-icon-container .share,
  .tile-container.list-view-container > .tile > .tile-description-container > .tile-icon-container .download {
    display: none;
  }

  .tile-container.list-view-container > .tile > .mobile-tile-description {
    display: block;
    padding: 0.75rem 0 0.625rem 0;
  }

  .tile-container.list-view-container > .tile > .mobile-tile-description .description {
    font-size: 0.8125rem;
    line-height: 1.7;
    overflow: hidden;
    position: relative;
    max-height: 2.75rem;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1.6em;
  }

  .tile-container.list-view-container > .tile > .mobile-tile-description .description:before {
    content: '...';
    position: absolute;
    right: 0.3125rem;
    bottom: 0;
  }

  .tile-container.list-view-container > .tile > .mobile-tile-description .description:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: #FFFFFF;
  }

  .tile-container.list-view-container > .tile > .mobile-tile-description .mobile-icon-container {
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    margin-top: 0.3125rem;
  }

  .tile-container.list-view-container > .tile > .mobile-tile-description .mobile-icon-container .icn-global {
    float: none;
    display: inline-block;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .tile-container.list-view-container > .tile > .mobile-tile-description .mobile-icon-container .icn-global .icn {
    margin-bottom: 0;
  }

  .tile-container.list-view-container > .tile > .mobile-tile-description .mobile-icon-container .share {
    width: auto;
  }

  .tile-container.list-view-container > .tile > .mobile-tile-description .mobile-icon-container .download {
    padding-right: 3.125rem;
  }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  .tile-container .tile-icon-container {
    padding-top: 1rem;
  }

  .tile-container .tile-icon-container .logo-share-text,
  .tile-container .tile-icon-container .logo-download-text {
    display: none;
  }

  .tile-container > .tile > .product-tile-image > .img-container {
    /* width: 170px;
                height: 110px;*/
  }

  .tile-container .share .logo-share {
    /*margin-right: 0;*/
  }

  .tile-container .tile-description-container .tile-description {
    height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    overflow: auto;
  }

  .tile-container .tile-description-container .tile-description .description {
    margin-bottom: 1px;
    margin-top: 0;
  }

  .tile-container.list-view-container > .tile {
    padding-top: 0.3125rem;
  }

  .tile-container.list-view-container > .tile > .product-tile-image > .video-container {
    width: 10.625em;
  }

  .tile-container.list-view-container > .tile > .product-tile-image > .img-container {
    width: 10.625em;
    height: 6.875em;
  }

  .tile-container.list-view-container > .tile > .product-tile-image #bigPlayButton {
    width: 1.875rem;
    height: 1.875rem;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
  }

  .tile-container.list-view-container > .tile > .tile-description-container {
    width: 62%;
    padding-bottom: 1.563rem;
  }

  .tile-container.list-view-container > .tile > .tile-description-container > .tile-description {
    width: 90%;
    padding-right: 26%;
    padding-bottom: 0.5rem;
  }

  .tile-container.list-view-container > .tile > .tile-description-container > .tile-description span:first-child {
    font-size: 1rem;
  }

  .tile-container.list-view-container > .tile > .tile-description-container > .tile-description .duration {
    padding-bottom: 0.625rem;
    font-size: 1rem;
  }

  .tile-container.list-view-container > .tile > .tile-description-container > .tile-description .description {
    font-size: 0.8125rem;
    line-height: 1.7;
    overflow: hidden;
    position: relative;
    max-height: 2.75rem;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
    margin-bottom: 1px;
    margin-top: 0;
  }

  .tile-container.list-view-container > .tile > .tile-description-container > .tile-description .description:before {
    content: '...';
    position: absolute;
    right: 0.3125rem;
    bottom: 0;
  }

  .tile-container.list-view-container > .tile > .tile-description-container > .tile-description .description:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white;
  }

  .tile-container.list-view-container > .tile > .tile-description-container > .tile-icon-container {
    width: 100%;
    clear: both;
  }

  .tile-container.list-view-container > .tile > .tile-description-container > .tile-icon-container .share,
  .tile-container.list-view-container > .tile > .tile-description-container > .tile-icon-container .download {
    clear: none;
  }

  .tile-container.list-view-container > .tile > .tile-description-container > .tile-icon-container .download {
    padding-right: 2.813rem;
  }

  .tile-container.list-view-container > .tile > .tile-description-container > .tile-icon-container .logo-share-text,
  .tile-container.list-view-container > .tile > .tile-description-container > .tile-icon-container .logo-download-text {
    display: block;
  }
}

@media all and (min-width: 1024px) and (max-width: 1439px) {
  .tile-container .tile-icon-container {
    padding-top: 13px;
  }

  .tile-container .tile-description {
    font-size: 0.875em;
  }

  .tile-container > .tile > .product-tile-image > .img-container {
    /*width: 310px;
                height: 204px;*/
  }

  .tile-container .tile-description-container .tile-description {
    height: auto;
    overflow: auto;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .tile-container .tile-description-container .description {
    margin-bottom: 0.9375rem;
  }

  .tile-container.list-view-container {
    margin-left: 5.063rem;
  }

  .tile-container.list-view-container > .tile > .product-tile-image > .video-container {
    width: 310px;
  }

  .tile-container.list-view-container > .tile > .product-tile-image > .img-container {
    width: 310px;
    height: 204px;
  }

  .tile-container.list-view-container > .tile > .tile-description-container {
    width: 62%;
  }

  .tile-container.list-view-container > .tile > .tile-description-container > .tile-description {
    width: 75%;
  }

  .tile-container.list-view-container > .tile > .tile-description-container > .tile-icon-container {
    width: 50%;
    clear: both;
  }

  .tile-container.list-view-container > .tile > .tile-description-container > .tile-icon-container .share {
    float: left;
    clear: none;
  }

  .tile-container.list-view-container > .tile > .tile-description-container > .tile-icon-container .download {
    clear: none;
    padding-right: 2.875rem;
  }
}

@media all and (min-width: 1440px) {
  .tile-container .category-tile {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .tile-container .tile-description-container .tile-description {
    height: auto;
    overflow: auto;
  }

  .tile-container.list-view-container {
    margin-bottom: 2.813rem;
    padding-left: 0;
  }

  .tile-container.list-view-container > .tile > .product-tile-image {
    margin-right: 0.9375rem;
    padding-right: 0.9375rem;
  }

  .tile-container .product-tile-image > .img-container {
    width: 320px;
    height: 210px;
  }

  .tile-container .tile-description {
    font-size: 0.875em;
  }
}

.product-tile-container {
  background-color: #FFFFFF;
}

.product-tile-container .tile {
  background-color: #FFFFFF;
  display: inline-block;
  border: 0.0625rem solid transparent;
}

.product-tile-container .category-tile {
  padding: 0.3125rem;
}

.product-tile-container .deactivate {
  opacity: 0.2;
  border: 1px solid #979797;
  z-index: 10;
}

.product-tile-container .tile-image {
  text-align: center;
  padding-top: 4.188rem;
  padding-bottom: 2.625rem;
}

.product-tile-container .tile-image {
  height: auto;
}

.product-tile-container .tile-container {
  background-color: #F7F7F7;
}

.product-tile-container .tile-footer {
  max-height: 2.188em;
  padding-top: 1.063em;
}

.product-tile-container .tile-icon-container {
  float: left;
  width: 100%;
}

.product-tile-container .logo {
  height: 1.938em;
  width: 1.938em;
  position: relative;
  float: left;
  margin-left: 1em;
}

.product-tile-container .logo-share {
  height: 1.250em;
  width: 1.250em;
  position: relative;
  float: right;
  margin-bottom: 1.250em;
  margin-right: 0.625em;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-share-icon.svg) no-repeat;
  background-size: cover;
  cursor: pointer;
}

.product-tile-container .product-name {
  padding-top: 3.563rem;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.17;
  color: #444444;
}

.product-tile-container .media-delete-container {
  height: 1.50em;
  width: 1.375em;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-delete.svg) no-repeat;
  background-size: contain;
  cursor: pointer;
}

.product-tile-container .delete-tile {
  position: relative;
  float: right;
  margin-bottom: 1em;
  margin-right: 1em;
}

.product-tile-container .undo-btn {
  width: 100%;
  height: 100%;
  background: transparent;
}

.product-tile-container .undo-delete {
  padding: 1.25em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
}

.product-tile-container .undo-delete div {
  height: 3em;
  width: 7.5em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
}

.product-tile-container .media-favorite-container {
  position: absolute;
  top: -1.25rem;
  right: -1.563rem;
}

.product-tile-container .product-image {
  position: relative;
  width: 11.25rem;
  height: 11.25rem;
  cursor: pointer;
}

.product-tile-container .product-image img {
  width: auto;
  height: auto;
}

.product-tile-container .product-title {
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 1.17;
  color: #444444;
  cursor: pointer;
}

.product-tile-container .product-number {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  color: #444444;
  display: block;
  padding-top: 0.3125rem;
}

.product-tile-container .prod-desc-parent {
  padding-top: 0.875rem;
}

.product-tile-container .product-desc {
  font-weight: 300;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.38;
  color: #444444;
}

.product-tile-container .product-price {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.3;
  color: #444444;
}

.product-tile-container .product-psv {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.58;
  color: #444444;
}

.product-tile-container .add-bag {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 0.5px;
  color: #008AB0;
  padding-top: 0.8125rem;
  cursor: pointer;
}

.product-tile-container .ratings-text {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.85;
  color: #727272;
  display: none;
}

.product-tile-container .media-stars {
  display: inline-block;
  padding: 0;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.85;
  color: #727272;
  display: block;
  margin-bottom: 0;
}

.product-tile-container .media-stars .star-small {
  margin-right: 5px;
}

.product-tile-container .media-stars li {
  display: inline;
}

.product-tile-container .media-stars li img {
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.3125rem;
}

.product-tile-container .mobile-only-favorite {
  display: none;
}

.product-tile-container .mobile-only {
  display: none;
}

.product-tile-container .mobile-only-desc {
  display: none;
}

.product-tile-container .mobile-only-prod-number,
.product-tile-container .mobile-only-price {
  display: none;
}

.product-tile-container .stock-status {
  margin-bottom: 4px;
  margin-top: 1em;
}

.product-tile-container .stock-status p {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.5px;
  color: #FF76B9;
  margin-bottom: 0;
}

/******** GRID VIEW Layout CSS Starts here ************/

.grid-view-layout {
  background-color: #FFFFFF;
}

.grid-view-layout .tile {
  background-color: #FFFFFF;
  display: inline-block;
  min-height: 0;
}

.grid-view-layout .tile-image {
  padding-top: 4.75rem;
  background-color: #FFFFFF;
}

.grid-view-layout .media-delete-container {
  height: 1.50em;
  width: 1.375em;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-delete.svg) no-repeat;
  background-size: contain;
  cursor: pointer;
}

.grid-view-layout .delete-tile {
  position: relative;
  float: right;
  margin-bottom: 1em;
  margin-right: 1em;
}

.grid-view-layout .undo-btn {
  width: 100%;
  height: 100%;
  background: transparent;
}

.grid-view-layout .undo-delete {
  padding: 1.25em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
}

.grid-view-layout .undo-delete div {
  height: 3em;
  width: 7.5em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
}

.grid-view-layout .media-favorite-container {
  position: absolute;
  top: 2.875rem;
  right: 2.56rem;
}

.grid-view-layout .mobile-only-favorite {
  display: none;
}

.grid-view-layout .product-image {
  height: auto;
  padding-top: 0.625rem;
}

.grid-view-layout .product-image img {
  width: auto;
  height: auto;
}

.grid-view-layout .media-stars {
  display: block;
  padding: 0;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.85;
  color: #727272;
  display: block;
  margin-bottom: 0;
}

.grid-view-layout .media-stars li {
  display: inline;
}

.grid-view-layout .media-stars li img {
  width: 14px;
  height: 14px;
  margin-right: 0.3125rem;
}

.grid-view-layout .product-details {
  padding-top: 2.313rem;
  padding-left: 2.188rem;
  padding-right: 3.375rem;
}

.grid-view-layout .product-details .star-small {
  margin-right: 5px;
}

.grid-view-layout .product-details .stock-status {
  margin-top: 8px;
  margin-bottom: 4px;
}

.grid-view-layout .product-details .stock-status p {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.5px;
  color: #FF76B9;
  margin-bottom: 0;
}

.grid-view-layout .product-title {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.38;
  color: #444444;
}

.grid-view-layout .ratings-text {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.85;
  display: none;
}

.grid-view-layout .product-price {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.38;
  color: #444444;
}

.grid-view-layout .add-to-bag {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 0.5px;
  color: #008AB0;
  cursor: pointer;
}

.grid-view-layout .grid-psv {
  color: #747474;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
}

@media all and (min-width: 360px) and (max-width: 767px) {
  .nav-tabs {
    display: -webkit-box;
  }

  .tile-container .tile-footer {
    padding-top: 0.875em;
  }

  .last-div .product-tile-container .mobile-only-desc {
    border-bottom: none;
    padding-bottom: 0;
  }

  .product-tile-container .tile {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .product-tile-container .product-psv {
    color: #747474;
  }

  .product-tile-container .product-image {
    width: 100%;
    height: 100%;
  }

  .product-tile-container .atb-large {
    display: none;
  }

  .product-tile-container .hideFlag {
    display: none;
  }

  .product-tile-container .product-name {
    padding-top: 2.938rem;
  }

  .product-tile-container .media-favorite-container {
    display: none;
  }

  .product-tile-container .prod-desc-parent {
    display: none;
  }

  .product-tile-container .product-title {
    display: block;
    padding-right: 1.625rem;
    font-size: 1rem;
    font-weight: 300;
  }

  .product-tile-container .product-desc {
    font-size: 13px;
  }

  .product-tile-container .media-stars li img {
    width: 0.75rem;
    height: 0.75rem;
    margin-right: 0.3125rem;
  }

  .product-tile-container .mobile-only-desc {
    display: block;
    border-bottom: 1px solid #dadada;
    padding-bottom: 1.563rem;
    padding-top: 1.563rem;
    font-size: 0.8125rem;
    font-weight: 300;
    line-height: 1.69;
    color: #444444;
  }

  .product-tile-container .mobile-only-favorite {
    display: block;
    top: 2.875rem;
    right: 1.875rem;
  }

  .product-tile-container .product-price,
  .product-tile-container .product-number {
    display: none;
  }

  .product-tile-container .mobile-only-prod-number {
    display: block;
    padding-top: 0.5625rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: #444444;
  }

  .product-tile-container .mobile-only-price {
    display: block;
  }

  .product-tile-container .mobile-only-price span {
    display: inline;
  }

  .product-tile-container .mobile-only-price .mobile-psv {
    color: #747474 !important;
    font-size: 1rem !important;
    font-weight: 300 !important;
    line-height: 1.38 !important;
  }

  .product-tile-container .mobile-only-price span:first-child {
    padding-top: 0.8125rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.38;
    /*color: $gray-dark; */
  }

  .product-tile-container .mobile-only-price span:last-child {
    padding-top: 0.1875rem;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.31;
    letter-spacing: 0.5px;
    color: #008AB0;
  }

  .grid-view-layout .product-image {
    width: auto;
    height: auto;
    margin-bottom: 1.563rem;
  }

  .grid-view-layout .product-price {
    display: block;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.38;
    color: #444444;
  }

  .grid-view-layout .add-to-bag {
    display: block;
    padding-top: 0.375rem;
  }

  .grid-view-layout .product-details {
    padding-top: 0;
    padding-left: 1.625rem;
    padding-right: 0.75rem;
  }

  .grid-view-layout .grid-psv {
    color: #747474;
  }

  .grid-view-layout .media-stars li img {
    width: 0.75rem;
    height: 0.75rem;
    margin-right: 0.3125rem;
  }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  .product-tile-container .product-image {
    width: 10.25rem;
    height: 7.625rem;
    margin-top: 0.625rem;
  }

  .product-tile-container .product-title {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.38;
    color: #444444;
  }

  .product-tile-container .product-psv {
    color: #747474;
  }

  .product-tile-container .media-stars {
    width: 0.75rem;
    height: 0.75rem;
    object-fit: contain;
    display: inline;
  }

  .product-tile-container .atb-large {
    display: none;
  }

  .product-tile-container .hideFlag {
    display: none;
  }

  .product-tile-container .product-number {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: #444444;
  }

  .product-tile-container .product-price,
  .product-tile-container .product-number {
    display: none;
  }

  .product-tile-container .product-price {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: #444444;
  }

  .product-tile-container .add-to-bag {
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.31;
    letter-spacing: 0.5px;
    color: #008ab0;
    padding-top: 0.3125rem;
  }

  .product-tile-container .prod-desc-parent {
    font-size: 0.8125rem;
    font-weight: 300;
    line-height: 1.69;
    color: #444444;
    padding-top: 1.438rem;
  }

  .product-tile-container .right-container {
    padding-top: 0.3125rem;
  }

  .product-tile-container .media-favorite-container {
    top: -2.188rem;
    right: 0;
  }

  .product-tile-container .mobile-only-desc {
    display: none;
  }

  .product-tile-container .mobile-only-favorite {
    display: none;
  }

  .product-tile-container .mobile-only-prod-number {
    display: block;
    padding-top: 0.5625rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: #444444;
  }

  .product-tile-container .mobile-only-price {
    display: block;
  }

  .product-tile-container .mobile-only-price span:first-child {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    /*color: $gray-dark;*/
    padding-top: 0.75rem;
  }

  /**********GRID VIEW CSS *************/

  .grid-view-layout .tile-image {
    padding-top: 4.75rem;
  }

  .grid-view-layout .product-image {
    width: auto;
    height: auto;
  }

  .grid-view-layout .product-price {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: #444444;
  }

  .grid-view-layout .add-to-bag {
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.31;
    letter-spacing: 0.5px;
    color: #008AB0;
    padding-top: 0.4375rem;
  }

  .grid-view-layout .media-favorite-container {
    top: 2.875rem;
  }

  .grid-view-layout .product-details {
    padding-left: 1.563rem;
    padding-right: 1.563rem;
  }

  .grid-view-layout .grid-psv {
    color: #444444;
  }
}

@media all and (min-width: 1024px) and (max-width: 1439px) {
  .tile-container .product-desc {
    font-size: 0.875em;
  }

  .product-image {
    width: auto;
  }
}

@media all and (min-width: 1440px) {
  .tile-container .product-desc {
    font-size: 0.875em;
  }

  .product-tile-container .media-favorite-container {
    right: -4.688rem;
  }

  .product-image {
    width: auto;
  }
}

.recent-carousel-container {
  background: #FFFFFF;
}

.recent-carousel-container .pdp-carousel-image {
  margin-bottom: 1em;
  position: relative;
}

.recent-carousel-container .pdp-crosssell-section {
  background: #FFFFFF;
  padding: 3em 0;
}

.recent-carousel-container .heading {
  text-align: center;
  margin: 2em 0;
}

.recent-carousel-container .separator {
  margin: 0 5px;
  color: #A7A7A7;
}

.recent-carousel-container .star-cont {
  padding-top: 0.688em;
}

.recent-carousel-container .pdp-carousel p {
  margin-bottom: 0;
}

.recent-carousel-container .star-rating-text {
  padding: 0 5px;
  display: inline;
}

.recent-carousel-container .star-rating-text li {
  display: inline-flex;
  font-size: 0.813em;
  font-weight: 400;
  line-height: 1.85;
  color: #727272;
}

.recent-carousel-container .rating-R {
  display: inline-block;
}

.recent-carousel-container .carousal-boxes-container:active:focus,
.recent-carousel-container .carousal-boxes-container:focus,
.recent-carousel-container .carousal-boxes-container:active {
  outline: none;
}

.category-directory {
  background-color: #FFFFFF;
}

.category-directory .category-directory-banner {
  height: 37.5em;
}

.category-directory .category-directory-info {
  padding: 2.8125em 0;
}

.category-directory .category-directory-info h1 {
  font-size: 2.375rem;
  line-height: 1.23;
}

.category-directory .category-directory-info h5 {
  margin-bottom: 6px;
}

.category-directory .category-snapshot-down {
  width: 100%;
  height: 12.5625em;
  background-image: linear-gradient(to top, #1CD8D2, #008AB0);
  padding-top: 2em;
}

.category-directory .category-snapshot-down h1,
.category-directory .category-snapshot-down p {
  color: #FFFFFF;
}

.category-directory .category-snapshot {
  padding-top: 14.5em;
  padding-left: 10em;
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: transparent;
  height: 37.5em;
  background-size: cover;
}

.category-directory .category-snapshot .headline {
  font-weight: 100;
}

.category-directory .category-snapshot p {
  width: 23rem;
}

.category-directory .category-directory-content {
  padding: 0 2em;
}

.category-directory uib-accordion {
  border-top: 1px #D1D1D1 solid;
  display: block;
}

.category-directory .category-directory-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.category-directory .category-directory-row .category-directory-section {
  padding: 0 12px;
  flex-basis: 25%;
}

.category-directory .panel {
  background-color: #FFFFFF;
}

.category-directory .panel-default .accordion-toggle:after {
  content: '';
  height: 1.6875rem;
  width: 1.6875rem;
  transition: all .2s;
  float: right;
  display: inline-block;
  margin-top: 5px;
}

.category-directory .panel-default.panel-open .accordion-toggle:after {
  height: 1.6875rem;
  width: 1.6875rem;
  transform: rotate(180deg);
  content: '';
}

.category-directory .panel-title {
  border-bottom: 1px #D1D1D1 solid;
  padding: 0.5em 10px 0.5em 0;
  margin: 0;
  font-size: 1.75rem;
  line-height: 1.21;
}

.category-directory .panel-title h2 {
  display: inline-block;
  margin: 0;
}

.category-directory .panel-title a {
  display: block;
  text-decoration: none;
  outline: none;
}

.category-directory .panel-title a p {
  display: inline-block;
  margin: 0;
}

.category-directory .panel-body {
  border-bottom: 1px #D1D1D1 solid;
  padding: 1.25em 0 2em;
}

.category-directory .panel-body a {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.38;
  cursor: pointer;
}

.category-directory .watch-video-panel {
  background-position: 50%;
  background-repeat: no-repeat;
  width: 100%;
}

.category-directory .watch-video-panel center {
  padding-top: 6.25em;
  color: #FFFFFF;
}

.category-directory .watch-video-panel center p {
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 1.17;
  text-transform: uppercase;
  margin-bottom: 0;
}

.category-directory .watch-video-panel button {
  background-color: rgba(0, 0, 0, 0.001);
  border: 1px #FFFFFF solid;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 0.5px;
  height: 2.75rem;
  width: 9.625rem;
  border-radius: 3px;
  margin-top: 1.25em;
  text-transform: uppercase;
  outline: none;
}

.category-directory .watch-video-overlay {
  background-color: black;
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.category-directory .watch-video-panel-category {
  margin: 0 auto;
}

.category-directory .watch-video-panel-category video {
  height: 100%;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .category-directory .category-directory-row .category-directory-section {
    flex-basis: 100%;
  }

  .category-directory .category-directory-banner {
    height: 20.25em;
  }

  .category-directory .category-snapshot {
    height: 20.25em;
  }

  .category-directory .category-snapshot-down {
    display: block;
    text-align: center;
    overflow: auto;
    height: 100%;
  }

  .category-directory .category-snapshot-down p {
    padding: 0 1.5em 1em;
  }

  .category-directory .watch-video-panel {
    height: 20.25em;
    background-size: cover;
  }

  .category-directory .watch-video-panel center {
    padding-top: 6.375rem;
  }

  .category-directory .category-directory-info h1 {
    font-size: 1.875rem;
  }

  .category-directory .watch-video-panel-category {
    height: 20.25em;
    padding-top: 3.5rem;
  }

  .category-directory .watch-video-panel-category .embed-responsive-16by9 {
    margin: 0 auto;
    width: 23.4375rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .category-directory .category-directory-row .category-directory-section {
    flex-basis: 33.33%;
  }

  .category-directory .category-directory-banner {
    height: 20.25em;
  }

  .category-directory .category-snapshot {
    padding-top: 5.625em;
    padding-left: 4.625em;
    height: 20.25em;
  }

  .category-directory .category-snapshot p {
    width: 15rem;
  }

  .category-directory .category-snapshot-down {
    display: none;
  }

  .category-directory .category-directory-content {
    padding: 0 4em;
  }

  .category-directory .headline {
    font-size: 1.875rem;
  }

  .category-directory .watch-video-panel {
    height: 20.25em;
    background-size: cover;
  }

  .category-directory .watch-video-panel center {
    padding-top: 6.375rem;
  }

  .category-directory .category-directory-info h1 {
    font-size: 1.875rem;
  }

  .category-directory .watch-video-panel-category {
    width: 48em;
    height: 20.25em;
  }

  .category-directory .watch-video-panel-category .embed-responsive-16by9 {
    height: 100%;
    padding-bottom: 0;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .category-directory .category-directory-banner {
    height: 26.75em;
  }

  .category-directory .category-snapshot {
    padding-top: 8.5em;
    padding-left: 7em;
    height: 26.75em;
  }

  .category-directory .category-snapshot p {
    width: 19.5rem;
  }

  .category-directory .category-snapshot-down {
    display: none;
  }

  .category-directory .headline {
    font-size: 2.375rem;
  }

  .category-directory .watch-video-panel {
    height: 28em;
    background-size: cover;
  }

  .category-directory .watch-video-panel center {
    padding-top: 10.25rem;
  }

  .category-directory .watch-video-panel-category video {
    height: 28em;
  }
}

@media screen and (min-width: 1440px) {
  .category-directory .category-snapshot-down {
    display: none;
  }

  .category-directory .headline {
    font-size: 3.25rem;
  }

  .category-directory .watch-video-panel {
    height: 37.5em;
    background-size: cover;
  }

  .category-directory .watch-video-panel center {
    padding-top: 14rem;
  }

  .category-directory .watch-video-panel-category {
    width: 66.6875rem;
    height: 37.5rem;
  }
}

.category-directory-footer {
  padding: 3em 2em;
  background-color: #FFFFFF;
}

.category-directory-footer-sm {
  display: none;
  padding: 3em 2em;
  background-color: #FFFFFF;
}

.category-directory-footer-sm .panel-group {
  border-top: 1px #D1D1D1 solid;
}

.category-directory-footer-sm .panel {
  background-color: #FFFFFF;
}

.category-directory-footer-sm .panel a:focus {
  outline: 0;
}

.category-directory-footer-sm .panel-default .accordion-toggle:after {
  content: '';
  height: 1.6875rem;
  width: 1.6875rem;
  transition: all .2s;
  float: right;
  display: inline-block;
}

.category-directory-footer-sm .panel-default.panel-open .accordion-toggle:after {
  height: 1.6875rem;
  width: 1.6875rem;
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-up-category.svg);
  content: '';
}

.category-directory-footer-sm .panel-title {
  border-bottom: 1px #D1D1D1 solid;
  padding: 1em 10px 1em 0;
  margin: 0;
}

.category-directory-footer-sm .panel-title h5 {
  display: inline-block;
  margin: 0;
  color: #727272;
  font-weight: 300;
  font-size: 1rem;
}

.category-directory-footer-sm .panel-title p {
  text-decoration: none;
  outline: none;
}

.category-directory-footer-sm .panel-title a {
  display: block;
}

.category-directory-footer-sm .panel-body {
  border-bottom: 1px #D1D1D1 solid;
  padding: 1.25em 0 0.5em;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .category-directory-footer {
    display: none;
  }

  .category-directory-footer-sm {
    display: block;
    padding: 3.25em 4em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .category-directory-footer {
    display: none;
  }

  .category-directory-footer-sm {
    display: block;
    padding: 2.75em 2em 4.375em;
  }
}

.category-standard {
  background-color: #FFFFFF;
}

.category-standard .category-directory-banner {
  height: 26.8125em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
}

.category-standard .category-snapshot {
  padding-top: 12%;
  padding-left: 12%;
  height: 26.8125em;
}

.category-standard .category-snapshot .headline {
  font-weight: 100;
}

.category-standard .category-snapshot .btn-primary {
  width: 10.625rem;
}

.category-standard .category-snapshot-down {
  width: 100%;
  height: 14em;
  background-image: linear-gradient(to top, #1CD8D2, #008AB0);
  padding-top: 2em;
}

.category-standard .category-snapshot-down h1,
.category-standard .category-snapshot-down p {
  color: #FFFFFF;
}

.category-standard .category-snapshot-down .btn-primary {
  width: 10.625rem;
  display: block;
  margin: 0 auto;
}

.category-standard .category-directory-info {
  padding: 2.8125em 0;
}

.category-standard .category-directory-info h1 {
  font-size: 2.375rem;
  line-height: 1.23;
}

.category-standard .category-directory-info h5 {
  margin-bottom: 6px;
}

.category-standard .category-heading h3 {
  line-height: 1em;
  padding-top: 2.375rem;
  padding-bottom: 3.375rem;
  margin-bottom: 0;
}

.category-standard .category-heading h3 em {
  width: 4.0625em;
  height: 3px;
  background-color: #1CD8D2;
  display: inline-block;
}

.category-standard .category-heading h3 span {
  display: block;
}

.category-standard .content-center-banner {
  background-image: radial-gradient(circle at 50% 50%, #079DC7, #007298);
  margin: 0;
}

.category-standard .content-center-banner-in {
  background-image: radial-gradient(circle at 50% 50%, #079DC7, #007298);
  height: inherit;
}

.category-standard .content-center-banner-in h2,
.category-standard .content-center-banner-in p {
  color: #FFFFFF;
}

.category-standard .content-center-banner-in button {
  color: #FFFFFF;
  background-color: transparent;
  border: 1px #FFFFFF solid;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 0.5px;
  height: 2.75em;
  width: 100%;
  border-radius: 3px;
  text-transform: uppercase;
  outline: none;
}

.category-standard .content-left-banner {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  height: inherit;
}

.category-standard .content-right-banner {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  height: inherit;
}

.category-standard .category-highlight {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-color: #F7F7F7;
  margin: 2.5em 0 3em;
}

.category-standard .category-highlight .product-highlight {
  opacity: 0.9;
  background-color: #FFFFFF;
}

.category-standard .category-highlight .product-highlight .pdp-product-rating-count {
  float: left;
  padding-left: 7px;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.5;
  color: #727272;
}

.category-standard .category-highlight .product-highlight .pdp-product-category-stars {
  float: left;
}

.category-standard .category-highlight .product-highlight .pdp-product-category-stars ul {
  margin-bottom: 0;
}

.category-standard .category-highlight .product-highlight span {
  font-size: 1rem;
}

.category-standard .category-highlight .product-highlight span.psv {
  color: #747474;
}

.category-standard .pdp-product-rate {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.57;
}

.category-standard .pdp-product-rate i {
  font-style: normal;
  padding: 0 5px;
}

.category-standard button.btn-primary-outline {
  width: 100%;
  margin-top: 2em;
}

.category-standard .content-show-banner {
  height: 18.4375em;
  padding: 2.5em 0 0 0;
  margin-bottom: 3.125em;
}

.category-standard .content-show-banner center {
  width: 22.5em;
  margin: 0 auto;
  text-align: left;
}

.category-standard .content-show-banner center button {
  width: 14.875em;
}

.category-standard .refine-and-sort {
  padding: 0 2em;
}

.category-standard .refine-and-sort .show-refined-items {
  border-top: solid 1px #D1D1D1;
  border-bottom: solid 1px #D1D1D1;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 3;
  letter-spacing: -0.1px;
  color: #2D2D2D;
  height: 2.8125em;
}

.category-standard .refine-and-sort select {
  height: 2.8125em;
  line-height: 1;
  margin-bottom: 0;
  color: #444444;
}

.category-standard .refine-and-sort .select-wrapper::after {
  margin-top: 2%;
  right: 1em;
}

.category-standard .showing-items {
  padding-top: 10px;
  color: #2D2D2D;
  display: none;
}

.category-standard .product-standard-container {
  padding: 0 2em;
  max-width: 90em;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.category-standard .product-standard-container .product-standard {
  flex-basis: 25%;
  margin-bottom: 6.25em;
}

.category-standard .product-standard-container .stock-status {
  margin-top: 0;
  padding-top: 11px;
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .category-standard .refine-and-sort .select-wrapper::after {
    margin-top: 1%;
  }

  .category-standard .showing-items {
    display: block;
  }

  .category-standard .category-directory-banner {
    height: 20em;
  }

  .category-standard .content-center-banner {
    height: 11.8125em;
  }

  .category-standard .product-highlight {
    width: 23.4375em;
    min-height: 22em;
    padding: 2.625em 1.5625em 1em;
    overflow: auto;
    float: none;
  }

  .category-standard .product-highlight .btn-primary-outline {
    margin-bottom: 0;
  }

  .category-standard .category-highlight {
    background-size: auto 19.4375em;
    background-position: top;
    min-height: 40em;
    padding: 19.4375em 0 0 0;
    background-color: #FFFFFF;
    overflow: auto;
    margin-bottom: 0;
  }

  .category-standard .content-center-banner-in {
    padding: 2em 1em 0;
    display: block;
  }

  .category-standard .category-snapshot-down {
    display: block;
  }

  .category-standard .category-directory-info {
    padding: 2.5em 0 1.25em;
  }

  .category-standard .category-directory-info h1 {
    font-size: 1.875rem;
  }

  .category-standard .category-heading h3 {
    padding-top: 1.25rem;
    padding-bottom: 2.5rem;
  }

  .category-standard .category-heading h3.m-t-4 {
    margin-top: 2.5rem;
  }

  .category-standard .content-show-banner {
    margin-bottom: 0;
  }

  .category-standard .content-show-banner center {
    padding: 0 2.25em;
  }

  .category-standard .refine-and-sort {
    padding: 0;
  }

  .category-standard .product-standard-container {
    padding: 0;
  }

  .category-standard .product-standard-container .product-standard {
    flex-basis: 50%;
    margin-bottom: 3em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .category-standard .category-directory-banner {
    height: 20em;
  }

  .category-standard .content-center-banner {
    height: 24em;
  }

  .category-standard .product-highlight {
    width: 24.6875em;
    height: 25.5625em;
    padding: 2.4375em 2.875em 0;
    float: right;
  }

  .category-standard .content-show-banner {
    display: block;
  }

  .category-standard .product-highlight {
    width: 24em;
    height: 28.75em;
    padding: 4.25em 2.875em 0;
  }

  .category-standard .category-highlight {
    background-size: auto 34.125em;
    height: 34.125em;
    padding: 2.875em 0 0 0;
    margin-bottom: 0;
  }

  .category-standard .category-snapshot-down {
    display: none;
  }

  .category-standard .category-directory-info h1 {
    font-size: 1.875rem;
  }

  .category-standard .refine-and-sort {
    padding: 0;
  }

  .category-standard .product-standard-container {
    padding: 0 1.5em;
  }

  .category-standard .product-standard-container .product-standard {
    flex-basis: 33.33%;
    margin-bottom: 4.5em;
  }

  .category-standard .category-heading h3 {
    padding-top: 1.875rem;
    padding-bottom: 2.5rem;
  }

  .category-standard .category-heading h3.m-t-4 {
    margin-top: 0;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .category-standard .category-directory-banner {
    height: 26.75em;
  }

  .category-standard .content-center-banner {
    height: 21.375em;
  }

  .category-standard .content-center-banner-in {
    padding: 3em 2.5em 0;
  }

  .category-standard .content-show-banner {
    display: none;
  }

  .category-standard .product-highlight {
    width: 24.6875em;
    height: 25.5625em;
    padding: 2.4375em 2.875em 0;
    float: right;
  }

  .category-standard .category-highlight {
    height: 34.125em;
    padding: 3.9375em 2.6875em 0 0;
  }

  .category-standard .category-snapshot-down {
    display: none;
  }

  .category-standard .product-standard-container .product-standard {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1440px) {
  .category-standard .category-directory-banner {
    height: 37.5em;
  }

  .category-standard .content-center-banner {
    height: 30em;
  }

  .category-standard .content-center-banner-in {
    padding: 8em 5em 0;
  }

  .category-standard .product-highlight {
    width: 34.3125em;
    height: 29.5em;
    padding: 3.9375em 5.875em 0;
    float: right;
  }

  .category-standard .category-highlight {
    height: 37.5em;
    padding: 3.9375em 2.6875em 0 0;
  }

  .category-standard .content-show-banner {
    display: none;
  }

  .category-standard .category-snapshot-down {
    display: none;
  }
}

.pdp-product-view {
  min-height: 25em;
  padding: 0 1em;
  margin: auto;
}

.pdp-product-view .offer-icon {
  background-image: linear-gradient(to top, #FF8782, #9349B4);
  width: 3.25rem;
  height: 3.25rem;
  right: 0;
  bottom: 0;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  border-radius: 2rem;
  transition: opacity .3s 0s, visibility 0s .3s;
  overflow: hidden;
  padding: 8px;
}

.pdp-product-view .offer-icon .discount-offer strong {
  line-height: 0.5;
  font-size: 0.8125rem;
}

.pdp-product-view .offer-icon .discount-offer p {
  line-height: 0.5;
  font-size: 0.8125rem;
}

.pdp-product-view .offer-icon .new-product {
  padding: 4px;
}

.pdp-product-view .offer-icon .new-product strong {
  line-height: 0.5;
  font-size: 0.8125rem;
}

.pdp-product-view .offer-icon.offer-icon-is-visible {
  visibility: visible;
  opacity: 1;
  transition: opacity .3s 0s, visibility 0s 0s;
}

.pdp-product-view .offer-icon.new-product-block {
  width: 3rem;
  height: 3rem;
}

.pdp-product-view .image-container {
  height: 20em;
  position: relative;
  margin: auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.pdp-product-view .category-favorite {
  top: 0.250em;
  right: 1em;
  float: right;
  margin-right: 0.5em;
}

.pdp-product-view .category-favorite button {
  width: 2.25em;
  height: 2em;
}

.pdp-product-view .pdp-product-category-stars {
  float: left;
}

.pdp-product-view .pdp-product-category-stars ul {
  margin-bottom: 0;
}

.pdp-product-view .pdp-product-rating-count {
  float: left;
  padding-left: 7px;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.5;
  color: #727272;
}

.pdp-product-view a {
  font-size: 0.8125rem;
  font-weight: 600;
}

.pdp-product-view p {
  margin-bottom: 0;
}

.pdp-product-view .pdp-product-catalogue {
  padding: 0 0 1em 0;
}

.pdp-product-view .top-rated-cover {
  margin-top: 5px;
  margin-bottom: 5px;
}

.pdp-product-view .top-rated-cover .top-rated {
  padding-top: 5px;
  padding-bottom: 5px;
  width: 6em;
  height: 1.5em;
  border-radius: 2px;
  border: solid 1px #2BDBD5;
  padding-top: 4px;
  text-align: center;
}

.pdp-product-view .top-rated-cover .top-rated p {
  font-size: 0.8125em;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.08;
  color: #1CD8D2;
}

.pdp-product-view .stock-status {
  clear: both;
  margin-bottom: 4px;
}

.pdp-product-view .stock-status p {
  font-size: 0.8125em;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.5px;
  color: #FF76B9;
}

.pdp-product-view .pdp-product-title a {
  font-size: 1rem;
  font-weight: 300;
  color: #008AB0;
}

.pdp-product-view .pdp-product-rate.changed-price {
  text-decoration: line-through;
  color: #727272;
  font-size: 0.8125em;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
}

@media screen and (min-width: 767px) and (max-width: 1439px) {
  .pdp-product-view {
    min-height: 0;
  }

  .pdp-product-view .image-container {
    height: 14.25em;
  }
}

@media screen and (max-width: 767px) {
  .pdp-product-view {
    min-height: 0;
  }

  .pdp-product-view .image-container {
    height: 8.125em;
  }
}

.modal-header-statement {
  font-size: 1.875em;
  font-weight: 100;
  line-height: 1.55;
  color: #444444;
}

.modal-radio-option {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.38;
  color: #444444;
}

.margin-left-24per {
  margin-left: 24%;
}

.padd-lr-29 {
  padding: 0 1.813em;
}

.print-container {
  display: none;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .margin-left-24per {
    margin-left: 8%;
  }

  .padd-lr-29 {
    padding: 0;
  }

  .payment {
    margin-top: 0.7em;
  }
}

@media print {
  .non-printable-section {
    display: none;
  }

  .print-container {
    display: block;
    font-family: "proxima-nova", "source-han-sans-japanese", "source-han-sans-korean", "source-han-sans-simplified-c", Helvetica, Arial, sans-serif;
    padding: 1.25rem 2em;
  }

  .print-container .print-logo-container {
    padding: 0;
  }

  .print-container .print-logo-container img {
    width: 8.1875rem;
    height: 1.875rem;
  }

  .print-container .print-order-container {
    margin-top: 1.25rem;
    padding: 0;
  }

  .print-container h1 {
    font-weight: 600;
    font-family: "proxima-nova", "source-han-sans-japanese", "source-han-sans-korean", "source-han-sans-simplified-c", Helvetica, Arial, sans-serif;
    line-height: 1.4;
    color: #444444;
    display: inline-block;
    text-transform: none;
  }

  .print-container h1.print-order-type {
    font-size: 1rem;
  }

  .print-container h1.print-order-number {
    font-size: 1rem;
    text-decoration: underline;
    margin-left: 1.125rem;
  }

  .print-container h2 {
    display: inline-block;
    font-weight: 600;
    font-family: "proxima-nova", "source-han-sans-japanese", "source-han-sans-korean", "source-han-sans-simplified-c", Helvetica, Arial, sans-serif;
    line-height: 1.22;
    color: #444444;
    font-size: 0.875rem;
    text-transform: none;
  }

  .print-container h3 {
    display: inline-block;
    text-transform: none;
    font-family: "proxima-nova", "source-han-sans-japanese", "source-han-sans-korean", "source-han-sans-simplified-c", Helvetica, Arial, sans-serif;
  }

  .print-container .row-eq-height {
    display: flex;
  }

  .print-container .print-purchase-date {
    margin-left: 10px;
    font-weight: 300;
    display: inline-block;
    font-size: 0.875rem;
  }

  .print-container .print-order-amount {
    font-weight: 300;
    color: #2D2D2D;
    margin-left: 10px;
    display: inline-block;
    font-size: 1.25rem;
  }

  .print-container .print-order-total h2 {
    margin-bottom: 0;
    line-height: 1.57;
    vertical-align: sub;
  }

  .print-container .print-order-total td {
    text-align: right;
  }

  .print-container .print-order-total .print-order-amount {
    padding-right: 1em;
    min-width: 6em;
    vertical-align: top;
  }

  .print-container .print-order-total .promotion-applied {
    font-weight: normal;
    color: #A7A7A7;
    text-transform: uppercase;
  }

  .print-container .print-order-total .grand-total {
    border-top: 0.0625rem solid #DBDBDB;
    padding: 0.5rem 0 0.5rem 0.9375rem;
  }

  .print-container .print-psv h3 {
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 1.23;
    margin-bottom: 0;
  }

  .print-container .print-psv span {
    font-weight: 300;
    display: inline-block;
    margin-left: 10px;
    font-size: 0.8125rem;
  }

  .print-container table {
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
    border: 0.0625rem solid #DBDBDB;
  }

  .print-container table tr:first-child td {
    border-bottom: 0.0625rem solid #DBDBDB;
    padding: 0.5rem 0 0.5rem 0.9375rem;
    font-size: 0.875rem;
    font-weight: 100;
  }

  .print-container table tr td:first-child,
  .print-container table tr th:first-child {
    padding: 0.5rem 0 0.5rem 0.9375rem;
  }

  .print-container table tr th {
    font-size: 12px;
    font-weight: 600;
  }

  .print-container table tr th:last-child {
    text-align: right;
    padding-right: 2.9375rem;
  }

  .print-container table tr td .print-item-detail h3 {
    margin-bottom: 0;
    font-size: 0.875rem;
    line-height: 1.8;
    font-weight: 400;
  }

  .print-container table tr td .print-item-detail span {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.6;
  }

  .print-container table tr td .print-item-detail span + span {
    margin-left: 2.5rem;
  }

  .print-container table tr td.quantity {
    font-size: 0.875rem;
    font-weight: 300;
    padding-left: 1.5rem;
    vertical-align: top;
  }

  .print-container table tr td.detail {
    padding-bottom: 5px;
    padding-top: 5px;
  }

  .print-container table tr td.cost {
    text-align: right;
    padding-right: 1.0625rem;
  }

  .print-container .print-shipment-container > div {
    width: 100%;
    display: inline-block;
  }

  .print-container .print-shipment-container > div:after {
    clear: both;
  }

  .print-container .print-shipment-container h3 {
    font-weight: 600;
    font-size: 0.8125rem;
    margin-bottom: 0;
  }

  .print-container .print-shipment-container h3.shipment {
    color: #727272;
    text-transform: uppercase;
    padding-right: 10px;
    line-height: 1.23;
  }

  .print-container .print-shipment-container h3.ship-date {
    padding-right: 5px;
  }

  .print-container .print-shipment-container span {
    font-size: 0.8125rem;
    font-weight: 300;
    line-height: 1.46;
  }

  .print-container .print-item-details-container,
  .print-container .print-shipping-details-container,
  .print-container .print-payment-details-container {
    margin-right: 0.9375rem;
    margin-bottom: 0.9375rem;
  }

  .print-container .print-item-details-container {
    margin-top: 2.5rem;
  }

  .print-container .print-shipping-details-container h3 {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.8;
    margin-bottom: 0;
  }

  .print-container .print-shipping-details-container p {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 0;
    line-height: 1.8;
  }

  .print-container .print-shipping-details-container p + p {
    padding-bottom: 10px;
  }

  .print-container .print-shipping-details-container table tr:nth-child(n+2) td {
    padding-bottom: 0;
  }

  .print-container .print-shipping-details-container table tr:nth-child(n+3) td {
    padding-top: 0;
  }

  .print-container .print-shipping-details-container table .email {
    font-size: 12px;
    line-height: 1.8;
    padding-top: 10px;
  }

  .print-container .print-shipping-details-container table .phone {
    font-size: 12px;
    line-height: 1.8;
    color: #727272;
    vertical-align: top;
  }

  .print-container .print-payment-details-container .print-card-info {
    padding-right: 1.0625rem;
    font-weight: 400;
  }
}

.banner-container {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/bg-XL@2x.png) no-repeat center 0;
  background-size: cover;
  height: 18.75rem;
  text-align: center;
}

.banner-container .hide-filter {
  visibility: hidden;
}

.banner-container .filter-container {
  box-shadow: 0 0.125rem 0.25rem 0 rgba(113, 113, 113, 0.3);
  background-color: rgba(254, 254, 254, 0.6);
  width: 28.125rem;
  padding: 1rem 0 1rem 1.4375rem;
  margin: 1.5625rem auto;
  display: flex;
}

.banner-container .filter-container span {
  display: inline-block;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-search-copy-16.svg) no-repeat center 0;
  background-size: 100%;
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 0.625rem;
}

.banner-container .filter-container input {
  display: inline-block;
  border: 0;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.4px;
  color: #007298;
  width: 88%;
  background-color: transparent;
}

.banner-container .filter-container input::-webkit-input-placeholder {
  color: #007298;
}

.banner-container .filter-container input:-moz-placeholder {
  /* Firefox 18- */
  color: #007298;
}

.banner-container .filter-container input::-moz-placeholder {
  /* Firefox 19+ */
  color: #007298;
}

.banner-container .filter-container input:-ms-input-placeholder {
  color: #007298;
}

.banner-container .filter-container input:focus {
  outline: none;
}

.banner-container h1 {
  font-size: 1.875rem;
  font-weight: 100;
  line-height: 1.1;
  color: #FFFFFF;
  text-align: center;
  margin-top: 4.375rem;
}

.my-orders-tab-container {
  background: #F7F9FA;
  padding-left: 0rem;
  padding-right: 0rem;
}

.my-orders-tab-container .border-right {
  border-right: 0.0625rem solid #FFFFFF;
}

.my-orders-tab-container .nav.nav-tabs {
  position: absolute;
  top: -5.25rem;
  left: 0rem;
  right: 0rem;
  margin: 0rem auto;
  width: 26.25rem;
  border-radius: 0.1875rem;
  border: solid 0.0625rem #FFFFFF;
}

.my-orders-tab-container .nav.nav-tabs .nav-item {
  padding: 0;
  width: 33.3333%;
  text-align: center;
  margin-left: 0;
}

.my-orders-tab-container .nav.nav-tabs .nav-item:first-child.active {
  margin-left: -0.0625rem;
}

.my-orders-tab-container .nav.nav-tabs .nav-item.active {
  margin-left: 0;
  margin-right: 0;
  box-shadow: 0.125rem 0.125rem 0.125rem 0 rgba(103, 103, 103, 0.5);
  border: solid 0.0625rem #1CD8D2;
  border-radius: 0.1875rem;
  background-color: #1CD8D2;
  margin-top: -0.125rem;
}

.my-orders-tab-container .nav.nav-tabs .nav-item.active a {
  color: #2D2D2D;
}

.my-orders-tab-container .nav.nav-tabs .nav-item .nav-link {
  padding: 0.9375rem 0rem 0.8125rem 0rem;
  border: none;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.0625rem;
  color: #FFFFFF;
}

.my-orders-tab-container .pastActive .nav.nav-tabs {
  border-right: 0;
}

@media all and (min-width: 360px) and (max-width: 767px) {
  .banner-container {
    height: 15.625rem;
  }

  .banner-container .filter-container {
    margin: 1rem auto;
    padding: 0.75rem 0 0.75rem 1.4375rem;
    width: 20.0625rem;
  }

  .banner-container h1 {
    margin-top: 3.5rem;
  }

  .my-orders-tab-container .nav.nav-tabs {
    top: -4.25rem;
    width: 20.0625rem;
  }

  .my-orders-tab-container .nav.nav-tabs .nav-item {
    float: none;
  }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  .banner-container {
    height: 15.625rem;
  }

  .banner-container .filter-container {
    margin: 1rem auto;
    padding: 0.75rem 0 0.75rem 1.4375rem;
  }

  .banner-container h1 {
    margin-top: 3.5rem;
  }

  .my-orders-tab-container .nav.nav-tabs {
    top: -4.6875rem;
  }
}

.card-container {
  width: 55rem;
  border: solid 0.0625rem #DBDBDB;
  background-color: #FFFFFF;
  margin: 1.25rem auto;
  position: relative;
  float: none;
}

.card-container .clear-fix {
  clear: both;
}

.card-container .order-card-header {
  width: 100%;
  display: inline-block;
  padding: 1.9375rem 2.5rem 0.875rem 2.5rem;
}

.card-container .order-card-header .row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.card-container .order-card-header .row-eq-height > div {
  align-items: center;
  display: flex;
}

.card-container .order-card-header .row-eq-height .frequency-container span {
  display: inline-block;
  width: 100%;
  position: relative;
  font-size: 0.875rem;
  font-weight: 300;
  color: #777676;
}

.card-container .order-card-header .row-eq-height .frequency-container span.frequency {
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.2;
  color: #737373;
}

.card-container .order-card-header .row-eq-height .purchase-container span {
  width: 100%;
}

.card-container .order-card-header .row-eq-height .pull-right.psv-container {
  justify-content: flex-end;
  margin-left: 0;
}

.card-container .order-card-header .row-eq-height .pull-right.justify-left {
  justify-content: flex-start;
}

.card-container .order-card-header .row-eq-height .pull-right span {
  display: inline-block;
  text-align: right;
  position: relative;
  font-size: 0.875rem;
  font-weight: 300;
  color: #777676;
}

.card-container .order-card-header .row-eq-height .pull-right .totalPSV {
  font-size: 13px;
  line-height: 1.23;
  letter-spacing: 0.5px;
  color: #444444;
}

.card-container .order-card-header .row-eq-height .pull-right .totalPSV + span {
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.2;
  color: #444444;
}

.card-container .order-card-header .order-type {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444444;
}

.card-container .order-card-header .view-details {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.46;
  color: #008AB0;
  text-align: right;
}

.card-container .order-card-header .order-status {
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1.55;
  color: #000000;
  text-transform: uppercase;
}

.card-container .order-card-header .status-track {
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-container .order-card-header .frequency {
  font-size: 0.93rem;
  font-weight: 300;
  line-height: 1.2;
  color: #737373;
}

.card-container .order-card-header .totalPSV {
  font-size: 13px;
  line-height: 1.23;
  letter-spacing: 0.5px;
  color: #444444;
}

.card-container .order-card-header .purchase-container {
  font-size: 0.875rem;
  font-weight: 300;
  color: #777676;
}

.card-container .order-card-header .psv-cost {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.23;
  color: #444444;
}

.card-container .order-card-header .icn-recurring {
  width: 1.5rem;
  height: 1.5rem;
  float: left;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icn-recurring.svg) center no-repeat;
  background-size: contain;
  position: relative;
  margin-right: 0.6875em;
}

.card-container .order-card-header .icn-recurring + h1,
.card-container .order-card-header .order-type {
  float: left;
  position: relative;
  font-size: 1.125rem;
  font-weight: 600;
  color: #444444;
  margin: 0rem;
  text-transform: none;
}

.card-container .order-card-header .padding-10 {
  padding-top: 0.625rem;
}

.card-container .order-card-header .orderNumber {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #008AB0;
  text-decoration: underline;
  margin-bottom: 6px;
}

.card-container .card-body {
  padding: 0rem 2.5rem 0 2.5rem;
}

.card-container .card-body .shopping-bag .bag-desc {
  overflow: hidden;
  padding-bottom: 1.5rem;
}

.card-container .card-body .shopping-bag .bag-desc h3 {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.5;
  color: #444444;
  margin-bottom: 0rem;
  float: left;
  display: block;
}

.card-container .card-body .shopping-bag .bag-desc span {
  display: block;
  float: right;
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1.5;
  color: #444444;
}

.card-container .card-body .shopping-bag .imgs-container {
  overflow: hidden;
}

.card-container .card-body .shopping-bag .imgs-container .img-wrapper {
  width: 4.125rem;
  height: 4.375rem;
}

.card-container .card-body .shopping-bag .imgs-container .row > div {
  padding-top: 1.125rem;
  padding-bottom: 0.9375rem;
}

.card-container .card-body .shopping-bag .imgs-container .row > div .img-wrapper {
  left: 0.9375rem;
  position: relative;
}

.card-container .card-body .shopping-bag .imgs-container .row > div:nth-of-type(3n+1) .img-wrapper {
  left: 0.3125rem;
}

.card-container .card-body .shopping-bag .imgs-container .row > div:nth-of-type(3n+3) .img-wrapper {
  left: 1.5625rem;
}

.card-container .card-body .shipmentDetails {
  border-top: solid 1px #DBDBDB;
  padding-bottom: 1.5rem;
}

.card-container .card-body .shipmentDetails .radio {
  margin-bottom: 1.875rem;
}

.card-container .card-body .shipmentDetails .radio input[type="radio"] {
  cursor: pointer;
  opacity: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  margin-left: 0;
}

.card-container .card-body .shipmentDetails .radio input[type="radio"] + label {
  padding: 0 0 0 1.5em;
  margin-bottom: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0 0.3125rem;
  color: #444444;
}

.card-container .card-body .shipmentDetails .radio input[type="radio"] + label::before {
  position: relative;
  top: 0.1875rem;
  margin: 0 .5em 0 -1.5em;
  content: '';
  height: 1rem;
  width: 1rem;
  background: #FFFFFF;
  border: 0.1875rem solid #FFFFFF;
  box-shadow: 0rem 0rem 0rem 0.0625rem #D1D1D1;
  border-radius: 50%;
  display: inline-block;
  transition: background-color .2s;
}

.card-container .card-body .shipmentDetails .radio input[type="radio"]:checked + label::before {
  background: #008AB0;
}

.card-container .card-body .shipmentDetails .shipment-desc {
  width: 100%;
  padding-left: 1.4375rem;
  overflow: hidden;
}

.card-container .card-body .shipmentDetails .singleShipment .shipment-desc {
  padding-left: 0;
  padding-bottom: 0;
}

.card-container .card-body .shipmentDetails .singleShipment strong {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0 0.3125rem;
  color: #2D2D2D;
  float: left;
  display: block;
  margin-top: 0.1875rem;
  padding-left: 0.25rem;
}

.card-container .card-body .shipmentDetails .button-container button {
  width: 100%;
  display: block;
  position: relative;
  cursor: pointer;
}

.card-container .card-body .shipmentDetails .button-container button.btn-blue {
  border-radius: 0.1875rem;
  background-color: #008AB0;
  border: none;
  color: #FFFFFF;
}

.card-container .card-body .shipmentDetails .button-container button.btn-white {
  border-radius: 0.1875rem;
  border: solid 0.0625rem #008AB0;
  color: #008AB0;
  background-color: #FFFFFF;
}

.card-container .card-body .shipmentDetails .button-container button.btn-white:hover,
.card-container .card-body .shipmentDetails .button-container button.btn-white :active,
.card-container .card-body .shipmentDetails .button-container button.btn-white :focus {
  color: #FFFFFF;
  background-color: #008AB0;
  border-color: #008AB0;
}

.card-container .card-body .shipmentDetails .button-container button.btn-white:disabled {
  border: solid 0.0625rem #008AB0;
  color: #008AB0;
  background-color: #FFFFFF;
}

.card-container .card-body .shipmentDetails .status-track {
  display: table;
}

.card-container .card-body .total-items {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.55;
  color: #444444;
}

.card-container .card-body .bag-total {
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1.55;
  color: #444444;
}

.card-container .card-body .ship-date {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.46;
  color: #444444;
  margin-bottom: 4px;
}

.card-container .card-body .ship-date-value {
  font-size: 13px;
  font-weight: 300;
}

.card-container .card-body .ship-status {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.55;
  color: #444444;
  vertical-align: middle;
}

.card-container .opacity-40 {
  opacity: 0.4;
}

@media all and (min-width: 360px) and (max-width: 767px) {
  .card-container {
    width: 22.4375em;
    margin: 0.5rem auto;
  }

  .card-container .order-card-header {
    padding: 1.25rem 1.5rem 0.8rem 1.5rem;
  }

  .card-container .order-card-header .row-eq-height > div {
    display: block;
    width: 100%;
  }

  .card-container .order-card-header .row-eq-height .icn-recurring {
    display: block;
    float: left;
    width: 0.9375rem;
    height: 0.9375rem;
    top: 0.8125rem;
  }

  .card-container .order-card-header .row-eq-height .icn-recurring + h1,
  .card-container .order-card-header .row-eq-height .order-type {
    float: left;
    margin-top: 0.25rem;
  }

  .card-container .order-card-header .row-eq-height .pull-right span {
    text-align: left;
  }

  .card-container .order-card-header .row-eq-height .orderNumber {
    float: left;
    display: block;
    width: 100%;
    text-align: left;
    margin-top: 0.1875rem;
  }

  .card-container .order-card-header .padding-10 {
    padding-top: 0rem;
  }

  .card-container .card-body {
    padding: 0rem 1.5rem 0 1.5rem;
  }

  .card-container .card-body .row-eq-height > div {
    display: block;
    width: 100%;
  }

  .card-container .card-body .shopping-bag .imgs-container {
    border-bottom: solid 0.0625rem #DBDBDB;
  }

  .card-container .card-body .shopping-bag .imgs-container .row {
    max-height: 7.375rem;
    overflow: hidden;
  }

  .card-container .card-body .shopping-bag .imgs-container .row > div .img-wrapper {
    left: 0.5625rem;
    position: relative;
  }

  .card-container .card-body .shopping-bag .imgs-container .row > div:nth-of-type(3n+1) .img-wrapper {
    left: 0.5625rem;
  }

  .card-container .card-body .shopping-bag .imgs-container .row > div:nth-of-type(3n+3) .img-wrapper {
    left: 0.6875em;
  }

  .card-container .card-body .shipmentDetails {
    padding-left: 0.9375rem;
    padding-top: 1.5rem;
  }

  .card-container .card-body .shipmentDetails .singleShipment .shipment-desc {
    padding-bottom: 0;
  }

  .card-container .card-body .shipmentDetails button.btn {
    width: 6rem;
    float: right;
    margin-bottom: 0;
  }

  .card-container .btn-primary {
    color: #008AB0;
    background-color: #FFFFFF;
  }

  .card-container .ship-status {
    display: table-cell;
    float: none;
  }

  .card-container .order-type-details {
    margin-bottom: 4px;
  }

  .card-container .frequency-container {
    margin-bottom: 6px;
    margin-top: 7px;
  }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  .card-container {
    width: 31.125em;
    margin: 0.75rem auto;
  }

  .card-container .order-card-header {
    padding: 1.5625rem 2rem 0.8rem 2rem;
  }

  .card-container .order-card-header .row-eq-height {
    display: table;
  }

  .card-container .order-card-header .row-eq-height > div {
    display: block;
    width: 100%;
  }

  .card-container .order-card-header .row-eq-height .icn-recurring {
    display: block;
    float: left;
  }

  .card-container .order-card-header .row-eq-height .icn-recurring + h1,
  .card-container .order-card-header .row-eq-height .order-type {
    float: left;
    width: 80%;
    margin-top: 0.25rem;
  }

  .card-container .order-card-header .row-eq-height .pull-right {
    float: left;
  }

  .card-container .order-card-header .row-eq-height .pull-right span {
    text-align: left;
  }

  .card-container .order-card-header .row-eq-height .orderNumber {
    float: left;
    display: block;
    width: 100%;
    text-align: left;
    margin-top: 0.1875rem;
  }

  .card-container .order-card-header .padding-10 {
    padding-top: 0rem;
  }

  .card-container .card-body {
    padding: 0rem 2rem 0 2rem;
  }

  .card-container .card-body .row-eq-height > div {
    display: block;
    width: 100%;
  }

  .card-container .card-body .shopping-bag .bag-desc {
    padding-bottom: 2rem;
  }

  .card-container .card-body .shopping-bag .imgs-container {
    border-bottom: solid 0.0625rem #DBDBDB;
  }

  .card-container .card-body .shopping-bag .imgs-container .row {
    max-height: 7.375rem;
    overflow: hidden;
  }

  .card-container .card-body .shopping-bag .imgs-container .row .col-sm-4 {
    width: 25%;
  }

  .card-container .card-body .shopping-bag .imgs-container .row > div .img-wrapper {
    left: 0.375em;
    position: relative;
  }

  .card-container .card-body .shopping-bag .imgs-container .row > div:nth-of-type(3n+1) .img-wrapper {
    left: 0.3125rem;
  }

  .card-container .card-body .shopping-bag .imgs-container .row > div:nth-of-type(3n+3) .img-wrapper {
    left: 0.5rem;
  }

  .card-container .card-body .shopping-bag .imgs-container .row > div:nth-of-type(3n+3) + div .img-wrapper {
    left: 0.5rem;
  }

  .card-container .card-body .shipmentDetails {
    padding-left: 0.9375rem;
    padding-top: 1.5rem;
  }

  .card-container .card-body .shipmentDetails .singleShipment .shipment-desc {
    padding-bottom: 1.5625rem;
  }

  .card-container .card-body .shipmentDetails button.btn {
    width: 6rem;
    float: right;
    margin-bottom: 0;
  }

  .card-container .btn-primary {
    color: #008AB0;
    background-color: #FFFFFF;
  }

  .card-container .ship-status {
    display: table-cell;
    float: none;
  }

  .card-container .order-type-details {
    margin-bottom: 4px;
  }

  .card-container .frequency-container {
    margin-bottom: 6px;
    margin-top: 7px;
  }
}

@media all and (min-width: 1024px) {
  .card-container .order-card-header {
    padding: 1.9375rem 2.5rem 1.5rem 2.5rem;
  }

  .card-container .psv-container {
    margin-left: 0;
    text-align: left;
  }

  .card-container .purchase-container {
    text-align: right;
  }

  .card-container .btn {
    width: 20.4rem;
    float: right;
    margin-bottom: 0;
  }

  .card-container .btn-primary {
    color: #008AB0;
    background-color: #FFFFFF;
  }

  .card-container .shipmentDetails {
    padding-top: 1.5rem;
    padding-bottom: 0;
  }

  .card-container .order-type-details {
    margin-bottom: 12px;
  }

  .card-container .frequency-container {
    margin-bottom: 12px;
  }

  .card-container .order-status {
    float: right;
    font-size: 1.375rem;
    text-align: right;
    font-weight: 300;
    line-height: 1.55;
    color: #000000;
    text-transform: uppercase;
  }

  .card-container .shipment-details-tile {
    margin-bottom: 2rem;
  }

  .card-container .bag-total {
    float: left;
  }

  .card-container .card-body .shopping-bag .bag-desc span {
    float: left;
  }
}

.orders-unavailable-container {
  width: 55rem;
  border: solid 0.0625rem #DBDBDB;
  background-color: #FFFFFF;
  margin: 1.5rem auto 3.875rem auto;
  position: relative;
  float: none;
}

.orders-unavailable-container .icon-container {
  display: block;
  width: 11.625rem;
  height: 11.625rem;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/no-history@2x.png) center no-repeat;
  background-size: 100%;
  margin: 2.1875rem auto;
  position: relative;
}

.orders-unavailable-container p {
  margin: 0rem auto 3.75rem auto;
  display: block;
  position: relative;
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.2;
  text-align: center;
  color: #444444;
}

.orders-unavailable-container .btn-container {
  width: 27.125rem;
  margin: 0 auto 2.9375rem auto;
  display: block;
}

.orders-unavailable-container .btn-container button {
  width: 100%;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.0625rem;
  text-align: center;
  color: #FFFFFF;
  border-radius: 0.1875rem;
  background-color: #008AB0;
  border: none;
  padding: 0.875rem 0;
}

@media all and (min-width: 360px) and (max-width: 767px) {
  .orders-unavailable-container {
    width: 23.4375rem;
    margin: 0.5rem auto 7.125rem auto;
  }

  .orders-unavailable-container .icon-container {
    margin: 2.5rem auto 1.5rem auto;
  }

  .orders-unavailable-container .btn-container {
    width: 20.3125rem;
    margin: 0 auto 2.5rem auto;
  }

  .orders-unavailable-container p {
    margin: 0 auto 3rem auto;
    padding: 0 5rem;
  }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  .orders-unavailable-container {
    width: 31.125rem;
    margin: 1rem auto 6.625rem auto;
  }

  .orders-unavailable-container .btn-container {
    width: 20.3125rem;
  }
}

.store-contact-info .contact-info-banner {
  height: 30.25em;
  background-image: linear-gradient(to top, #93EDC7, #1CD8D2);
  opacity: 0.5;
}

.store-contact-info .contact-info {
  background-repeat: no-repeat;
  background-position: right;
  background-color: #FFFFFF;
  height: 30.25em;
  background-size: auto 30.25em;
}

.store-contact-info .contact-info .headline {
  font-weight: 100;
}

.store-contact-info .contact-info-text {
  position: absolute;
  margin-top: 12.5em;
  margin-left: 10em;
}

.store-contact-info .preview-button {
  width: 12.75rem;
}

.store-contact-info .inline-edit {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.23;
  letter-spacing: 0.5px;
  color: #A4A5A6;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icon-edit.svg) no-repeat right 0;
  margin-top: -0.35em;
  height: 2em;
  width: 6.75em;
  float: right;
  text-transform: uppercase;
  padding: 4px 0;
  cursor: pointer;
}

.store-contact-info .contact-info-details-container {
  background-color: #F7F7F7;
}

.store-contact-info .contact-info-details-container .contact-info-details {
  margin: 0 auto;
  width: 45em;
  padding: 3em 0 4.1875em;
}

.store-contact-info .contact-info-details-container .contact-info-details .contact-info-repeat {
  width: 100%;
  min-height: 5em;
  margin: 0.5em 0;
  padding: 1.1875em 1.5625em;
  background-color: #FFFFFF;
  color: #2D2D2D;
}

.store-contact-info .contact-info-details-container .contact-info-details .contact-info-repeat h5 {
  font-size: 0.875rem;
  font-weight: 300;
  margin: 0;
}

.store-contact-info .contact-info-details-container .contact-info-details .contact-info-repeat p.thin {
  font-weight: 100;
}

.store-contact-info .contact-info-details-container .contact-info-details .contact-info-repeat p.small {
  font-weight: 300;
}

.store-contact-info .contact-info-details-container .contact-social-repeat {
  width: 100%;
  min-height: 5em;
  margin: 0.5em 0;
  padding: 1.5em 1.5625em;
  background-color: #FFFFFF;
  color: #2D2D2D;
}

.store-contact-info .contact-info-details-container .contact-social-repeat .contact-social-repeat-in p {
  width: 100%;
  height: 2em;
  padding-left: 2.75em;
  font-weight: 100;
  line-height: 2em;
}

.store-contact-info .contact-info-details-container .contact-social-repeat .contact-social-repeat-in p.facebook-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/facebook-off.png) no-repeat;
}

.store-contact-info .contact-info-details-container .contact-social-repeat .contact-social-repeat-in p.facebook-icon.active {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/facebook-on.png) no-repeat;
}

.store-contact-info .contact-info-details-container .contact-social-repeat .contact-social-repeat-in p.instagram-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/instagram-off.png) no-repeat;
}

.store-contact-info .contact-info-details-container .contact-social-repeat .contact-social-repeat-in p.instagram-icon.active {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/instagram-on.png) no-repeat;
}

.store-contact-info .contact-info-details-container .contact-social-repeat .contact-social-repeat-in p.twitter-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/twitter-off.png) no-repeat;
}

.store-contact-info .contact-info-details-container .contact-social-repeat .contact-social-repeat-in p.twitter-icon.active {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/twitter-on.png) no-repeat;
}

.store-contact-info .contact-info-details-container .contact-social-repeat .inlineedit {
  margin-top: 0.35em;
}

.store-contact-info .contact-info-repeat-edit {
  width: 20.25em;
  margin: 0 auto;
  color: #444444;
}

.store-contact-info .contact-info-repeat-edit label {
  font-size: 1rem;
  font-weight: 300;
}

.store-contact-info .contact-info-repeat-edit .form-control {
  width: 100%;
  text-align: left;
}

.store-contact-info .contact-info-repeat-edit .input-group-addon {
  border-radius: 0;
  border-right: 0;
  background-color: #F7F7F7;
}

.store-contact-info input.ng-invalid.ng-touched,
.store-contact-info select.ng-invalid.ng-touched {
  margin-bottom: 0;
}

.store-contact-info span.text-danger {
  display: block;
}

.store-contact-info .btn-primary-outline {
  color: #008AB0;
}

.store-contact-info .btn-primary-outline:hover {
  color: #FFFFFF;
}

.store-contact-info form {
  margin-top: 0;
}

.store-contact-info .form-group input {
  margin-bottom: 1rem;
}

.store-contact-info .contact-info-repeat-edit .m-t-4 {
  margin-top: 4em;
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .store-contact-info .contact-info-banner {
    background-size: auto 20em;
    height: 20em;
  }

  .store-contact-info .contact-info {
    background-position: 15.5em -5.125em;
    height: 19.8125em;
  }

  .store-contact-info .contact-info-text {
    margin-left: 2.5em;
    top: 0;
    position: absolute;
    margin-top: 6.75em;
  }

  .store-contact-info .contact-info-details-container .contact-info-details {
    width: 23.4375em;
  }

  .store-contact-info .contact-info-details-container .contact-info-details {
    padding: 7px 0 4.4375em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .store-contact-info .contact-info-banner {
    background-size: auto 20em;
    height: 20em;
  }

  .store-contact-info .contact-info {
    background-position: 25em -6.25em;
    height: 19.8125em;
  }

  .store-contact-info .contact-info-text {
    margin-top: 6.75em;
    margin-left: 5.25em;
  }

  .store-contact-info .contact-info-details-container .contact-info-details {
    padding: 1px 0 3.6875em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .store-contact-info .contact-info-banner {
    height: 24.625em;
  }

  .store-contact-info .contact-info {
    height: 24.625em;
    background-size: auto 24.625em;
  }

  .store-contact-info .contact-info-text {
    margin-top: 9.625em;
    margin-right: 7em;
  }

  .store-contact-info .contact-info-details-container .contact-info-details {
    padding: 2.4375em 0 4.8125em;
  }
}

.dist-auth-cards .bg-cayman {
  background: linear-gradient(to top, #17cbcc, #08a0ba);
  padding: 1.5em;
  overflow: auto;
}

.dist-auth-cards #accordion {
  overflow: hidden;
}

.dist-auth-cards #accordion .panel {
  background-color: transparent;
}

.dist-auth-cards #accordion .panel .panel-title {
  margin-bottom: 0;
}

.dist-auth-cards #accordion .panel .panel-title .btn {
  text-align: left;
  margin-bottom: 0;
  background-color: transparent;
  width: 100%;
  padding: 0;
  position: relative;
}

.dist-auth-cards #accordion .panel .panel-title .btn .suggestions-heading {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.18;
  letter-spacing: 0.4px;
  color: #FFFFFF;
  text-transform: none;
}

.dist-auth-cards #accordion .panel .panel-title .btn.collapsed:after {
  transform: rotate(180deg);
}

.dist-auth-cards #accordion .panel .panel-title .btn:after {
  content: '';
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-up.svg) center no-repeat;
  height: 1rem;
  width: 1rem;
  transition: all .2s;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
}

.dist-auth-cards #accordion .panel .panel-body {
  overflow: auto;
}

.dist-auth-cards #accordion .panel .panel-body .slick-slide figure {
  margin: 0;
}

.dist-auth-cards #accordion .panel .panel-body .cards-component {
  width: 20.3125rem;
  margin-top: 1.25em;
}

.dist-auth-cards #accordion .panel .panel-body .cards-component .card {
  width: 100%;
  padding: 0;
  margin: 0;
}

.dist-auth-cards #accordion .panel .panel-body .cards-component .card .card-block {
  padding: 0.8125em;
  width: 100%;
  height: auto;
}

.dist-auth-cards .suggestions-dismissed p {
  width: 20.3125em;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.38;
  color: #FFFFFF;
}

.dist-auth-cards .cards-component-section .carousel.carousel-primary .slick-prev::before {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-left-white.svg) no-repeat;
}

.dist-auth-cards .cards-component-section .carousel.carousel-primary .slick-next::before {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-right-white.svg) no-repeat;
}

.distributorAuthenticatedSuggestions .dist-auth-cards #accordion .panel .panel-body .cards-component {
  width: 19.8rem;
  margin-top: 1.25em;
  min-height: 14rem;
}

.distributorAuthenticatedSuggestions .dist-auth-cards .slick-dots {
  bottom: -1.9rem;
}

.distributorAuthenticatedSuggestions .dist-auth-cards .slick-dots li {
  margin: 0 0.4rem;
}

.distributorAuthenticatedSuggestions .dist-auth-cards .carousel.carousel-primary .slick-prev::before {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-left-white.svg) no-repeat;
}

.distributorAuthenticatedSuggestions .dist-auth-cards .carousel.carousel-primary .slick-next::before {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-right-white.svg) no-repeat;
}

@media all and (min-width: 360px) and (max-width: 767px) {
  .dist-auth-cards #show-suggestions {
    margin-bottom: 0.25em;
  }

  .dist-auth-cards .quick-links-container {
    display: none;
  }

  .dist-auth-cards .cards-component {
    margin-left: auto;
    margin-right: auto;
  }

  .dist-auth-cards .suggestions-dismissed {
    margin: 4.75em auto 6em;
    float: none;
    text-align: center;
  }

  .dist-auth-cards .suggestions-dismissed p {
    margin: auto;
  }

  .distributorAuthenticatedSuggestions .dist-auth-cards #accordion .panel .panel-title {
    padding-top: 7px;
    margin-right: 5px;
  }

  .distributorAuthenticatedSuggestions .dist-auth-cards .bg-cayman.bg-cayman-wrapper,
  .distributorAuthenticatedSuggestions .dist-auth-cards .bg-cayman {
    padding: 0;
  }

  .distributorAuthenticatedSuggestions .dist-auth-cards .bg-cayman.bg-cayman-wrapper .suggestions-heading,
  .distributorAuthenticatedSuggestions .dist-auth-cards .bg-cayman .suggestions-heading {
    padding-left: 1.5rem;
  }

  .distributorAuthenticatedSuggestions .carousel.carousel-primary .slick-prev {
    left: -1.7rem;
  }

  .distributorAuthenticatedSuggestions .carousel.carousel-primary .slick-next {
    right: -1.7rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .dist-auth-cards #show-suggestions {
    margin-bottom: 0.75em;
  }

  .dist-auth-cards .quick-links-container {
    display: none;
  }

  .dist-auth-cards .cards-component {
    margin-left: auto;
    margin-right: auto;
  }

  .dist-auth-cards .suggestions-dismissed {
    margin: 4.75em auto 6.25em;
    float: none;
    text-align: center;
  }

  .dist-auth-cards .suggestions-dismissed p {
    margin: auto;
  }

  .distributorAuthenticatedSuggestions .dist-auth-cards .carousel.carousel-primary .slick-prev {
    left: -1.7rem;
  }

  .distributorAuthenticatedSuggestions .dist-auth-cards .carousel.carousel-primary .slick-next {
    right: -1.7rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .dist-auth-cards #accordion {
    padding-left: 5.5em;
  }

  .dist-auth-cards .suggestions-dismissed {
    margin: 1.625em auto;
  }

  .distributorAuthenticatedSuggestions .dist-auth-cards .bg-cayman.bg-cayman-wrapper #show-suggestions .panel-body > div:first-child,
  .distributorAuthenticatedSuggestions .dist-auth-cards .bg-cayman #show-suggestions .panel-body > div:first-child {
    padding-left: 2.5rem;
  }

  .distributorAuthenticatedSuggestions .carousel.carousel-primary .slick-prev {
    left: -2.2rem;
  }

  .distributorAuthenticatedSuggestions .carousel.carousel-primary .slick-next {
    right: -2.2rem;
  }

  .distributorAuthenticatedSuggestions .dist-auth-cards .bg-cayman.bg-cayman-wrapper .suggestions-heading,
  .distributorAuthenticatedSuggestions .dist-auth-cards .bg-cayman .suggestions-heading {
    padding-left: 2.188rem;
  }
}

@media screen and (min-width: 1440px) {
  .dist-auth-cards #accordion {
    padding-left: 8.5em;
  }

  .dist-auth-cards #show-suggestions {
    margin-bottom: 2em;
  }

  .dist-auth-cards .suggestions-dismissed {
    margin: 1.625em auto;
  }

  .distributorAuthenticatedSuggestions .carousel.carousel-primary .slick-prev {
    left: -2.2rem;
  }

  .distributorAuthenticatedSuggestions .carousel.carousel-primary .slick-next {
    right: -2.2rem;
  }

  .distributorAuthenticatedSuggestions .dist-auth-cards .bg-cayman.bg-cayman-wrapper .panel-body > div:first-child,
  .distributorAuthenticatedSuggestions .dist-auth-cards .bg-cayman .panel-body > div:first-child {
    padding-left: 2.5rem;
  }

  .distributorAuthenticatedSuggestions .dist-auth-cards .bg-cayman.bg-cayman-wrapper .suggestions-heading,
  .distributorAuthenticatedSuggestions .dist-auth-cards .bg-cayman .suggestions-heading {
    padding-left: 2.188rem;
  }
}

.recently-viewed-main {
  background-color: #FFFFFF;
}

.recently-viewed-main .heading-text {
  margin: 0 0.75rem;
  text-align: center;
}

.recently-viewed-main .recently-viewed-text {
  padding-bottom: 0.5em;
  font-size: 1.375rem;
  margin: 0 0.75rem;
  text-align: center;
}

.recently-viewed-main .heading-text {
  padding: 2.8em 0 0;
}

.my-storefront-overview {
  background-color: #FFFFFF;
}

.my-storefront-overview .reset {
  margin: 0;
  padding: 0;
}

.my-storefront-overview .overview-banner {
  overflow: hidden;
  background-size: cover;
}

.my-storefront-overview .overview-banner-image {
  width: 100%;
}

.my-storefront-overview .steps-text {
  position: relative;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  width: 8.75em;
  height: 8.75em;
  margin: 0 auto;
  display: table;
  margin-top: -4.375em;
}

.my-storefront-overview .steps-text .outer-container {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  width: 7.5em;
  height: 7.5em;
  margin: 0 auto;
  top: 10px;
  position: relative;
}

.my-storefront-overview .steps-text .outer-container .inner-container {
  width: 6.25rem;
  height: 6.25rem;
  margin: auto;
  transform: translate(10px, 10px);
  position: relative;
  font-size: 0.8125rem;
  font-weight: 300;
  text-align: center;
  color: #727272;
  background: #FFFFFF;
  border-radius: 50%;
  display: table-cell;
  vertical-align: middle;
}

.my-storefront-overview .steps-text .outer-container .inner-container span {
  display: block;
  font-size: 1.875rem;
  line-height: initial;
  font-family: "proxima-nova-extra-condensed", Helvetica, Arial, sans-serif;
}

.my-storefront-overview .my-store-setup {
  overflow: auto;
  box-shadow: 0 3px 4px 0 rgba(176, 176, 176, 0.4);
}

.my-storefront-overview .my-store-setup h1 {
  width: 20.3125rem;
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 0.91;
  text-align: center;
  color: #444444;
}

.my-storefront-overview .my-store-setup .dash {
  margin: auto;
  width: 3.125em;
  height: 3px;
  background-color: #1CD8D2;
}

.my-storefront-overview .my-store-setup .desc-text {
  width: 19.5rem;
  margin: 2em auto 1em;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  text-align: center;
  color: #444444;
}

.my-storefront-overview .my-store-setup .setup-time {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/clock-small.png) no-repeat left;
  background-size: 1.25rem;
  padding-left: 2em;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.54;
  color: #727272;
  text-align: center;
  display: table;
  margin: 0 auto 1.5rem;
}

.my-storefront-overview .triangle-with-shadow {
  width: 1.625em;
  height: 1em;
  position: relative;
  margin: -1px auto 0;
  overflow: hidden;
}

.my-storefront-overview .triangle-with-shadow:after {
  content: "";
  position: absolute;
  width: 1.125em;
  height: 1.125em;
  background: #FFFFFF;
  transform: rotate(45deg);
  top: -8px;
  left: 4px;
  box-shadow: 0 3px 4px 0 rgba(176, 176, 176, 0.4);
}

.my-storefront-overview .setup-web-address h5 {
  width: 19.5rem;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.85;
  text-align: center;
  color: #444444;
  margin: 1.5rem auto 1rem;
  text-transform: none;
}

.my-storefront-overview .setup-web-address form {
  margin: 0 auto 3em;
  overflow: hidden;
  position: relative;
}

.my-storefront-overview .setup-web-address form .form-group {
  margin: 0;
}

.my-storefront-overview .setup-web-address form .form-group input {
  float: left;
  font-size: 1rem;
  line-height: 1.5;
  padding: 0.625em 1em;
  margin: 0;
}

.my-storefront-overview .setup-web-address form .form-group .web-url {
  background: #F7F7F7;
  margin-bottom: 0;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5;
  padding-left: 0;
  padding-right: 0;
}

.my-storefront-overview .setup-web-address form .availability-msg {
  margin: 1.5rem auto 0;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.38;
  text-align: center;
}

.my-storefront-overview .setup-web-address form .availability-msg.error {
  width: 15.5rem;
  color: #D0021B;
  letter-spacing: -0.1px;
}

.my-storefront-overview .setup-web-address form .btn {
  margin: 2rem auto 0;
}

@media all and (min-width: 360px) and (max-width: 767px) {
  .my-storefront-overview .overview-banner {
    height: 15.625em;
  }

  .my-storefront-overview .my-store-setup h1 {
    margin: 0.25em auto 0.5em;
  }

  .my-storefront-overview .setup-web-address form {
    width: 20.3125rem;
  }

  .my-storefront-overview .setup-web-address form input {
    width: 13.3125em;
  }
}

@media all and (max-width: 359px) {
  .my-storefront-overview .setup-web-address form {
    max-width: 17.5rem;
  }

  .my-storefront-overview .setup-web-address form input {
    max-width: 10.5em;
  }

  .my-storefront-overview .setup-web-address .btn {
    padding: 0.9rem 1.225rem 0.85rem;
  }

  .my-storefront-overview .setup-web-address h5 {
    max-width: 17.5rem;
  }

  .my-store-setup {
    padding: 0 1.25rem;
  }

  .my-store-setup h1 {
    max-width: 17.5rem;
  }

  .my-store-setup .desc-text {
    max-width: 17.5rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .my-storefront-overview .overview-banner {
    height: 25em;
  }

  .my-storefront-overview .overview-banner-image {
    transform: translateY(-3%);
  }

  .my-storefront-overview .my-store-setup h1 {
    margin: 0.5rem auto 0.5rem;
  }

  .my-storefront-overview .setup-web-address form {
    width: 22rem;
  }

  .my-storefront-overview .setup-web-address form input {
    width: 15em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .my-storefront-overview .overview-banner {
    height: 29.125em;
  }

  .my-storefront-overview .overview-banner-image {
    transform: translateY(-10%);
  }

  .my-storefront-overview .my-store-setup h1 {
    margin: 2rem auto 0.5rem;
  }

  .my-storefront-overview .setup-web-address form {
    width: 29.5rem;
  }

  .my-storefront-overview .setup-web-address form input {
    width: 21.25em;
  }
}

@media screen and (min-width: 1440px) {
  .my-storefront-overview .overview-banner {
    height: 34.375em;
  }

  .my-storefront-overview .overview-banner-image {
    transform: translateY(-8.5%);
  }

  .my-storefront-overview .my-store-setup h1 {
    margin: 2rem auto 0.5rem;
  }

  .my-storefront-overview .setup-web-address form {
    width: 27rem;
  }

  .my-storefront-overview .setup-web-address form input {
    width: 19.5em;
  }
}

.my-storefront-setup {
  background-color: #FFFFFF;
}

.my-storefront-setup .reset {
  margin: 0;
}

.my-storefront-setup .msf-setup-header {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/prism-banner.jpg) no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: initial;
  padding: 0 0 0;
  clear: both;
}

.my-storefront-setup .msf-setup-header .go-back-image-header {
  margin: 1.4rem 0 0 1rem;
}

.my-storefront-setup .msf-setup-header .msf-back {
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: -0.1px;
  color: #FFFFFF;
  display: inline-table;
  cursor: pointer;
  position: absolute;
}

.my-storefront-setup .msf-setup-header .msf-back img {
  vertical-align: inherit;
}

.my-storefront-setup .msf-setup-header .msf-logo {
  display: block;
  margin: 0.9rem auto;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 2.43;
  color: #FFFFFF;
}

.my-storefront-setup .msf-setup-header .msf-title {
  margin: 0 auto 2.125em;
}

.my-storefront-setup .msf-setup-header .msf-title h1 {
  font-size: 1.5rem;
  margin: 0;
  line-height: 1.42;
  text-align: center;
  color: #F7F9FA;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}

.my-storefront-setup .msf-setup-header .msf-title p {
  line-height: 1.25;
  text-align: center;
  color: #F7F9FA;
  margin-bottom: 0;
}

.my-storefront-setup .msf-setup-header .msf-progress-indicator {
  height: 3.1rem;
  background: rgba(255, 255, 255, 0.34);
}

.my-storefront-setup .msf-setup-header .msf-progress-indicator .indicator-group {
  margin: 0 auto;
  display: table;
  top: 50%;
  transform: translateY(-50%);
  position: relative;
}

.my-storefront-setup .msf-setup-header .msf-progress-indicator .indicator-group .level {
  width: 2.25em;
  height: 2.25em;
  background-color: #008AB0;
  float: left;
  margin: 0 0.7em;
  border-radius: 50%;
  text-align: center;
  display: table;
}

.my-storefront-setup .msf-setup-header .msf-progress-indicator .indicator-group .level .state {
  display: table-cell;
  vertical-align: bottom;
  width: 100%;
  height: 100%;
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1.41;
  color: #FFFFFF;
  font-family: "proxima-nova-extra-condensed", Helvetica, Arial, sans-serif;
}

.my-storefront-setup .msf-setup-header .msf-progress-indicator .indicator-group .level-active {
  background: #1CD8D2;
  border: 1px solid #FFFFFF;
}

.my-storefront-setup .msf-setup-header .msf-progress-indicator .indicator-group .level-active .arrow {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  border-bottom: 8px solid #FFFFFF;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  margin-left: -1.5em;
}

.my-storefront-setup .msf-setup-header .msf-progress-indicator .indicator-group .level-active .arrow .arrow-border {
  border-bottom: 7px solid #1CD8D2;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: relative;
  top: 2px;
  left: -6.5px;
}

.my-storefront-setup .msf-setup-header .msf-progress-indicator .indicator-group .level-complete {
  position: relative;
}

.my-storefront-setup .msf-setup-header .msf-progress-indicator .indicator-group .level-complete:after {
  content: '';
  position: absolute;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-checked.svg) no-repeat center;
  background-size: contain;
  background-color: #FFFFFF;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
}

.my-storefront-setup .tooltip-inner {
  background-color: #007298;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
  text-align: center;
  color: #FFFFFF;
  padding: 5px 1rem;
  letter-spacing: 0.5px;
}

.my-storefront-setup .alignment {
  top: -2rem !important;
}

.my-storefront-setup .tooltip.top .tooltip-arrow {
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #007298;
}

.my-storefront-setup .msf-type .msf-type-header {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.23;
  letter-spacing: 0.6px;
  text-align: center;
  color: #FFFFFF;
  background: #1CD8D2;
  border-top: solid 1px #FFFFFF;
  text-align: center;
  padding: 0.5em 0;
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  .tooltip.top .tooltip-arrow {
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
  }

  .my-storefront-setup .level {
    position: relative;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .my-storefront-setup .msf-back {
    margin: 1.4rem 2.5rem 0;
  }

  .my-storefront-setup .arrow {
    bottom: -11px;
  }

  .my-storefront-setup .msf-type-header {
    margin-top: -1px;
  }

  .my-storefront-setup .level {
    position: relative;
  }
}

@media all and (min-width: 320px) and (max-width: 767px) {
  .my-storefront-setup .indicator-group {
    background-color: #FFFFFF;
  }

  .my-storefront-setup .msf-back {
    margin: 1.4rem 1.4rem 0;
  }

  .my-storefront-setup .arrow {
    bottom: -12px;
  }

  .my-storefront-setup .alignment {
    top: -7px !important;
  }

  .my-storefront-setup .progressbar {
    padding: 1.5rem 0 0 0;
    width: 21.8rem;
    margin: 0 auto;
  }

  .my-storefront-setup .progressbar li {
    list-style-type: none;
    float: left;
    width: 3.625rem;
    position: relative;
    text-align: center;
    font-size: 0.938rem;
    font-weight: normal;
    color: #546A79;
  }

  .my-storefront-setup .progressbar li:before {
    content: "";
    width: 1.125rem;
    height: 1.125rem;
    line-height: 1.125rem;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #E3E3E3;
    border: solid 4px #f7f9fb;
  }

  .my-storefront-setup .progressbar li:after {
    content: '';
    position: absolute;
    width: 72%;
    height: 2px;
    background-color: #CFD1D1;
    top: 8px;
    left: -37%;
  }

  .my-storefront-setup .progressbar li:first-child:after {
    content: none;
  }

  .my-storefront-setup .progressbar li.active {
    color: #546A79;
  }

  .my-storefront-setup .progressbar li.active:before {
    width: 1.125rem;
    height: 1.125rem;
    line-height: 1.125rem;
    border-radius: 50%;
    color: white;
    background-color: #71c46d;
    margin: 0 auto;
    border: solid 3px #FFFFFF;
    background: #71c46d url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-checkmark.png) no-repeat center center;
  }

  .my-storefront-setup .progressbar li.current:before {
    width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 50%;
    border: solid 1px #1CD8D2;
    color: white;
    background-color: #FFFFFF;
    margin: 2px auto;
  }

  .my-storefront-setup .progressbar li.active + .active:after {
    background-color: #71c46d;
    width: 80%;
    left: -39%;
  }

  .my-storefront-setup .progressbar li.current:after {
    background-color: #71c46d;
    width: 80%;
    left: -39%;
  }
}

@media all and (max-width: 359px) {
  .my-storefront-setup .progressbar {
    width: 20rem;
  }

  .my-storefront-setup .progressbar li {
    width: 3.25rem;
  }

  .my-storefront-setup .msf-setup-header .go-back-image-header {
    margin: 1.4rem 0 0 0.3rem;
  }
}

@media screen and (min-width: 1440px) {
  .my-storefront-setup .msf-back {
    margin: 1.4rem 3.25rem 0;
  }

  .my-storefront-setup .arrow {
    bottom: -11px;
  }

  .my-storefront-setup .msf-type-header {
    margin-top: -2px;
  }

  .my-storefront-setup .level {
    position: relative;
  }
}

.storefront-modal.product-remove-confirmation-popup .modal-dialog {
  height: 29.25rem;
}

.storefront-modal.page-leave-confirmation-popup .modal-dialog {
  height: 18.375rem;
}

.app-modal-window.storefront-modal .modal-dialog {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.app-modal-window.storefront-modal .modal-dialog .modal-content .modal-header {
  padding: 1rem;
}

.app-modal-window.storefront-modal .modal-dialog .modal-content .modal-header .close-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-close-circle-copy-3.svg) no-repeat center center;
  height: 1.5rem;
  width: 1.5rem;
}

.app-modal-window.storefront-modal .modal-dialog .modal-content .modal-body .heading-section {
  font-weight: 300;
  line-height: 1.3;
  color: #444444;
}

.app-modal-window.storefront-modal .modal-dialog .modal-content .modal-body .desc-section .item-desc p {
  font-weight: 300;
  line-height: 1.4;
  color: #444545;
  width: 12.75rem;
}

.app-modal-window.storefront-modal .modal-dialog .modal-content .modal-body .desc-section .item-image-section .delete-img-thumbnail {
  height: 6rem;
}

.app-modal-window.storefront-modal .modal-dialog .modal-content .modal-body .desc-section .item-image-section .no-image-available {
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #A7A7A7;
  color: #FFFFFF;
  padding: 10px;
}

@media all and (min-width: 360px) and (max-width: 767px) {
  .storefront-modal .modal-dialog {
    width: 20.3125rem;
  }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  .storefront-modal .modal-dialog {
    width: 22.125rem;
  }

  .app-modal-window.storefront-modal .modal-dialog .modal-content .modal-body .heading-section {
    width: 20rem;
  }
}

@media all and (min-width: 1024px) and (max-width: 1439px) {
  .storefront-modal .modal-dialog {
    width: 24.625rem;
  }
}

@media all and (min-width: 1440px) {
  .storefront-modal .modal-dialog {
    width: 27.125rem;
  }
}

.stop-scroll-on-delete.modal-open {
  height: 100%;
  width: 100%;
  position: absolute !important;
  overflow: visible !important;
}

.as-sortable-dragging.products-list-display-section {
  background: #FFFFFF;
  padding: 1rem 1.625rem;
  transform: scale(1.1, 1.1);
  box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.2), 0 0.375rem 1.25rem 0 rgba(0, 0, 0, 0.19);
  border-left: solid 0.0625rem #E2E2E2;
  border-right: solid 0.0625rem #E2E2E2;
}

.as-sortable-dragging.products-list-display-section .products-list-display-item {
  padding: 1rem 1.625rem;
  border-top: solid 0.0625rem #E2E2E2;
  border-bottom: solid 0.0625rem #E2E2E2;
  margin-left: -1.5625rem;
  margin-right: -1.5625rem;
}

.as-sortable-dragging.products-list-display-section .products-list-display-item .row {
  margin: auto;
}

.as-sortable-dragging.products-list-display-section .products-list-display-item .image-section {
  margin-top: 0.75rem;
  height: 4rem;
}

.as-sortable-dragging.products-list-display-section .products-list-display-item .image-section img {
  max-width: 100%;
  max-height: 100%;
}

.as-sortable-dragging.products-list-display-section .products-list-display-item .no-image-available {
  background-color: #A7A7A7;
  color: #FFFFFF;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  height: 4rem;
  padding-left: 5px;
  padding-right: 5px;
}

.as-sortable-dragging.products-list-display-section .products-list-display-item .action-section .delete-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/trash.svg) no-repeat center center;
  width: 1.0625rem;
  height: 1.375rem;
}

.as-sortable-dragging.products-list-display-section .products-list-display-item .action-section .drag-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic_rearrange@2x.png) no-repeat center center;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
}

.as-sortable-dragging.products-list-display-section .products-list-display-item .data-section .name-section {
  font-weight: 300;
  line-height: 1.2;
  color: #444545;
}

.as-sortable-dragging.products-list-display-section .products-list-display-item .data-section .id-section {
  margin-top: 0.3125rem;
}

.as-sortable-dragging.products-list-display-section .products-list-display-item .data-section .id-section .text-label {
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.03125rem;
  color: #2D2D2D;
}

.as-sortable-dragging.products-list-display-section .products-list-display-item .data-section .id-section .text-value {
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: 0.025rem;
  color: #727272;
  margin-left: 1.5rem;
}

.as-sortable-dragging.products-list-display-section .products-list-display-item .data-section .third-section {
  font-weight: 300;
  line-height: 1.6;
  color: #444444;
}

.as-sortable-dragging.products-list-display-section .products-list-display-item .data-section .third-section .psv-section {
  color: #727272;
}

.as-sortable-dragging.products-list-display-section .products-list-display-item .data-section .third-section p {
  font-size: 0.875rem;
}

.as-sortable-dragging.products-list-display-section .as-sortable-item {
  touch-action: auto;
}

.as-sortable-dragging.products-list-display-section .products-list-display-item {
  border: none;
}

.go-back-image-header {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-down-copy-10.svg) no-repeat center center;
  width: 0.5625rem;
  height: 1rem;
  margin: 2rem 0 0 1rem;
}

.go-back-text-header {
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: -0.00625rem;
  color: #FFFFFF;
  margin: -0.125rem 0 0 0.75rem;
  margin: -0.125rem 0 0 1.25rem;
}

.storefront-custom-wrapper {
  padding: 1.5rem 1.2rem;
}

.storefront-custom-wrapper .storefront-heading-wrapper .main-heading {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.5;
  letter-spacing: 0.01875rem;
  color: #444444;
}

.storefront-custom-wrapper .storefront-heading-wrapper .sub-heading {
  font-weight: 300;
  line-height: 1.4;
  color: #7E7F80;
  margin-top: 0.5rem;
}

.storefront-custom-wrapper .bundles-wrapper .promotion-label {
  margin-top: 0.3125rem;
}

.storefront-custom-wrapper .bundles-wrapper .promotion-label p {
  font-weight: 300;
  line-height: 1.4;
  color: #444444;
}

.storefront-custom-wrapper .bundles-wrapper .bundles-switch {
  padding: 1.875rem 3px;
  border-top: solid 0.0625rem #DBDBDB;
  border-bottom: solid 0.0625rem #DBDBDB;
}

.storefront-custom-wrapper .product-selection-wrapper {
  margin-top: 2rem;
}

.storefront-custom-wrapper .product-selection-wrapper .center-section {
  display: block;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile {
  background: #FFFFFF;
  padding: 2rem 1.5625rem 1.875rem;
  border: 0.0625rem solid #CFD1D1;
  margin: 0 auto;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .only-bundles-section {
  padding: 1rem 1.5rem;
  margin: 1.5rem -1.5625rem 0;
  border-top: solid 0.0625rem #E2E2E2;
  color: #444444;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .only-bundles-section .label-section {
  font-weight: 600;
  margin-top: 0.4375rem;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .only-bundles-section .price-section {
  font-size: 1.375rem;
  font-weight: 100;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .only-bundles-section .description-section {
  margin: 1rem 0 0;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .only-bundles-section .description-section p {
  font-weight: 300;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .only-bundles-section .textarea-edit-section {
  margin: 1rem 0 -1.5rem;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .only-bundles-section .textarea-edit-section textarea {
  padding: 1rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.3;
  color: #7E7F80;
  height: 10rem;
  max-height: 10rem;
  resize: none;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .heading-section {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444444;
  margin-top: 0.5rem;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .brief-section {
  font-weight: 300;
  line-height: 1.4;
  color: #7E7F80;
  margin-top: 0.3125rem;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .default-product,
.storefront-custom-wrapper .product-selection-wrapper .product-tile .custom-product {
  height: 4.75rem;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .default-product img,
.storefront-custom-wrapper .product-selection-wrapper .product-tile .custom-product img {
  max-height: 100%;
  position: absolute;
  right: 0;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .product-list-count {
  color: #444444;
  margin-top: 1.5rem;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .product-list-count .numerical-count {
  font-size: 1.875rem;
  font-weight: 100;
  line-height: 1.1;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .product-list-count .count-label {
  font-weight: 600;
  line-height: 1.7;
  margin: 0.625rem 0 0 0.625rem;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .product-list-count .brief-section {
  clear: both;
  font-size: 0.875rem;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item {
  padding: 1rem 1.625rem;
  border-top: solid 0.0625rem #E2E2E2;
  border-bottom: solid 0.0625rem #E2E2E2;
  margin-left: -1.5625rem;
  margin-right: -1.5625rem;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item .row {
  margin: auto;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item .image-section {
  margin-top: 0.75rem;
  height: 4rem;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item .image-section img {
  max-width: 100%;
  max-height: 100%;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item .no-image-available {
  background-color: #A7A7A7;
  color: #FFFFFF;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  height: 4rem;
  padding-left: 5px;
  padding-right: 5px;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item .action-section .delete-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/trash.svg) no-repeat center center;
  width: 1.0625rem;
  height: 1.375rem;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item .action-section .drag-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic_rearrange@2x.png) no-repeat center center;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item .data-section .name-section {
  font-weight: 300;
  line-height: 1.2;
  color: #444545;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item .data-section .id-section {
  margin-top: 0.3125rem;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item .data-section .id-section .text-label {
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.03125rem;
  color: #2D2D2D;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item .data-section .id-section .text-value {
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: 0.025rem;
  color: #727272;
  margin-left: 1.5rem;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item .data-section .third-section {
  font-weight: 300;
  line-height: 1.6;
  color: #444444;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item .data-section .third-section .psv-section {
  color: #727272;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item .data-section .third-section p {
  font-size: 0.875rem;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .as-sortable-item {
  touch-action: auto;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item:last-child {
  margin-bottom: -1rem;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .as-sortable-placeholder,
.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .as-sortable-un-selectable,
.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .as-sortable-hidden {
  background: #FFFFFF;
  z-index: 100;
  margin: 0 -1.5625rem;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-triangle-separator-section {
  box-shadow: 0 0.125rem 0.25rem 0 rgba(167, 167, 167, 0.4);
  margin: 0 -1.5625rem;
  min-height: 0.0625rem;
  max-height: 0.8125rem;
  padding-top: 0.8125rem;
  margin-top: 1rem;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-triangle-separator-section:after,
.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-triangle-separator-section:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-triangle-separator-section:after {
  border-left: 0.875rem solid transparent;
  border-right: 0.875rem solid transparent;
  border-top: 0.875rem solid #FFFFFF;
  border-bottom: 0.875rem solid transparent;
  display: table;
  margin: 0 auto;
  margin-top: -2.25rem;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-triangle-separator-section:before {
  border-left: 1.125rem solid transparent;
  border-right: 1.125rem solid transparent;
  border-top: 1.125rem solid rgba(226, 226, 226, 0.6);
  border-bottom: 1.125rem solid transparent;
  display: table;
  margin: 0 auto;
}

.storefront-custom-wrapper .product-selection-wrapper .product-tile-2 .heading-section {
  margin-top: 0.3125rem;
}

.storefront-custom-wrapper .product-selection-wrapper .active-product {
  box-shadow: 0 0.5rem 0.625rem 0 rgba(126, 127, 127, 0.15);
  border: solid 0.0625rem #1CD8D2;
  background: #FFFFFF url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-checkmark-circle-green.svg) no-repeat 0.75rem 0.75rem;
}

.storefront-custom-wrapper .product-selection-wrapper .add-product-section {
  margin: 2rem 0 -1rem;
}

.storefront-custom-wrapper .product-selection-wrapper .add-product-section .add-product-label-indicator {
  margin-top: 0.3125rem;
  font-weight: 300;
  line-height: 1.4;
  color: #444444;
}

.storefront-custom-wrapper .product-selection-wrapper .add-product-section .add-product:hover {
  text-decoration: underline;
}

.storefront-custom-wrapper .product-selection-wrapper .lazy-loading-animation {
  padding: 1rem 0;
}

.storefront-custom-wrapper .button-section .skip-section button,
.storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-2-add-product .add-product-section button {
  outline: 0;
  border: 0;
  background: transparent;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: 0.075rem;
  color: #008AB0;
}

.storefront-custom-wrapper .button-section {
  margin-top: 2rem;
}

.storefront-custom-wrapper .btn {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 1px;
  text-align: center;
  margin: 2rem auto 1rem;
  display: block;
}

@media (max-width: 767px) {
  .storefront-custom-wrapper .bundles-wrapper {
    min-width: 19.5rem;
  }

  .storefront-custom-wrapper .storefront-heading-wrapper {
    max-width: 20.3125rem;
  }

  .storefront-custom-wrapper .product-selection-wrapper .product-tile {
    max-width: 20.3125rem;
  }

  .storefront-custom-wrapper .product-selection-wrapper .product-tile-1 {
    margin-bottom: 1.5rem;
    padding-top: 2rem;
  }

  .storefront-custom-wrapper .product-selection-wrapper .product-tile-2 {
    padding-top: 1.875rem;
  }

  .storefront-custom-wrapper .btn {
    width: 20.3125rem;
  }

  .storefront-custom-wrapper .data-section {
    padding-right: 0;
  }
}

@media (max-width: 359px) {
  .storefront-custom-wrapper .product-selection-wrapper .product-tile {
    max-width: 17.5rem;
    margin-left: 0;
    margin-right: 0;
  }

  .storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item {
    padding: 1rem 0.625rem;
  }

  .storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item .data-section .name-section {
    padding-right: 0;
  }

  .storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item .data-section .third-section {
    padding-right: 0;
  }

  .storefront-custom-wrapper .product-selection-wrapper .product-tile-1 {
    margin-bottom: 4.0625rem;
  }

  .storefront-custom-wrapper .btn {
    width: 17.5rem;
  }

  .storefront-custom-wrapper .bundles-wrapper {
    min-width: 17.5rem;
  }

  .storefront-custom-wrapper .btn {
    max-width: 17.5rem;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .storefront-custom-wrapper .bundles-wrapper {
    width: 29.6875rem;
  }

  .storefront-custom-wrapper .storefront-heading-wrapper {
    max-width: 20.3125rem;
  }

  .storefront-custom-wrapper .product-selection-wrapper .product-tile {
    min-width: 29.6875rem;
    max-width: 29.6875rem;
    display: table;
    margin: 0 auto;
  }

  .storefront-custom-wrapper .product-selection-wrapper .product-tile-1 {
    margin-bottom: 1.9375rem;
    padding-top: 1.875rem;
  }

  .storefront-custom-wrapper .button-section {
    min-width: 22.0625rem;
    max-width: 22.0625rem;
  }

  .storefront-custom-wrapper .btn {
    width: 22rem;
  }

  .storefront-custom-wrapper .data-section {
    padding-right: 0.5rem;
  }
}

@media (min-width: 1440px) {
  .storefront-custom-wrapper .bundles-wrapper {
    width: 41.25rem;
  }

  .storefront-custom-wrapper .product-selection-wrapper .product-tile {
    min-width: 41.25rem;
    max-width: 41.25rem;
  }

  .storefront-custom-wrapper .btn {
    width: 22rem;
  }

  .storefront-custom-wrapper .data-section {
    padding-right: 0.5rem;
  }
}

.app-modal-window.products-popup .modal-dialog {
  width: 100%;
  margin: 0;
  height: 100%;
}

.app-modal-window.products-popup .modal-content {
  overflow: auto;
  height: 100%;
  z-index: 10;
}

.app-modal-window.products-popup .modal-body {
  padding: 0;
  height: 100%;
}

.app-modal-window.products-popup .modal-body .modal-page-error {
  position: fixed;
  z-index: 100;
}

.app-modal-window.products-popup .products-modal-container {
  overflow: auto;
  height: 100%;
}

.app-modal-window.products-popup .products-modal-container .storefront-custom-wrapper {
  margin-top: 15.625rem;
  height: calc(100% - 250px);
  height: -webkit-calc(100% - 250px);
  height: -moz-calc(100% - 250px);
}

.app-modal-window.products-popup .products-modal-container .invite-bannersf {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/prism-banner.jpg) center no-repeat;
  text-align: center;
  min-height: 15.625rem;
  background-size: 100% 100%;
}

.app-modal-window.products-popup .products-modal-container .search-container {
  width: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 9999;
  position: fixed;
}

.app-modal-window.products-popup .products-modal-container .search-container .title-wrapper {
  margin-top: 2rem;
  width: 100%;
}

.app-modal-window.products-popup .products-modal-container .search-container .go-back-container {
  position: absolute;
}

.app-modal-window.products-popup .products-modal-container .search-container .search-subcontainer {
  width: 100%;
}

.app-modal-window.products-popup .products-modal-container .search-container .header-container {
  display: inline-block;
  width: 100%;
}

.app-modal-window.products-popup .products-modal-container .search-container .header-container .header-symbol {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/nuskin-fountain-mark.svg) no-repeat center;
  height: 2.5rem;
  width: 2.5rem;
  object-fit: contain;
  margin: 1.31rem auto 0.3125rem auto;
}

.app-modal-window.products-popup .products-modal-container .search-container .back-container {
  display: inline-block;
  width: 5.93rem;
}

.app-modal-window.products-popup .products-modal-container .search-container .back-container .backimg {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-down-copy-10.svg) no-repeat center;
  display: inline-block;
  margin: 2rem 0 0 2.375rem;
  width: 1rem;
  height: 1rem;
  vertical-align: top;
}

.app-modal-window.products-popup .products-modal-container .search-container .back-container .back {
  display: inline-block;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: -0.1px;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-top: 2rem;
}

.app-modal-window.products-popup .products-modal-container .search-container .back-container .back-button-wrapper {
  margin: 0.4rem 0 0 2rem;
}

.app-modal-window.products-popup .products-modal-container .search-container .back-container .back-button-wrapper .go-back-image {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-down-copy-10.svg) no-repeat center center;
  width: 0.5625rem;
  height: 1rem;
}

.app-modal-window.products-popup .products-modal-container .search-container .back-container .back-button-wrapper .go-back-text {
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: -0.00625rem;
  color: #FFFFFF;
  margin: -0.125rem 0 0 0.75rem;
}

.app-modal-window.products-popup .products-modal-container .search-container .title {
  font-weight: 100;
  font-size: 1.375em;
  line-height: 1.5;
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.app-modal-window.products-popup .products-modal-container .search-container .search-form {
  width: 41.25rem;
  margin: 0 auto;
  position: relative;
}

.app-modal-window.products-popup .products-modal-container .search-container .search-form .search-icon {
  margin-top: 0.8rem;
  height: 1.25rem;
  width: 1.25rem;
  position: absolute;
  right: 1rem;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/search.svg) center no-repeat;
  background-size: contain;
  cursor: pointer;
  z-index: 10;
}

.app-modal-window.products-popup .products-modal-container .search-container .search-form ul.dropdown-menu {
  position: static;
  width: 100%;
  padding: 8px 0;
  border: 0;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.4);
}

.app-modal-window.products-popup .products-modal-container .search-container .search-form ul.dropdown-menu li.active {
  background-color: rgba(0, 0, 0, 0.1);
}

.app-modal-window.products-popup .products-modal-container .search-container .search-form ul.dropdown-menu a {
  padding: 3px 1rem;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #FFFFFF;
  font-weight: 300;
  background: transparent;
  text-align: left;
}

.app-modal-window.products-popup .products-modal-container .search-container .search-form ul.dropdown-menu a:hover {
  cursor: pointer;
}

.app-modal-window.products-popup .products-modal-container .search-container .clear-input {
  margin-top: 1rem;
  height: 13px;
  width: 13px;
  position: absolute;
  right: 1rem;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-close-small-white.svg) center no-repeat;
  cursor: pointer;
  z-index: 10;
}

.app-modal-window.products-popup .products-modal-container .search-container .search-box {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.4);
  width: 41.25rem;
  height: 2.81rem;
  border: 0;
  padding-left: 1rem;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 13px;
  outline: 0;
}

.app-modal-window.products-popup .products-modal-container .search-container .search-box::-webkit-input-placeholder {
  color: #FFFFFF;
}

.app-modal-window.products-popup .products-modal-container .search-container .search-box:-ms-input-placeholder {
  color: #FFFFFF;
}

.app-modal-window.products-popup .products-modal-container .search-container .search-box::-moz-placeholder {
  color: #FFFFFF;
}

.app-modal-window.products-popup .products-modal-container .search-container .typeahead,
.app-modal-window.products-popup .products-modal-container .search-container .tt-query {
  border: none;
  color: #FFFFFF;
  border-bottom: 1px solid #A7A7A7;
  background: transparent;
  font-size: 1rem;
  font-weight: 100;
  outline: none;
}

.app-modal-window.products-popup .products-modal-container .search-container .tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #2D2D2D;
}

.app-modal-window.products-popup .products-modal-container .search-container .tt-hint,
.app-modal-window.products-popup .products-modal-container .search-container .tt-input {
  color: #FFFFFF;
  padding: 1rem 0 13px 1rem;
}

.app-modal-window.products-popup .products-modal-container .search-container .tt-menu {
  position: relative !important;
  width: 100%;
  padding: 8px 0;
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 1;
}

.app-modal-window.products-popup .products-modal-container .search-container .tt-suggestion {
  padding: 3px 1rem;
  font-size: 13px;
  line-height: 1.5;
  color: #FFFFFF;
  font-weight: 300;
  background: transparent;
  text-align: left;
}

.app-modal-window.products-popup .products-modal-container .search-container .tt-suggestion:hover {
  cursor: pointer;
}

.app-modal-window.products-popup .products-modal-container .search-container .tt-suggestion p {
  margin: 0;
}

.app-modal-window.products-popup .products-modal-container .search-container .add-digit-container {
  width: 41.25rem;
  margin: 0 auto;
}

.app-modal-window.products-popup .products-modal-container .search-container .add-digit-text {
  font-weight: 100;
  font-size: 1.875rem;
  line-height: 1.1;
  color: #FFFFFF;
  display: inline-block;
  float: left;
  margin-top: 2rem;
}

.app-modal-window.products-popup .products-modal-container .search-container .add-display-text {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.7;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-top: 2.6875rem;
}

.app-modal-window.products-popup .products-modal-container .search-container .search-button {
  width: 7.5rem;
  height: 2.75rem;
  border-radius: 3px;
  border: solid 1px #FFFFFF;
  text-transform: uppercase;
  display: inline-block;
  background-color: transparent;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: 1px;
  text-align: center;
  float: right;
  margin: 1.5rem 0 1rem 0;
  padding-top: 13px;
}

.app-modal-window.products-popup .products-modal-container .storefront-custom-wrapper {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.app-modal-window.products-popup .products-modal-container .storefront-custom-wrapper .product-selection-wrapper .product-tile {
  border: 0;
}

.app-modal-window.products-popup .products-modal-container .storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item {
  border: 1px solid #DEE0E0;
  margin-bottom: 8px;
}

.app-modal-window.products-popup .products-modal-container .storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item .data-section .name-section {
  margin-bottom: 10px;
}

.app-modal-window.products-popup .products-modal-container .storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item .data-section .id-section {
  margin-bottom: 1.375rem;
}

.app-modal-window.products-popup .products-modal-container .storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item .data-section .third-section div {
  font-size: 0.8125rem;
}

.app-modal-window.products-popup .products-modal-container .storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item .add-text,
.app-modal-window.products-popup .products-modal-container .storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item .remove-text {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: 1px;
  color: #008AB0;
  text-transform: uppercase;
  text-align: right;
  margin-top: 0.1875rem;
}

.app-modal-window.products-popup .products-modal-container .storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item .remove-text {
  margin-left: -1.56rem;
}

.app-modal-window.products-popup .products-modal-container .storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .active-product {
  box-shadow: 0 0.5rem 0.625rem 0 rgba(126, 127, 127, 0.15);
  border: solid 0.0625rem #1CD8D2;
  background: #FFFFFF url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-checkmark-circle-green.svg) no-repeat 0.75rem 0.75rem;
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .app-modal-window.products-popup .products-modal-container .search-container .search-form,
  .app-modal-window.products-popup .products-modal-container .search-container .search-box,
  .app-modal-window.products-popup .products-modal-container .search-container .add-digit-container {
    width: 20.31rem;
  }

  .app-modal-window.products-popup .products-modal-container .search-container .title-wrapper {
    margin-top: 0;
  }

  .app-modal-window.products-popup .products-modal-container .search-container .back-container .backimg {
    margin: 2rem 0 0 1.375rem;
  }

  .app-modal-window.products-popup .products-modal-container .search-container .back-container .back-button-wrapper {
    margin: 2rem 0 0 1.4rem;
  }
}

@media screen and (max-width: 359px) {
  .app-modal-window.products-popup .products-modal-container .search-container .search-form,
  .app-modal-window.products-popup .products-modal-container .search-container .search-box,
  .app-modal-window.products-popup .products-modal-container .search-container .add-digit-container {
    width: 17.5rem;
  }

  .app-modal-window.products-popup .products-modal-container .search-container .title-wrapper {
    margin-top: 0;
  }

  .app-modal-window.products-popup .products-modal-container .search-container .back-container .backimg {
    margin: 2rem 0 0 1.375rem;
  }

  .app-modal-window.products-popup .products-modal-container .search-container .back-container .back-button-wrapper {
    margin: 2rem 0 0 1rem;
  }

  .storefront-custom-wrapper {
    padding: 1.25rem;
  }

  .storefront-custom-wrapper .product-selection-wrapper .product-tile .product-tile-product-list-wrapper .products-list-display-section .products-list-display-item {
    padding: 1.25rem;
  }

  .storefront-custom-wrapper .data-section {
    padding-left: 6px;
  }

  .storefront-custom-wrapper .btn {
    width: 17.5rem;
    margin: 2rem 0rem 0rem;
  }

  .cancel-section {
    padding-bottom: 1.25rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .app-modal-window.products-popup .products-modal-container .search-container .search-form,
  .app-modal-window.products-popup .products-modal-container .search-container .search-box,
  .app-modal-window.products-popup .products-modal-container .search-container .add-digit-container {
    width: 22.06rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .app-modal-window.products-popup .products-modal-container .search-container .search-form,
  .app-modal-window.products-popup .products-modal-container .search-container .search-box,
  .app-modal-window.products-popup .products-modal-container .search-container .add-digit-container {
    width: 29.68rem;
  }
}

/* ng-sortable css file */
.as-sortable-item, .as-sortable-placeholder {
  display: block
}

.as-sortable-item {
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none
}

.as-sortable-item-handle {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab
}

.as-sortable-drag {
  position: absolute;
  pointer-events: none;
  z-index: 9999
}

.as-sortable-hidden {
  display: none !important
}

.as-sortable-un-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.storefront-review-container {
  display: block;
  overflow: hidden;
  background-color: #F2F2F2;
}

.storefront-review-container .row {
  background-color: #FFFFFF;
}

.storefront-review-container .welcome-container {
  margin: 0 0 0.5rem 0;
  overflow: hidden;
  display: flex;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  min-height: 29rem;
}

.storefront-review-container .welcome-container > div {
  float: left;
  display: block;
  position: relative;
}

.storefront-review-container .welcome-container > div.banner-description {
  width: 52.77777%;
  padding: 3.4375rem 0 0 9.6875rem;
}

.storefront-review-container .welcome-container > div.banner-description h1 {
  width: 100%;
  padding-right: 25.3125rem;
  font-size: 1.875rem;
  font-weight: 100;
  letter-spacing: 0 0.125rem;
  color: #2D2D2D;
  margin-bottom: 0.3125rem;
}

.storefront-review-container .welcome-container > div.banner-description p {
  padding-right: 19.5625rem;
  font-size: 1rem;
  font-weight: 300;
  color: #444444;
}

.storefront-review-container .welcome-container > div.banner-description button.guided-experience {
  width: 16rem;
}

.storefront-review-container .review-submit-container {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin-top: 0.5rem;
}

.storefront-review-container .review-submit-container .btn {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 1px;
  text-align: center;
  margin: 2rem auto 1rem;
  display: block;
}

@media all and (min-width: 1440px) {
  .storefront-review-container .btn {
    width: 22rem;
  }
}

@media all and (min-width: 1024px) and (max-width: 1439px) {
  .storefront-review-container .welcome-container > div.banner-description {
    width: 57.61718%;
    padding: 3.75rem 0 0 6.9375rem;
  }

  .storefront-review-container .welcome-container > div.banner-description h1 {
    padding-right: 17.4375rem;
  }

  .storefront-review-container .welcome-container > div.banner-description p {
    padding-right: 11.25rem;
  }

  .storefront-review-container .btn {
    width: 22rem;
  }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  .storefront-review-container .welcome-container {
    min-height: 28rem;
  }

  .storefront-review-container .welcome-container > div.banner-description {
    width: 51.5625%;
    padding: 3.75rem 0 0 5.125rem;
  }

  .storefront-review-container .welcome-container > div.banner-description h1 {
    padding-right: 7.25rem;
  }

  .storefront-review-container .welcome-container > div.banner-description p {
    padding-right: 1.125rem;
  }

  .storefront-review-container .btn {
    width: 22rem;
  }
}

@media all and (min-width: 360px) and (max-width: 767px) {
  .storefront-review-container .review-submit-container {
    padding: 1.6875rem 1.5625rem 1.9375rem 1.5625rem;
  }

  .storefront-review-container .review-submit-container .btn {
    width: 20.3125rem;
  }

  .storefront-review-container .welcome-container {
    min-height: 23.5rem;
  }

  .storefront-review-container .welcome-container > div.banner-description {
    width: 61.6%;
    padding: 1.5rem 0 0 1.5625rem;
  }

  .storefront-review-container .welcome-container > div.banner-description h1 {
    padding-right: 0.9375rem;
  }

  .storefront-review-container .welcome-container > div.banner-description p {
    padding-right: 0rem;
  }
}

@media all and (max-width: 359px) {
  .storefront-review-container .review-submit-container {
    padding: 1.6875rem 1.5625rem 1.9375rem 1.5625rem;
  }

  .storefront-review-container .review-submit-container .btn {
    width: 17.5rem;
  }

  .storefront-review-container .welcome-container {
    min-height: 23.5rem;
  }

  .storefront-review-container .welcome-container > div.banner-description {
    width: 71.6%;
    padding: 1.5rem 0 0 1.5625rem;
  }

  .storefront-review-container .welcome-container > div.banner-description h1 {
    padding-right: 0.9375rem;
  }

  .storefront-review-container .welcome-container > div.banner-description p {
    padding-right: 0rem;
  }
}

.storefront-editable-review-container {
  display: block;
  overflow: hidden;
  background-color: #F2F2F2;
}

.storefront-editable-review-container .row {
  background-color: #FFFFFF;
  width: 100%;
  margin: auto;
}

.storefront-editable-review-container .row:nth-child(2n) {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.storefront-editable-review-container .row .card-content {
  width: 41.5625rem;
  float: none;
  margin: 0em auto;
}

.storefront-editable-review-container .row .icn-edit {
  width: 0.9375rem;
  height: 1.875rem;
  display: inline-block;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/stroke-sm.png) no-repeat center 0;
  background-size: 100%;
  background-position: 50%;
  cursor: pointer;
}

.storefront-editable-review-container .row h2 {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.5;
  color: #444444;
}

.storefront-editable-review-container .row .bullet {
  width: 1.875rem;
  height: 1.875rem;
  background-color: #A7A7A7;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  color: #FFFFFF;
  font-family: "proxima-nova-extra-condensed", Helvetica, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1.5;
}

.storefront-editable-review-container .review-web-address-container .card-content {
  overflow: hidden;
  padding-top: 1.5625rem;
  padding-bottom: 2.0625rem;
}

.storefront-editable-review-container .review-web-address-container .card-content div,
.storefront-editable-review-container .review-web-address-container .card-content p {
  width: 100%;
  float: left;
}

.storefront-editable-review-container .review-web-address-container .card-content div h2 {
  float: left;
  margin-bottom: 1.5rem;
}

.storefront-editable-review-container .review-web-address-container .card-content a {
  color: #008AB0;
}

.storefront-editable-review-container .review-web-address-container .card-content a:hover {
  color: #008AB0;
}

.storefront-editable-review-container .review-web-address-container .card-content .topseller-toggle-container {
  padding-bottom: 1.8rem;
  border-bottom: 0.0625rem solid #DBDBDB;
}

.storefront-editable-review-container .review-web-address-container .card-content .topseller-icon-container {
  height: 9.25rem;
  width: 100%;
  position: relative;
}

.storefront-editable-review-container .review-web-address-container .card-content .topseller-icon-container .topseller-icon {
  width: 5rem;
  height: 5rem;
  background-color: #A7A7A7;
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/my-store.svg);
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: top 1.5rem right 1.4rem;
  float: none;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  border-radius: 50%;
}

.storefront-editable-review-container .review-web-address-container .card-content .topseller-footer {
  width: 19.0625rem;
  margin: 0 auto;
  float: none;
}

.storefront-editable-review-container .topseller-font-styles {
  font-size: 0.8125rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.08;
  color: #444444;
}

.storefront-editable-review-container .review-language-container .card-content,
.storefront-editable-review-container .review-intro-message-container .card-content,
.storefront-editable-review-container .review-featured-products-container .card-content,
.storefront-editable-review-container .review-bundles-container .card-content,
.storefront-editable-review-container .review-contact-info-container .card-content {
  overflow: hidden;
}

.storefront-editable-review-container .review-language-container .card-content > span,
.storefront-editable-review-container .review-intro-message-container .card-content > span,
.storefront-editable-review-container .review-featured-products-container .card-content > span,
.storefront-editable-review-container .review-bundles-container .card-content > span,
.storefront-editable-review-container .review-contact-info-container .card-content > span {
  float: left;
}

.storefront-editable-review-container .review-language-container .card-content > h2,
.storefront-editable-review-container .review-intro-message-container .card-content > h2,
.storefront-editable-review-container .review-featured-products-container .card-content > h2,
.storefront-editable-review-container .review-bundles-container .card-content > h2,
.storefront-editable-review-container .review-contact-info-container .card-content > h2 {
  float: left;
  padding-left: 1.25rem;
}

.storefront-editable-review-container .review-language-container .execute-inline-step-3 .storefront-custom-wrapper,
.storefront-editable-review-container .review-intro-message-container .execute-inline-step-3 .storefront-custom-wrapper,
.storefront-editable-review-container .review-featured-products-container .execute-inline-step-3 .storefront-custom-wrapper,
.storefront-editable-review-container .review-bundles-container .execute-inline-step-3 .storefront-custom-wrapper,
.storefront-editable-review-container .review-contact-info-container .execute-inline-step-3 .storefront-custom-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.storefront-editable-review-container .review-language-container .card-content {
  padding-top: 1.875rem;
  padding-bottom: 1.75rem;
}

.storefront-editable-review-container .review-language-container h2 {
  margin-bottom: 0;
}

.storefront-editable-review-container .review-language-container .location-section .country-section,
.storefront-editable-review-container .review-language-container .location-section .language-section {
  margin-bottom: 1.5rem;
}

.storefront-editable-review-container .review-language-container .location-section .location-section-header {
  font-weight: 600;
  line-height: 1.63;
  margin-bottom: 6px;
}

.storefront-editable-review-container .review-language-container .location-section .location-section-content {
  font-weight: 300;
  line-height: 1.5;
  color: #444545;
}

.storefront-editable-review-container .review-web-address-container .storefront-webaddress {
  padding: 0 0 2rem;
}

.storefront-editable-review-container .review-web-address-container form {
  margin: 0 auto;
  overflow: auto;
  width: 29.5rem;
}

.storefront-editable-review-container .review-web-address-container form .form-group {
  margin: 0;
}

.storefront-editable-review-container .review-web-address-container form .form-group input {
  float: left;
  font-size: 1rem;
  line-height: 1.5;
  padding: 0.625em 1em;
  margin: 0;
  width: 21.25em;
}

.storefront-editable-review-container .review-web-address-container form .form-group .web-url {
  background: #F7F7F7;
  margin-bottom: 0;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5;
  padding-left: 0;
  padding-right: 0;
}

.storefront-editable-review-container .review-web-address-container form .availability-msg {
  margin: 1.5rem auto 0;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.38;
  text-align: center;
}

.storefront-editable-review-container .review-web-address-container form .availability-msg.success {
  color: #444444;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-checkmark-aqua-bg.svg) no-repeat;
  background-size: contain;
  background-position: left center;
  padding-left: 1.5rem;
  display: table;
}

.storefront-editable-review-container .review-web-address-container form .availability-msg.error {
  width: 15.5rem;
  color: #D0021B;
  letter-spacing: -0.1px;
}

.storefront-editable-review-container .review-web-address-container form .btn {
  margin: 2rem auto 2px;
}

.storefront-editable-review-container .review-intro-message-container .card-content {
  padding-top: 1.875rem;
  padding-bottom: 0.625rem;
}

.storefront-editable-review-container .review-intro-message-container .read-only-step-1 {
  background-color: #008AB0;
  width: 100%;
  overflow: hidden;
  margin-top: 2px;
}

.storefront-editable-review-container .review-intro-message-container .read-only-step-1 > .distributor-image {
  width: 18.95833%;
  float: left;
  position: relative;
  display: block;
  padding-right: 0.8125rem;
  padding-top: 2.875rem;
  padding-bottom: 2.625rem;
}

.storefront-editable-review-container .review-intro-message-container .read-only-step-1 > .distributor-image > div {
  width: 5rem;
  height: 5rem;
  float: right;
  clear: both;
}

.storefront-editable-review-container .review-intro-message-container .read-only-step-1 > .distributor-image > div img {
  max-width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
}

.storefront-editable-review-container .review-intro-message-container .read-only-step-1 > .distributor-image + div {
  width: 81.04167%;
  overflow: hidden;
  float: left;
  position: relative;
  display: block;
}

.storefront-editable-review-container .review-intro-message-container .read-only-step-1 .distributor-name {
  float: left;
  width: 40%;
  display: block;
  position: relative;
  padding: 2.875rem 0.75rem 2.625rem 0.75rem;
}

.storefront-editable-review-container .review-intro-message-container .read-only-step-1 .distributor-name h1 {
  padding-top: 0.3125rem;
  text-transform: none;
  font-size: 1.75rem;
  font-weight: 100;
  line-height: 1.2;
  color: #FFFFFF;
}

.storefront-editable-review-container .review-intro-message-container .read-only-step-1 .distributor-description {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.4;
  color: #FFFFFF;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-right: 17.125rem;
  float: left;
  width: 60%;
  display: block;
  position: relative;
}

.storefront-editable-review-container .review-intro-message-container .execute-inline.execute-inline-step-1 {
  background-color: transparent;
}

.storefront-editable-review-container .review-featured-products-container .card-content {
  padding-top: 1.875rem;
  padding-bottom: 0.625rem;
}

.storefront-editable-review-container .review-featured-products-container .carousel-container > .carousel {
  margin: 0 auto 1.7rem;
}

.storefront-editable-review-container .review-featured-products-container .carousel-container .slick-next {
  right: 0rem;
}

.storefront-editable-review-container .review-featured-products-container .carousel-container .slick-prev {
  left: 0;
}

.storefront-editable-review-container .review-featured-products-container .carousel-container .carousel-boxes:focus,
.storefront-editable-review-container .review-featured-products-container .carousel-container .carousel-boxes:active:focus,
.storefront-editable-review-container .review-featured-products-container .carousel-container .carousel-boxes:active {
  outline: none;
}

.storefront-editable-review-container .review-featured-products-container .carousel-container .carousel-box {
  float: none;
  margin: 0 auto;
  width: 13.75rem;
  position: relative;
}

.storefront-editable-review-container .review-featured-products-container .carousel-container .carousel-box > div {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

.storefront-editable-review-container .review-featured-products-container .carousel-container .review-carousel-image {
  margin-bottom: 1em;
  position: relative;
  height: 8.875rem;
  width: auto;
}

.storefront-editable-review-container .review-featured-products-container .carousel-container .review-carousel-image img {
  max-width: 100%;
  max-height: 100%;
}

.storefront-editable-review-container .review-featured-products-container .carousel-container .no-image-available {
  height: 8.875rem;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #A7A7A7;
  color: #FFFFFF;
}

.storefront-editable-review-container .review-featured-products-container .carousel-container .blue-bullet {
  display: inline-block;
  width: 3.125rem;
  height: 3.125rem;
  position: absolute;
  top: 6rem;
  right: 0;
  background-color: #008AB0;
  border-radius: 50%;
  text-align: center;
  color: #FFFFFF;
  opacity: 0.5;
  font-family: "proxima-nova-extra-condensed", Helvetica, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.4;
  padding-top: 0.3125rem;
}

.storefront-editable-review-container .review-featured-products-container .carousel-container .product-name {
  text-align: left;
  margin-bottom: 0.625rem;
}

.storefront-editable-review-container .review-featured-products-container .carousel-container .product-name + div {
  text-align: left;
}

.storefront-editable-review-container .review-featured-products-container .carousel-container .amount {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.6;
  color: #444444;
  padding-right: 0.3125rem;
}

.storefront-editable-review-container .review-featured-products-container .carousel-container .psv,
.storefront-editable-review-container .review-featured-products-container .carousel-container .psv-amount {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.6;
  color: #727272;
  padding-left: 0.3125rem;
  border-left: 0.0625rem solid #727272;
}

.storefront-editable-review-container .review-featured-products-container .carousel-container .psv-amount {
  border: none;
}

.storefront-editable-review-container .review-bundles-container .card-content {
  padding-top: 1.875rem;
  padding-bottom: 1.75rem;
}

.storefront-editable-review-container .review-bundles-container .card-content + div,
.storefront-editable-review-container .review-bundles-container .card-content + div + div {
  width: 41.5625rem;
  float: none;
  margin: 0rem auto;
  overflow: hidden;
}

.storefront-editable-review-container .review-bundles-container .bundles-container > p {
  padding-bottom: 2rem;
  padding-right: 16.25rem;
  font-size: 1rem;
  font-weight: 100;
  line-height: 1.5;
  color: #444444;
}

.storefront-editable-review-container .review-bundles-container .bundle-items {
  border-top: solid 0.0625rem #E2E2E2;
  display: block;
  position: relative;
  padding: 1.6875rem 2.1875rem 2rem 2.1875rem;
  width: 100%;
  overflow: hidden;
}

.storefront-editable-review-container .review-bundles-container .bundle-price-container {
  padding-top: 1.75rem;
  padding-bottom: 1.875rem;
  width: 41.5625rem;
  margin: 0rem auto;
  border-top: solid 0.0625rem #E2E2E2;
}

.storefront-editable-review-container .review-bundles-container .bundle-price-container strong {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 2;
  color: #444444;
}

.storefront-editable-review-container .review-bundles-container .bundle-price-container span {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.2;
  color: #444444;
}

.storefront-editable-review-container .review-contact-info-container .card-content {
  padding-top: 1.875rem;
  padding-bottom: 1.75rem;
}

.storefront-editable-review-container .review-contact-info-container h2 {
  margin-bottom: 0.5rem;
}

.storefront-editable-review-container .review-contact-info-container .review-profile-pic-section {
  padding-bottom: 1.5rem;
  display: table;
}

.storefront-editable-review-container .review-contact-info-container .review-profile-pic-section .profile-section img {
  max-height: 4.6875rem;
  max-width: 4.6875rem;
  border-radius: 50%;
}

.storefront-editable-review-container .review-contact-info-container .review-profile-pic-section .profile-desc {
  display: table-cell;
  vertical-align: middle;
  padding-left: 1.625rem;
  width: 100%;
}

.storefront-editable-review-container .review-contact-info-container .review-profile-pic-section .profile-desc div {
  opacity: 0.6;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  color: #444444;
}

@media all and (min-width: 1024px) and (max-width: 1439px) {
  .storefront-editable-review-container .row .card-content {
    width: 29.6875rem;
  }

  .storefront-editable-review-container .review-language-container .location-section {
    width: 29.6875rem;
    margin: auto;
  }

  .storefront-editable-review-container .review-web-address-container form {
    width: 29.5rem;
  }

  .storefront-editable-review-container .review-web-address-container form input {
    width: 21.25em;
  }

  .storefront-editable-review-container .welcome-container > div.banner-description {
    width: 57.61718%;
    padding: 3.75rem 0 0 6.9375rem;
  }

  .storefront-editable-review-container .welcome-container > div.banner-description h1 {
    padding-right: 17.4375rem;
  }

  .storefront-editable-review-container .welcome-container > div.banner-description p {
    padding-right: 11.25rem;
  }

  .storefront-editable-review-container .welcome-container > div.banner-img-container {
    width: 42.38282%;
  }

  .storefront-editable-review-container .welcome-container > div.banner-img-container img {
    max-width: initial;
    overflow: hidden;
  }

  .storefront-editable-review-container .review-intro-message-container .card-content h2 {
    width: 18.25rem;
    margin-bottom: 0.5rem;
  }

  .storefront-editable-review-container .review-intro-message-container .read-only-step-1 > .distributor-image {
    width: 36.6%;
  }

  .storefront-editable-review-container .review-intro-message-container .read-only-step-1 > .distributor-image + div {
    width: 63.4%;
  }

  .storefront-editable-review-container .review-intro-message-container .read-only-step-1 .distributor-name {
    width: 100%;
    clear: both;
    padding-bottom: 0;
    padding-top: 0.75rem;
  }

  .storefront-editable-review-container .review-intro-message-container .read-only-step-1 .distributor-name h1 {
    font-size: 1.5rem;
    margin-bottom: 0.3125rem;
  }

  .storefront-editable-review-container .review-intro-message-container .read-only-step-1 .distributor-description {
    width: 100%;
    clear: both;
    padding-top: 0;
    padding-left: 0.75rem;
    padding-right: 17.5625rem;
    padding-bottom: 2.1875rem;
  }

  .storefront-editable-review-container .review-featured-products-container .carousel-container .product-name {
    margin-bottom: 0rem;
  }

  .storefront-editable-review-container .review-bundles-container .card-content + div,
  .storefront-editable-review-container .review-bundles-container .card-content + div + div {
    width: 29.6875rem;
  }

  .storefront-editable-review-container .review-bundles-container .bundles-container > p {
    padding-right: 4.375rem;
  }

  .storefront-editable-review-container .review-bundles-container .bundle-items {
    padding: 1.6875rem 1.1875rem 2rem 1.1875rem;
  }

  .storefront-editable-review-container .review-bundles-container .bundle-price-container {
    width: 29.6875rem;
    padding-top: 1.4375rem;
  }

  .storefront-editable-review-container .review-contact-info-container .review-profile-pic-section {
    width: 29.6875rem;
    margin: auto;
  }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  .storefront-editable-review-container {
    background-color: #F2F2F2;
  }

  .storefront-editable-review-container .row .card-content {
    width: 29.6875rem;
  }

  .storefront-editable-review-container .review-language-container .location-section {
    width: 29.6875rem;
    margin: auto;
  }

  .storefront-editable-review-container .review-web-address-container form {
    width: 22rem;
  }

  .storefront-editable-review-container .review-web-address-container form .form-group input {
    width: 15em;
  }

  .storefront-editable-review-container .welcome-container > div.banner-description {
    width: 51.5625%;
    padding: 3.75rem 0 0 5.125rem;
  }

  .storefront-editable-review-container .welcome-container > div.banner-description h1 {
    padding-right: 7.25rem;
  }

  .storefront-editable-review-container .welcome-container > div.banner-description p {
    padding-right: 1.125rem;
  }

  .storefront-editable-review-container .welcome-container > div.banner-img-container {
    width: 48.4375%;
  }

  .storefront-editable-review-container .welcome-container > div.banner-img-container img {
    max-width: initial;
    overflow: hidden;
  }

  .storefront-editable-review-container .review-intro-message-container .card-content h2 {
    width: 18.25rem;
    margin-bottom: 0.5rem;
  }

  .storefront-editable-review-container .review-intro-message-container .read-only-step-1 > .distributor-image {
    width: 32%;
  }

  .storefront-editable-review-container .review-intro-message-container .read-only-step-1 > .distributor-image + div {
    width: 68%;
  }

  .storefront-editable-review-container .review-intro-message-container .read-only-step-1 .distributor-name {
    width: 100%;
    clear: both;
    padding-bottom: 0;
    padding-top: 0.75rem;
  }

  .storefront-editable-review-container .review-intro-message-container .read-only-step-1 .distributor-name h1 {
    font-size: 1.5rem;
    margin-bottom: 0.3125rem;
  }

  .storefront-editable-review-container .review-intro-message-container .read-only-step-1 .distributor-description {
    width: 100%;
    clear: both;
    padding-top: 0;
    padding-left: 0.75rem;
    padding-right: 9.5625rem;
    padding-bottom: 2.1875rem;
  }

  .storefront-editable-review-container .review-featured-products-container .carousel-container .product-name {
    margin-bottom: 0rem;
  }

  .storefront-editable-review-container .review-bundles-container .card-content {
    padding-bottom: 1.4375rem;
  }

  .storefront-editable-review-container .review-bundles-container .card-content + div,
  .storefront-editable-review-container .review-bundles-container .card-content + div + div {
    width: 29.6875rem;
  }

  .storefront-editable-review-container .review-bundles-container .bundles-container > p {
    padding-right: 4.375rem;
    padding-bottom: 1.8125rem;
  }

  .storefront-editable-review-container .review-bundles-container .bundle-items {
    padding: 1.6875rem 1.1875rem 2rem 1.1875rem;
  }

  .storefront-editable-review-container .review-bundles-container .bundle-price-container {
    width: 29.6875rem;
    padding-top: 1.4375rem;
  }

  .storefront-editable-review-container .review-contact-info-container .review-profile-pic-section {
    width: 29.6875rem;
    margin: auto;
  }
}

@media all and (min-width: 320px) and (max-width: 767px) {
  .storefront-editable-review-container {
    background-color: #F2F2F2;
  }

  .storefront-editable-review-container .row .card-content {
    width: 22.4375rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .storefront-editable-review-container .review-language-container .location-section {
    width: 23.4375rem;
    margin: auto;
    padding: 0 1.5rem;
  }

  .storefront-editable-review-container .review-web-address-container form {
    width: 20.3125rem;
  }

  .storefront-editable-review-container .review-web-address-container form .form-group input {
    width: 13.3125em;
  }

  .storefront-editable-review-container .welcome-container > div.banner-description {
    width: 61.6%;
    padding: 1.5rem 0 0 1.5625rem;
  }

  .storefront-editable-review-container .welcome-container > div.banner-description h1 {
    padding-right: 0.9375rem;
  }

  .storefront-editable-review-container .welcome-container > div.banner-description p {
    padding-right: 0rem;
  }

  .storefront-editable-review-container .welcome-container > div.banner-img-container {
    width: 38.4%;
    height: 20rem;
  }

  .storefront-editable-review-container .welcome-container > div.banner-img-container img {
    max-width: initial;
  }

  .storefront-editable-review-container .review-intro-message-container .card-content h2 {
    width: 14.5625rem;
    margin-bottom: 0.5rem;
  }

  .storefront-editable-review-container .review-intro-message-container .read-only-step-1 > .distributor-image {
    width: 100%;
    overflow: hidden;
    padding-top: 1.75rem;
    padding-bottom: 0rem;
    padding-right: 0rem;
  }

  .storefront-editable-review-container .review-intro-message-container .read-only-step-1 > .distributor-image > div {
    height: 5rem;
    float: none;
    width: 5rem;
    margin: 0 auto;
  }

  .storefront-editable-review-container .review-intro-message-container .read-only-step-1 > .distributor-image + div {
    width: 100%;
  }

  .storefront-editable-review-container .review-intro-message-container .read-only-step-1 .distributor-name {
    width: 100%;
    clear: both;
    padding-bottom: 0;
    padding-top: 0.75rem;
  }

  .storefront-editable-review-container .review-intro-message-container .read-only-step-1 .distributor-name h1 {
    font-size: 1.5rem;
    margin-bottom: 0.3125rem;
    text-align: center;
  }

  .storefront-editable-review-container .review-intro-message-container .read-only-step-1 .distributor-description {
    width: 100%;
    clear: both;
    text-align: center;
    padding-top: 0;
    padding-right: 2.4375rem;
    padding-left: 1.875rem;
    padding-bottom: 2.1875rem;
  }

  .storefront-editable-review-container .review-featured-products-container .carousel-container .product-name {
    margin-bottom: 0rem;
  }

  .storefront-editable-review-container .review-featured-products-container .card-content h2 {
    width: 14.5625rem;
    margin-bottom: 0.5rem;
  }

  .storefront-editable-review-container .review-bundles-container .card-content {
    padding-bottom: 0.9375rem;
  }

  .storefront-editable-review-container .review-bundles-container .card-content h2 {
    width: 14.5625rem;
  }

  .storefront-editable-review-container .review-bundles-container .card-content + div,
  .storefront-editable-review-container .review-bundles-container .card-content + div + div {
    width: 23.4375rem;
  }

  .storefront-editable-review-container .review-bundles-container .bundles-container hr {
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
    position: relative;
  }

  .storefront-editable-review-container .review-bundles-container .bundles-container > p {
    padding-right: 3.5625rem;
    padding-bottom: 1.8125rem;
    padding-left: 1.78rem;
  }

  .storefront-editable-review-container .review-bundles-container .bundle-items {
    padding: 1.6875rem 1.1875rem 2rem 1.1875rem;
  }

  .storefront-editable-review-container .review-bundles-container .bundle-price-container {
    width: 23.4375rem;
    padding: 1.4375rem 3rem 1.4375rem 1.5625rem;
  }

  .storefront-editable-review-container .review-contact-info-container .review-profile-pic-section {
    width: 23.4375rem;
    margin: auto;
    padding: 0 1.5rem 1.5rem;
  }
}

@media all and (max-width: 359px) {
  .storefront-editable-review-container .row .card-content {
    width: 17.5rem;
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .storefront-editable-review-container .review-bundles-container .card-content + div,
  .storefront-editable-review-container .review-bundles-container .card-content + div + div {
    width: 17.5rem;
  }

  .storefront-editable-review-container .review-bundles-container .bundle-price-container {
    width: 20rem;
    padding: 1.25rem 2rem 1.4375rem 1.25rem;
  }

  .storefront-editable-review-container .review-bundles-container .bundles-container > p {
    padding-right: 3rem;
    padding-bottom: 1.8125rem;
    padding-left: 1rem;
  }

  .storefront-editable-review-container .review-language-container .location-section {
    width: 17.5rem;
    margin: auto;
    padding: 0;
  }
}

@media all and (min-width: 1440px) {
  .storefront-editable-review-container .slick-slider.carousel .slick-slide {
    padding: 0 1.25em;
  }

  .storefront-editable-review-container .review-language-container .location-section {
    width: 41.5625rem;
    margin: auto;
  }

  .storefront-editable-review-container .review-contact-info-container .review-profile-pic-section {
    width: 41.5625rem;
    margin: auto;
  }
}

.msf-bundle-container {
  background-color: #F7F7F7;
}

.msf-bundle-container .msf-bundle-content {
  padding: 4.5rem 0;
}

.msf-bundle-container .header-text {
  font-size: 1.375rem;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.18;
  letter-spacing: 0.4px;
  text-align: center;
  color: #444444;
}

.msf-bundle-container .teal-line {
  height: 3px;
  background-color: #1CD8D2;
  margin: 0 auto;
  width: 4.063rem;
}

.msf-bundle-container .header-description {
  padding: 0.9375rem 0 1.813rem 0;
  text-align: center;
}

.msf-bundle-container .description {
  margin: 0;
}

.msf-bundle-container .product-bundle-wrapper {
  display: inline-block;
  position: relative;
  left: 50%;
  margin: 0 auto;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.msf-bundle-container .out-of-stock-indicator {
  margin: 0 auto;
  display: table;
  padding: 1.5rem;
  background-image: linear-gradient(160deg, #ffd700, #f9b248 45%, #f87320 94%, #f76b1c);
  width: 100%;
}

.msf-bundle-container .out-of-stock-indicator .out-of-stock-header {
  display: table-cell;
  vertical-align: middle;
}

.msf-bundle-container .out-of-stock-indicator .out-of-stock-header .shopping-bag-logo {
  width: 2.25rem;
  height: 2.25rem;
  float: left;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text {
  margin-left: 3.125rem;
  float: left;
  color: #7d740c;
}

.msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text h3 {
  font-weight: 600;
  line-height: 1.1;
  color: #7d740c;
}

.msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text p {
  font-weight: 400;
  color: #7d740c;
}

.msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text p span {
  text-decoration: line-through;
  font-size: 1.125rem;
  font-weight: 100;
  margin-left: 0.5rem;
}

.msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text .stock-subheading {
  font-weight: 300;
}

.msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text .two-tile {
  max-width: 21.88rem;
}

.msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text .three-tile {
  max-width: 35.63rem;
}

.msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text .four-tile {
  max-width: 49.5rem;
}

.msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text .five-tile {
  max-width: 63.75rem;
}

@media (min-width: 360px) and (max-width: 767px) {
  .msf-bundle-container .msf-bundle-content {
    padding-top: 3.125rem;
  }

  .msf-bundle-container .header-description {
    padding: 0.9375rem 1.625rem 2.438rem 1.5rem;
  }

  .msf-bundle-container .description {
    display: inline;
  }

  .msf-bundle-container .stock-subheading {
    font-weight: 300;
  }

  .msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text .two-tile,
  .msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text .three-tile,
  .msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text .four-tile,
  .msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text .five-tile {
    max-width: 14.375rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .msf-bundle-container .msf-bundle-content {
    padding: 4.5rem 0 3.5rem 0;
  }

  .msf-bundle-container .header-description {
    padding: 0.9375rem 0 2.438rem 0;
  }

  .msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text .two-tile {
    max-width: 17.250rem;
  }

  .msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text .three-tile,
  .msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text .four-tile,
  .msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text .five-tile {
    max-width: 29.375rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text .two-tile {
    max-width: 17.625rem;
  }

  .msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text .three-tile {
    max-width: 29.375rem;
  }

  .msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text .four-tile {
    max-width: 41rem;
  }

  .msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text .five-tile {
    max-width: 53rem;
  }
}

@media screen and (min-width: 1440px) {
  .msf-bundle-container .msf-bundle-content {
    padding: 4.5rem 0;
  }

  .msf-bundle-container .header-description {
    padding: 0.9375rem 0 3.188rem 0;
  }
}

@media screen and (max-width: 359px) {
  .msf-bundle-container .header-text {
    margin: 0 1.250rem 0.75rem 1.250rem;
  }

  .msf-bundle-container .header-description {
    margin: 0 1.250rem;
  }

  .msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text .two-tile,
  .msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text .three-tile,
  .msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text .four-tile,
  .msf-bundle-container .out-of-stock-indicator .out-of-stock-header .heading-text .five-tile {
    max-width: 11.4rem;
  }
}

.msf-intro-container {
  overflow: auto;
}

.msf-intro-container h1 {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.55;
  letter-spacing: 0.3px;
  text-align: center;
  color: #444444;
  margin-bottom: 0.5em;
}

.msf-intro-container p {
  width: 19.6875em;
  line-height: 1.38;
  color: #7E7F80;
  margin: 0 auto 2em;
  text-align: center;
}

.msf-intro-container textarea {
  resize: none;
  background-color: #FFFFFF;
  border: solid 1px #DEE0E0;
  border-radius: 2px;
  height: 11.5em;
  width: 100%;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.31;
  color: #7E7F80;
}

.msf-intro-container .btn {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 1px;
  text-align: center;
  margin: 2rem auto 1rem;
  display: block;
}

.msf-intro-container .mfs-skip-btn {
  margin: 0 auto 2.5em;
  font-size: 1rem;
  font-weight: 300;
  text-align: center;
  color: #008AB0;
  cursor: pointer;
  line-height: 1.06;
  letter-spacing: 1.2px;
}

.msf-intro-container .left {
  text-align: left;
}

@media all and (min-width: 360px) and (max-width: 767px) {
  .msf-intro-container {
    width: 20.3125em;
    margin: 1.5em auto;
  }

  .msf-intro-container textarea {
    padding: 1em;
  }

  .msf-intro-container .btn,
  .msf-intro-container .mfs-skip-btn {
    width: 20.3125rem;
  }
}

@media all and (max-width: 359px) {
  .msf-intro-container {
    width: 17.5rem;
    margin: 1.25em auto;
  }

  .msf-intro-container textarea {
    padding: 1em;
  }

  .msf-intro-container p {
    width: 17.5rem;
  }

  .msf-intro-container .btn,
  .msf-intro-container .mfs-skip-btn {
    width: 17.5rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1439px) {
  .msf-intro-container {
    width: 29.6875em;
    margin: 2em auto;
  }

  .msf-intro-container textarea {
    padding: 1em 1.5em;
  }

  .msf-intro-container .btn,
  .msf-intro-container .mfs-skip-btn {
    width: 22rem;
  }
}

@media screen and (min-width: 1440px) {
  .msf-intro-container {
    width: 41.25em;
    margin: 2em auto;
  }

  .msf-intro-container textarea {
    padding: 1.5em 2.5em;
  }

  .msf-intro-container .btn,
  .msf-intro-container .mfs-skip-btn {
    width: 22rem;
  }
}

.msf-contact-info-container {
  overflow: auto;
}

.msf-contact-info-container h1 {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.55;
  letter-spacing: 0.3px;
  text-align: center;
  color: #444444;
  margin-bottom: 0.5em;
}

.msf-contact-info-container .contact-info-header {
  width: 19.6875em;
  line-height: 1.5;
  color: #7E7F80;
  margin: 0 auto 2em;
  text-align: center;
}

.msf-contact-info-container .profile-pic-header {
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.85;
  color: #444444;
  text-align: center;
}

.msf-contact-info-container .profile-pic-section {
  padding-top: 0;
  margin-bottom: 2.5rem;
}

.msf-contact-info-container .profile-pic-section .action-buttons {
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0;
  height: 1.125rem;
}

.msf-contact-info-container .profile-pic-section .action-buttons p {
  margin-left: 0.75rem;
}

.msf-contact-info-container .profile-pic-section .remove-button {
  margin-top: 1.75rem;
}

.msf-contact-info-container .profile-pic-section .profile-section {
  margin-left: 1rem;
}

.msf-contact-info-container .profile-pic-section .profile-section img,
.msf-contact-info-container .profile-pic-section .profile-section div {
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
}

.msf-contact-info-container .profile-pic-section .profile-section .no-profile-pic {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-profile-copy-2.png) no-repeat;
  background-size: contain;
}

.msf-contact-info-container .profile-pic-section .action-section {
  padding-top: 0.5rem;
  margin-right: 1rem;
}

.msf-contact-info-container .profile-pic-section .action-section p {
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 1px;
  color: #008AB0;
}

.msf-contact-info-container .profile-pic-section .action-section .upload-photo-section {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-upload-copy.svg) no-repeat left center;
  background-size: contain;
}

.msf-contact-info-container .profile-pic-section .action-section .remove-photo-section {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/x-icon.png) no-repeat 0.3125rem 0.125rem;
}

.msf-contact-info-container .profile-pic-section .action-section .no-profile-photo-uploaded {
  opacity: 0.25;
}

.msf-contact-info-container .profile-pic-section .action-section .upload-photo-section,
.msf-contact-info-container .profile-pic-section .action-section .remove-photo-section {
  padding: 0 0 0 1.8rem;
}

.msf-contact-info-container .error-section {
  padding: 0.625rem 1.125rem 0;
  background: #D0021B url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-info.png) no-repeat 1.125rem 0.625rem;
  font-weight: 300;
  line-height: 1.31;
  letter-spacing: -0.0625rem;
  color: #FFFFFF;
}

.msf-contact-info-container .error-section p {
  padding: 0 0 0.5rem 2.25rem;
}

.msf-contact-info-container .contact-info-form label {
  line-height: 1.57;
  letter-spacing: -0.1px;
  color: #2D2D2D;
}

.msf-contact-info-container .contact-info-form .error {
  margin-top: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.38;
  color: #D0021B;
  letter-spacing: -0.1px;
}

.msf-contact-info-container .btn {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 1px;
  text-align: center;
  margin: 2rem auto 1rem;
  display: block;
}

.msf-contact-info-container .left {
  text-align: left;
}

.sf-remove-photo .modal-dialog {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 20rem;
  height: 17rem;
}

.sf-remove-photo-modal {
  display: inline-block;
  height: 100%;
  width: 100%;
  z-index: 100;
}

.sf-remove-photo-modal h3 {
  text-transform: none;
}

.sf-modal-crop-photo .modal-body > div {
  display: table;
  margin: 0 auto;
}

.sf-modal-crop-photo .modal-body > div > div {
  display: table-row;
  text-align: center;
}

.sf-modal-crop-photo .modal-body > div > div button {
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0;
  color: #008AB0;
  display: table-cell;
  margin-top: 1.25rem;
}

.sf-modal-crop-photo .modal-body > div > div button:first-child {
  margin-right: 5.625rem;
}

.sf-modal-crop-photo .modal-body > div > div button:first-child i {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icn-right.png) no-repeat center center;
  background-size: 100%;
}

.sf-modal-crop-photo .modal-body > div > div button i {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icn-left.png) no-repeat center center;
  display: inline-block;
  background-size: 100%;
  height: 1.5rem;
  width: 1.5rem;
  vertical-align: middle;
}

.sf-modal-crop-photo .modal-body > div > div button span {
  margin-left: 10px;
}

.sf-modal-crop-photo .modal-footer {
  border: none;
}

.sf-modal-crop-photo .modal-footer .btn-primary-outline {
  margin-left: 0;
}

@media all and (min-width: 360px) and (max-width: 767px) {
  .msf-contact-info-container {
    width: 20.3125em;
    margin: 1.5em auto;
  }

  .msf-contact-info-container .btn {
    width: 20.3125rem;
  }

  .sf-modal-crop-photo .modal-body {
    max-width: 20rem;
    max-height: 20rem;
    margin: 0rem auto 2.5rem auto;
    overflow: auto;
  }

  .sf-modal-crop-photo .modal-dialog {
    margin-top: 1.625rem;
  }
}

@media all and (max-width: 359px) {
  .msf-contact-info-container {
    width: 17.5em;
    margin: 1.25em auto;
  }

  .msf-contact-info-container .btn {
    width: 17.5rem;
  }

  .msf-contact-info-container .contact-info-header {
    width: 17.5rem;
  }

  .sf-remove-photo .modal-dialog {
    width: 17.5rem;
  }

  .sf-modal-crop-photo .modal-body {
    max-width: 20rem;
    max-height: 20rem;
    margin: 0rem auto 2.5rem auto;
    overflow: auto;
  }

  .sf-modal-crop-photo .modal-dialog {
    margin-top: 1.625rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .msf-contact-info-container {
    width: 22rem;
    margin: 2em auto;
  }

  .msf-contact-info-container .btn {
    width: 22rem;
  }

  .sf-modal-crop-photo .modal-body {
    max-width: 25rem;
    max-height: 25rem;
    margin: 0rem auto 2.5rem auto;
  }

  .sf-modal-crop-photo .modal-dialog {
    margin-top: 2.25rem;
  }
}

@media screen and (min-width: 1024px) {
  .msf-contact-info-container {
    width: 26.375rem;
    margin: 2em auto;
  }

  .msf-contact-info-container .btn {
    width: 26.375rem;
  }

  .sf-modal-crop-photo .modal-body {
    max-width: 25rem;
    max-height: 25rem;
    margin: 0rem auto 2.5rem auto;
  }

  .sf-modal-crop-photo .modal-dialog {
    margin-top: 2.25rem;
  }
}

.msf-location-container {
  overflow: auto;
}

.msf-location-container h1 {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.55;
  letter-spacing: 0.3px;
  text-align: center;
  color: #444444;
  margin-bottom: 0.5em;
}

.msf-location-container .location-header {
  width: 19.6875em;
  line-height: 1.38;
  color: #7E7F80;
  margin: 0 auto 2em;
  text-align: center;
}

.msf-location-container .location-form {
  margin-bottom: 2.5rem;
  overflow: auto;
}

.msf-location-container .location-form .language-section {
  margin-bottom: 2.5rem;
}

.msf-location-container .location-form .language-section .heading-section {
  font-weight: 600;
  line-height: 1.38;
  margin-bottom: 6px;
}

.msf-location-container .location-form .language-section select {
  color: #2D2D2D;
  letter-spacing: -0.1px;
}

.msf-location-container .location-form .language-section .select-wrapper::after {
  z-index: 10;
}

.msf-location-container .location-form .error {
  margin-top: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.38;
  color: #D0021B;
  letter-spacing: -0.1px;
}

.msf-location-container .btn {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 1px;
  text-align: center;
  margin: 2rem auto 1rem;
  display: block;
}

.msf-location-container .left {
  text-align: left;
}

.sf-change-location .modal-dialog {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 20rem;
  height: 20.5rem;
}

.sf-change-location-modal {
  display: inline-block;
  height: 100%;
  width: 100%;
  z-index: 100;
}

@media all and (max-width: 359px) {
  .msf-location-container {
    margin: 1.5em auto;
    padding: 0 1.25rem;
  }

  .msf-location-container .location-header {
    width: 17.5rem;
  }
}

@media all and (min-width: 360px) and (max-width: 767px) {
  .msf-location-container {
    width: 20.3125em;
    margin: 1.5em auto;
  }

  .msf-location-container .btn {
    width: 20.3125rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .msf-location-container {
    width: 22rem;
    margin: 2em auto;
  }

  .msf-location-container .btn {
    width: 22rem;
  }
}

@media screen and (min-width: 1024px) {
  .msf-location-container {
    width: 26.375rem;
    margin: 2em auto;
  }

  .msf-location-container .btn {
    width: 26.375rem;
  }
}

.top-seller-container {
  background: #FFFFFF;
}

.top-seller-container .product-title,
.top-seller-container .product-title-high {
  overflow: hidden;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.38;
  color: #444444;
  cursor: pointer;
}

.top-seller-container .product-review {
  font-weight: 300;
  font-size: 13px;
  line-height: 1.85;
  color: #727272;
  display: inline;
}

.top-seller-container .product-price {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.57;
  color: #444444;
  margin-top: 2px;
  padding-left: 2px;
}

.top-seller-container .purchase-link {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.31;
  letter-spacing: 0.5px;
  color: #008AB0;
  margin-top: 2px;
}

.top-seller-container .green-star {
  display: inline-block;
  margin-left: 1px;
}

.top-seller-container .no-border-right {
  border-right: none;
}

.top-seller-container .top-seller-title {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.18;
  letter-spacing: 0.4px;
  text-align: center;
  color: #444444;
  text-transform: uppercase;
  padding-top: 4rem;
}

.top-seller-container .green-line {
  width: 4rem;
  height: 3px;
  background-color: #1CD8D2;
  margin: 9px auto 3rem;
}

.top-seller-container .product-image,
.top-seller-container .product-image-high {
  position: relative;
  text-align: center;
}

.top-seller-container .product-image img,
.top-seller-container .product-image-high img {
  cursor: pointer;
}

.top-seller-container .product-circle,
.top-seller-container .product-circle-high {
  background: #008AB0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 0;
  opacity: 0.54;
  color: #FFFFFF;
  text-align: center;
  font-size: 2rem;
  font-weight: 300;
  position: relative;
  z-index: 100;
  font-family: "proxima-nova-extra-condensed", Helvetica, Arial, sans-serif;
}

.top-seller-container .product-circle span,
.top-seller-container .product-circle-high span {
  display: inline-block;
  vertical-align: sub;
}

.top-seller-container .product-circle-high span {
  display: inline-block;
  vertical-align: sub;
}

.top-seller-container .right-border {
  border-right: solid 1px #D1D1D1;
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .top-seller-container .hidden-md-up {
    padding: 0 1.5rem;
  }

  .top-seller-container .product-title,
  .top-seller-container .product-title-high {
    margin-top: 6px;
    margin-right: 0.5rem;
    height: 4rem;
  }

  .top-seller-container .product-circle,
  .top-seller-container .product-circle-high {
    width: 3.125rem;
    height: 3.125rem;
    top: -3.5rem;
    display: table-cell;
    vertical-align: middle;
  }

  .top-seller-container .product-circle span,
  .top-seller-container .product-circle-high span {
    vertical-align: text-top;
  }

  .top-seller-container .product-image,
  .top-seller-container .product-image-high {
    margin: 0 0.5rem 0.75rem;
  }

  .top-seller-container .product-image img,
  .top-seller-container .product-image-high img {
    height: 6.5rem;
  }

  .top-seller-container .product-box {
    margin-bottom: 3rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .top-seller-container .hidden-lg-up {
    padding: 0 1.5rem;
    margin-bottom: 7.5rem;
  }

  .top-seller-container .product-box {
    border-bottom: solid 1px #D1D1D1;
    border-right: solid 1px #D1D1D1;
    padding: 3.75rem 0 2.75rem 0;
  }

  .top-seller-container .product-title,
  .top-seller-container .product-title-high {
    margin-top: 1.125rem;
    height: 2.75rem;
  }

  .top-seller-container .product-image img,
  .top-seller-container .product-image-high img {
    height: 9.75rem;
  }

  .top-seller-container .product-circle,
  .top-seller-container .product-circle-high {
    width: 4.6875rem;
    height: 4.6875rem;
    left: 1.5rem;
    top: -2.5rem;
    display: table-cell;
    vertical-align: middle;
  }

  .top-seller-container .product-detail-box,
  .top-seller-container .product-detail-box-high {
    padding: 0 1.5rem;
    margin-top: -2.5rem;
  }

  .top-seller-container .no-right-border {
    border-right: 0;
  }

  .top-seller-container .no-bottom-border {
    border-bottom: 0;
    padding-bottom: 0;
  }

  .top-seller-container #productbox.no-top-padding {
    padding-top: 0;
    margin-top: 1rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .top-seller-container .hidden-md-down {
    padding: 0 2rem;
    margin-bottom: 4rem;
    display: inline-block;
  }

  .top-seller-container .product-circle,
  .top-seller-container .product-circle-high {
    width: 4.6875rem;
    height: 4.6875rem;
    top: -2.5rem;
    display: table-cell;
    vertical-align: middle;
  }

  .top-seller-container .product-circle-high {
    left: 0.5em;
  }

  .top-seller-container .product-title,
  .top-seller-container .product-title-high {
    margin-top: 15px;
    height: 2.75rem;
  }

  .top-seller-container .product-title-high {
    height: auto;
  }

  .top-seller-container .product-box {
    border-bottom: solid 1px #D1D1D1;
    padding: 2.5rem 2rem;
    height: 21rem;
  }

  .top-seller-container .product-box-high {
    border-right: solid 1px #D1D1D1;
    height: 42rem;
  }

  .top-seller-container .product-image img,
  .top-seller-container .product-image-high img {
    height: 8.5rem;
  }

  .top-seller-container .product-image-high {
    height: 33rem;
  }

  .top-seller-container .product-image-high img {
    max-height: 100%;
    height: auto;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
  }

  .top-seller-container .product-detail-box,
  .top-seller-container .product-detail-box-high {
    margin-top: -2.5rem;
  }

  .top-seller-container .product-detail-box-high {
    margin-left: 1.5rem;
  }

  .top-seller-container #productbox.no-top-padding {
    padding-top: 0;
  }

  .top-seller-container .no-bottom-border {
    border-bottom: 0;
  }
}

@media screen and (min-width: 1440px) {
  .top-seller-container .hidden-md-down {
    padding: 0 10rem;
    margin-bottom: 8rem;
    display: inline-block;
  }

  .top-seller-container .product-circle,
  .top-seller-container .product-circle-high {
    width: 4.6875rem;
    height: 4.6875rem;
    top: -2.5rem;
    display: table-cell;
    vertical-align: middle;
  }

  .top-seller-container .product-circle-high {
    left: 0.5em;
  }

  .top-seller-container .product-title,
  .top-seller-container .product-title-high {
    margin-top: 15px;
    height: 2.75rem;
  }

  .top-seller-container .product-title-high {
    height: auto;
  }

  .top-seller-container .product-box {
    border-bottom: solid 1px #D1D1D1;
    padding: 2.5rem;
    height: 21rem;
  }

  .top-seller-container .product-box-high {
    border-right: solid 1px #D1D1D1;
    height: 42rem;
  }

  .top-seller-container .product-image img,
  .top-seller-container .product-image-high img {
    height: 8.5rem;
  }

  .top-seller-container .product-image-high {
    height: 33rem;
  }

  .top-seller-container .product-image-high img {
    max-height: 100%;
    height: auto;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
  }

  .top-seller-container .product-detail-box,
  .top-seller-container .product-detail-box-high {
    margin-top: -2.5rem;
  }

  .top-seller-container .product-detail-box-high {
    margin-left: 1.5rem;
  }

  .top-seller-container #productbox.no-top-padding {
    padding-top: 0;
  }

  .top-seller-container .no-bottom-border {
    border-bottom: 0;
  }
}

.error-page-container .reset-password-button {
  padding-top: 7.625rem;
}

.error-page-container .reset-password-button .btn-primary-outline {
  width: 20.3125rem;
  margin: 0 auto;
}

.error-page-container .expired-signup-broken-links {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/broken-bottle.svg) no-repeat center center;
  height: 6rem;
  margin: 8.625rem 0 0 0;
}

.error-page-container .brief-heading-section-desc-content p {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .error-page-container .expired-signup-content-wrapper {
    padding: 5rem 0 0;
    height: 45.625rem;
  }
}

@media (min-width: 768px) {
  .error-page-container .expired-signup-container .expired-signup-content-wrapper {
    padding: 2.75rem 0 0;
    height: 44.75rem;
  }
}

.storefront-product-tile {
  overflow: auto;
}

.storefront-product-tile .product-container .product-data-tiles {
  margin: 0 auto;
  display: table;
}

.storefront-product-tile .product-container .product-data-tiles .product-tile {
  width: 11.8rem;
  background-color: #FFFFFF;
  border-left: 1px solid #D1D1D1;
  border-top: 1px solid #D1D1D1;
  border-bottom: 1px solid #D1D1D1;
  float: left;
  position: relative;
}

.storefront-product-tile .product-container .product-data-tiles .out-of-stock {
  opacity: 0.5;
}

.storefront-product-tile .product-container .product-data-tiles .product-tile-content {
  padding: 0 1.125rem 0 1.75rem;
}

.storefront-product-tile .product-container .product-data-tiles .product-tile:last-child {
  border-right: 1px solid #D1D1D1;
}

.storefront-product-tile .product-container .product-data-tiles .product-image {
  margin: 2rem auto;
  padding: 0;
  max-width: 100%;
  max-height: 6.75rem;
  cursor: pointer;
}

.storefront-product-tile .product-container .product-data-tiles .product-image-link {
  display: table;
  margin: 0 auto;
}

.storefront-product-tile .product-container .product-data-tiles a.no-image-text {
  text-decoration: none;
}

.storefront-product-tile .product-container .product-data-tiles .no-image-available {
  display: flex;
  align-items: center;
  background-color: #A7A7A7;
  color: #FFFFFF;
  height: 6.75rem;
  margin: 2rem auto;
  font-size: 1rem;
  padding: 10px;
  text-align: center;
}

.storefront-product-tile .product-container .product-data-tiles .circle-plus,
.storefront-product-tile .product-container .product-data-tiles .circle-plus-even {
  position: absolute;
  right: -1.25rem;
  top: 43%;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #FFFFFF;
  z-index: 1;
  text-align: center;
  border: 1px solid #D1D1D1;
  border-radius: 50%;
}

.storefront-product-tile .product-container .product-data-tiles .product-tile:last-child .circle-plus {
  display: none;
}

.storefront-product-tile .product-container .product-data-tiles .plus {
  font-size: 1.75rem;
  color: #979797;
  font-weight: 100;
  text-align: center;
  display: inline-block;
  background: transparent;
}

.storefront-product-tile .product-container .product-data-tiles .product-description {
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  margin-bottom: 0;
  color: #008AB0;
  text-align: left;
}

.storefront-product-tile .product-container .product-data-tiles .availability-indicator {
  font-size: 0.813rem;
  font-weight: 600;
  line-height: 1.0;
  letter-spacing: 0.5px;
  color: #FF76B9;
  margin-bottom: 5px;
  text-align: left;
}

.storefront-product-tile .product-container .product-data-tiles .indicator-message {
  font-size: 0.813rem;
  font-weight: 300;
  line-height: 1.46;
  color: #FF76B9;
  text-align: left;
}

.storefront-product-tile .product-container .product-data-tiles .price-indicator {
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.57;
}

.storefront-product-tile .product-container .product-data-tiles .sf-price-indicator {
  font-weight: 300;
  padding-right: 0.3125rem;
}

.storefront-product-tile .product-container .product-data-tiles .psv {
  font-weight: 300;
  color: #727272;
  border-left: 0.0625rem solid #727272;
  font-size: 0.875rem;
  padding-left: 0.3125rem;
}

.storefront-product-tile .product-container .product-data-tiles .cursor-default {
  cursor: default;
}

.storefront-product-tile .product-container .product-data-tiles .sf-review-product-desc {
  color: #444444;
  text-decoration: none;
}

.storefront-product-tile .product-container .purchase-bundle {
  text-align: center;
  margin-top: 2.938rem;
}

.storefront-product-tile .product-container .bundle-button {
  min-width: 10.625rem;
  max-width: 10.625rem;
}

.storefront-product-tile .product-container .bundle-text {
  margin-bottom: 0;
  color: #FFFFFF;
  height: 1.063rem;
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.31;
  letter-spacing: 0.5px;
  text-align: center;
  color: #FFFFFF;
  display: block;
}

.storefront-product-tile .product-container .bundle-price {
  font-size: 1.375rem;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.21;
  color: #444444;
  font-weight: 100;
  margin-left: 0.5rem;
}

.storefront-product-tile .product-container .bundle-total {
  font-size: 1.375rem;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.21;
  color: #444444;
  font-weight: 400;
}

@media (min-width: 320px) and (max-width: 767px) {
  .storefront-product-tile .product-container .product-data-tiles {
    margin: 0 auto;
    display: table;
    max-width: 20.63rem;
  }

  .storefront-product-tile .product-container .product-data-tiles .product-tile {
    width: 20.63rem;
    height: 18.375rem;
    padding: 2.1875rem 1.5625rem;
  }

  .storefront-product-tile .product-container .product-data-tiles .product-tile {
    border-right: 1px solid #D1D1D1;
  }

  .storefront-product-tile .product-container .product-data-tiles .product-tile:last-child {
    border-bottom: 1px solid #D1D1D1;
  }

  .storefront-product-tile .product-container .product-data-tiles .product-tile:nth-child(3),
  .storefront-product-tile .product-container .product-data-tiles .product-tile:nth-child(4),
  .storefront-product-tile .product-container .product-data-tiles .product-tile:nth-child(5) {
    border-top: 0;
  }

  .storefront-product-tile .product-container .product-data-tiles .circle-plus {
    top: inherit;
    bottom: 38%;
  }

  .storefront-product-tile .product-container .product-data-tiles .product-tile:nth-child(2) {
    border-top: none;
  }

  .storefront-product-tile .product-container .product-data-tiles .product-image {
    margin: 0.7rem 0 0.7rem;
    padding: 0;
  }

  .storefront-product-tile .product-container .product-data-tiles .circle-plus {
    left: 50%;
    top: 0%;
    margin: -1.5rem 0 0 -1.5rem;
    position: absolute;
  }

  .storefront-product-tile .product-container .product-data-tiles .circle-plus-even {
    margin: -1.5rem 0 0 -1.5rem;
    left: 50%;
    top: 0%;
    position: absolute;
  }

  .storefront-product-tile .product-container .product-data-tiles .product-tile:last-child .circle-plus {
    display: block;
  }

  .storefront-product-tile .product-container .purchase-bundle .bundle-button {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .storefront-product-tile .product-container .product-data-tiles {
    margin: 0 auto;
    display: table;
    max-width: 35.63rem;
  }

  .storefront-product-tile .product-container .product-data-tiles .product-tile {
    height: 19rem;
    width: 11.875rem;
  }

  .storefront-product-tile .product-container .product-data-tiles .product-tile:nth-child(3) .circle-plus {
    display: none;
  }

  .storefront-product-tile .product-container .product-data-tiles .product-tile:nth-child(3) {
    border-right: 1px solid #D1D1D1;
  }

  .storefront-product-tile .product-container .product-data-tiles .product-tile:nth-child(4),
  .storefront-product-tile .product-container .product-data-tiles .product-tile:nth-child(5) {
    border-top: 0;
  }

  .storefront-product-tile .product-container .product-data-tiles .product-image {
    margin: 2.5rem 0 1.4rem;
    padding: 0;
  }

  .storefront-product-tile .product-container .purchase-bundle {
    margin-top: 3.313rem;
  }

  .storefront-product-tile .product-container .purchase-bundle .bundle-button {
    min-width: 20.3125rem;
    max-width: 20.3125rem;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .storefront-product-tile .product-container .product-data-tiles {
    margin: 0 auto;
  }

  .storefront-product-tile .product-container .product-data-tiles .product-tile {
    width: 11.875rem;
    height: 19.5rem;
  }

  .storefront-product-tile .product-container .product-data-tiles .product-tile-content {
    padding: 0 1.375rem 0 1.5rem;
  }

  .storefront-product-tile .product-container .product-data-tiles .product-tile:nth-child(even) {
    border-right: 1px solid #D1D1D1;
  }

  .storefront-product-tile .product-container .product-data-tiles .circle-plus {
    bottom: 40%;
    top: inherit;
  }

  .storefront-product-tile .product-container .product-data-tiles .circle-middle {
    top: 43%;
    bottom: inherit;
  }

  .storefront-product-tile .product-container .product-data-tiles .circle-plus.show-status {
    display: none;
  }

  .storefront-product-tile .product-container .product-data-tiles .product-image {
    margin: 2.5rem 0 1.375rem;
    padding: 0;
  }

  .storefront-product-tile .product-container .product-data-tiles .product-tile:nth-child(even) {
    border-right: none;
  }

  .storefront-product-tile .product-container .product-data-tiles .product-tile:last-child {
    border-right: 1px solid #D1D1D1;
  }
}

@media (min-width: 1440px) {
  .storefront-product-tile .product-container .product-data-tiles {
    margin: 0 auto;
    display: table;
  }

  .storefront-product-tile .product-container .product-data-tiles .product-tile {
    width: 14rem;
    height: 20rem;
  }

  .storefront-product-tile .product-container .product-data-tiles .product-image {
    margin: 3.125rem 0 2.68rem;
    padding: 0;
  }

  .storefront-product-tile .product-container .purchase-bundle {
    margin-top: 3.313rem;
  }
}

@media (max-width: 359px) {
  .storefront-product-tile {
    overflow: hidden;
  }

  .storefront-product-tile .product-container .product-data-tiles {
    max-width: 17.53rem;
  }

  .storefront-product-tile .product-container .product-data-tiles .product-tile {
    width: 100%;
  }

  .storefront-product-tile .product-container .purchase-bundle .bundle-button {
    margin: 0 4px;
  }

  .storefront-product-tile .product-container .bundle-total {
    margin: 0 4px 1rem 4px;
  }
}

.pitch-landing-page {
  background-color: #FFFFFF;
}

.pitch-landing-page .pitch-content {
  width: 40.625em;
  margin: 0 auto;
}

.pitch-landing-page .pitch-content h2 {
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #2D2D2D;
  padding: 1.875rem 0 1.5rem;
  margin-bottom: 0;
}

.pitch-landing-page .pitch-content .pitch-welcome-message {
  background-color: #F8FAFA;
  padding: 12px 1.5em;
}

.pitch-landing-page .pitch-content .pitch-welcome-message h4 {
  font-weight: 300;
  margin-bottom: 0;
  line-height: 1.22;
  color: #2D2D2D;
}

.pitch-landing-page .pitch-content .pitch-welcome-message p {
  margin-bottom: 0;
  color: #2D2D2D;
  line-height: 1.5;
}

.pitch-landing-page .pitch-content .pitch-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 1.5em;
}

.pitch-landing-page .pitch-content .pitch-container .pitch-tiles {
  border: solid 1px #D1D1D1;
  padding: 2.1875rem 1.5625rem;
}

.pitch-landing-page .pitch-content .pitch-container .pitch-tiles img {
  height: 7.25em;
  display: block;
  margin: 0 auto;
}

.pitch-landing-page .pitch-content .pitch-container .pitch-tiles a {
  cursor: pointer;
  display: block;
}

.pitch-landing-page .pitch-content .pitch-container .pitch-tiles a.link {
  font-size: 1rem;
  font-weight: 300;
  color: #008AB0;
  padding-top: 1.5em;
  height: 4.25rem;
  line-height: 1.38;
}

.pitch-landing-page .pitch-content .pitch-container .pitch-tiles .item-details {
  padding-top: 1.5em;
}

.pitch-landing-page .pitch-content .pitch-container .pitch-tiles .item-details b {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #A7A7A7;
  text-transform: uppercase;
  line-height: 1.85;
}

.pitch-landing-page .pitch-content .pitch-container .pitch-tiles .item-details span {
  font-size: 1rem;
  font-weight: 300;
  color: #444444;
  padding-left: 1.5em;
  line-height: 1.38;
}

.pitch-landing-page .pitch-content .pitch-container .pitch-tiles .item-details i {
  width: 0.9375rem;
  height: 0.9375em;
  margin-left: 0.75em;
  margin-top: 0.3rem;
  position: absolute;
  background-position: center;
  overflow: hidden;
  border-radius: 50%;
  display: inline-block;
  border: solid 1px #D1D1D1;
}

.pitch-landing-page .pitch-content .pitch-container .pitch-tiles .variant-detail {
  padding-top: 1.5em;
  text-align: right;
}

.pitch-landing-page .pitch-content .pitch-container .pitch-tiles .variant-detail b {
  font-size: 0.8125rem;
  font-weight: 300;
  color: #2D2D2D;
  line-height: 1.23;
}

.pitch-landing-page .pitch-content .pitch-container .pitch-tiles .variant-detail span {
  font-size: 0.8125rem;
  font-weight: 300;
  color: #727272;
  padding-left: 0.5rem;
  line-height: 1.23;
}

.pitch-landing-page .pitch-content .pitch-container .product-add-symbol-container {
  height: 3rem;
  width: 3rem;
  position: absolute;
  margin: -1.5rem 0 0 -1.5rem;
  z-index: 1;
  background-color: #FFFFFF;
  border: 1px solid #D1D1D1;
  border-radius: 50%;
}

.pitch-landing-page .pitch-content .pitch-container .product-add-symbol-container .product-add-symbol {
  height: 40%;
  width: 40%;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-plus.svg) center no-repeat;
}

.pitch-landing-page .pitch-content .pitch-container .product-add-symbol-container-even {
  height: 3rem;
  width: 3rem;
  position: absolute;
  margin: -1.5rem;
  z-index: 1;
  background-color: #FFFFFF;
  border: 1px solid #D1D1D1;
  border-radius: 50%;
}

.pitch-landing-page .pitch-content .pitch-container .product-add-symbol-container-even .product-add-symbol {
  height: 40%;
  width: 40%;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-plus.svg) center no-repeat;
}

.pitch-landing-page .pitch-static-footer {
  width: 100%;
  padding: 1.5em 0 2.5em;
  z-index: 1000;
}

.pitch-landing-page .pitch-static-footer button {
  width: 40.625rem;
  height: 4.625rem;
  margin: 0 auto;
  display: block;
}

.pitch-landing-page .pitch-static-footer button b {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
}

.pitch-landing-page .pitch-static-footer button span {
  font-size: 1.75rem;
  font-weight: 100;
}

@media screen and (min-width: 360px) and (max-width: 1023px) {
  .pitch-landing-page .pitch-content {
    width: 20.375em;
  }

  .pitch-landing-page .pitch-content h2 {
    padding: 1.5rem 0;
  }

  .pitch-landing-page .pitch-content .pitch-welcome-message {
    padding: 12px 0.875em;
  }

  .pitch-landing-page .pitch-content .pitch-container {
    border-top: solid 1px #D1D1D1;
  }

  .pitch-landing-page .pitch-content .pitch-container .pitch-tiles {
    width: 20.375em;
    flex-basis: 100%;
  }

  .pitch-landing-page .pitch-content .pitch-container .product-add-symbol-container {
    left: 50%;
    top: 0%;
  }

  .pitch-landing-page .pitch-content .pitch-container .product-add-symbol-container-even {
    left: 50%;
    top: 0%;
  }

  .pitch-landing-page .pitch-content .pitch-container .pitch-tiles {
    border-top: 0;
  }

  .pitch-landing-page .pitch-static-footer {
    padding-bottom: 1.5em;
  }

  .pitch-landing-page .pitch-static-footer button {
    width: 20.375rem;
  }
}

@media screen and (min-width: 1024px) {
  .pitch-landing-page .pitch-container .pitch-tiles {
    width: 20.25em;
  }

  .pitch-landing-page .pitch-container .pitch-tiles:nth-child(even) {
    border-left: 0;
  }

  .pitch-landing-page .pitch-container .pitch-tiles:nth-child(2n+3),
  .pitch-landing-page .pitch-container .pitch-tiles:nth-child(2n+4) {
    border-top: 0;
  }

  .pitch-landing-page .pitch-container .product-add-symbol-container {
    left: 0;
    top: 100%;
  }

  .pitch-landing-page .pitch-container .product-add-symbol-container-even {
    left: 0;
    top: 50%;
  }
}

.pitch-header {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/prism-bg-lg@2x.png) no-repeat;
  height: 11.3125em;
  background-size: cover;
  background-position: 50%;
  padding-top: 2.375em;
}

.pitch-header h3 {
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 300;
  text-align: center;
  padding-top: 1.25em;
}

.pitch-header .pitch-avatar {
  width: 4.1rem;
  height: 4.1rem;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/nuskin-fountain-mark-1x.png) center no-repeat;
  display: block;
  margin: 0 auto;
}

.pitch-header .pitch-avatar img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  border: 2px solid #ffffff;
}

.pitch-header .pitch-back a {
  color: #ffffff;
  left: 1em;
  position: absolute;
  top: 1.5em;
  text-transform: uppercase;
}

.offer-basic .pdp-stars-div,
.offer-basic .psv-section .rate,
.offer-basic .changeQTYRow,
.offer-basic .addToCartButtonRow {
  display: none;
}

.share-link .btn-primary-outline:focus {
  background-color: #FFFFFF;
}

.share-link .btn-primary-outline:hover {
  background-color: #008AB0;
}

@media screen and (min-width: 768px) {
  .share-link {
    margin-top: 0;
    width: auto;
  }
}

.personal-offers .personal-offers-filter {
  background: #FFFFFF;
  width: 100%;
  padding: 0.5rem 2rem;
  margin-top: 3px;
  font-size: 0.875rem;
  font-weight: 300;
}

.personal-offers .personal-offers-filter span {
  padding-right: 1rem;
}

.personal-offers .personal-offers-filter .dropdown-link {
  cursor: pointer;
  display: inline-block;
  padding: 0 0.5rem;
}

.personal-offers .personal-offers-filter .dropdown-link:after {
  display: none;
}

.personal-offers .personal-offers-filter .filter-dropdown {
  position: absolute;
  left: inherit;
  right: 1rem;
  border: solid 1px #D1D1D1;
  border-radius: 0;
  background: #FFFFFF;
  min-width: 11.5rem;
  width: 11.5rem;
  padding: 0;
}

.personal-offers .personal-offers-filter .filter-dropdown li {
  padding: 0.45rem 1rem;
  font-size: 0.875rem;
  font-weight: 300;
  text-align: left;
  cursor: pointer;
}

.personal-offers .personal-offers-filter .filter-dropdown li:hover,
.personal-offers .personal-offers-filter .filter-dropdown li:active {
  background: #e3f9ff;
  font-weight: 700;
}

.personal-offers .personal-offers-list {
  margin: 3px 0;
}

.personal-offers .personal-offers-list .offers-list-header {
  background: #FFFFFF;
  margin-bottom: 3px;
  overflow: auto;
  font-size: 0.875rem;
  line-height: 1.57;
  letter-spacing: -0.1px;
  text-align: center;
  color: #2D2D2D;
  padding: 3px 1.75rem 3px 2rem;
}

.personal-offers .personal-offers-list .offers-list-header div:last-child {
  padding-left: 2.5rem;
}

.personal-offers .personal-offers-list .offer-entry {
  margin-bottom: 1px;
  background: #FFFFFF;
}

.personal-offers .all-offers-link {
  overflow: auto;
  background: #FFFFFF;
  padding: 1.1rem 2.25rem 1.1rem 2rem;
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.18;
  letter-spacing: 0.4px;
  cursor: pointer;
}

.personal-offers .align-right {
  text-align: right;
}

.personal-offers .align-left {
  text-align: left;
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .personal-offers .personal-offers-list .offers-list-header {
    display: none;
  }

  .personal-offers .personal-offers-filter {
    margin-top: 0;
    padding-top: 0;
  }

  .personal-offers .all-offers-link {
    padding: 1.1rem 2.25rem 1.1rem 1.5rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .personal-offers .personal-offers-list .offers-list-header {
    display: none;
  }

  .personal-offers .all-offers-link {
    padding: 1.1rem 2rem 1.1rem 1.5rem;
  }
}

.no-offer-wrapper {
  background-color: #FFFFFF;
}

.no-offer-wrapper .no-offer-section {
  background-color: #FFFFFF;
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
  width: 19.5rem;
  margin: 0 auto;
}

.no-offer-wrapper .no-offer-section h1 {
  font-size: 1.875rem;
  line-height: 2rem;
}

.no-offer-wrapper .no-offer-section .message-section {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.38;
  text-align: left;
}

.no-offer-wrapper .no-offer-section button {
  width: 11.875rem;
  margin: 1.875rem auto 0;
}

.no-offer-wrapper .no-offer-section .heading-section {
  width: 7.5rem;
  height: 11rem;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-no-offers.png) no-repeat;
  background-size: contain;
  margin: 0 auto 3.25rem;
}

.sf-dashboard-banner-container .background-banner {
  min-height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  position: absolute;
  width: 100%;
}

.sf-dashboard-banner-container .banner-with-box-content {
  position: relative;
  background: #FFFFFF;
  min-height: 18.5rem;
}

.sf-dashboard-banner-container .banner-with-box-content.left-content .box-container .box-content {
  margin: 0 auto;
}

.sf-dashboard-banner-container .banner-with-box-content.left-content .box-container .box-content .edit-store {
  position: absolute;
  right: 1.25rem;
  top: 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #008AB0;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icon-edit.svg) no-repeat left;
  background-size: 1rem;
  padding-left: 1.5rem;
  cursor: pointer;
  z-index: 10;
}

.sf-dashboard-banner-container .banner-with-box-content.left-content .box-container .box-content .edit-store + .heading {
  padding-top: 2.75em;
}

.sf-dashboard-banner-container .banner-with-box-content.left-content .box-container .heading {
  padding-top: 2em;
}

.sf-dashboard-banner-container .banner-with-box-content.right-content .box-container .heading {
  padding-top: 1.25em;
}

.sf-dashboard-banner-container .banner-with-box-content.right-content .box-container .links {
  padding-top: 2em;
}

.sf-dashboard-banner-container .banner-with-box-content .heading {
  display: table-cell;
  vertical-align: middle;
}

.sf-dashboard-banner-container .banner-with-box-content .heading .heading-logo {
  max-height: 2.25rem;
  max-width: 2.75rem;
  float: left;
}

.sf-dashboard-banner-container .banner-with-box-content .heading-text {
  margin-left: 3.125rem;
}

.sf-dashboard-banner-container .banner-with-box-content .heading-text h2 {
  font-size: 1.75rem;
  line-height: 1.21;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.sf-dashboard-banner-container .banner-with-box-content .heading-text p {
  font-size: 0.875rem;
  line-height: 1.57;
  letter-spacing: -0.1px;
  color: #2D2D2D;
  margin-bottom: 0;
}

.sf-dashboard-banner-container .banner-with-box-content .heading-text .setup-store-link {
  color: #008AB0;
  cursor: pointer;
}

.sf-dashboard-banner-container .banner-with-box-content .heading-text .store-username {
  font-size: 1rem;
  font-weight: 100;
  letter-spacing: 0.5px;
  line-height: 1.55;
  margin-bottom: 0;
  text-decoration: none;
}

.sf-dashboard-banner-container .banner-with-box-content .banner-primary-cta {
  width: 11.875rem;
}

.sf-dashboard-banner-container .banner-with-box-content .banner-secondary-cta {
  width: 11.875rem;
  text-align: center;
  border: none;
  color: #008AB0;
  letter-spacing: 0.5px;
  background: transparent;
}

.sf-dashboard-banner-container .banner-with-box-content .banner-secondary-cta h5 {
  color: #008AB0;
}

.sf-dashboard-banner-container .banner-with-box-content .banner-cta-section {
  display: flex;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .sf-dashboard-banner-container .banner-with-box-content {
    min-height: 15rem;
  }

  .sf-dashboard-banner-container .banner-with-box-content .background-banner {
    display: none;
  }

  .sf-dashboard-banner-container .banner-with-box-content .box-container .box-content {
    padding: 0 1.5rem;
  }

  .sf-dashboard-banner-container .banner-with-box-content .banner-cta-section {
    display: block;
  }

  .sf-dashboard-banner-container .banner-with-box-content .btn {
    width: 100%;
    margin-bottom: 5px;
  }

  .sf-dashboard-banner-container banner-with-box-content.right-content .box-content {
    padding-bottom: 0.5rem;
  }
}

@media screen and (max-width: 359px) {
  .sf-dashboard-banner-container .banner-with-box-content .box-container .box-content {
    padding: 0 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .sf-dashboard-banner-container .banner-with-box-content .box-container {
    width: 26rem;
    background-color: #FFFFFF;
    position: absolute;
    top: 2.25rem;
  }

  .sf-dashboard-banner-container .banner-with-box-content .box-container .box-content {
    padding: 0 2.25rem;
  }

  .sf-dashboard-banner-container .banner-with-box-content .banner-secondary-cta {
    width: 6.25rem;
    padding-left: 0;
    padding-right: 0;
    margin-left: 2rem;
  }

  .sf-dashboard-banner-container .banner-with-box-content.left-content .box-container {
    left: 1.5rem;
  }

  .sf-dashboard-banner-container .banner-with-box-content.left-content .box-container .box-content {
    padding-bottom: 1.5rem;
  }

  .sf-dashboard-banner-container .banner-with-box-content.right-content .box-container {
    right: 1.5rem;
  }

  .sf-dashboard-banner-container .banner-with-box-content.right-content .box-container .box-content {
    padding-bottom: 1rem;
  }
}

.personal-offer-banner-component {
  background: #FFFFFF;
  display: table;
  width: 100%;
}

.personal-offer-banner-component .back {
  position: absolute;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.23;
  letter-spacing: 0.5px;
  color: #008AB0;
  padding: 1.25rem 1rem;
  cursor: pointer;
}

.personal-offer-banner-component .back img {
  max-height: 1rem;
  margin-right: 0.5rem;
}

.personal-offer-banner-component .banner-description {
  display: table-cell;
  vertical-align: middle;
  width: 30rem;
}

.personal-offer-banner-component .banner-description .banner-logo {
  max-width: 2.625rem;
  max-height: 3.75rem;
  float: left;
}

.personal-offer-banner-component .banner-description .banner-text {
  float: left;
  margin-left: 1.5rem;
}

.personal-offer-banner-component .banner-description .banner-text h2 {
  font-size: 1.75rem;
  line-height: 1.21;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.personal-offer-banner-component .banner-description .banner-text p {
  font-weight: 300;
  line-height: 1.38;
  width: 21.25rem;
  margin-bottom: 0;
}

.personal-offer-banner-component .banner-cta-btn {
  display: table-cell;
  vertical-align: middle;
}

.personal-offer-banner-component .banner-cta-btn .btn {
  width: 11.875rem;
  margin-bottom: 0;
}

@media all and (min-width: 360px) and (max-width: 767px) {
  .personal-offer-banner-component {
    display: block;
    padding: 1rem 1.5rem 1.5rem;
  }

  .personal-offer-banner-component .banner-description {
    display: block;
    overflow: auto;
    width: 100%;
  }

  .personal-offer-banner-component .banner-description .banner-logo {
    max-height: 2.5rem;
  }

  .personal-offer-banner-component .banner-description .banner-text {
    float: none;
    margin-left: 3rem;
  }

  .personal-offer-banner-component .banner-description .banner-text p {
    width: auto;
  }

  .personal-offer-banner-component .banner-cta-btn {
    display: block;
    overflow: auto;
    margin-top: 1.5rem;
  }

  .personal-offer-banner-component .banner-cta-btn .btn {
    width: 100%;
  }

  .personal-offer-banner-component .back {
    left: 1rem;
    padding: 0;
  }

  .personal-offer-banner-component .back + .banner-description {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .personal-offer-banner-component .banner-description {
    padding: 2.25rem 1.5rem 1.75rem;
  }

  .personal-offer-banner-component .back + .banner-description {
    padding-top: 3.5rem;
  }

  .personal-offer-banner-component .back + .banner-description + .banner-cta-btn {
    padding-top: 1.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .personal-offer-banner-component .banner-description {
    padding: 2.5rem 1.5rem 2rem 2rem;
  }

  .personal-offer-banner-component .back + .banner-description {
    padding-top: 3.5rem;
    padding-bottom: 0.75rem;
  }

  .personal-offer-banner-component .back + .banner-description + .banner-cta-btn {
    padding-top: 3rem;
  }
}

.personal-offer-entry-component {
  overflow: auto;
  padding: 0.75rem 1.75rem 0.75rem 2rem;
  cursor: pointer;
}

.personal-offer-entry-component .offer-customer,
.personal-offer-entry-component .offer-total,
.personal-offer-entry-component .offer-slider,
.personal-offer-entry-component .offer-status,
.personal-offer-entry-component .offer-discount {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

.personal-offer-entry-component .offer-customer .customerName {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.22;
}

.personal-offer-entry-component .offer-customer .offer-date {
  font-size: 0.8125rem;
  font-weight: 300;
  color: #777676;
}

.personal-offer-entry-component .offer-total,
.personal-offer-entry-component .offer-status,
.personal-offer-entry-component .offer-discount {
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.38;
  color: #2D2D2D;
}

.personal-offer-entry-component .offer-total .align-right,
.personal-offer-entry-component .offer-status .align-right,
.personal-offer-entry-component .offer-discount .align-right {
  padding: 5px 6px 0 6px;
}

.personal-offer-entry-component .offer-slider .progress {
  height: 6px;
  width: 10.25rem;
  margin: 0 0 0 auto;
  overflow: hidden;
  background-color: #CFD1D1;
  border-radius: 0;
}

.personal-offer-entry-component .offer-slider .progress-bar {
  display: list-item;
  float: left;
  width: 0;
  height: 100%;
  background-color: #1CD8D2;
  text-align: right;
  text-indent: 0;
}

.personal-offer-entry-component .offer-slider .progress-bar .progress-bar-icon {
  position: absolute;
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 50%;
  margin-top: -10px;
  margin-left: -12.5px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-package-copy-5.svg) no-repeat 50%;
  background-size: contain;
}

.personal-offer-entry-component .offer-slider .progress-bar .firstStep {
  margin-left: 0;
}

.personal-offer-entry-component .offer-slider .progress-bar .lastStep {
  margin-left: -1.625rem;
}

.personal-offer-entry-component .offer-slider .progress-bar .not-viewed {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icon-shopbag-status.svg);
}

.personal-offer-entry-component .offer-slider .progress-bar .shipping {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-shipping-active.svg);
}

.personal-offer-entry-component .offer-slider .progress-bar .delivery {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-delivery-active.svg);
}

.personal-offer-entry-component .offer-slider .progress-bar .payment {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-payment-active.svg);
}

.personal-offer-entry-component .offer-slider .progress-bar .order {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-order-active.svg);
}

.personal-offer-entry-component .offer-slider .progress-bar .completed {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-checkmark-circle-green.svg);
}

.personal-offer-entry-component .tooltip-inner {
  background-color: #007298;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
  text-align: center;
  color: #FFFFFF;
  padding: 5px 1rem;
  letter-spacing: 0.5px;
}

.personal-offer-entry-component .arrow-alignment {
  top: -1.5rem !important;
}

.personal-offer-entry-component .message-alignment {
  top: -0.5rem !important;
}

.personal-offer-entry-component .tooltip.top .tooltip-arrow {
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #007298;
}

@media all and (min-width: 360px) and (max-width: 767px) {
  .personal-offer-entry-component {
    padding: 0.75rem 1.5rem;
    position: relative;
  }

  .personal-offer-entry-component .offer-customer,
  .personal-offer-entry-component .offer-total,
  .personal-offer-entry-component .offer-slider,
  .personal-offer-entry-component .offer-status,
  .personal-offer-entry-component .offer-discount {
    display: inline-block;
  }

  .personal-offer-entry-component .offer-customer {
    width: 90%;
  }

  .personal-offer-entry-component .offer-total {
    display: none;
  }

  .personal-offer-entry-component .offer-slider {
    clear: both;
    margin-top: 1rem;
    width: 11.25rem;
    vertical-align: baseline;
  }

  .personal-offer-entry-component .offer-slider .progress {
    margin-left: 0;
  }

  .personal-offer-entry-component .offer-status {
    text-align: left;
    width: 35%;
    vertical-align: middle;
  }

  .personal-offer-entry-component .offer-discount {
    position: absolute;
    right: 1.75rem;
    top: 50%;
    transform: translateY(-50%);
  }

  .personal-offer-entry-component .offer-discount span {
    display: none;
  }

  .personal-offer-entry-component .message-alignment {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .personal-offer-entry-component {
    padding: 0.75rem 1.5rem;
    display: table;
    width: 100%;
  }

  .personal-offer-entry-component .offer-customer,
  .personal-offer-entry-component .offer-total,
  .personal-offer-entry-component .offer-slider {
    width: 25%;
  }

  .personal-offer-entry-component .offer-total {
    text-align: right;
    padding-right: 4.5rem;
  }

  .personal-offer-entry-component .offer-slider {
    padding-right: 1rem;
  }

  .personal-offer-entry-component .offer-status {
    width: 16.66%;
    text-align: left;
  }

  .personal-offer-entry-component .offer-discount {
    width: 8.33%;
  }

  .personal-offer-entry-component .offer-discount span {
    display: none;
  }

  .personal-offer-entry-component .message-alignment {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .personal-offer-entry-component {
    display: table;
    width: 100%;
  }

  .personal-offer-entry-component .offer-customer,
  .personal-offer-entry-component .offer-slider,
  .personal-offer-entry-component .offer-discount {
    width: 25%;
  }

  .personal-offer-entry-component .offer-customer {
    padding-right: 1rem;
  }

  .personal-offer-entry-component .offer-total {
    width: 8.33%;
    text-align: right;
  }

  .personal-offer-entry-component .offer-slider {
    padding-right: 2.5rem;
  }

  .personal-offer-entry-component .offer-status {
    width: 16.66%;
  }

  .personal-offer-entry-component .offer-discount {
    padding-left: 2rem;
    text-align: left;
  }

  .personal-offer-entry-component .offer-discount span {
    width: 90%;
    display: inline-block;
  }

  .personal-offer-entry-component .offer-discount div {
    float: right;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
  }
}

.sf-dashboard-container .cell-spacing {
  margin-top: 8px;
  overflow: auto;
}

.personal-offer-detail-component {
  overflow: auto;
}

.personal-offer-detail-component .order-details {
  clear: both;
  overflow: auto;
  width: 100%;
  background: #FFFFFF;
}

.personal-offer-detail-component .order-details .back,
.personal-offer-detail-component .order-details .delete {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.23;
  letter-spacing: 0.5px;
  color: #008AB0;
  cursor: pointer;
  text-transform: uppercase;
  padding-left: 1.125rem;
  max-height: 1rem;
}

.personal-offer-detail-component .order-details .back {
  float: left;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-left-blue.png) no-repeat left;
  background-size: contain;
}

.personal-offer-detail-component .order-details .delete {
  float: right;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-delete.svg) no-repeat left;
  background-size: contain;
}

.personal-offer-detail-component .order-details .customer-name {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.22;
  clear: both;
}

.personal-offer-detail-component .order-details .offer-date {
  font-size: 0.8125rem;
  font-weight: 300;
  color: #777676;
}

.personal-offer-detail-component .order-details .order-no {
  font-size: 0.875rem;
  line-height: 1.57;
  letter-spacing: -0.1px;
  color: #2D2D2D;
  text-align: center;
}

.personal-offer-detail-component .order-details .order-no span {
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.38;
}

.personal-offer-detail-component .order-details .offer-slider {
  padding-top: 9px;
  height: 1.5rem;
  float: right;
}

.personal-offer-detail-component .order-details .offer-slider .progress {
  height: 6px;
  width: 10.25rem;
  margin: 0 0 0 auto;
  overflow: hidden;
  background-color: #CFD1D1;
  border-radius: 0;
}

.personal-offer-detail-component .order-details .offer-slider .progress-bar {
  display: list-item;
  float: left;
  width: 0;
  height: 100%;
  background-color: #1CD8D2;
  text-align: right;
  text-indent: 0;
}

.personal-offer-detail-component .order-details .offer-slider .progress-bar .progress-bar-icon {
  position: absolute;
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 50%;
  margin-top: -10px;
  margin-left: -12.5px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-package-copy-5.svg) no-repeat 50%;
  background-size: contain;
}

.personal-offer-detail-component .order-details .offer-slider .progress-bar .firstStep {
  margin-left: 0;
}

.personal-offer-detail-component .order-details .offer-slider .progress-bar .lastStep {
  margin-left: -1.625rem;
}

.personal-offer-detail-component .order-details .offer-slider .progress-bar .not-viewed {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/icon-shopbag-status.svg);
}

.personal-offer-detail-component .order-details .offer-slider .progress-bar .shipping {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-shipping-active.svg);
}

.personal-offer-detail-component .order-details .offer-slider .progress-bar .delivery {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-delivery-active.svg);
}

.personal-offer-detail-component .order-details .offer-slider .progress-bar .payment {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-payment-active.svg);
}

.personal-offer-detail-component .order-details .offer-slider .progress-bar .order {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-order-active.svg);
}

.personal-offer-detail-component .order-details .offer-slider .progress-bar .completed {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-checkmark-circle-green.svg);
}

.personal-offer-detail-component .order-details .offer-status {
  margin-top: 6px;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.38;
  text-align: right;
  color: #2D2D2D;
}

.personal-offer-detail-component .order-details .btn {
  width: 11.875rem;
  float: right;
}

.personal-offer-detail-component .product-search-area {
  overflow: auto;
  padding-bottom: 1.250rem;
}

.personal-offer-detail-component .messages-section {
  margin: 0.5rem 0;
  background: #FFFFFF;
}

.personal-offer-detail-component .messages-section .message-header {
  line-height: 1.23;
  letter-spacing: 0.5px;
  padding-top: 1.25rem;
}

.personal-offer-detail-component .messages-section .message-content {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.38;
  text-align: left;
  color: #979797;
  padding-top: 5px;
}

.personal-offer-detail-component .offer-products {
  background: #FFFFFF;
  overflow: auto;
}

.personal-offer-detail-component .offer-products .products-header {
  line-height: 1.22;
  padding-left: 1rem;
}

.personal-offer-detail-component .offer-products .products-section {
  overflow: auto;
  margin-bottom: 1rem;
}

.personal-offer-detail-component .offer-products .products-summary {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.57;
  letter-spacing: -0.1px;
  text-align: right;
  color: #2D2D2D;
}

.personal-offer-detail-component .offer-products .products-summary .left-content {
  display: inline-block;
  margin-right: 1rem;
}

.personal-offer-detail-component .offer-products .products-summary .right-content {
  display: inline-block;
}

.personal-offer-detail-component .total {
  font-size: 1.750rem;
}

.personal-offer-detail-component .discount-percentage {
  font-size: 1rem;
}

.sf-delete-offer.modal.in .modal-dialog {
  position: relative;
  top: 50%;
  max-width: 20rem;
  transform: translate(0, -50%);
  transition: none;
}

.sf-delete-offer-modal {
  display: inline-block;
  height: 100%;
  width: 100%;
  z-index: 100;
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .personal-offer-detail-component .order-details {
    padding: 1.25rem 1rem 0.75rem;
  }

  .personal-offer-detail-component .order-details .offer-slider {
    padding-top: 3px;
  }

  .personal-offer-detail-component .order-details .order-no {
    text-align: left;
  }

  .personal-offer-detail-component .order-details .order-no,
  .personal-offer-detail-component .order-details .offer-status {
    margin-top: 0.75rem;
  }

  .personal-offer-detail-component .order-details .btn {
    width: 100%;
  }

  .personal-offer-detail-component .messages-section {
    padding: 0 2rem 1.375rem 1.5rem;
  }

  .personal-offer-detail-component .offer-products {
    padding: 1.625rem 2rem 1.625rem 1.525rem;
  }

  .personal-offer-detail-component .offer-products .products-header {
    padding-left: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .personal-offer-detail-component .order-details {
    padding: 1.5rem 1.5rem 1.125rem;
  }

  .personal-offer-detail-component .messages-section {
    padding: 0 2rem 1.375rem 1.5rem;
  }

  .personal-offer-detail-component .offer-products {
    padding: 1.625rem 2.25rem 1.625rem 0.625rem;
  }

  .personal-offer-detail-component .offer-products .products-summary {
    padding-right: 1rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .personal-offer-detail-component .order-details {
    padding: 1.5rem 1.5rem 1.125rem 1.5rem;
  }

  .personal-offer-detail-component .messages-section {
    padding: 0 3rem 1.375rem 2rem;
  }

  .personal-offer-detail-component .offer-products {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .personal-offer-detail-component .offer-products .products-summary {
    padding-right: 3.6rem;
  }

  .personal-offer-detail-component .offer-products .products-header {
    padding-left: 2rem;
  }

  .personal-offer-detail-component .product-search-area {
    background: #FFFFFF;
    margin-top: 11px;
  }
}

@media screen and (min-width: 1440px) {
  .personal-offer-detail-component .order-details {
    padding: 1.5rem 10.75rem 1.125rem 7.5rem;
  }

  .personal-offer-detail-component .messages-section {
    padding: 0 10.75rem 1.375rem 7.5rem;
  }

  .personal-offer-detail-component .offer-products {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-right: 9.750rem;
  }

  .personal-offer-detail-component .offer-products .products-summary {
    padding-right: 3.6rem;
  }

  .personal-offer-detail-component .product-search-area {
    background: #FFFFFF;
    margin-top: 11px;
  }
}

.product-listing-section .item-quantity {
  font-size: 0.813rem;
  font-weight: 300;
  line-height: 1.23;
  color: #727272;
}

.product-listing-section .border-last {
  border-bottom: 3px solid #DBDBDB;
}

.product-listing-section .product-size-label {
  padding-right: 6px;
}

.product-listing-section .quantity-size-label {
  padding-right: 1.1rem;
  color: #444444;
  font-weight: 400;
}

.product-listing-section .product-content {
  font-size: 0.813rem;
  line-height: 1.23;
  letter-spacing: 0.5px;
  color: #444444;
}

.product-listing-section .item-psv {
  font-size: 0.813rem;
  font-weight: 300;
  line-height: 1.23;
  color: #444444;
  padding-left: 10px;
}

.product-listing-section .product-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.38;
  color: #008AB0;
  margin-bottom: 2px;
}

.product-listing-section .product-code {
  font-size: 0.813rem;
  font-weight: 300;
  line-height: 1.23;
  color: #727272;
  margin-bottom: 1rem;
}

.product-listing-section .product-cost {
  font-size: 1.750rem;
  font-weight: 100;
  line-height: 0.41;
  text-align: right;
  color: #444444;
}

.product-listing-section .item-status {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.55;
  color: #444444;
}

.product-listing-section .ship-info {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.55;
  color: #444444;
}

.product-listing-section .ship-date-info {
  font-size: 0.813rem;
  font-weight: 300;
  line-height: 1.54;
  color: #444444;
}

.product-listing-section .ship-index {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.6px;
  color: #444444;
}

.product-listing-section .product-size {
  margin-bottom: 6px;
}

.product-listing-section .item-desc-cont {
  margin-bottom: 10px;
}

.product-listing-section .image-cursor {
  cursor: pointer;
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .product-listing-section {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .product-listing-section {
    padding-left: 2rem;
  }

  .product-listing-section .product-cost {
    text-align: center;
  }
}

.quiz-background {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/prism-bg-lg@3x.png) center no-repeat;
}

.quiz-title-container {
  position: relative;
}

.quiz-title-container .img-cross {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/quiz_close_new.png) center no-repeat;
  background-size: contain;
  width: 0.875rem;
  height: 0.75rem;
  position: absolute;
  top: 1rem;
  left: 5%;
  cursor: pointer;
}

.quiz-title-container .quiz-title {
  padding: 0.8125rem 0 0.8125rem 0;
  background-color: #F7F7F7;
  font-size: 0.8125em;
  line-height: 1.4;
  letter-spacing: 0.8px;
  color: #008AB0;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
}

.progress-bar-container {
  padding-top: 1.125rem;
  text-align: center;
}

.question {
  font-weight: 100;
  font-size: 1.8125em;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 2.0625rem;
  margin-top: 1.375rem;
  line-height: 1.1;
}

.progressi {
  width: 0%;
  height: 0.5rem;
  border-radius: 0.625rem;
  background-image: linear-gradient(to right, #93EDC7, #1CD8D2);
}

.leftarr {
  width: 1.75rem;
  height: 1.75rem;
  background-color: #93EDC7;
  border-radius: 71%;
  display: inline-block;
  border: none;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/quiz_back_new.png);
  background-size: contain;
  cursor: pointer;
  visibility: hidden;
}

.left-arr-visible {
  visibility: visible;
}

.rightarr {
  width: 1.75rem;
  height: 1.75rem;
  background-color: #E6E6E6;
  border-radius: 71%;
  display: inline-block;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/quiz_forward_new.png);
  background-size: contain;
  border: none;
  cursor: pointer;
  visibility: hidden;
}

.right-arrow-visible {
  visibility: visible;
}

.you-style {
  font-weight: 300;
}

.img {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/x-icon.png) center no-repeat;
}

.answer {
  float: none;
  margin: 0 auto;
  position: relative;
  background-color: #FFFFFF;
  border: 0.0625rem solid #008AB0;
}

.answer-text {
  float: none;
  margin: 0 auto;
  position: relative;
  background-color: #FFFFFF;
  border: 0.0625rem solid #008AB0;
}

@media screen and (min-width: 768px) {
  .progresso {
    width: 80%;
    height: 0.5rem;
    border-radius: 0.625rem;
    background-color: #E6E6E6;
    display: inline-block;
    margin: 0.625rem;
  }

  .answer {
    max-width: 27.25rem;
    min-width: 27.25rem;
  }

  .answer-text {
    max-width: 27.25rem;
    min-width: 27.25rem;
    height: 5.625rem;
  }

  .answer-word {
    max-width: 27.25rem;
    min-width: 27.25rem;
  }
}

.question-box {
  font-family: ProximaNova-Thin;
  font-size: 1.8125rem;
  line-height: 1.1;
  color: #FFFFFF;
  text-align: center;
  padding-top: 3.6875rem;
  margin-bottom: 2.0625rem;
}

.main-container {
  padding-bottom: 2.8125rem;
}

@media all and (max-width: 768px) {
  .answerbox {
    width: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0);
  }

  .answerbox-text {
    width: 100%;
    height: 7.5625rem;
    margin-bottom: 0.5rem;
    text-align: center;
    background-color: rgba(255, 255, 255, 0);
  }

  .answer-text {
    max-width: 19.3125rem;
    min-width: 19.3125rem;
    height: 7.5625rem;
  }

  .answer-word {
    max-width: 19.3125rem;
    min-width: 19.3125rem;
  }
}

@media all and (min-width: 375px) and (max-width: 436px) {
  .answerbox {
    width: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0);
  }

  .answer-word {
    max-width: 20rem;
    min-width: 20rem;
  }

  .answerbox-text {
    width: 100%;
    height: 7.5625rem;
    text-align: center;
    background-color: rgba(255, 255, 255, 0);
  }

  .answer-text {
    max-width: 20rem;
    min-width: 20rem;
    height: 7.5625rem;
  }

  .answer-word {
    max-width: 20rem;
    min-width: 20rem;
  }
}

@media all and (min-width: 437px) {
  .answerbox {
    width: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0);
  }

  .answerbox-text {
    width: 100%;
    margin-bottom: 0.5rem;
    text-align: center;
    background-color: rgba(255, 255, 255, 0);
  }
}

.title-bar {
  width: 100%;
  height: 2.75rem;
  border-radius: 0.1875rem;
  background-color: #F7F7F7;
  text-align: center;
}

.title-text {
  font-family: ProximaNova-Semibold;
  font-size: 0.8125rem;
  line-height: 3.4;
  letter-spacing: 0.5em;
  color: #008AB0;
}

.answer-word {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.25;
  color: #008AB0;
  text-shadow: 0 -0.0625em 0 rgba(54, 175, 201, 0.3);
  padding: 0 0.8125rem;
  height: inherit;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.anscont {
  text-align: center;
  width: 30%;
  margin-left: 35%;
}

.border {
  width: 5em;
  border-bottom: 0.125em solid #B9E1EA;
}

.border:last-child {
  color: #ff0000;
}

.selected {
  transform: scale(2, 2);
  transition: transform 0.3s linear;
}

.unselected {
  transform: scale(1, 1);
  opacity: 0.4;
}

.square {
  float: left;
  width: 50%;
  z-index: 1;
  position: relative;
}

/*  For responsive images as background */

.imageBackground {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #FFFFFF;
  position: relative;
  z-index: 1;
  padding: 0.625rem;
}

.containerDiv {
  width: 40%;
  height: 100%;
  margin: 3% 0% 0% 30%;
}

.wrapperDiv {
  overflow: hidden;
  padding-bottom: 2.8125rem;
}

@media screen and (max-width: 1023px) {
  .wrapperDiv {
    margin: 0 auto;
    padding-left: 0%;
  }

  .containerDiv {
    width: 100%;
    margin: 0 auto;
    vertical-align: middle;
  }
}

@media screen and (max-width: 768px) {
  .wrapperDiv {
    width: 90%;
    margin: 0% auto;
  }

  .containerDiv {
    width: 100%;
    margin: 0 auto;
    vertical-align: middle;
  }

  .progresso {
    width: 80%;
    height: 0.5rem;
    border-radius: 0.625rem;
    background-color: #E6E6E6;
    display: inline-block;
    margin: 0.625rem;
  }
}

@media screen and (max-width: 485px) {
  .progresso {
    width: 73%;
  }
}

@media screen and (max-width: 374px) {
  .wrapperDiv {
    margin: 0% auto;
    width: 100%;
  }

  .containerDiv {
    width: 100%;
    vertical-align: middle;
    margin: 0% auto;
  }
}

@media screen and (max-width: 360px) {
  .progresso {
    width: 69%;
  }
}

.selectedOption {
  opacity: 1;
}

.selectedOption .markselected {
  position: absolute;
  display: inline-block;
  top: 0.625rem;
  left: 0.625rem;
  width: 2.25rem;
  height: 2.25rem;
}

.unselectedOption {
  opacity: 0.8;
}

.markselected {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/check.svg) no-repeat;
  background-position: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  display: none;
}

.media-center-header-container a {
  text-decoration: none;
}

.media-center-header-container .header-panel {
  height: 3.938em;
  z-index: 10;
  background: rgba(255, 255, 255, 0.93);
  border-bottom: 2px solid #dadada;
  position: relative;
}

.media-center-header-container .media-center-heading {
  padding-top: 0.938em;
  padding-bottom: 1.188em;
  padding-left: 1.875em;
  display: inline-block;
}

.media-center-header-container .media-center-heading a {
  color: #444444;
}

.media-center-header-container .heading-text {
  display: inline-block;
  font-size: 1em;
  font-weight: 300;
  letter-spacing: -0.1px;
  color: #444444;
}

.media-center-header-container .dropdown-toggle::after {
  display: none;
}

.media-center-header-container .heading-text-large {
  display: inline-block;
  padding-left: 0.563em;
  font-size: 1.375em;
  font-weight: 100;
  letter-spacing: -0.2px;
  color: #444444;
}

.media-center-header-container .heading-text-large:after {
  content: "|";
  width: 0.2em;
  height: 1.5em;
  padding-left: 2.438em;
  color: #dadada;
}

.media-center-header-container .media-header-expandable {
  padding-top: 0.625em;
  position: absolute;
  right: 0;
  margin-right: 1.063em;
  display: inline-block;
}

.media-center-header-container .dropdown-image-down,
.media-center-header-container .dropdown-image-up {
  height: 1.625em;
  width: 1.625em;
  float: right;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-dropdown.svg) center no-repeat;
}

.media-center-header-container .dropdown-image-up {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
}

.media-center-header-container .media-dropdown-panel {
  position: absolute;
  top: 100%;
  width: 100%;
  background: #FFFFFF;
  z-index: 999;
  border-bottom: 2px solid #dadada;
}

.media-center-header-container .media-dropdown-panel a {
  color: #444444;
}

.media-center-header-container .dropdown-category-name {
  padding-left: 3em;
  padding-bottom: 1.50em;
  font-size: 1em;
  font-weight: 100;
  letter-spacing: -0.1px;
  color: #444444;
}

.media-center-header-container .media-center-search {
  padding-top: 0.750em;
  position: absolute;
  right: 0;
  margin-right: 1.25em;
  display: inline-block;
}

.media-center-header-container .media-center-search-large {
  padding-top: 1.2em;
  position: absolute;
  display: inline-block;
  right: 0;
  margin-right: 2.2em;
}

.media-center-header-container .search-icon,
.media-center-header-container .search-icon-inside {
  height: 1.250em;
  width: 1.250em;
  float: left;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-search-copy-16.svg) center no-repeat;
}

.media-center-header-container .search-icon-inside {
  position: absolute;
  right: 0;
  margin-top: 0.1em;
  margin-right: 3em;
  display: inline-block;
}

.media-center-header-container .media-center-icon {
  height: 1.938em;
  width: 1.938em;
  float: left;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-mediacenter.svg) center no-repeat;
}

.media-center-header-container .media-nav-large {
  padding-top: 1.250em;
  padding-left: 0.7em;
  display: inline-block;
}

.media-center-header-container .media-nav-large a {
  color: #444444;
}

.media-center-header-container .media-nav-text {
  font-size: 1em;
  padding-left: 1.750em;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.5px;
  text-align: center;
  color: #444444;
}

.media-center-header-container .search-text {
  float: right;
  padding-top: 0.250em;
  color: #FFFFFF;
  font-size: 0.813em;
  font-weight: normal;
  line-height: 1.69;
  letter-spacing: 0.4px;
}

.media-center-header-container .text-small-aqua {
  font-size: 0.813em;
  font-weight: normal;
  line-height: 1.23;
  letter-spacing: 0.4px;
  padding-left: 0.938em;
  color: #008AB0;
}

.media-center-header-container .reset {
  margin: 0;
  padding: 0;
}

.media-center-header-container .search-overlay {
  width: 100%;
  position: fixed;
  /* Stay in place */
  z-index: 2;
  /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgba(247, 247, 247, 0.96);
  /* Black w/opacity */
  overflow: auto;
  /* Disable horizontal scroll */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

.media-center-header-container .search-content {
  position: relative;
  padding: 0 3em 1em;
  margin: 0;
  top: 10%;
  /* 25% from the top */
  width: 100%;
  /* 100% width */
}

.media-center-header-container .search-content a {
  cursor: pointer;
  color: #444444;
}

.media-center-header-container .close-overlay {
  height: 35px;
  width: 36px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-close-circle.svg) center no-repeat;
  position: absolute;
  top: 56px;
  right: 45px;
  font-size: 1.875em;
  z-index: 11;
}

.media-center-header-container .search-input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #A7A7A7;
  background: transparent;
  font-size: 3em;
  font-weight: 100;
}

.media-center-header-container .search {
  padding: 8em 0 3em 0;
}

.media-center-header-container .margin-search {
  margin-bottom: 2em;
}

.media-center-header-container .clear-input {
  height: 14px;
  width: 14px;
  position: absolute;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-close-small.svg) center no-repeat;
  right: 53px;
  top: 165px;
}

.media-center-header-container .tt-dropdown-menu,
.media-center-header-container .gist {
  text-align: left;
}

.media-center-header-container .ng-invalid {
  border-color: red !important;
}

.media-center-header-container .typeahead,
.media-center-header-container .tt-query,
.media-center-header-container .tt-hint {
  width: 100%;
  border: none;
  border-bottom: 1px solid #A7A7A7;
  background: transparent;
  font-size: 3em;
  font-weight: 100;
  outline: none;
  line-height: normal;
}

.media-center-header-container .twitter-typeahead {
  width: 100%;
}

.media-center-header-container .tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #2d2d2d;
}

.media-center-header-container .tt-hint {
  color: #A7A7A7;
}

.media-center-header-container .tt-menu {
  position: relative !important;
  width: 100%;
  padding: 8px 0;
  background-color: rgba(255, 255, 255, 0.4);
}

.media-center-header-container .tt-suggestion {
  padding: 3px 20px;
  font-size: 1em;
  line-height: 1.5;
  color: #444444;
  font-weight: 300;
  background: transparent;
}

.media-center-header-container .tt-suggestion:hover {
  cursor: pointer;
}

.media-center-header-container .tt-suggestion p {
  margin: 0;
}

.media-center-header-container .modal-content {
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05) !important;
}

.media-center-header-container .modal-dialog {
  width: 100%;
  -webkit-transform: initial !important;
  transform: initial !important;
}

.media-center-header-container .modal.fade {
  -webkit-transition: opacity 1.25s cubic-bezier(0.16, 1.32, 0.91, 1.26);
  transition: opacity 1.25s cubic-bezier(0.16, 1.32, 0.91, 1.26);
}

.media-center-header-container .modal-backdrop {
  background: #FFFFFF;
}

.media-center-header-container .modal-backdrop.in {
  opacity: .9;
}

.media-center-header-container .modal-open .page-container {
  -webkit-animation: blur 1s 1 cubic-bezier(0.16, 1.32, 0.91, 1.26);
  animation: blur 1s 1 cubic-bezier(0.16, 1.32, 0.91, 1.26);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes blur {
  0% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }

  100% {
    -webkit-filter: blur(6px);
    filter: blur(6px);
  }
}

@keyframes blur {
  0% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }

  100% {
    -webkit-filter: blur(6px);
    filter: blur(6px);
  }
}

.media-center-header-container .modal-content {
  border-radius: 0;
  box-shadow: none;
  border: none;
}

.media-center-header-container .modal-header {
  padding: 0;
  border: none;
}

@media screen and (min-width: 318px) and (max-width: 767px) {
  .media-center-header-container .header-panel {
    height: 3.125em;
  }

  .media-center-header-container .media-center-heading {
    padding-left: 1.2em;
  }

  .media-center-header-container .close-overlay {
    top: 1em;
    right: 1em;
  }

  .media-center-header-container .search-content {
    padding: 0 1.438em 1em;
  }

  .media-center-header-container .search {
    padding: 6.6em 0 3em 0;
  }

  .media-center-header-container .typeahead,
  .media-center-header-container .tt-query,
  .media-center-header-container .tt-hint {
    font-size: 1.375em;
  }

  .media-center-header-container .margin-search {
    margin-bottom: 1.235em;
  }

  .media-center-header-container .recently-viewed h5 {
    margin: 2em 0 0 0;
  }

  .media-center-header-container .clear-input {
    right: 1.875em;
    top: 7.300em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .media-center-header-container .close-overlay {
    top: 1.500em;
    right: 1.438em;
  }

  .media-center-header-container .search-content {
    padding: 0 1.438em 1em;
  }

  .media-center-header-container .search {
    padding: 7em 0 3em 0;
  }

  .media-center-header-container .typeahead,
  .media-center-header-container .tt-query,
  .media-center-header-container .tt-hint {
    font-size: 1.375em;
  }

  .media-center-header-container .margin-search {
    margin-bottom: 1.235em;
  }

  .media-center-header-container .recently-viewed h5 {
    margin: 0;
  }

  .media-center-header-container .clear-input {
    right: 1.875em;
    top: 7.500em;
  }
}

.errorMessage {
  width: 100%;
  background-color: #D0021B !important;
  color: #FFFFFF;
  border-radius: 0;
  display: none;
  text-align: center;
  margin-top: -3px;
}

.infoIcon {
  margin-right: 0.875em;
}

.media-carousel-container {
  background-color: #F7F7F7;
  padding-top: 1em;
  padding-bottom: 1.3rem;
  margin-bottom: 0;
}

.media-carousel-container a {
  text-decoration: none;
  outline: none;
}

.media-carousel-container h2 {
  font-size: 1.375rem;
}

.media-carousel-container .category-name {
  padding: 0 0.8em 0 0.8em;
  font-size: 1.875em;
  font-weight: 100;
  line-height: 1.41;
  color: #2D2D2D;
}

.media-carousel-container .product-list {
  background-color: #F7F7F7;
  padding: 0 0.8em 0 0.8em;
}

.media-carousel-container .product-list .slick-slider.carousel .slick-next {
  right: -0.8rem;
  width: 1.88rem;
}

.media-carousel-container .product-list .slick-slider.carousel .slick-prev {
  left: -0.8rem;
  width: 1.88rem;
}

.media-carousel-container .product-list .slick-slider.carousel {
  margin: 0;
}

.media-carousel-container .tile {
  background-color: #FFFFFF;
  display: inline-block;
}

.media-carousel-container .tile-container {
  padding: 0.3em;
}

.media-carousel-container .tile.last-tile {
  position: relative;
  background-color: #008AAF;
}

.media-carousel-container .tile.last-tile .tile-description {
  max-height: 5.5rem;
  height: 6rem;
  background: #008AB0;
}

.media-carousel-container .tile.last-tile .tile-image {
  background-color: #008AAF;
}

.media-carousel-container .last-tile-icon {
  height: 1.95em;
  width: 1.938em;
  margin-bottom: 1em;
  padding-left: 85%;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-next.svg) center no-repeat;
  background-size: contain;
}

.media-carousel-container .last-tile-text {
  position: absolute;
  margin: auto;
  top: 30%;
  bottom: 0;
  right: 0;
  left: 0;
  max-width: 7rem;
  z-index: 10;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .media-carousel-container .last-tile-text {
    top: 36%;
  }
}

.media-carousel-container .last-tile-text p {
  text-align: center;
  padding: 0;
  margin: 0;
  color: white;
}

@media screen and (min-width: 318px) and (max-width: 767px) {
  .media-carousel-container .tile-container {
    padding: 0 0 1em 0;
  }
}

.media-category-banner-container .banner-row {
  padding: 0 0.9375rem;
}

.media-category-banner-container .category-header {
  padding: 0;
  background: #FFFFFF;
}

.media-category-banner-container .category-only-header {
  padding: 0;
  background: #FFFFFF;
}

.media-category-banner-container .category-header-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.media-category-banner-container .myContentBanner,
.media-category-banner-container .myFavBanner {
  left: inherit;
  right: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.media-category-banner-container .productsBanner,
.media-category-banner-container .lifestyleBanner,
.media-category-banner-container .opportunityBanner {
  background-repeat: no-repeat;
  background-size: cover;
}

.media-category-banner-container .category-name {
  font-weight: 100;
  letter-spacing: -0.3px;
  color: #2D2D2D;
  line-height: 1.1;
}

.media-category-banner-container .category-name .header {
  padding: 0 0 0.8em 0;
}

.media-category-banner-container .category-name .category-content {
  padding: 0;
  margin-bottom: 1.5em;
  font-size: 1rem;
  font-weight: 300;
  color: #444444;
}

.media-category-banner-container .category-name .item-count {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.94;
  color: #A7A7A7;
  margin-bottom: 0;
}

.media-category-banner-container .category-button {
  padding: 0;
}

.media-category-banner-container .category-button .btn {
  border-radius: 0.1875rem;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 1px;
  width: auto;
  margin-bottom: 0;
}

.media-category-banner-container .media-buttons {
  position: absolute;
  bottom: 0;
  left: 0;
}

.media-category-banner-container .refine,
.media-category-banner-container .upload {
  font-size: 0.875em;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: 0.4px;
  color: #008AB0;
  margin-bottom: 0;
  outline: none;
  background: none;
  border: 0;
  padding: 0;
}

.media-category-banner-container .upload {
  margin-left: 0.75em;
}

.media-category-banner-container .refine-icon,
.media-category-banner-container .upload-icon {
  height: 1.250em;
  width: 1.450em;
  float: left;
  margin-right: 0.313em;
}

.media-category-banner-container .refine-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-refine.svg) center no-repeat;
}

.media-category-banner-container .upload-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-upload.svg) center no-repeat;
}

.media-category-banner-container .filter-row {
  min-height: 2.8125rem;
  opacity: 0.9;
  background-color: #F7F7F7;
  border: solid 1px #D1D1D1;
  margin: 0;
  padding: 0.5rem 1rem 0.4375rem 0.75rem;
}

.media-category-banner-container .filter-row .refine {
  margin: 0;
  padding: 0.25rem 0 0 0;
}

.media-category-banner-container .filter-row .sortby-dropdown {
  float: right;
  padding: 0;
}

.media-category-banner-container .filter-row .sortby-dropdown .sort-by-title {
  display: inline-block;
  padding-top: 2px;
}

.media-category-banner-container .filter-row .sortby-dropdown span {
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  padding-right: 0.4375rem;
}

.media-category-banner-container .filter-row .sortby-dropdown .select-wrapper {
  display: inline-block;
  min-width: 6.875rem;
  background: transparent;
  float: right;
}

.media-category-banner-container .filter-row .sortby-dropdown .select-wrapper .form-control {
  margin: 0;
  height: 1.875rem;
  padding: 0.25rem 0 0.3125rem 0.75rem;
}

.media-category-banner-container .filter-row .sortby-dropdown .select-wrapper::after {
  right: 0.625rem;
}

@media screen and (max-width: 767px) and (min-width: 319px) {
  .media-category-banner-container {
    margin-top: -3.1em;
    padding: 0;
  }

  .media-category-banner-container .category-only-header {
    min-height: 12.125rem;
  }

  .media-category-banner-container .category-only-header .myContentBanner,
  .media-category-banner-container .category-only-header .myFavBanner {
    background-position: 75%;
  }

  .media-category-banner-container .category-header {
    min-height: 12.125rem;
  }

  .media-category-banner-container .category-name {
    padding: 5rem 0 4.375rem 0.75em;
    font-size: 1.88rem;
  }

  .media-category-banner-container .no-result-padding {
    padding: 8rem 0 1.5rem 0.75em;
  }

  .media-category-banner-container .productsBanner,
  .media-category-banner-container .lifestyleBanner {
    background-position: bottom;
  }

  .media-category-banner-container .opportunityBanner {
    background-position: left;
  }

  .media-category-banner-container .myContentBanner,
  .media-category-banner-container .myFavBanner {
    background-position: 75%;
  }
}

@media screen and (max-width: 1022px) and (min-width: 768px) {
  .media-category-banner-container {
    margin-top: -3.9em;
    padding: 0;
  }

  .media-category-banner-container .category-only-header {
    min-height: 12.9375rem;
  }

  .media-category-banner-container .category-header {
    min-height: 12.9375rem;
  }

  .media-category-banner-container .category-name {
    padding: 5.8125rem 0 4.375rem 2.9em;
    font-size: 1.88rem;
  }

  .media-category-banner-container .no-result-padding {
    padding: 11rem 0 1.5rem 2.9em;
  }

  .media-category-banner-container .category-only-header .myContentBanner,
  .media-category-banner-container .category-only-header .myFavBanner {
    background-size: cover;
  }

  .media-category-banner-container .productsBanner {
    background-position: bottom;
  }

  .media-category-banner-container .lifestyleBanner,
  .media-category-banner-container .opportunityBanner {
    background-position: left bottom;
  }

  .media-category-banner-container .myContentBanner,
  .media-category-banner-container .myFavBanner {
    background-position: right;
  }
}

@media screen and (min-width: 1023px) and (max-width: 1439px) {
  .media-category-banner-container {
    margin-top: -3.9em;
    padding: 0;
  }

  .media-category-banner-container .category-only-header {
    min-height: 12.9375rem;
  }

  .media-category-banner-container .category-header {
    min-height: 12.9375rem;
  }

  .media-category-banner-container .category-name {
    padding: 5.8125rem 0 4.375rem 3.05em;
    font-size: 2.37rem;
  }

  .media-category-banner-container .no-result-padding {
    padding: 11rem 0 1.5rem 3.05em;
  }

  .media-category-banner-container .category-name .category-content {
    font-size: 1.4rem;
  }

  .media-category-banner-container .productsBanner {
    background-position: bottom;
  }

  .media-category-banner-container .lifestyleBanner,
  .media-category-banner-container .opportunityBanner {
    background-position: left bottom;
  }

  .media-category-banner-container .myContentBanner,
  .media-category-banner-container .myFavBanner {
    background-position: right;
  }
}

@media screen and (min-width: 1440px) {
  .media-category-banner-container {
    margin-top: -3.9em;
    padding: 0;
  }

  .media-category-banner-container .category-only-header {
    min-height: 12.9375rem;
  }

  .media-category-banner-container .category-header {
    min-height: 12.9375rem;
  }

  .media-category-banner-container .category-name {
    padding: 5.8125rem 0 4.375rem 4.325em;
    font-size: 2.37rem;
  }

  .media-category-banner-container .no-result-padding {
    padding: 11rem 0 1.5rem 4.325em;
  }

  .media-category-banner-container .category-name .category-content {
    font-size: 1.4rem;
  }

  .media-category-banner-container .productsBanner,
  .media-category-banner-container .lifestyleBanner,
  .media-category-banner-container .opportunityBanner {
    background-position: left bottom;
  }

  .media-category-banner-container .myContentBanner,
  .media-category-banner-container .myFavBanner {
    background-position: right;
  }
}

.media-category-banner-container .storage-part {
  display: inline-block;
  padding-left: 1em;
}

.media-banner-container {
  margin-top: -3.9em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right top;
}

.media-banner-container .error-message-row {
  margin-top: 3.9em;
}

.media-banner-container .media-banner-header h2 {
  padding: 1.875rem 0 0 0;
  margin-bottom: 0.5em;
  letter-spacing: -0.3px;
  color: #2D2D2D;
}

.media-banner-container .media-banner-header p {
  color: #2D2D2D;
  margin-bottom: 1.5em;
  padding: 0;
}

.media-banner-container .start-quiz {
  min-width: 11.5em;
  border-radius: 3px;
  border: solid 1px #008AB0;
  margin-bottom: 1.25em;
}

.media-banner-container .maybe-later {
  font-size: 1em;
  font-weight: 300;
  color: #008AB0;
  padding-bottom: 4.375rem;
}

.media-banner-container .maybe-later a {
  cursor: pointer;
}

.media-banner-container .maybe-later a:hover {
  text-decoration: none;
  color: #008AB0;
}

.media-modal-head {
  font-size: 1.375em;
  font-weight: 100;
  line-height: 1.27;
  text-align: center;
  color: #444444;
  margin-bottom: 1.4em;
}

.media-modal-text {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5;
  color: #444444;
  padding: 0 2em 0 2em;
  margin-bottom: 2em;
}

.dashboard-reset-modal .modal-dialog {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 29.625em;
  height: 17.875em;
}

.dashboard-reset-modal .modal-body {
  padding: 1em;
}

.dashboard-reset-modal .modal-dialog .modal-header .cross-icon {
  padding: 1.250em 1.250em 0.3rem 0;
}

.dashboard-reset-modal .modal-dialog .modal-header .cross-icon {
  padding: 1.250em 1.250em 0.3rem 0;
}

.btn-secondary-modal {
  color: #727272;
  background-image: none;
  background-color: transparent;
  border-color: #727272;
}

.close-modal-icon {
  padding: 1.250em 1.250em 0 0;
}

.modal-btn-container {
  min-height: 2.8125rem;
}

.button-view {
  padding: 0 .450em;
  float: right;
  height: 100%;
}

.button-view button {
  padding: 0.9rem 0.625rem 0.85rem;
}

.reset-modal-button {
  height: 100%;
  white-space: normal;
}

@media all and (min-width: 320px) and (max-width: 767px) {
  .media-banner-container {
    background-position: right top;
    margin-top: -3.1em;
  }

  .media-banner-container .error-message-row {
    margin-top: 3.1em;
  }

  .media-banner-header {
    min-height: 9rem;
    padding: 0 0 1.25rem 1.5em;
  }

  .media-banner-header h2 {
    font-size: 1.9rem;
  }

  .dashboard-reset-modal .modal-dialog {
    padding-top: 2rem;
    max-width: 20.313em;
    height: 19.875em;
    height: auto;
  }

  .dashboard-reset-modal .modal-dialog .modal-content {
    height: auto;
  }

  .media-modal-head {
    text-align: left;
    margin-bottom: 0.6em;
    padding-left: .5em;
  }

  .media-modal-text {
    padding: 0 3.375em 0 0.5em;
  }

  .button-view {
    padding: 0;
    float: none;
  }

  .modal-btn-container {
    padding: 0;
  }

  .close-modal-icon {
    padding: 0;
  }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
  .media-banner-container {
    background-position: right top;
    margin-top: -3.9em;
  }

  .media-banner-container .error-message-row {
    margin-top: 3.9em;
  }

  .media-banner-header {
    min-height: 9rem;
    padding: 0 0 0 4.75em;
  }

  .media-banner-header h2 {
    font-size: 1.9rem;
  }
}

@media all and (min-width: 936px) and (max-width: 1023px) {
  .media-banner-container {
    background-position: right top;
    margin-top: -3.9em;
  }

  .media-banner-container .error-message-row {
    margin-top: 3.9em;
  }
}

@media all and (min-width: 1024px) and (max-width: 1439px) {
  .media-banner-container {
    background-position: right top;
    margin-top: -3.9em;
  }

  .media-banner-container .error-message-row {
    margin-top: 3.9em;
  }

  .media-banner-header {
    min-height: 9rem;
    padding: 0 0 0 6.9em;
  }

  .media-banner-header h2 {
    font-size: 2.4rem;
  }

  .media-banner-header .start-quiz {
    min-width: 16.438em;
  }
}

@media all and (min-width: 1440px) {
  .error-message-row {
    margin-top: 3.9em;
  }

  .media-banner-header {
    min-height: 9rem;
    padding: 0 0 0 9.5em;
  }

  .media-banner-header h2 {
    font-size: 2.4rem;
  }

  .media-banner-header .start-quiz {
    min-width: 16.438em;
  }
}

svg.heart {
  width: 100%;
  fill: #818387;
  transition: all 3s;
  overflow: visible !important;
}

button.favorite {
  display: block;
  outline: 0;
  padding: 0;
  border: none;
  background: none;
  overflow: visible;
  position: relative;
}

button.favorite:focus {
  outline: 0;
}

button.favorite #heart-outline {
  transition: all .2s;
  cursor: pointer;
}

button.favorite.active svg #heart-outline {
  stroke: #FF76B9;
}

button.favorite.active svg #fill {
  position: absolute;
  z-index: 10;
  transform-origin: 50% 50%;
  animation: heartBeat 0.5s 1 cubic-bezier(0.16, 1.32, 0.91, 1.26);
  animation-fill-mode: forwards;
  fill: #FF76B9;
}

@keyframes heartBeat {
  0% {
    opacity: 0.5;
  }

  50% {
    fill: #FF76B9;
    transform: scale3d(1.4, 1.4, 1.4);
  }

  100% {
    opacity: 1;
    fill: #FF76B9;
    transform: scale3d(1, 1, 1);
  }
}

.media-favorite-container {
  position: absolute;
  top: 0.250em;
  right: 1em;
}

.tile-container {
  background-color: #F7F7F7;
}

.tile-container .tile {
  background-color: #FFFFFF;
  display: inline-block;
  border: 1px solid transparent;
}

.tile-container .deactivate {
  opacity: 0.2;
  border: 1px solid #979797;
  z-index: 10;
}

.tile-container .uploaddeactivate {
  opacity: 0.2;
  z-index: 10;
}

.tile-container .tile-image {
  height: auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  background-color: #D1D1D1;
}

.tile-container .tile-image img {
  display: inline-block;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  max-height: 100%;
}

.tile-container .tile-image.icon {
  padding: 60px;
}

.tile-container .tile-image.icon img {
  height: 40%;
  width: 40%;
}

.tile-container .tile-container {
  background-color: #F7F7F7 !important;
}

.tile-container .top-rated-cover {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 0;
  padding-left: 1rem;
}

.tile-container .top-rated-cover .top-rated {
  min-width: 3rem;
  height: 1.5rem;
  border-radius: 2px;
  border: solid 1px #FF76BA;
  padding: 4px;
  text-align: center;
  display: inline-block;
}

.tile-container .top-rated-cover .top-rated p {
  font-size: 0.8125rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.08;
  color: #FF76B9;
  margin-bottom: 0px;
}

.tile-container .tile-description {
  padding-top: 0.750em;
  font-weight: 300;
  font-size: 0.813em;
  line-height: 1.1;
  padding-left: 1em;
  height: 3.438em;
  overflow: hidden;
}

.tile-container .tile-footer {
  max-height: 2.188em;
  padding-top: 1.063em;
}

.tile-container .tile-icon-container {
  float: left;
  width: 100%;
  margin-top: 1rem;
}

.tile-container .logo {
  height: 1.938em;
  width: 1.938em;
  position: relative;
  float: left;
  margin-left: 1em;
  margin-bottom: 0.6em;
}

.tile-container .logo-share {
  height: 1.250em;
  width: 1.250em;
  position: relative;
  float: right;
  margin-top: 0.250em;
  margin-right: 0.625em;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-share-icon.svg) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

.tile-container .media-delete-container {
  height: 1.50em;
  width: 1.375em;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-delete.svg) no-repeat;
  background-size: contain;
  cursor: pointer;
}

.tile-container .delete-tile {
  position: relative;
  float: right;
  margin-bottom: 1em;
  margin-right: 1em;
}

.tile-container .undo-btn {
  width: 100%;
  height: 100%;
  background: transparent;
}

.tile-container .undo-delete {
  padding: 1.25em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
}

.tile-container .undo-delete div {
  height: 3em;
  width: 7.5em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
}

.tile-container .upload {
  padding: 1.25em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  margin: 0;
  height: 100%;
}

.tile-container .upload .loading-text {
  color: #008AB0;
  position: relative;
  text-align: center;
  margin-top: 1rem;
}

.tile-container .upload div {
  height: auto;
  width: auto;
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  margin-top: 1rem;
}

.tile-container .media-favorite-container {
  position: absolute;
  top: 0.6rem;
  right: 1.2rem;
}

.tile-container .media-favorite-container button {
  width: 2.25rem;
  height: 2.25rem;
  cursor: auto;
}

.tile-container .new-or-star-section {
  height: 1.75rem;
}

.tile-container .category-tile {
  padding: 5px;
}

.tile-container .category-tile .tile-image {
  height: 13em;
}

.check-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.share-modal-head {
  font-size: 1.375em;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.27;
  text-align: center;
  color: #444444;
  margin-bottom: 2rem;
}

.share-modal-text {
  font-size: 1em;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  color: #444444;
}

.share-modal-button {
  padding: 0 0.5em;
}

.share-modal-button .btn {
  padding: 0.9rem 0.625rem 0.85rem;
}

.image-detail-page {
  max-width: 100%;
}

.portrait-image {
  height: 100%;
}

.checkbox label.share-modal-label,
.checkbox input[type="checkbox"] + label.share-modal-label {
  font-size: 0.875em;
  font-weight: 300;
  padding-left: 2em;
  font-style: normal;
  font-stretch: normal;
  color: #777676;
}

.mediacenter-stars {
  display: inline-block;
  margin: 0.15em 0.25em 0em 0;
  padding-left: 0.9375rem;
}

@media all and (min-width: 320px) and (max-width: 359px) {
  .tile-container .tile-image {
    height: 9.125em;
  }

  .tile-container .tile-description {
    height: 3.938em;
  }
}

@media all and (min-width: 360px) and (max-width: 767px) {
  .tile-container .tile-footer {
    padding-top: 0.875em;
  }

  .tile-container .tile-image {
    height: 10.125em;
  }

  .tile-container .tile-image.icon {
    padding: 0px;
    position: relative;
  }

  .tile-container .tile-image.icon img {
    height: 20%;
    width: 20%;
  }

  .tile-container .tile-description {
    height: 3.938em;
  }

  .tile-container .tile-icon-container {
    margin-top: 0;
  }

  .tile-container .tile.last-tile .tile-description {
    max-height: 9rem;
    height: 8.3rem;
  }

  .tile-container .category-tile .tile-image {
    height: 9.125em;
  }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  .tile-container .tile-image {
    height: 10.20em;
  }

  .tile-container .tile-description {
    height: 3.938em;
  }

  .tile-container .tile-icon-container {
    margin-top: 0;
  }

  .tile-container .tile.last-tile .tile-description {
    max-height: 9rem;
    height: 8.5rem;
  }

  .tile-container .upload div {
    margin-top: 2.5rem;
  }

  .tile-container .category-tile .tile-image {
    height: 15em;
  }
}

@media all and (min-width: 1024px) and (max-width: 1439px) {
  .tile-container .tile-description {
    font-size: 0.875em;
    height: 3.638em;
  }

  .tile-container .tile-image {
    height: 14.125em;
  }

  .tile-container .tile-icon-container {
    margin-top: 0;
  }

  .tile-container .tile.last-tile .tile-description {
    max-height: 9.5rem;
    height: 8.2rem;
  }

  .tile-container .upload div {
    margin-top: 2.5rem;
  }

  .tile-container .category-tile .tile-image {
    height: 15em;
  }
}

@media all and (min-width: 1440px) {
  .tile-container .tile-description {
    font-size: 0.875em;
    height: 3.938em;
  }

  .tile-container .tile-image {
    height: 16.20em;
  }

  .tile-container .tile.last-tile .tile-description {
    max-height: 9.5rem;
    height: 8.7rem;
  }

  .tile-container .upload div {
    margin-top: 2rem;
  }

  .tile-container .category-tile .tile-image {
    height: 13em;
  }
}

@media all and (max-width: 359px) {
  .tile-container.mediatile {
    width: 100%;
  }
}

.tile-container {
  background-color: #F7F7F7;
  padding: 0 0 1em 0;
}

.tile-container #list {
  background-color: #F7F7F7;
  padding: 0 1em 1em 1em;
}

.tile-container .no-content-filter h2 {
  text-align: center;
  padding: 3.75rem 2.1875rem 0;
  font-size: 1.5rem;
}

.tile-container .no-content-filter .image-container {
  width: 23.4375rem;
  margin: 0 auto;
  position: relative;
  background-color: #d8d8d8;
}

.tile-container .no-content-filter .image-container img {
  object-fit: contain;
}

.headercontainer {
  background-color: #727272;
  padding: 0 1em;
}

#filter {
  background-color: #444444;
  min-height: 74.063em;
  transform: translateX(-110%);
  transition: opacity 1s linear;
  position: absolute;
  opacity: 0;
}

#filter.is-open {
  position: relative;
  transform: translateX(0);
  transition: transform .25s ease-in;
  opacity: 1;
}

#filter.filter-mobile {
  position: relative;
  top: 0;
  left: 0;
  z-index: 999;
  overflow: auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  transition: 0.5s;
  margin-left: 0;
}

#list {
  padding: 0.5em 1em;
}

#list .filter-tags {
  background-color: #FFFFFF;
  padding: 0 0.8125rem;
  min-height: 3.5rem;
}

#list .filter-tags h4 {
  font-size: 1rem;
  letter-spacing: 0.6px;
  color: #554f51;
  padding: 1.125rem 0.625rem 0.3125rem 0;
  margin: 0;
  display: inline-block;
  font-weight: normal;
}

#list .filter-tags .filter-item {
  display: inline-block;
  text-transform: uppercase;
  background-color: #fbfbfb;
  border: solid 1px #D1D1D1;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  color: #A7A7A7;
  padding: 0.4375rem 0.4375rem 0.375rem 0.4375rem;
  margin: 0 1.125rem 0.875rem 0;
}

#list .filter-tags .filter-item .remove-filter-cross {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-close-small-on-dark.svg) no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  margin-left: 0.625rem;
  cursor: pointer;
}

#list .filter-tags .reset-button {
  font-size: 0.875rem;
  color: #0f77a0;
  outline: none;
  background: none;
  border: 0;
  padding: 0 0.3125rem 0.3125rem 0;
}

#list .reset {
  padding-top: 0.625rem;
}

.see-more {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.57;
  padding: .5em 4.5em;
  cursor: pointer;
  letter-spacing: -0.1px;
  color: #FFFFFF;
}

.option-row {
  padding: 0.5em 1em 0.5em 0;
}

.result-text {
  font-weight: 100;
  font-size: 1.375rem;
  line-height: 1.41;
  color: #FFFFFF;
  margin-left: 1em;
  padding-top: 1em;
}

.opt-container {
  margin: 0;
  background-color: rgba(255, 255, 255, 0.1);
}

.filter-text,
.filter-close {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.57;
  color: #FFFFFF;
  margin-left: 1.5625em;
  margin-bottom: 0.8em;
}

.filter-close {
  margin: 0;
  padding: 0.75rem 0.75rem 0 0;
}

.filter-close .filter-close-button {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-close-small-on-dark.svg) center no-repeat;
  height: 0.5625rem;
  width: 0.5625rem;
  float: right;
  border: 0;
  cursor: pointer;
}

.filter-option {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.57;
  color: #FFFFFF;
  margin-left: 1.5625em;
  margin-top: 0.75em;
}

.selected-option {
  font-weight: 100;
  font-size: 0.875rem;
  line-height: 1.57;
  color: #40b1c8 !important;
}

.checkbox input[type="checkbox"] + label.color-box::before {
  margin-right: 3rem;
}

.color-icon {
  width: 1.125rem;
  height: 1.125rem;
  border: solid 1px #FFFFFF;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 2rem;
}

.no-outline {
  outline: none;
  background: none;
  border: 0;
  padding: 0;
}

.separator-line-filter {
  height: 0.125rem;
  border: solid 1px #727272;
  margin-top: 0;
}

.option-list-text,
.option-list {
  font-weight: 100;
  font-size: 0.875rem;
  line-height: 1.57;
  color: #FFFFFF;
}

.option-list-text {
  padding-left: 1.25em;
}

.option-list {
  float: right;
  margin-right: 0.25em;
}

.dropdown-container {
  float: right;
  height: 1.625em;
  width: 1.625em;
}

.float-top {
  margin-top: -0.5em;
}

.padding-zero {
  padding: 0 !important;
}

.white {
  color: #FFFFFF;
  font-size: 0.875rem;
}

#filter .selectedLabelOption {
  color: #40b1c8;
}

.filter-reset-section {
  padding: 1.375rem 0 2.625rem 0.8125rem;
  background-color: #565656;
}

.filter-reset-section .reset-filter {
  background-color: #727272;
  border: solid 1px #898787;
  cursor: pointer;
  display: inline-block;
  padding: 0.5rem 0.6875rem 0.4375rem 0.5rem;
}

.filter-reset-section .reset-filter .reset-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-reset-filter.svg) no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  width: 1rem;
  height: 1rem;
}

.filter-reset-section .reset-filter span {
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #FFFFFF;
  padding-left: 0.75rem;
}

.filter-row {
  margin: 0;
  background-color: #565656;
  padding: 0.8125rem 0 0;
}

.filter-row .reset .filter-name {
  padding: 0 0.5rem 0.8125rem 0.8125rem;
  font-size: 0.875rem;
  font-weight: 600;
}

.filter-row .reset .opt-container {
  background-color: #444444;
  padding: 1rem;
}

.filter-row .reset .opt-container .option-row:hover {
  background-color: transparent;
}

.filter-row .reset .opt-container .option-row .option-text {
  padding-left: 0.9375rem;
}

.filter-row .reset .opt-container .option-row .option-text .checkbox {
  margin-bottom: 0;
}

.filter-row .reset .opt-container .option-row .option-text .checkbox label {
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 300;
}

.filter-row .reset .opt-container .option-row .option-text .checkbox label::before {
  background-color: transparent;
}

.filter-row .reset .filtername-dropdown {
  padding-right: 0.5rem;
}

#filter .checkbox input[type="checkbox"]:checked + label::before {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-checkmark-white.png) no-repeat center;
  border-color: #008AB0;
  background-color: #008AB0;
}

.default-filter-row {
  margin: 0;
  background-color: #565656;
  padding: 0;
}

.default-filter-row .reset .filter-name {
  padding: 0 0.5rem 0.25rem 0.8125rem;
  font-size: 0.875rem;
  font-weight: 600;
}

.default-filter-row .reset .opt-container {
  background-color: #565656;
  padding-bottom: 1.5rem;
}

.default-filter-row .reset .opt-container .option-row:hover {
  background-color: transparent;
}

.default-filter-row .reset .opt-container .option-row {
  background-color: #565656;
}

.default-filter-row .reset .opt-container .option-row .option-text {
  padding-left: 1.875rem;
}

.default-filter-row .reset .opt-container .option-row .option-text .checkbox {
  margin-bottom: 0;
}

.default-filter-row .reset .opt-container .option-row .option-text .checkbox label {
  margin-bottom: 0.375rem;
  font-size: 0.875rem;
  font-weight: 300;
}

.default-filter-row .reset .opt-container .option-row .option-text .checkbox label::before {
  background-color: transparent;
}

.default-filter-row .reset .opt-container .option-row .option-icon-container {
  padding-left: 0.375rem;
}

.switch {
  position: relative;
  display: inline-block;
  width: 3.250em;
  height: 1.875em;
  float: right;
}

/* Hide default HTML checkbox */

.switch input {
  display: none;
}

/* The slider */

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F7F7F7;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 1.625em;
  width: 1.625em;
  left: 0;
  bottom: 2px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 4px 0 rgba(121, 121, 121, 0.5);
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #1CD8D2;
}

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

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

.slider.round {
  border-radius: 2.125em;
}

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

@media all and (min-width: 768px) and (max-width: 1023px) {
  .tile-container .no-content-filter h2 {
    padding: 3.75rem 3.4375rem 0;
  }
}

@media all and (min-width: 375px) and (max-width: 767px) {
  .tile-container .no-content-filter h2 {
    padding: 1.5625rem 1.5625rem 0;
  }

  .tile-container .no-content-filter p {
    padding: 0 1.5625rem;
  }

  .tile-container .no-content-filter .image-container {
    width: 20.3125rem;
  }
}

@media all and (min-width: 320px) and (max-width: 374px) {
  .tile-container .no-content-filter h2 {
    padding: 1.25rem 0.9375rem 0;
  }

  .tile-container .no-content-filter p {
    padding: 0 1.25rem;
  }

  .tile-container .no-content-filter .image-container {
    width: 17.9375rem;
  }

  .tile-container #list {
    padding: 0;
  }
}

.recently-viewed-container {
  margin-top: 1.250em;
}

.recently-viewed-container .tile {
  height: 7.813em;
  width: 19.375em;
  background-color: #FFFFFF;
  display: inline-block;
}

.recently-viewed-container .tile-image {
  position: relative;
  height: 4.750em;
  overflow: hidden;
  display: block;
  padding: 1.25rem 1rem 0 1rem;
}

.recently-viewed-container .p-image {
  margin: auto;
  height: 2.9375rem;
  overflow: hidden;
  position: relative;
  text-align: center;
  background-color: #FFFFFF;
}

.recently-viewed-container .tile-container {
  background-color: #F7F7F7;
  padding: 0.5em 1.250em;
}

.recently-viewed-container .tile-description {
  margin-top: 0.625em;
  padding-top: 0.425em;
  font-weight: 300;
  font-size: 0.813em;
  text-align: left;
}

.recently-viewed-container .logo {
  height: 1.938em;
  width: 1.938em;
  position: absolute;
  bottom: 0;
  margin-bottom: 0.750em;
  margin-left: 1em;
}

.recently-viewed-container .logo-share {
  height: 1.250em;
  width: 1.250em;
  position: absolute;
  right: 0;
  bottom: 0;
  margin-bottom: 1.250em;
  margin-right: 0.625em;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-share-icon.svg) no-repeat;
  background-size: cover;
}

.recently-viewed-container .last-viewed {
  color: #A7A7A7;
}

.recently-viewed-container .media-favorite-container {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
}

.recently-viewed-container .media-favorite-container button {
  width: 2.25rem;
  height: 2.25rem;
}

.recently-viewed-container .product-name {
  max-height: 2.5rem;
  padding-right: 1em;
  overflow: hidden;
  word-break: break-all;
  width: 11.25rem;
}

.recently-viewed-container .product-name:before {
  content: '...';
  position: absolute;
  right: 0;
  padding-right: 0.45rem;
  bottom: 1px;
}

.recently-viewed-container .product-name:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1.5em;
  height: 1em;
  margin-top: 0.2em;
  background: #FFFFFF;
}

.recently-viewed-container .image-recent {
  width: auto;
  display: inline-block;
  margin: 0 auto;
  max-height: 100%;
}

.recently-viewed-container .p-image:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

@media all and (min-width: 320px) and (max-width: 359px) {
  .recently-viewed-container .tile {
    width: 17.313em;
  }

  .recently-viewed-container .product-name {
    width: 9.25rem;
  }
}

@media all and (min-width: 360px) and (max-width: 767px) {
  .recently-viewed-container .tile {
    width: 20.313em;
  }

  .recently-viewed-container .product-name {
    width: 11.25rem;
  }

  .product-name {
    width: 11.25rem;
  }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  .recently-viewed-container .tile {
    width: 22.188em;
  }

  .recently-viewed-container .product-name {
    width: 12.5rem;
  }
}

@media all and (min-width: 1440px) {
  .recently-viewed-container .tile {
    width: 20.000em;
  }
}

.app-modal-window {
  z-index: 1100 !important;
}

.media-noresult-container .category-only-header {
  padding: 0;
  height: 39em;
  background: #FFFFFF;
}

.media-noresult-container .category-header-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right -12em top -5em;
}

.media-noresult-container .small-font {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 100;
}

.media-noresult-container .search-tips-header {
  padding-top: 1rem;
  margin-bottom: 0.8rem;
}

.media-noresult-container .category-name {
  font-weight: 100;
  letter-spacing: -0.3px;
  color: #2D2D2D;
  line-height: 1.1;
}

.media-noresult-container .category-name .header {
  padding: 0 0 0.8em 0;
}

.media-noresult-container .category-button {
  padding: 0;
}

.media-noresult-container .category-button .btn {
  border-radius: 3px;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) and (min-width: 319px) {
  .media-noresult-container .category-only-header {
    height: 33em;
  }

  .media-noresult-container .category-header-background {
    background-position: right -11em top 3em;
  }

  .media-noresult-container .category-name {
    padding: 3em 0 0 0.75em;
    font-size: 1.88rem;
  }

  .media-noresult-container .search-tips-header {
    padding-top: 1.25rem;
    margin-bottom: 0.4rem;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .media-noresult-container .category-only-header {
    height: 49em;
  }

  .media-noresult-container .category-name {
    padding: 3.375em 0 0 2.9em;
    font-size: 1.88rem;
  }

  .media-noresult-container .productsBanner {
    background-position: bottom;
  }

  .media-noresult-container .category-button .btn {
    width: 42%;
  }

  .media-noresult-container .search-tips-header {
    padding: 1rem;
    margin-bottom: 0.4rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .media-noresult-container .category-only-header {
    height: 40em;
  }

  .media-noresult-container .category-name {
    padding: 4em 0 0 3.05em;
    font-size: 2.37rem;
  }

  .media-noresult-container .category-header-background {
    background-position: right -15em top -3em;
  }

  .media-noresult-container .category-name .category-content {
    font-size: 1.4rem;
  }

  .media-noresult-container .category-button .btn {
    width: 32%;
  }

  .media-noresult-container .search-tips-header {
    padding: 1rem;
    margin-bottom: 0.4rem;
  }
}

@media screen and (min-width: 1440px) {
  .media-noresult-container .category-only-header {
    height: 39em;
  }

  .media-noresult-container .category-header-background {
    background-size: 70%;
    background-position: right 0em top -3em;
  }

  .media-noresult-container .category-name {
    padding: 4em 0 0 4.325em;
    font-size: 2.37rem;
  }

  .media-noresult-container .category-name .category-content {
    font-size: 1.4rem;
  }

  .media-noresult-container .category-button .btn {
    width: 29%;
  }
}

.media-item-detail {
  background: #FFFFFF;
}

.media-item-detail .reset {
  margin: 0;
  padding: 0;
}

.media-item-detail .search-result-placeholder img {
  width: 0.6em;
  margin-right: 0.5em;
}

.media-item-detail .search-result-placeholder span {
  font-size: 0.8125rem;
  font-weight: 300;
  letter-spacing: -0.1px;
  color: #2D2D2D;
}

.media-item-detail .item-detail-edit {
  padding: 1.4rem 0 1.4rem 3em;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 1px;
  text-align: left;
  color: #008AB0;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/stroke-159-copy-5.svg) no-repeat;
  background-size: 1.1em;
  background-position: 1em 45%;
  cursor: pointer;
}

.media-item-detail .media-image,
.media-item-detail .media-video,
.media-item-detail .media-presentation,
.media-item-detail .media-audio,
.media-item-detail .media-item-container {
  padding-top: 1em;
  -webkit-user-select: none;
  user-select: none;
  -moz-user-select: none;
}

.media-item-detail .media-video .video-outer-layer {
  position: absolute;
  background-color: transparent;
  height: 70%;
  width: 100%;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  margin: auto;
}

.media-item-detail .media-audio-container {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/audio-wave-copy-2@3x.png) no-repeat;
  background-size: contain;
  background-position: 50%;
}

.media-item-detail .media-audio audio {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.media-item-detail .media-presentation .media-presentation-container {
  background: #D1D1D1;
  position: relative;
  height: 100%;
}

.media-item-detail .media-presentation img {
  width: 60px;
  height: 60px;
  margin: 0;
  padding: 0;
  position: absolute;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
}

.media-item-detail .media-item-container {
  padding-top: 2em;
}

.media-item-detail .media-item-name {
  line-height: 1.2;
  text-transform: none;
  word-wrap: break-word;
}

.media-item-detail .favorite-container {
  position: relative;
  top: -0.5em;
}

.media-item-detail .favorite-container .media-favorite-container {
  padding: 0;
  margin: 0 auto;
  position: static;
}

.media-item-detail .favorite-container .media-favorite-container button {
  width: 4.5em;
  height: 4.5em;
  cursor: auto;
}

.media-item-detail .favorite-container .favorite-text {
  position: absolute;
  margin-left: 0.8em;
  margin-top: -7px;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.57;
  letter-spacing: 0.4px;
  color: #727272;
  width: 100%;
}

.media-item-detail .star-with-download-text {
  padding: 0;
}

.media-item-detail .star-content {
  margin-top: 0.2em;
}

@media (min-width: 768px) {
  .media-item-detail .star-with-download-text {
    width: 6.125em;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .media-item-detail .star-with-download-text {
    width: 6.125em;
  }

  .media-item-detail .open > .dropdown-menu {
    left: -8.15em;
  }
}

@media (min-width: 320px) {
  .media-item-detail .star-with-download-text {
    width: 6.125em;
  }
}

.media-item-detail .media-stars {
  display: inline-block;
  padding: 0;
  margin-bottom: 0;
}

.media-item-detail .media-stars li {
  display: inline;
}

.media-item-detail .ratings-text {
  margin-left: 0.9em;
  vertical-align: sub;
  font-size: 0.8125rem;
  font-weight: normal;
  line-height: 1.85rem;
  color: #008AB0;
}

.media-item-detail .media-downloads-container {
  margin-bottom: 1.5em;
}

.media-item-detail .media-downloads-container .media-downloads {
  font-size: 0.8125rem;
  font-weight: 100;
  line-height: 1.54;
  color: #727272;
  margin-bottom: 0;
}

.media-item-detail .media-item-detail-container {
  margin-top: 1.2em;
}

.media-item-detail .media-item-detail-container legend {
  margin-bottom: 2rem;
}

.media-item-detail .media-item-detail-container .media-item-detail-header {
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.6px;
  color: #2D2D2D;
}

.media-item-detail .media-item-detail-container .media-item-detail-content {
  margin-bottom: 1.5em;
}

.media-item-detail .media-item-detail-container .media-item-detail-content h5 {
  line-height: 1.23;
  letter-spacing: 0.5px;
  margin-bottom: 0.5em;
}

.media-item-detail .media-item-detail-container .media-item-detail-content p {
  line-height: 1.5;
}

.media-item-detail .media-item-detail-container .logo {
  height: 2.5em;
  width: 2.5em;
  margin-right: 0.75em;
  position: relative;
  float: left;
}

.media-item-detail .media-item-detail-container .media-item-detail-content-logo-text {
  font-size: 0.81rem;
  line-height: 1.38;
  height: 2.5rem;
  display: table-cell;
  vertical-align: middle;
}

.media-item-detail .media-item-detail-container .media-item-detail-content-tags .badge {
  border-radius: 20px;
  background-color: #F7F7F7;
  padding: 0.55em 1.6em;
  font-size: 0.8em;
  line-height: 1.29;
  margin-right: 0.6em;
  transition: background-color 0.3s;
  cursor: pointer;
  display: inline-block;
  margin-top: 3px;
}

.media-item-detail .media-item-detail-container .delete-section {
  display: inline-block;
  width: 5.625rem;
  padding-top: 0.625rem;
}

.media-item-detail .media-item-detail-container .delete-section .delete-icon {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-delete-blue-sm.png);
  height: 1.4em;
  padding-right: 0;
  display: block;
  background-repeat: no-repeat;
}

.media-item-detail .media-item-detail-container .delete-section .icon-names {
  font-weight: 600;
  font-size: 0.75em;
  line-height: 0.6875em;
  color: #008AB0;
  display: flex;
  padding: 8px 0 0 0;
}

.media-item-detail .modal {
  -webkit-transition: opacity 1.25s cubic-bezier(0.16, 1.32, 0.91, 1.26);
  transition: opacity 1.25s cubic-bezier(0.16, 1.32, 0.91, 1.26);
}

.media-item-detail .modal .modal-dialog {
  height: 100%;
  margin: auto;
}

.media-item-detail .modal-content {
  top: 50%;
  transform: translateY(-50%);
  border-radius: 1px;
  box-shadow: 0 2px 4px 0 rgba(198, 198, 198, 0.5);
  border: solid 1px #e3e3e3;
}

.media-item-detail .modal-header {
  padding: 1em 1em 0;
  border-bottom: 0;
}

.media-item-detail .modal-header .close {
  width: 25px;
  height: 25px;
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-close-circle.png);
  background-size: contain;
  color: #FFFFFF;
  opacity: 1;
}

.media-item-detail .modal-body {
  padding: 0 0.5em;
  margin: 0;
}

.media-item-detail .modal-title {
  font-size: 1.35rem;
  line-height: 1.27;
  text-align: center;
  text-transform: none;
}

.media-item-detail .modal-options {
  padding: 0 1em 1.5em;
}

.media-item-detail .radio {
  margin: 0;
}

.media-item-detail .radio label {
  color: #fff;
}

.media-item-detail .modal-option-category {
  font-size: 1rem;
  font-weight: 100;
  line-height: 1.13;
  color: #444444;
}

.media-item-detail .modal-option-tag {
  font-size: 0.825rem;
  font-weight: 300;
  line-height: 1.38;
  color: #444444;
}

.media-item-detail .modal-option-dimension,
.media-item-detail .modal-option-size {
  font-size: 0.825rem;
  font-weight: 100;
  line-height: 1.08;
  color: #444444;
}

.media-item-detail .modal-option-btn {
  margin: auto;
}

.media-item-detail .modal-option-btn .btn {
  margin-bottom: 2em;
}

.media-presentation {
  height: 230px;
}

.modal-backdrop {
  background-color: rgba(204, 232, 239, 0.9);
}

.modal-backdrop.in {
  opacity: 0.9;
}

@media all and (min-width: 320px) and (max-width: 767px) {
  .media-item-detail .search-result-placeholder {
    padding: 1.4em;
  }

  .media-item-detail .item-detail-edit {
    padding-right: 0;
  }

  .media-item-detail .media-image,
  .media-item-detail .media-video,
  .media-item-detail .media-presentation,
  .media-item-detail .media-item-container,
  .media-item-detail .media-audio {
    clear: both;
    float: none;
    margin: 0 auto;
    width: 87%;
  }

  .media-item-detail .media-item-btn-share,
  .media-item-detail .media-item-btn-download {
    width: 100%;
    padding: 0;
    float: left;
  }

  .media-item-detail .modal-dialog {
    width: 86.5%;
    margin: auto;
  }

  .media-item-detail .modal-title {
    margin-bottom: 2rem;
  }

  .media-item-detail .modal-option-dimension {
    margin-top: 1em;
  }

  .media-item-detail .modal-option-btn {
    width: 90%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .media-item-detail .search-result-placeholder {
    padding: 1.4em 1.6em;
  }

  .media-item-detail .media-image,
  .media-item-detail .media-video,
  .media-item-detail .media-presentation,
  .media-item-detail .media-item-container,
  .media-item-detail .media-audio {
    clear: both;
    float: none;
    margin: 0 auto;
    width: 62%;
  }

  .media-item-detail .media-item-btn-share,
  .media-item-detail .media-item-btn-download {
    width: 48.5%;
    padding: 0;
    float: left;
  }

  .media-item-detail .media-item-btn-share {
    margin-right: 3%;
  }

  .media-item-detail .modal-dialog {
    width: 72%;
    margin: auto;
  }

  .media-item-detail .modal-title {
    margin-bottom: 3rem;
  }

  .media-item-detail .modal-option-dimension {
    margin-top: 1em;
  }

  .media-item-detail .modal-option-btn {
    width: 32%;
  }

  .media-item-detail .modal-option-btn .btn {
    margin-top: 1em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .media-item-detail .search-result-placeholder {
    padding: 1.8em 1.6em;
  }

  .media-item-detail .item-detail-edit {
    margin-left: 4em;
  }

  .media-item-detail .media-image,
  .media-item-detail .media-video,
  .media-item-detail .media-presentation,
  .media-item-detail .media-audio {
    width: 39%;
    float: left;
    padding-bottom: 1em;
  }

  .media-item-detail .media-item-btn-share,
  .media-item-detail .media-item-btn-download {
    width: 40%;
    padding: 0;
    float: left;
  }

  .media-item-detail .media-item-btn-share {
    margin-right: 2.5%;
  }

  .media-item-detail .modal-dialog {
    width: 54%;
    margin: auto;
  }

  .media-item-detail .modal-title {
    margin-bottom: 2.5em;
  }

  .media-item-detail .modal-option-dimension {
    margin-top: 2em;
  }

  .media-item-detail .modal-option-btn {
    width: 32%;
  }

  .media-item-detail .modal-option-btn .btn {
    margin-top: 1em;
  }
}

@media screen and (min-width: 1440px) {
  .media-item-detail .search-result-placeholder {
    padding: 1.8em 3.25em;
  }

  .media-item-detail .media-image {
    width: 38%;
    margin-left: 10%;
    float: left;
    padding-bottom: 1em;
  }

  .media-item-detail .media-video,
  .media-item-detail .media-presentation,
  .media-item-detail .media-audio {
    width: 46%;
    height: 385px;
    margin-left: 3%;
    float: left;
  }

  .media-item-detail .media-item-container {
    margin-left: 11%;
    width: 30.33%;
  }

  .media-item-detail .media-item-btn-share,
  .media-item-detail .media-item-btn-download {
    width: 39%;
    padding: 0;
    float: left;
  }

  .media-item-detail .media-item-btn-share {
    margin-right: 2%;
  }

  .media-item-detail .modal-dialog {
    width: 38%;
    margin: auto;
  }

  .media-item-detail .modal-title {
    margin-bottom: 1.7em;
  }

  .media-item-detail .modal-option-dimension {
    margin-top: 2em;
  }

  .media-item-detail .modal-option-btn {
    width: 32%;
  }

  .media-item-detail .modal-option-btn .btn {
    margin-top: 1em;
  }
}

.error-message-id {
  width: 100%;
  background-color: #5CB85C;
  color: #fff;
  border-radius: 0;
  display: none;
  text-align: center;
}

.infoIcon {
  margin-right: 14px;
}

.content-ratings-popover .dropdown-menu {
  background: linear-gradient(#1CD8D2, #008AB0);
  height: 21.25em;
  width: 23.4375em;
}

.content-ratings-popover .popover-title {
  padding: 0;
}

.content-ratings-popover .popover {
  border: 0;
}

.content-ratings-popover .popover-arrow {
  top: -.5625em !important;
}

.content-ratings-popover .popover-arrow::after {
  border-bottom-color: #008AB0 !important;
}

.content-ratings-popover .left-upper-content {
  margin-top: 3.438em;
}

.content-ratings-popover .left-upper-content span {
  color: #FFFFFF;
  font-size: 1.125rem;
  font-weight: 600;
  height: 1.875em;
  display: block;
}

.content-ratings-popover .below-content {
  margin-top: 2.813em;
  text-align: center;
}

.content-ratings-popover .popover-star {
  margin-left: 3.438em;
}

.content-ratings-popover .Purchase-btn {
  width: 11.250em;
  background: none;
  border: solid white 0.006em;
}

.content-ratings-popover .close {
  float: right;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1;
  color: #F7F7F7;
  text-shadow: 0 0.0625em 0 #F7F7F7;
}

.content-ratings-popover .percent-text1 {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.38;
  color: #FFFFFF;
  text-align: center;
  margin-top: 4.063em;
}

.content-ratings-popover .Submit-btn {
  width: 11.250em;
  margin-left: 5.313em;
  background: none;
  border: solid white 0.006em;
  margin-top: 2.500em;
}

.content-ratings-popover .Submit-btn1 {
  width: 14.375em;
  height: 3.5em;
  background: none;
  border: solid white 1px;
}

.content-ratings-popover .feedback-upper-content {
  font-size: 1.375rem;
  height: 2.750em;
  object-fit: contain;
  font-weight: normal;
  line-height: 1.38;
  color: #FFFFFF;
}

.content-ratings-popover .open > .dropdown-menu {
  display: block;
}

.content-ratings-popover .dropdown-menu {
  background: -webkit-linear-gradient(#1CD8D2, #008AB0);
  height: 23.438em;
  width: 23.438em;
}

.content-ratings-popover .dropdown-menu {
  position: relative;
}

.content-ratings-popover .pdp-popover-stars {
  display: inline-block;
  padding: 0;
}

.content-ratings-popover .pdp-popover-stars li {
  display: inline;
  margin: 0 0.313em;
  cursor: pointer;
}

.content-ratings-popover .pdp-small-container {
  text-align: center;
}

.content-ratings-popover .pdp-popover-stars-1 {
  display: inline-block;
  padding: 0;
  margin-top: 0.75em;
}

.content-ratings-popover .pdp-popover-stars-1 li {
  display: inline;
  margin: 0 0.15em;
  cursor: pointer;
}

.content-ratings-popover .pdp-popover-stars-1 li img {
  width: 9%;
  height: 9%;
}

.content-ratings-popover .close-btn {
  width: 14.375em;
  height: 3.5em;
  background: none;
  border: solid white 1px;
  margin-top: 2.500em;
  margin-right: 1.875em;
  margin-left: 7.450em;
  margin-top: 2.875em;
  color: #FFFFFF;
}

.content-ratings-popover .cross-sign {
  position: absolute;
  right: 1.325em;
  top: 0.625em;
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/content/pdp-productbasics/ic-close-circle-sm.png);
  width: 1.5em;
  height: 1.5em;
}

.content-ratings-popover .overall-rating-content {
  font-size: 1.375rem;
  height: 2em;
  font-weight: normal;
  line-height: 1.38;
  color: #FFFFFF;
  left: 0.125em;
  text-align: center;
}

.content-ratings-popover .dropdown-menu {
  background-color: #1CD8D2;
  top: 2.5em;
  border: 0;
  border-radius: 0;
}

.content-ratings-popover .dropdown-menu::after {
  border-bottom: 1.063em solid #1CD8D2;
  border-left: 0.688em solid transparent;
  border-right: 0.625em solid transparent;
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  bottom: 100%;
  left: 11.5em;
}

.content-ratings-popover .dropdown-toggle::after {
  display: none;
}

.content-ratings-popover .Ratingstar-line {
  color: #FFFFFF;
  width: 100%;
  text-align: center;
  font-size: 0.875em;
}

.content-ratings-popover .Rating-submit-text {
  text-align: center;
}

.content-ratings-popover .Rating-submit-text p {
  width: 12.500em;
  height: 0.750em;
  font-size: 1.0625rem;
  font-weight: 300;
  line-height: 1.38;
  margin: 0 auto;
  color: #FFFFFF;
  padding-top: 0.5em;
  left: 4.375em;
}

.content-ratings-popover .mouse-cursor {
  cursor: pointer;
}

.content-ratings-popover .pdp-remove-padding-lr {
  padding-left: 1em;
  padding-right: 1em;
}

.content-ratings-popover .pdp-remove-margin-b {
  padding-bottom: 0;
}

.content-ratings-popover .pdp-title-remove-padding {
  padding-left: 0;
  padding-right: 0;
}

.content-ratings-popover .dropdown-menu {
  position: absolute;
  left: -9em;
  width: 23.4375em;
  height: 21.25em;
}

.content-ratings-popover .dropdown-menu {
  top: 2.5em;
}

.content-ratings-popover .input-group .button-disable,
.content-ratings-popover .input-group .button-disable:hover {
  opacity: 0.3;
  cursor: not-allowed;
}

@media (max-width: 23.3em) {
  .content-ratings-popover .slick-slider.carousel {
    margin-bottom: 0;
  }

  .content-ratings-popover .pdp-product-carousel div {
    margin: 0 auto;
  }

  .content-ratings-popover .dropdown-menu::after {
    left: 11.5em;
  }

  .content-ratings-popover .psv-section button {
    width: 100%;
  }

  .content-ratings-popover .pdp-productbasics-stars {
    padding-left: 0;
  }

  .content-ratings-popover .pdp-productbasics-stars-div {
    padding-left: .9375em;
  }

  .content-ratings-popover .dropdown-menu {
    left: -.9375em;
    top: .9375em;
  }

  .content-ratings-popover .mouse-cursor {
    padding-left: 1.5625em;
  }

  .content-ratings-popover .open > .dropdown-menu {
    top: 0.5em;
  }

  .content-ratings-popover .dropdown-menu {
    position: relative;
  }
}

.content-ratings-popover .pdp-stars-div {
  width: 80%;
}

@media screen and (min-width: 23.4em) and (max-width: 47.99em) {
  .content-ratings-popover .pdp-product-detials h1 {
    width: 68%;
  }

  .content-ratings-popover .open > .dropdown-menu {
    top: 0.5em;
    left: -9em;
  }

  .content-ratings-popover .dropdown-menu {
    position: relative;
    left: 0em;
  }
}

@media screen and (min-width: 48em) and (max-width: 64em) {
  .content-ratings-popover .pdp-product-detials h1 {
    width: 80%;
  }

  .content-ratings-popover .dropdown-menu {
    left: -9em;
  }
}

@media screen and (max-width: 47.938em) {
  .content-ratings-popover .close-btn {
    margin-left: 6.6em;
  }

  .content-ratings-popover .open > .dropdown-menu {
    top: 1.5em;
  }

  .content-ratings-popover .dropdown-menu::after {
    left: 10.7em;
  }
}

@media screen and (min-width: 320px) and (max-width: 359px) {
  .content-ratings-popover .dropdown-menu {
    width: 19.5em;
  }

  .content-ratings-popover .close-btn {
    margin-left: 4.4em;
  }
}

.contentBox {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  background: #FFFFFF;
}

.contentBox .contBoxRow {
  position: relative;
}

.contentBox .upload-content-banner {
  position: relative;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/file-upload-banner.png) center no-repeat;
  background-size: cover;
  text-align: center;
}

.contentBox .upload-content-banner .section {
  padding: 0;
  width: 100%;
  height: 100%;
}

.contentBox .upload-content-banner .banner-title {
  width: 100%;
  display: table;
}

.contentBox .upload-content-banner .text-center {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  margin: auto;
  color: #FFFFFF;
  font-size: 1.875rem;
  line-height: 1.2;
  font-weight: 300;
}

.contentBox .upload-content-banner .infoIcon {
  padding-right: 0.8125rem;
  position: relative;
  top: -0.125rem;
}

.contentBox .upload-content-banner .errorMessage {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  display: none;
  background-color: #D0021B;
  color: #FFFFFF;
  border-radius: 0;
}

.contentBox .uploadBox {
  background-color: #FFFFFF;
  border: 1px solid #37B0C9;
  border-radius: 0.9375rem;
  height: 16.25rem;
  margin: -8.125em auto 0;
  text-align: center;
}

.contentBox .uploadBox img.ddImg {
  width: auto;
  height: auto;
  padding-top: 1.938rem;
}

.contentBox .uploadBox p.ddCont {
  padding-top: 1.438rem;
  padding-bottom: 1.25rem;
}

.contentBox .uploadBox .separator-line {
  width: 60%;
  min-height: 1px;
  background-color: #D1D1D1;
  position: relative;
  left: 20%;
  top: 0;
  text-align: center;
}

.contentBox .uploadBox .uploadBtn {
  background-color: #008AB0;
  color: #fff;
  padding: 0.875rem 3.75rem;
  font-size: 0.75rem;
  margin: 1.75rem 0 0 0;
  border: none;
}

.contentBox .uploadBox .hidden {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  text-align: right;
  opacity: 0;
  background: none;
  cursor: inherit;
  display: block;
}

.contentBox .uploadBox .circle {
  display: inline-flex;
  align-items: center;
  width: 2rem;
  height: 2rem;
  background-color: #D1D1D1;
  border: solid 1px #D1D1D1;
  border-radius: 50%;
  position: absolute;
  top: -0.9375rem;
  left: calc(50% - 15px);
  text-align: center;
  color: #727272;
  font-size: 11px;
}

.contentBox .uploadBox .separator-text {
  text-align: center;
  padding: 0;
  font-size: 11px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  color: #777676;
  margin: 0 auto;
}

.contentBox .staticRow {
  overflow: auto;
  background: #FFFFFF;
  display: table;
  width: 100%;
}

.contentBox .staticRow legend::before {
  background: #B9E1EA;
}

.contentBox .staticRow legend span {
  display: inline-block;
  position: relative;
  z-index: 10;
  color: #444444;
}

.contentBox .staticRow .hidden {
  display: none;
}

.contentBox .staticRow .leftLine {
  border: 1px solid #D1D1D1;
}

.contentBox .staticRow .rightLine {
  border: 1px solid #D1D1D1;
}

.contentBox .staticRow .uploadBtnMediumLower {
  margin: 0 auto;
  line-height: 1.31;
  letter-spacing: 1px;
  text-align: center;
}

.contentBox .staticRow .staticImg {
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
  padding-bottom: 0.625rem;
}

.contentBox .staticRow .dataDiv {
  text-align: center;
  margin-bottom: 3rem;
  height: 15.63rem;
}

.contentBox .staticRow .dataDiv label {
  font-size: 1rem;
  color: #444444;
}

.contentBox .staticRow .fileTypes {
  margin-top: 1.25rem;
  font-size: 0.8125rem;
  color: #444444;
}

.contentBox .staticRow .fileOptions {
  padding-bottom: 1.25rem;
  font-size: 16px;
  color: #444444;
}

.contentBox .staticRow .fop {
  padding-bottom: 5px;
}

.contentBox .staticRow .limitaion {
  padding-top: 10px;
  border-top: 1px solid #D1D1D1;
  font-size: 13px;
  color: #444444;
  margin: auto;
}

.contentBox .staticRow .size {
  font-size: 16px;
  color: #444444;
}

.contentBox .staticRow .setRow {
  overflow: auto;
}

.fosterOverlay {
  position: fixed;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  text-align: center;
  opacity: 0.96;
  background: #EFEFEF;
  cursor: inherit;
  z-index: 1000;
}

.fosterOverlay .innerDiv {
  text-align: center;
  position: fixed;
  top: 50%;
}

.fosterOverlay .drawCircle {
  border-radius: 50%;
  color: #D1D1D1;
  width: 11.25rem;
  height: 11.25rem;
  background: #FFFFFF;
  position: relative;
  text-align: center;
  left: 47%;
  border: 2px solid #E2E2E2;
  left: 41%;
  margin-top: 15%;
}

.fosterUpload {
  position: fixed;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  text-align: center;
  opacity: 0.96;
  background: #EFEFEF;
  cursor: inherit;
  z-index: 1000;
}

.fosterUpload .setCircle {
  margin: 0 auto;
  float: none;
}

.fosterUpload .showPercent {
  color: #1CD8D2;
  top: 4.375rem;
  width: 100%;
  line-height: 5.625rem;
  font-size: 5.625rem;
  font-weight: 100;
}

.fosterUpload .showComplete {
  margin-top: 50%;
  color: #2D2D2D;
  font-size: 1rem;
  font-weight: 100;
  margin-left: 30%;
}

.fosterUpload .upFile {
  font-size: 1.75rem;
  font-weight: 100;
  color: #2D2D2D;
}

.fosterUpload .percent {
  font-size: 1.125rem;
  font-weight: 100;
  color: #2D2D2D;
  position: absolute;
  top: 20%;
}

.fosterUpload .staticHeading {
  margin-top: 15%;
}

.previewContainer {
  height: 18.75rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  /* Rounded sliders */
}

.previewContainer .thumbnail-div {
  text-align: center;
  height: 24.06rem;
  line-height: 24.06rem;
  background: #D1D1D1;
  margin-bottom: 1.25rem;
}

.previewContainer .prev-non-image {
  padding: 3.438rem 0 !important;
  display: inline-block !important;
  width: 3.5rem !important;
  opacity: 0.8;
  cursor: default;
}

.previewContainer .row {
  margin-bottom: 3.125rem;
}

.previewContainer #contentDescInput {
  resize: none;
}

.previewContainer .previewform > label {
  color: #444444;
}

.previewContainer .previewform > input {
  padding: 0.9375rem;
}

.previewContainer .previewform > textarea {
  padding: 0.9375rem;
}

.previewContainer .previewform > select {
  padding: 0.9375rem;
}

.previewContainer .previewImage {
  margin-top: 4.688rem;
  padding: 0.625rem;
}

.previewContainer .previewImage .prevImg {
  width: 100%;
  padding: 10% 10% 2% 10%;
  display: block;
  cursor: default;
}

.previewContainer .previewImage .metaDiv {
  text-align: center;
}

.previewContainer .previewImage .fileNameType {
  margin-left: 1.25rem;
}

.previewContainer .fileData {
  padding-top: 4.125rem;
  padding-left: 2.188rem;
}

.previewContainer .fileData legend {
  display: block;
  width: 100% !important;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  font-size: 1rem;
  text-align: center;
  position: relative;
}

.previewContainer .fileData legend::before {
  position: absolute;
  content: '';
  height: 1px;
  width: 100%;
  left: 0;
  top: 50%;
  background: #B9E1EA;
}

.previewContainer .fileData legend span {
  background: #FAFAFA;
  padding: 0 1rem;
  display: inline-block;
  position: relative;
  z-index: 10;
  color: #2D2D2D;
  font-weight: 600;
}

.previewContainer .language-select {
  margin-bottom: 1.875rem;
}

.previewContainer .switch {
  position: relative;
  display: inline-block;
  width: 3.25rem;
  height: 1.875rem;
  margin: 0.625rem 0.625rem 0 0;
  left: 1.7rem;
}

.previewContainer .switch input {
  display: none;
}

.previewContainer .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.previewContainer .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 0px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.previewContainer input:checked + .slider {
  background-color: #1CD8D2;
}

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

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

.previewContainer .slider.round {
  border-radius: 2.125rem;
}

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

.previewContainer .ssdiv {
  clear: both;
  height: 5.625rem;
}

.previewContainer .checkboxDiv {
  padding: 0;
  float: left;
}

.previewContainer .checkboxDiv .checkbox-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.previewContainer .allowdiv {
  padding: 0.75rem 0 0 0.9375rem;
  float: left;
  margin-left: 0.625rem;
}

.previewContainer .ss {
  display: block !important;
}

.previewContainer .cateLabel {
  display: block;
}

.previewContainer .tag-label {
  width: 80%;
  display: inline-block;
  margin-bottom: 0;
}

.previewContainer .input-group-btn {
  width: 20%;
  float: right;
  height: 2.75rem;
}

.previewContainer .input-group-btn .add-button::after {
  content: none;
}

.previewContainer .tagsDiv {
  clear: both;
  margin: 0.625rem 0;
}

.previewContainer .tagsDiv .twitter-typeahead {
  width: 80%;
}

.previewContainer .tagsDiv .typeahead {
  width: 100%;
  display: inline-block;
}

.previewContainer .delete-div .delete-section {
  display: inline-block;
  width: 5.625rem;
  padding: 0.625rem 0;
}

.previewContainer .delete-div .delete-section .delete-icon {
  background-image: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-delete-blue-sm.png);
  height: 1.4em;
  padding-right: 0;
  display: block;
  background-repeat: no-repeat;
}

.previewContainer .delete-div .delete-section .icon-names {
  font-weight: 600;
  font-size: 0.75em;
  line-height: 0.6875em;
  color: #008AB0;
  display: flex;
  padding: 8px 0 0 0;
}

.previewContainer .tags-list {
  position: relative;
  z-index: 1;
}

.previewContainer .tags-list .tag-item {
  border-radius: 1.25rem;
  background-color: #008AB0;
  display: inline-block;
  margin-right: 0.9em;
  margin-bottom: 0.9em;
  padding: 0.5em 1em;
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 1.29;
  text-align: center;
  color: #FFFFFF;
}

.previewContainer .tags-list .tag-item .remove-tag {
  width: 0.65em;
  height: 0.65em;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/cancel@1.5x.svg) no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  margin-left: 0.5em;
}

.previewContainer .infoIcon {
  margin-left: 5px;
}

.previewContainer .add-button::after {
  background: none !important;
}

.previewContainer .cancelButton {
  background: #FFFFFF;
  color: #727272;
  padding: 0.875rem 0.75rem;
  border: 0;
  font-weight: 600;
  font-size: 0.8125rem;
  border-radius: 3px;
  border: solid 1px #727272;
  width: 49%;
  margin-right: 1%;
  letter-spacing: 1px;
}

.previewContainer .cancelButton:focus {
  outline: 0;
}

.previewContainer .finishButton {
  background-color: #008AB0;
  color: #FFFFFF;
  padding: 0.875rem 0.75rem;
  border: 0;
  height: 3.05rem;
  font-weight: 600;
  font-size: 0.8125rem;
  border-radius: 3px;
  border: solid 1px #727272;
  width: 49%;
  margin-left: 1%;
  letter-spacing: 1px;
}

.previewContainer .finishButton:focus {
  outline: 0;
}

.previewContainer .upload-terms-text {
  padding-left: 1.25rem;
}

.previewContainer .tooltipwrapper .dropdown-menu {
  width: 80%;
  height: 7.63rem;
}

.previewContainer .tt-menu {
  position: relative !important;
}

@media all and (min-width: 320px) and (max-width: 767px) {
  .contentBox .uploadBox {
    display: none;
  }

  .staticRow .staticHeading {
    margin: 2.25rem auto 0;
    width: 20.3125rem;
  }

  .staticRow .setRow {
    margin-top: 3rem !important;
  }

  .staticRow .setRow .fileTypes {
    font-size: 1rem;
  }

  .staticRow .uploadBtnMediumLower {
    width: 20.3125rem;
    display: block;
  }

  .staticRow .staticImg {
    margin-bottom: 0.875rem;
  }

  .staticRow .limitaion {
    width: 70%;
  }

  .staticRow legend span {
    width: 45%;
    padding: 0;
  }

  .staticRow .static {
    padding: 1.56rem;
  }

  .staticRow legend span {
    background: #FFFFFF !important;
  }

  .upload-content-banner {
    height: 12.5em;
  }

  .upload-content-banner .text-center {
    padding: 0 20%;
  }

  .upload-content-banner .banner-title {
    height: 100%;
  }

  .fosterUpload .staticHeading {
    margin-top: 3%;
  }

  .fosterUpload .staticHeading .progress {
    margin-bottom: 0;
    height: auto;
  }

  .fosterUpload .staticHeading .setCircle {
    font-size: 13.125rem;
  }

  .fosterUpload .staticHeading .showPercent {
    top: 3.375rem;
  }

  .previewContainer .metaDiv.row {
    margin-bottom: 2.125rem;
  }

  .previewContainer .thumbnail-div {
    height: 14.38rem;
    line-height: 14.38rem;
  }

  .previewContainer .previewform {
    margin-top: 2.25rem;
  }

  .previewContainer .fileData {
    padding-left: 0.9375rem;
    padding-top: 0;
  }

  .previewContainer .allowdiv {
    padding: 0.625rem 0 0 0.9375rem !important;
  }

  .previewContainer .ss {
    margin-bottom: 0.625rem;
  }

  .previewContainer .allowdiv {
    margin-left: 0;
  }

  .previewContainer .cancelButton {
    width: 100%;
    margin-bottom: 2%;
    margin-right: 0;
  }

  .previewContainer .finishButton {
    width: 100%;
    margin-left: 0;
  }

  .previewContainer .switch {
    left: 0.8rem;
  }

  .previewContainer .add-button {
    padding: 0.95rem 1rem 0.8rem;
  }

  .previewContainer .previewImage {
    margin-top: 1.188rem;
  }

  .previewContainer .tagsDiv .typeahead {
    width: 80%;
    display: inline-block;
  }
}

@media all and (min-width: 320px) and (max-width: 374px) {
  .previewContainer .input-group-btn .add-button {
    padding-left: 0.8125rem;
  }

  .staticRow .static {
    width: 90%;
    margin: 0 auto;
    padding: 1.5rem 0;
  }

  .staticRow .staticHeading {
    width: 100%;
  }

  .staticRow .uploadBtnMediumLower {
    width: 100%;
  }
}

@media all and (min-width: 360px) and (max-width: 767px) {
  .previewContainer .input-group-btn .add-button {
    padding-left: 1rem;
  }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  .contentBox .uploadBox {
    display: none;
  }

  .upload-content-banner {
    height: 18.75em;
  }

  .upload-content-banner .text-center {
    padding: 0 35%;
  }

  .upload-content-banner .banner-title {
    height: 100%;
  }

  .staticRow .static {
    padding: 1.5rem 3em;
  }

  .staticRow .setRow {
    margin-top: 4.25rem;
  }

  .staticRow .setRow .dataDiv {
    padding: 0 2.15em;
  }

  .staticRow .staticHeading {
    margin: 2.25rem auto 0;
    width: 27.25rem;
  }

  .staticRow legend span {
    padding: 0 1em;
  }

  .staticRow .uploadBtnMediumLower {
    width: 20.3125rem;
    display: block;
  }

  .fosterUpload .staticHeading {
    margin-top: 25%;
  }

  .previewContainer .allowdiv {
    margin-left: 0;
    padding: 0.75rem 0 0 1.9375rem;
  }

  .previewContainer .fileData {
    padding-bottom: 4.125rem;
    padding-left: 0;
    padding-right: 0;
  }

  .previewContainer .row {
    max-width: 29.63rem;
    margin: 0 auto;
  }

  .previewContainer .thumbnail-div {
    height: 14.38rem;
    line-height: 14.38rem;
  }

  .previewContainer .tagsDiv .typeahead {
    width: 80%;
    display: inline-block;
  }
}

@media all and (min-width: 1024px) and (max-width: 1439px) {
  .upload-content-banner {
    height: 26.25em;
  }

  .upload-content-banner .banner-title {
    height: 70%;
  }

  .uploadBox {
    width: 39.875rem;
  }

  .staticRow .static {
    width: 45rem;
    margin: auto;
  }

  .staticRow .staticHeading {
    margin: 4em auto;
    width: 70%;
  }

  .staticRow .dataDiv {
    padding: 0 2.5em;
  }

  .uploadBtnMediumLower {
    display: none;
  }

  .previewContainer .previewform {
    width: 434px;
  }
}

@media screen and (min-width: 1440px) {
  .upload-content-banner {
    height: 31.5em;
  }

  .upload-content-banner .banner-title {
    height: 75%;
  }

  .uploadBox {
    width: 41rem;
  }

  .staticRow .static {
    width: 71rem;
    margin: auto;
  }

  .staticRow .staticHeading {
    margin: 4em auto;
    width: 45%;
  }

  .staticRow .dataDiv {
    padding: 0 7em;
  }

  .uploadBtnMediumLower {
    display: none;
  }

  .previewContainer .row {
    padding-left: 3.75rem;
    padding-right: 4.375rem;
  }

  .previewContainer .previewform {
    width: 434px;
  }
}

.media-cards-component .bg-cayman {
  background: -webkit-linear-gradient(top, #008AB0 0%, #1CD8D2 100%);
  background: linear-gradient(to bottom, #008AB0 0%, #1CD8D2 100%);
  height: 22.75em;
}

.media-cards-component .cards-component-align {
  width: 20.25em;
  margin: 0 auto;
}

.media-cards-component .media-center-basics h2 {
  font-size: 1.5rem;
  color: #FFFFFF;
  text-align: center;
}

.media-cards-component .cards-component .card {
  height: 14.5875em;
}

.media-cards-component .card-title {
  padding-top: 0.6em;
}

.media-cards-component .category-favorite {
  width: 2.25em;
  height: 2.25em;
  background-repeat: no-repeat;
}

.media-cards-component .carousel.carousel-primary .slick-prev::before {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-left-white.svg) no-repeat;
}

.media-cards-component .carousel.carousel-primary .slick-next::before {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-right-white.svg) no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 359px) {
  .media-cards-component .cards-component-align {
    width: 17.25em;
  }

  .media-cards-component .cards-component .card {
    width: 16.85em;
    margin: 0 auto;
  }
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .media-cards-component .carousel.carousel-primary .slick-prev {
    left: -1.3rem;
  }

  .media-cards-component .carousel.carousel-primary .slick-next {
    right: -1.3rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .media-cards-component .carousel.carousel-primary .slick-prev {
    left: -1.7rem;
  }

  .media-cards-component .carousel.carousel-primary .slick-next {
    right: -1.7rem;
  }
}

@media screen and (min-width: 1024px) {
  .media-cards-component .carousel.carousel-primary .slick-prev {
    left: -2.2rem;
  }

  .media-cards-component .carousel.carousel-primary .slick-next {
    right: -2.2rem;
  }
}

.storage-indicator-main-content .progress {
  position: relative;
  width: 100%;
  height: 1.875em;
  background-color: #D1D1D1;
  height: 4px;
}

.storage-indicator-main-content .progress-bar {
  position: absolute;
  height: 100%;
  background-image: linear-gradient(to right, #008AB0, #008AB0 36%, #e18788, #FF8782);
  width: 100%;
}

.storage-indicator-main-content .storage-text-normal {
  font-size: 0.813rem;
  font-weight: 300;
  color: #727272;
}

.storage-indicator-main-content .storage-text-red {
  font-size: 0.813rem;
  font-weight: 300;
  color: #D0021B;
}

.bg-floral {
  background-size: 100%;
  padding-bottom: 6em;
}

@media (min-width: 1024px) {
  .bg-floral {
    background-size: 70%;
  }
}

.sign-up-header {
  min-height: 265px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/prism-banner.jpg) no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 0;
}

.sign-up-header h2 {
  margin: 0.5em 1em 4em;
}

.avatar-sponsor {
  border-radius: 50%;
  margin-bottom: 1em;
}

.avatar-sponsor img {
  position: relative;
  border-radius: 50%;
  z-index: 10;
}

.profile-name {
  font-weight: 600;
  margin: .5em 0 0;
}

.profile-location {
  margin: 0;
}

.btn-primary {
  width: 100%;
  background-color: #008AB0;
  color: #FFFFFF;
}

#create-account {
  margin-top: 2.25rem;
  opacity: 1;
  display: block;
  max-height: 30em;
  overflow: hidden;
  transition: all 1s cubic-bezier(0.16, 1.32, 0.91, 1.26);
}

#create-account.ng-hide {
  max-height: 0;
  opacity: 0;
}

.sponsor-header + .container {
  margin-top: -5em;
}

.customer-header + .container {
  margin-top: -4em;
}

@media (min-width: 1440px) {
  .customer-header + .container {
    margin-top: -3.5em;
  }
}

.ripple {
  position: relative;
  width: 100px;
  height: 100px;
}

.circle {
  position: absolute;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  transform-origin: 50% 50%;
}

.circle:nth-child(1) {
  border: 10px solid rgba(255, 255, 255, 0.4);
  animation: wave 1.5s 1 0.5s cubic-bezier(0.44, 0.56, 0.52, 1.29);
  animation-fill-mode: both;
}

.circle:nth-child(2) {
  border: 10px solid rgba(255, 255, 255, 0.2);
  animation: wave-2 2.5s 1 cubic-bezier(0.66, 0.61, 0.67, 1.14);
  animation-fill-mode: both;
}

/* stays on full alpha from 50 to 75 */

@keyframes wave {
  0% {
    transform: scale(0);
    opacity: 0.0;
  }

  25% {
    opacity: 0.0;
  }

  50% {
    opacity: 1.0;
  }

  75% {
    opacity: 1.0;
  }

  100% {
    transform: scale(1.2);
    opacity: 1.0;
  }
}

@keyframes wave-2 {
  0% {
    transform: scale(0);
    opacity: 0.0;
  }

  25% {
    opacity: 0.0;
  }

  50% {
    opacity: 1.0;
  }

  75% {
    opacity: 1.0;
  }

  100% {
    transform: scale(1.35);
    opacity: 1.0;
  }
}

.card {
  background: #fff;
  padding: 1em;
}

.card input[disabled] {
  background: none;
  border: none;
  padding: 0;
}

.content {
  background: #F7F7F7;
}

.invite-banner {
  height: 292px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/prism-bg-lg@2x.png) center no-repeat;
  text-align: center;
}

.invite-banner .section {
  padding-top: 40px;
}

.invite-banner .distributor-avatar {
  width: 125px;
}

.invite-banner .banner-title h2 {
  color: #FFFFFF;
}

.text-link {
  font-size: 1.06rem;
  font-weight: 600;
  line-height: 1.3;
}

.signup-components {
  width: 275px;
  margin: auto;
}

.signup-container {
  background-color: white;
  padding: 9% 12%;
  padding-bottom: 2.313em;
}

.sponsor-background {
  width: 100%;
  height: 160px;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/bottom-pattern@2x.png) left no-repeat;
  text-align: center;
}

@media screen and (max-width: 375px) {
  .signup-container {
    width: 100%;
    margin: auto;
    padding: 6% 6%;
    padding-bottom: 2.313em;
  }
}

@media screen and (min-width: 641px) {
  .signup-components {
    width: 360px;
  }
}

@media screen and (min-width: 376px) and (max-width: 768px) {
  .invite-banner {
    height: 240px;
  }

  .invite-banner .section {
    padding-top: 22px;
  }
}

@media screen and (min-width: 769px) {
  .invite-banner {
    height: 363px;
  }

  .invite-banner .section {
    padding-top: 22px;
  }

  .content-background {
    background-color: #A7A7A7;
  }

  .signup-container {
    width: 542px;
    margin: auto;
    margin-top: -112px;
    padding: 5% 4%;
    padding-bottom: 2.313em;
  }

  .sponsor-background {
    width: 542px;
    margin: auto;
  }
}

.joinwithdifferentsponsor {
  color: #008AB0;
}

.sponsor-link {
  font-family: ProximaNova-Light;
  font-size: 16px;
  line-height: 1.4;
  color: #008AB0;
}

.signupformsocial .form-group {
  margin-bottom: 1.875em;
}

.quiz-intro-container .invite-banner {
  width: 100%;
  min-height: 16.563em;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/prism-banner.jpg);
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 0;
}

.quiz-intro-container .invite-banner .section {
  width: 100%;
}

.quiz-intro-container .signup-container {
  margin-top: -7em;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/quiz-intro-XL@1x.png) no-repeat center center;
  background-size: cover;
  width: 16.250em;
  height: 10em;
}

.quiz-intro-container .banner-title {
  padding-top: 50%;
  word-wrap: break-word;
}

.quiz-intro-container .long-text:after {
  content: '...,';
}

.quiz-intro-container .short-text:after {
  content: ',';
}

.quiz-intro-container .separator {
  margin-top: 2.250em;
  width: 4.188em;
  height: 0.313em;
  margin: 0 auto;
  background-color: #1CD8D2;
}

.quiz-intro-container .quiz-content {
  width: 20.313em;
}

.quiz-intro-container h1,
.quiz-intro-container h2 {
  font-size: 1.875rem;
  text-transform: none;
}

.quiz-intro-container .quiz-info-section {
  width: 100%;
  margin: auto;
  text-align: center;
}

.quiz-intro-container .intro-header {
  font-size: 2.375em;
  line-height: 1.27;
}

@media screen and (min-width: 1440px) {
  .quiz-intro-container .banner-title {
    padding-top: 7.4375em;
  }
}

@media screen and (min-width: 1024px) {
  .quiz-intro-container .signup-container {
    margin-top: -7em;
    padding: 5% 4%;
    width: 30.625em;
    height: 18.750em;
  }

  .quiz-intro-container .quiz-content {
    width: 31.375em;
    margin: auto;
  }

  .quiz-intro-container .btn-primary {
    width: 60%;
  }

  .quiz-intro-container .banner-title {
    padding-top: 7.4375em;
  }
}

.quiz-intro-container .list-pane {
  margin-top: 2em;
}

.quiz-intro-container .section-margin {
  margin-top: 1.625em;
}

.quiz-intro-container .quiz-description {
  padding: 0 2.188em 0 2.188em;
}

@media screen and (max-width: 1023px) {
  .quiz-intro-container .signup-container {
    margin: auto;
    margin-top: -5em;
    padding: 5% 4%;
  }

  .quiz-intro-container .quiz-content {
    width: 19.250em;
    margin: auto;
  }

  .quiz-intro-container .intro-header {
    font-size: 1.375em;
    padding-top: 1.75em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .quiz-intro-container .btn-primary {
    width: 70%;
  }

  .quiz-intro-container .banner-title {
    padding-top: 7.4125em;
  }
}

@media screen and (min-width: 376px) and (max-width: 767px) {
  .quiz-intro-container .banner-title {
    padding: 3.7125em 1em;
  }
}

@media screen and (max-width: 375px) {
  .quiz-intro-container .signup-container {
    margin-top: -20%;
    padding: 5% 4%;
  }

  .quiz-intro-container .quiz-content {
    width: 20.313em;
  }

  .quiz-intro-container .intro-header {
    font-size: 1.375em;
  }

  .quiz-intro-container .section-margin {
    margin-top: 0.875em;
  }

  .quiz-intro-container .banner-title {
    padding: 4.75em 1em;
  }
}

.feed-loader {
  display: flex !important;
  height: 100% !important;
}

.feed-loader + .modal-backdrop {
  background-color: rgba(204, 232, 239, 0.9);
}

.feed-loader + .modal-backdrop.in {
  opacity: 0.7;
  background: linear-gradient(to bottom, #008AB0 0%, #00799B 100%) !important;
}

.feed-loader .modal-header-feed {
  width: 15.438em;
  margin: 0 auto;
}

.feed-loader .section-margin {
  margin-left: 0em;
  margin-bottom: 2em;
}

.feed-loader .modal-content {
  margin: auto;
}

.feed-loader .content-section {
  z-index: 9999;
  position: relative;
}

.feed-loader .image-animate {
  z-index: 0;
  margin-top: -3em;
}

.feed-loader .long-text:after {
  content: '...,';
  word-wrap: normal;
}

.feed-loader .short-text:after {
  content: ',';
  word-wrap: normal;
}

.feed-loader .m-t-neg-8 {
  margin-top: -3.5em;
}

.feed-loader h1 {
  text-transform: none;
  letter-spacing: -0.3px;
  font-size: 1.875rem;
  color: #2D2D2D;
}

.feed-loader h5 {
  text-transform: none;
  letter-spacing: -0.3px;
  font-size: 0.813rem;
  font-weight: 300;
}

.feed-loader .modal-content-feed {
  border: none;
  padding: 3em 2em;
  width: 100%;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: 3;
  -moz-animation-iteration-count: 3;
}

.feed-loader p {
  color: #727272;
  font-size: 0.813rem;
}

@media screen and (min-width: 1440px) {
  .feed-loader .modal-content {
    width: 27.375em;
    height: auto;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .feed-loader .modal-content {
    width: 22.250em;
    height: auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .feed-loader .modal-content {
    width: 22.250em;
    height: auto;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .feed-loader .modal-content {
    width: 20em;
    height: auto;
  }
}

.modal.in.feed-loader .modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.my-branded-story {
  background-color: #FFFFFF;
}

.my-branded-story .overview-btn {
  width: 20.313rem;
  display: block;
  margin: 2em auto;
}

.my-branded-story .sign-up-header-mbs {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/prism-banner.jpg) no-repeat;
  background-size: cover;
  display: block;
  align-items: initial;
  min-height: 8.625em;
  padding: 3.25rem 0 0;
  clear: both;
}

.my-branded-story .mbs-title {
  margin: auto;
}

.my-branded-story .mbs-title h1 {
  text-align: center;
  font-size: 1.875em;
  line-height: 1.13;
}

.my-branded-story .mbs-body-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  justify-content: flex-start;
  background: #FFFFFF;
}

.my-branded-story .mbs-body-container .mbs-sub-heading {
  margin-top: 2em;
}

.my-branded-story .mbs-body-container .mbs-sub-heading h1 {
  font-size: 1.375em;
  line-height: 1.41;
  text-align: center;
}

.my-branded-story .mbs-body-container .mbs-sub-text {
  width: 70%;
  margin-top: 1.3em;
  text-align: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
}

.my-branded-story .mbs-body-container .mbs-sub-text p {
  margin: auto;
  line-height: 1.38;
  letter-spacing: -0.1px;
  color: #727272;
}

.my-branded-story .mbs-body-container .mbs-clock {
  padding-left: 2em;
  margin-top: 1.56em;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/clock-small.png) no-repeat left center;
}

.my-branded-story .mbs-body-container .mbs-clock span {
  width: 5.75em;
  font-size: 0.875em;
  font-weight: 300;
  line-height: 1.29;
  color: #727272;
}

.my-branded-story .mbs-body-container .mbs-get-started {
  width: 20.313em;
  margin-top: 1.56em;
}

.my-branded-story .mbs-body-container .mbs-skip {
  margin-top: 2.31em;
}

.my-branded-story .mbs-body-container .mbs-skip a {
  font-size: 1em;
  font-weight: 300;
  text-align: center;
  color: #008AB0;
  text-decoration: none;
}

.my-branded-story .mbs-body-container .last-block {
  margin-bottom: 3.125em;
}

.my-branded-story .mbs-body-container .small-para {
  width: 83.333%;
}

.my-branded-story .mbs-additional-content {
  background: #FFFFFF;
  margin-top: 1.5em;
}

.my-branded-story .mbs-additional-content h3 {
  color: #2D2D2D;
  line-height: 1.937rem;
  text-align: center;
  padding: 1.5em 0;
  margin-bottom: 0;
}

.my-branded-story .mbs-additional-content .img-panel {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 15.625em;
  margin-bottom: 3px;
}

.my-branded-story .mbs-additional-content .img-panel .overlay {
  background-color: black;
  opacity: 0.4;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.my-branded-story .mbs-additional-content .img-panel .img-content {
  text-align: center;
  top: 33%;
  padding: 0 2.813em;
}

.my-branded-story .mbs-additional-content .img-panel .img-content img {
  margin-bottom: 1.5em;
}

.my-branded-story .mbs-additional-content .img-panel .img-content p {
  color: #FFFFFF;
}

.my-branded-story .mbs-additional-content .btn-get-started {
  margin-top: 2em;
}

.my-branded-story .mbs-additional-content .mbs-additional-skip {
  margin: 1.375em 0 2em;
  cursor: pointer;
  text-align: center;
  font-weight: 300;
}

@media screen and (min-width: 1440px) {
  .my-branded-story .mbs-additional-content h3 {
    padding: 2.25em 0 3.125em;
  }

  .my-branded-story .mbs-additional-content .image-content-wrapper {
    padding: 0 12%;
  }

  .my-branded-story .mbs-additional-content .img-panel {
    height: 22.875em;
    margin-bottom: 2px;
    border-right: 2px solid #FFFFFF;
  }

  .my-branded-story .mbs-additional-content .btn-get-started {
    text-align: center;
  }

  .my-branded-story .mbs-additional-content .btn-get-started button {
    width: 33.125em;
  }

  .my-branded-story .overview-btn {
    width: 27.125rem;
  }

  .my-branded-story .mbs-body-container .mbs-get-started {
    width: 27.125rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .my-branded-story .mbs-body-container .mbs-skip {
    margin-top: 1.68em;
  }

  .my-branded-story .mbs-body-container .mbs-get-started {
    width: 20.312em;
  }

  .my-branded-story .mbs-body-container .last-block {
    margin-bottom: 2em;
  }

  .my-branded-story .mbs-additional-content h3 {
    padding: 2.25em 0 2em;
  }

  .my-branded-story .mbs-additional-content .img-panel {
    margin-bottom: 2px;
    border-right: 2px solid #FFFFFF;
    height: 21.375em;
  }

  .my-branded-story .mbs-additional-content .btn-get-started {
    text-align: center;
  }

  .my-branded-story .mbs-additional-content .btn-get-started button {
    width: 27.125em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .my-branded-story .mbs-additional-content {
    margin-top: 0.5em;
  }

  .my-branded-story .mbs-additional-content .img-container {
    padding: 0 21%;
  }

  .my-branded-story .mbs-additional-content .img-panel {
    min-height: 15.625em;
    height: auto;
    padding-top: 5.625rem;
  }

  .my-branded-story .mbs-additional-content .btn-get-started {
    text-align: center;
  }

  .my-branded-story .mbs-additional-content .btn-get-started button {
    width: 27.125em;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .my-branded-story .mbs-body-container .mbs-sub-text {
    width: 85%;
  }

  .my-branded-story .mbs-body-container .mbs-skip {
    margin-top: 2.312em;
  }

  .my-branded-story .mbs-additional-content {
    margin-top: 0.5em;
  }

  .my-branded-story .mbs-additional-content .img-panel {
    min-height: 15.625em;
    height: auto;
    padding-top: 5.625rem;
  }
}

@media screen and (max-width: 359px) {
  .my-branded-story .overview-btn {
    width: 100%;
  }

  .my-branded-story .mbs-body-container .mbs-get-started {
    width: 90%;
  }
}

.my-branded-story {
  background-color: #F7F7F7;
}

.my-branded-story .reset {
  margin: 0;
}

.my-branded-story .mbs-build-header {
  min-height: 4em;
  padding: 0;
}

.my-branded-story .mbs-build-header .mbs-title {
  margin: auto;
  height: 4.875rem;
  width: 100%;
  display: table;
}

.my-branded-story .mbs-build-header .mbs-title h1 {
  margin: 0;
  color: #FFFFFF;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  height: 100%;
  vertical-align: middle;
  display: table-cell;
}

.my-branded-story .mbs-build-header .mbs-progress-indicator {
  height: 3.75em;
  background: rgba(255, 255, 255, 0.34);
}

.my-branded-story .mbs-build-header .mbs-progress-indicator .indicator-group {
  margin: 0 auto;
  display: table;
  top: 50%;
  transform: translateY(-50%);
  position: relative;
}

.my-branded-story .mbs-build-header .mbs-progress-indicator .indicator-group .level {
  width: 2.25em;
  height: 2.25em;
  background-color: #008AB0;
  float: left;
  margin: 0 0.875em;
  border-radius: 50%;
  text-align: center;
  display: table;
}

.my-branded-story .mbs-build-header .mbs-progress-indicator .indicator-group .level span {
  display: table-cell;
  vertical-align: bottom;
  width: 100%;
  height: 100%;
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1.41;
  color: #FFFFFF;
  font-family: "proxima-nova-extra-condensed", Helvetica, Arial, sans-serif;
}

.my-branded-story .mbs-build-header .mbs-progress-indicator .indicator-group .level-active {
  background: #1CD8D2;
  border: 1px solid #FFFFFF;
}

.my-branded-story .mbs-build-header .mbs-progress-indicator .indicator-group .level-active .arrow {
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  bottom: -0.75em;
  border-bottom: 8px solid #FFFFFF;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  margin-left: -1.5em;
}

.my-branded-story .mbs-build-header .mbs-progress-indicator .indicator-group .level-active .arrow .arrow-border {
  border-bottom: 7px solid #1CD8D2;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: relative;
  top: 1.5px;
  left: -6.5px;
}

.my-branded-story .mbs-build-header .mbs-progress-indicator .indicator-group .level-complete {
  position: relative;
}

.my-branded-story .mbs-build-header .mbs-progress-indicator .indicator-group .level-complete:after {
  content: '';
  position: absolute;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-checked.svg) no-repeat center;
  background-size: contain;
  background-color: #FFFFFF;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
}

.my-branded-story .mbs-type .mbs-type-header {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.23;
  letter-spacing: 0.6px;
  text-align: center;
  color: #FFFFFF;
  background: #1CD8D2;
  border-top: solid 1px #FFFFFF;
  text-align: center;
  margin-top: -1px;
  padding: 0.5em 0;
}

.my-branded-story .mbs-type .mbs-banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 15.625em;
  display: table;
}

.my-branded-story .mbs-type .mbs-banner .mbs-banner-text {
  width: 100%;
  height: 100%;
  background-color: rgba(68, 68, 68, 0.5);
  display: table-cell;
  vertical-align: middle;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.38;
  letter-spacing: -0.1px;
  text-align: center;
  color: #FFFFFF;
}

.my-branded-story .mbs-type .mbs-banner .mbs-banner-text .mbs-banner-logo {
  max-height: 2.25em;
}

.my-branded-story .mbs-type .mbs-banner .mbs-banner-text div {
  display: block;
  margin-top: 1.5em;
}

.my-branded-story .mbs-content .mbs-type-info {
  background: #FFFFFF;
  overflow: auto;
}

.my-branded-story .mbs-content .mbs-type-info .type-description {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.38;
  letter-spacing: -0.1px;
  color: #444444;
  padding-bottom: 1.5em;
}

.my-branded-story .mbs-content .mbs-type-info .type-steps ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.my-branded-story .mbs-content .mbs-type-info .type-steps ul li {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.56;
  letter-spacing: -0.1px;
  color: #444444;
  margin-bottom: 0.5em;
}

.my-branded-story .mbs-content .mbs-type-info .type-steps ul li:last-child {
  margin-bottom: 0;
}

.my-branded-story .mbs-content .mbs-type-info .type-steps ul li:before {
  content: "";
  line-height: 1em;
  width: .45em;
  height: .45em;
  background-color: #1CD8D2;
  float: left;
  margin: .5em .85em 0 0;
  border-radius: 50%;
}

.my-branded-story .mbs-content .mbs-examples {
  background-color: #FFFFFF;
  overflow: auto;
  /*Added as a part of 11666*/
}

.my-branded-story .mbs-content .mbs-examples .slick-track {
  min-height: 12em;
}

.my-branded-story .mbs-content .mbs-examples h1 {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.41;
  color: #444444;
  margin-bottom: 0.875rem;
}

.my-branded-story .mbs-content .mbs-examples #carouselModal .modal-body p {
  padding: 1.5em;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  color: #2D2D2D;
}

.my-branded-story .mbs-content .mbs-examples .carousel-text-container {
  width: inherit;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.my-branded-story .mbs-content .mbs-examples .carousel-text {
  padding: 0 1.5em;
}

.my-branded-story .mbs-content .mbs-examples .carousel-text .text-container {
  padding: 1.5em;
  border-radius: 2px;
  background-color: #F7F9FA;
  overflow: auto;
}

.my-branded-story .mbs-content .mbs-examples .carousel-text .text-container p {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  color: #2D2D2D;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
  max-height: 8.8em;
  padding-right: 0.7em;
}

.my-branded-story .mbs-content .mbs-examples .carousel-text .text-container .read-more-link {
  margin-top: 1.5em;
  font-size: 1rem;
  font-weight: 300;
  color: #008AB0;
  cursor: pointer;
}

.my-branded-story .mbs-content .mbs-examples .carousel-image {
  cursor: pointer;
}

.my-branded-story .mbs-content .mbs-examples .carousel.carousel-primary .slick-prev,
.my-branded-story .mbs-content .mbs-examples .carousel.carousel-primary .slick-next {
  background: rgba(55, 176, 201, 0.8);
  width: 2.125rem;
  height: 4.625rem;
}

.my-branded-story .mbs-content .mbs-examples .slick-dots {
  bottom: -2.75em;
}

.my-branded-story .mbs-content .mbs-examples .slick-dots li {
  width: 0.625em;
  height: 0.625em;
}

.my-branded-story .mbs-content .mbs-examples .slick-dots li button {
  background: transparent;
  border: 1px solid #D1D1D1;
  width: 0.625em;
  height: 0.625em;
}

.my-branded-story .mbs-content .mbs-examples .slick-dots li.slick-active button {
  background: #1CD8D2;
}

.my-branded-story .mbs-content .mbs-examples .slick-dots li button:before,
.my-branded-story .mbs-content .mbs-examples .slick-dots li.slick-active button:before {
  opacity: 0;
}

.my-branded-story .mbs-content .mbs-examples .slick-dotted.slick-slider {
  margin-bottom: 4em;
}

.my-branded-story .mbs-content .mbs-examples .slick-slider.carousel .slick-slide {
  padding: 0;
  margin: 0;
}

.my-branded-story .mbs-content .mbs-examples .slick-list {
  margin: 0;
}

.my-branded-story .mbs-content .mbs-examples div[aria-hidden=true] {
  /* Fix for IE 11. Hides the slides that are not active. */
  visibility: hidden;
}

.my-branded-story .mbs-content .mbs-quick-tips {
  background-color: #FFFFFF;
  overflow: auto;
}

.my-branded-story .mbs-content .mbs-quick-tips #accordion {
  overflow: hidden;
}

.my-branded-story .mbs-content .mbs-quick-tips #accordion .panel {
  background-color: #FFFFFF;
}

.my-branded-story .mbs-content .mbs-quick-tips #accordion .panel .panel-title {
  margin-bottom: 0;
}

.my-branded-story .mbs-content .mbs-quick-tips #accordion .panel .panel-title .btn {
  text-align: left;
  margin-bottom: 0;
  background: white;
  width: 100%;
  padding: 0;
  position: relative;
}

.my-branded-story .mbs-content .mbs-quick-tips #accordion .panel .panel-title .btn .tips-heading {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.41;
  width: 92%;
  word-wrap: break-word;
  color: #444444;
}

.my-branded-story .mbs-content .mbs-quick-tips #accordion .panel .panel-title .btn .tips-heading-secondary {
  white-space: normal;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.69;
  letter-spacing: -0.1px;
  color: #444444;
  margin-top: 1.5em;
  text-transform: none;
}

.my-branded-story .mbs-content .mbs-quick-tips #accordion .panel .panel-title .btn.collapsed:after {
  transform: rotate(180deg);
}

.my-branded-story .mbs-content .mbs-quick-tips #accordion .panel .panel-title .btn:after {
  content: '';
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-dropdown-arrow-up.svg) center no-repeat;
  height: 1rem;
  width: 1rem;
  transition: all .2s;
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem;
}

.my-branded-story .mbs-content .mbs-quick-tips #accordion .panel .panel-body {
  margin-top: 1.5em;
}

.my-branded-story .mbs-content .mbs-quick-tips #accordion .panel .panel-body ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.my-branded-story .mbs-content .mbs-quick-tips #accordion .panel .panel-body ul li {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.56;
  letter-spacing: -0.1px;
  color: #444444;
  margin-bottom: 0.5em;
}

.my-branded-story .mbs-content .mbs-quick-tips #accordion .panel .panel-body ul li:last-child {
  margin-bottom: 0;
}

.my-branded-story .mbs-content .mbs-quick-tips #accordion .panel .panel-body ul li:before {
  content: "";
  line-height: 1em;
  width: .45em;
  height: .45em;
  background-color: #1CD8D2;
  float: left;
  margin: .5em .85em 0 0;
  border-radius: 50%;
}

.my-branded-story .mbs-content .mbs-script {
  background-color: #FFFFFF;
  overflow: auto;
}

.my-branded-story .mbs-content .mbs-script .mbs-script-header {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.41;
  color: #2D2D2D;
}

.my-branded-story .mbs-content .mbs-script .script-textarea textarea {
  resize: none;
  background-color: #FFFFFF;
  border: solid 1px #D1D1D1;
  border-radius: 2px;
  height: 11.5em;
  width: 100%;
  padding: 1.5em;
}

.my-branded-story .mbs-content .mbs-script .script-textarea textarea:focus {
  border-color: #008AB0;
}

.my-branded-story .mbs-content .mbs-script .script-textarea ::-webkit-input-placeholder {
  opacity: 0.3;
}

.my-branded-story .mbs-content .mbs-script .script-textarea ::-moz-placeholder {
  opacity: 0.3;
}

.my-branded-story .mbs-content .mbs-script .script-textarea :-ms-input-placeholder {
  opacity: 0.3;
}

.my-branded-story .mbs-content .mbs-script .script-textarea-alert {
  font-size: 0.875rem;
  line-height: 1.57;
  letter-spacing: -0.1px;
  text-align: right;
  color: #2D2D2D;
  opacity: 0.45;
}

.my-branded-story .mbs-content .mbs-script .script-textarea-alert.count-alert {
  color: #f44444;
  opacity: 1;
}

.my-branded-story .mbs-content .mbs-inspiration {
  background-color: #FFFFFF;
}

.my-branded-story .mbs-content .mbs-inspiration .positioning {
  overflow: auto;
}

.my-branded-story .mbs-content .mbs-inspiration .inspiration-header {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.41;
  color: #2D2D2D;
}

.my-branded-story .mbs-content .mbs-inspiration .inspiration-content {
  margin: 0.875em 0 1.5em 0;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.69;
  letter-spacing: -0.1px;
  color: #444444;
}

.my-branded-story .mbs-content .mbs-inspiration .quiz-timer {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/clock-small.png) no-repeat left;
  background-size: contain;
  padding-left: 2em;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.29;
  color: #727272;
}

.my-branded-story .mbs-content .mbs-inspiration .quiz-link {
  text-align: right;
}

.my-branded-story .mbs-content .mbs-inspiration .quiz-link a {
  font-size: 1rem;
  font-weight: 300;
  color: #008AB0;
}

.my-branded-story .mbs-content .mbs-nav-buttons {
  background-color: #FFFFFF;
  overflow: auto;
}

.my-branded-story .mbs-content .mbs-nav-buttons .btn {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 1rem;
  width: 100%;
}

.my-branded-story .mbs-content .mbs-nav-buttons .mbs-skip-btn {
  margin: 0.5em 0 1em;
  font-size: 1rem;
  font-weight: 300;
  text-align: center;
  color: #008AB0;
  cursor: pointer;
}

.my-branded-story .modal {
  -webkit-transition: opacity 1.25s cubic-bezier(0.16, 1.32, 0.91, 1.26);
  transition: opacity 1.25s cubic-bezier(0.16, 1.32, 0.91, 1.26);
}

.my-branded-story .modal .modal-dialog {
  height: 100%;
  margin: auto;
  max-width: 100%;
}

.my-branded-story .modal-dialog.image-modal {
  width: 100%;
}

.my-branded-story .modal-content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 1px;
  box-shadow: 0 2px 4px 0 rgba(198, 198, 198, 0.5);
  background: transparent;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  display: inline-table;
}

.my-branded-story .text-modal .modal-content {
  width: 100%;
  border: solid 1px #E3E3E3;
  background: #FFFFFF;
}

.my-branded-story .modal-header.full-image {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}

.my-branded-story .modal-header {
  padding: 1em 1em 0;
  border-bottom: 0;
}

.my-branded-story .modal-header .close {
  width: 1.5rem;
  height: 1.5rem;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-close-circle.png) no-repeat;
  background-size: contain;
  opacity: 1;
}

.my-branded-story .modal-body {
  padding: 0;
  margin: 0;
  text-align: center;
}

.my-branded-story .modal-body p {
  text-align: left;
}

.my-branded-story .modal-title {
  font-size: 1rem;
  line-height: 1.27;
  text-transform: none;
  padding: 0 1em;
  text-align: center;
}

.my-branded-story .modal-option-btn {
  margin: auto;
}

.my-branded-story .modal-option-btn .btn {
  width: 100%;
  margin-top: 0;
}

.my-branded-story #saveUnfinishedWork .modal-body {
  padding: 1em 1.5em;
}

.my-branded-story #saveUnfinishedWork .modal-title {
  margin-bottom: 1.5em;
}

.my-branded-story .slick-slider.carousel .slick-prev::before {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-left-white.svg) no-repeat;
  height: 1.250em;
  width: 11px;
  background-size: 100%;
  content: '';
  opacity: 1;
  display: inline-block;
}

.my-branded-story .slick-slider.carousel .slick-next::before {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-arrow-right-white.svg) no-repeat;
  height: 1.250em;
  width: 11px;
  background-size: 100%;
  content: '';
  opacity: 1;
  display: inline-block;
}

.my-branded-story .slick-slider.carousel .slick-next:hover,
.my-branded-story .slick-slider.carousel .slick-prev:hover {
  background: #37B0C9;
}

@media all and (min-width: 320px) and (max-width: 767px) {
  .mbs-content .mbs-type-info {
    padding: 1.75em 1.5em;
  }

  .mbs-content .mbs-examples {
    padding: 1.5em 0 0;
    margin: 0.5em 0 0;
  }

  .mbs-content .mbs-examples h1 {
    padding: 0 1.5rem;
  }

  .mbs-content .mbs-examples .carousel.carousel-primary .slick-prev {
    left: 0;
  }

  .mbs-content .mbs-examples .carousel.carousel-primary .slick-next {
    right: 0;
  }

  .mbs-content .mbs-quick-tips {
    margin-top: 0.5em;
  }

  .mbs-content .mbs-quick-tips #accordion .panel {
    padding: 1em 1.6em 2.5em;
  }

  .mbs-content .mbs-script {
    margin-top: 0.5em;
    padding: 0.875em 1.5em 2.5em;
  }

  .mbs-content .mbs-script .script-textarea-alert {
    margin: 0.5em 0;
  }

  .mbs-content .mbs-inspiration {
    margin-top: 0.5em;
    padding: 1.35em 1.5em;
  }

  .mbs-content .mbs-nav-buttons {
    margin-top: 0.5em;
    padding: 1.6em 1.5em;
  }

  .mbs-content .text-modal {
    width: 86.5%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .mbs-content {
    padding-top: 0.5em;
  }

  .mbs-content .mbs-type-info {
    padding: 1.75em 0;
  }

  .mbs-content .mbs-examples {
    padding: 1.5em 0 0;
    margin: 0.5em 0 0;
  }

  .mbs-content .mbs-examples .carousel.carousel-primary .slick-prev {
    left: -2.5rem;
  }

  .mbs-content .mbs-examples .carousel.carousel-primary .slick-next {
    right: -2.5rem;
  }

  .mbs-content .positioning,
  .mbs-content .mbs-quick-tips #accordion {
    width: 56.5%;
    margin: 0 auto;
  }

  .mbs-content .mbs-quick-tips {
    margin-top: 0.5em;
  }

  .mbs-content .mbs-quick-tips #accordion .panel {
    padding: 1em 0 2.5em;
  }

  .mbs-content .mbs-script {
    margin-top: 0.5em;
    padding: 0.875em 0 2.5em;
  }

  .mbs-content .mbs-script .script-textarea-alert {
    margin: 0.5em 0;
  }

  .mbs-content .mbs-inspiration {
    margin-top: 0.5em;
    padding: 1.35em 0;
  }

  .mbs-content .mbs-nav-buttons {
    margin-top: 0.5em;
    padding: 1.6em 0;
  }

  .mbs-content .text-modal {
    width: 50%;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .mbs-content {
    padding: 1.75em 3%;
  }

  .mbs-content .mbs-type-info {
    width: 52%;
    padding: 1.5em 1.5em 3em;
    margin: 0 3% 1.5em 0;
    float: left;
  }

  .mbs-content .mbs-examples {
    width: 45%;
    padding: 1em 1.5em;
  }

  .mbs-content .mbs-examples .carousel.carousel-primary .slick-prev {
    left: -1.5rem;
  }

  .mbs-content .mbs-examples .carousel.carousel-primary .slick-next {
    right: -1.5rem;
  }

  .mbs-content .mbs-quick-tips {
    width: 45%;
    margin-top: 1.5em;
    padding: 1.5em;
  }

  .mbs-content .mbs-script {
    width: 52%;
    padding: 1.5em 1.5em 2.5em;
    margin: 0 3% 1.5em 0;
    float: left;
  }

  .mbs-content .mbs-script .script-textarea-alert {
    margin: 0 0 0.5em;
  }

  .mbs-content .mbs-inspiration {
    width: 45%;
    margin: 1.5em 0 4em;
    margin-left: 55%;
  }

  .mbs-content .mbs-inspiration .positioning {
    padding: 1.5em;
  }

  .mbs-content .mbs-nav-buttons {
    width: 52%;
    padding: 2em 0;
    margin: 0 3% 2em 0;
    float: left;
  }

  .mbs-content .mbs-nav-buttons .positioning {
    width: 66%;
    margin: 0 auto;
  }

  .mbs-content .text-modal {
    width: 38%;
  }
}

@media screen and (min-width: 1440px) {
  .mbs-content {
    padding: 1.75em 11%;
  }

  .mbs-content .mbs-type-info {
    width: 59%;
    padding: 1.5em 1.5em 3em;
    margin: 0 2% 1.5em 0;
    float: left;
  }

  .mbs-content .mbs-examples {
    width: 39%;
    padding: 1em 1.5em;
  }

  .mbs-content .mbs-examples .carousel.carousel-primary .slick-prev {
    left: -1.5rem;
  }

  .mbs-content .mbs-examples .carousel.carousel-primary .slick-next {
    right: -1.5rem;
  }

  .mbs-content .mbs-quick-tips {
    width: 39%;
    margin-top: 1.5em;
    padding: 1.5em;
  }

  .mbs-content .mbs-script {
    width: 59%;
    padding: 1.5em 1.5em 2.5em;
    margin: 0 2% 1.5em 0;
    float: left;
  }

  .mbs-content .mbs-script .script-textarea-alert {
    margin: 0 0 0.5em;
  }

  .mbs-content .mbs-inspiration {
    width: 39%;
    margin: 1.5em 0 4em;
    margin-left: 61%;
  }

  .mbs-content .mbs-inspiration .positioning {
    padding: 1.5em;
  }

  .mbs-content .mbs-nav-buttons {
    width: 59%;
    padding: 2em 0;
    margin: 0 2% 2em 0;
    float: left;
  }

  .mbs-content .mbs-nav-buttons .positioning {
    width: 66%;
    margin: 0 auto;
  }

  .mbs-content .text-modal {
    width: 27%;
  }
}

.mbs-story-script-wrapper {
  background: #F7F9FA;
}

.mbs-story-script-wrapper .header-section {
  font-size: 1.875rem;
  font-weight: 100;
  line-height: 1.13;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/prism-banner.jpg) no-repeat;
  background-size: cover;
  color: #FFFFFF;
}

.mbs-story-script-wrapper .branded-text {
  font-size: 1.5rem;
}

.mbs-story-script-wrapper .action-template-section .content-section .description-section {
  text-align: left;
  margin: 0;
}

.mbs-story-script-wrapper .action-template-section .content-section .description-section .story-section {
  padding: 1.75rem 4.25rem 4.8125rem;
}

.mbs-story-script-wrapper .action-template-section .content-section .description-section .story-section .heading-section {
  font-size: 1.125rem;
}

.mbs-story-script-wrapper .action-template-section .content-section .description-section .story-section .time-format {
  width: 18.569em;
  height: 0.875em;
  font-size: 0.6875rem;
  line-height: 1.27;
  letter-spacing: -0.00625rem;
  color: #A7A7A7;
  margin-bottom: 2rem;
}

.mbs-story-script-wrapper .action-template-section .content-section .description-section .story-section .script-data {
  font-size: 0.625rem;
  letter-spacing: -0.00625rem;
  color: #727272;
  line-height: 1.5;
}

.mbs-story-script-wrapper .content-section .my-story-image-background {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

.mbs-story-script-wrapper .content-section .content-header-section {
  height: 15.625rem;
}

.mbs-story-script-wrapper .content-section .content-header-section .text-section-on-image {
  font-weight: 300;
  line-height: 1.38;
  letter-spacing: -0.00625rem;
  color: #FFFFFF;
  position: absolute;
  bottom: 15%;
  width: 7.5rem;
  max-width: 7.5rem;
}

.mbs-story-script-wrapper .content-section .content-header-section .icon-section-on-image {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/group-copy-2.png) no-repeat center center;
  position: absolute;
  width: 2.8125rem;
  bottom: 35%;
  height: 2.75rem;
  width: 2.75rem;
  max-width: 2.75rem;
}

.mbs-story-script-wrapper .content-section .content-header-section .icon-section-on-image,
.mbs-story-script-wrapper .content-section .content-header-section .text-section-on-image {
  margin: 0 auto;
  left: 0;
  right: 0;
}

.mbs-story-script-wrapper .content-section .description-section .story-section {
  background: #FFFFFF;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .brief-section .brief-link-section {
  font-weight: 300;
  line-height: 1.38;
  letter-spacing: -0.00625rem;
  color: #008AB0;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .step-by-step-section .heading-section {
  color: #2D2D2D;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .video-template-section {
  padding-top: 1rem;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .video-template-section #bigPlayButton {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/stroke-1-copy.png) no-repeat center center;
  border-radius: 0;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .video-template-section #bigPlayButton::before {
  background: none;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .video-heading-section {
  margin-top: 2rem;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .social-section {
  margin-top: 3.5625rem;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .social-section .video-section {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/video.png) no-repeat center top;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .social-section .presentation-section {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/presentation.png) no-repeat center top;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .social-section .share-section {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/ic-share.png) no-repeat center top;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .social-section .social-info-section {
  padding-top: 2.25rem;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .social-section .social-info-section .link-section {
  font-weight: 300;
  color: #008AB0;
  margin-top: 1.25rem;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .social-section .social-info-section .heading-section p {
  font-weight: 600;
  line-height: 2.38;
  color: #2D2D2D;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .social-section .social-info-section .desc-section {
  font-weight: 300;
  line-height: 1.38;
  letter-spacing: -0.00625rem;
  color: #444444;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .action-links .email-section p {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/email-icon.png) no-repeat center center;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .action-links .copy-section p {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/copy-icon-1.png) no-repeat center center;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .action-links .print-section p {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/print-icon.png) no-repeat center center;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .action-links .download-section p {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/download-icon.png) no-repeat center center;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .action-links .action-link {
  font-weight: 300;
  line-height: 1.69;
  letter-spacing: 0.025rem;
  color: #008AB0;
  margin-top: 1rem;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .action-links .action-link p {
  max-width: 5rem;
  height: 2.5rem;
  padding-top: 2.5rem;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .action-links .action-link.copy-section-active {
  color: #964BB3;
  height: 3.75rem;
}

.mbs-story-script-wrapper .content-section .description-section .story-section .action-links .action-link.copy-section-active p {
  background: #F7F9FA url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/copy-icon-active.png) no-repeat center 0.625rem;
  height: 3.8125rem;
}

.mbs-story-script-wrapper .content-section .description-section .copy-clicked-section {
  border-top: solid 0.0625rem #D0D0D0;
  padding: 2.8125rem 0 1.75rem;
  margin-top: 0.75rem;
}

.mbs-story-script-wrapper .content-section .description-section .submit-section .cancel-button-section,
.mbs-story-script-wrapper .content-section .description-section .copy-clicked-section .cancel-button-section {
  font-weight: 300;
  color: #008AB0;
  background: transparent;
  border: none;
  outline: none;
}

.mbs-story-script-wrapper .content-section .description-section .heading-section {
  font-size: 1.375rem;
  font-weight: 100;
  line-height: 1.41;
  color: #444444;
}

.mbs-story-script-wrapper .content-section .description-section .brief-section {
  font-weight: 300;
  line-height: 1.38;
  letter-spacing: -0.00625rem;
  color: #444444;
  padding-top: 1.875rem;
}

.mbs-story-script-wrapper .content-section .description-section .edit-icon {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/stroke-sm.png) no-repeat right top;
  height: 1.0625rem;
  margin-top: 0.5rem;
  position: absolute;
  right: 0;
  width: 1.0625rem;
  height: 1.0625rem;
}

.mbs-story-script-wrapper .content-section .description-section .toggle-edit-section {
  background-color: #F7F9FA;
}

.mbs-story-script-wrapper .content-section .description-section .update-edit-section {
  line-height: 1.57;
  letter-spacing: -0.00625rem;
  color: #2D2D2D;
}

.mbs-story-script-wrapper .content-section .description-section .update-edit-section .sub-heading {
  font-size: 0.875rem;
}

.mbs-story-script-wrapper .content-section .description-section .update-edit-section .sub-heading .info-link-section {
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/group-8.png) no-repeat center center;
  width: 1rem;
  height: 1rem;
  margin: 0.0625rem 0 0 0.75rem;
}

.mbs-story-script-wrapper .content-section .description-section .update-edit-section .input-section textarea {
  height: 11.625rem;
  max-height: 11.625rem;
  padding: 1.5rem 3rem 1.5rem 1.3125rem;
  color: #2D2D2D;
}

.mbs-story-script-wrapper .content-section .description-section .update-edit-section .char-section {
  opacity: 0.45;
}

.mbs-story-script-wrapper .content-section .video-outer-layer {
  position: absolute;
  background-color: transparent;
  height: 70%;
  z-index: 1000;
  width: 100%;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  margin: auto;
}

@media (max-width: 767px) {
  .mbs-story-script-wrapper .header-section {
    padding: 2.9375rem 0 2.625rem;
  }

  .mbs-story-script-wrapper page-level-error-component.success-component .success-alert .success-section {
    position: relative;
    top: -0.125rem;
  }

  .mbs-story-script-wrapper .content-section .content-header-section .icon-section-on-image {
    bottom: 52%;
  }

  .mbs-story-script-wrapper .content-section .content-header-section .text-section-on-image {
    bottom: 37%;
  }

  .mbs-story-script-wrapper .content-section .description-section .my-script-section .brief-section {
    padding-top: 0.3125rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section {
    padding: 1.5rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .update-edit-section {
    padding-top: 0.0625rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .update-edit-section [class^="section-"] {
    padding-bottom: 0.625rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .update-edit-section .section-3 {
    padding: 0;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .update-edit-section .submit-section {
    margin-top: 3.4375rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .update-edit-section .submit-section .cancel-button-section {
    margin-top: 0.5rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .step-by-step-section .brief-section {
    padding-top: 0.5rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .step-by-step-section .social-section .social-wrapper {
    padding-bottom: 1rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .step-by-step-section .social-section .social-wrapper:last-child {
    padding-bottom: 0;
    margin-bottom: -0.625rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .video-heading-section {
    margin-top: 2rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .video-template-section {
    margin: 0 -1.5rem 4.125rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .toggle-edit-section {
    padding: 1.375rem 0.6875rem 1.5625rem 0.875rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .go-back-section .go-back-button {
    margin: 0.8125rem 0.125rem 0.625rem;
  }
}

@media (min-width: 768px) {
  .mbs-story-script-wrapper .header-section {
    padding: 3.5625rem 0 2.9375rem;
  }

  .mbs-story-script-wrapper .description-section .story-section {
    padding: 1.5rem 10.5rem;
  }

  .mbs-story-script-wrapper .description-section .story-section .update-edit-section .submit-section {
    margin-top: 4.5rem;
  }

  .mbs-story-script-wrapper .description-section .story-section .update-edit-section .submit-section .cancel-button-section {
    margin-top: 1rem;
  }

  .mbs-story-script-wrapper .description-section .story-section .video-template-section {
    margin-bottom: 4.125rem;
  }

  .mbs-story-script-wrapper .description-section .toggle-edit-section {
    padding: 1.5rem 4.5625rem 1.5rem 3.8125rem;
  }

  .mbs-story-script-wrapper .description-section .go-back-section .go-back-button {
    margin: 2.25rem 0 1.25rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .mbs-story-script-wrapper .content-section .content-header-section .icon-section-on-image {
    bottom: 46%;
  }

  .mbs-story-script-wrapper .content-section .content-header-section .text-section-on-image {
    bottom: 27%;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .video-template-section {
    margin-bottom: 2.75rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .video-heading-section {
    margin-top: 2rem;
  }

  .mbs-story-script-wrapper .content-section .step-by-step-section .brief-section {
    margin-top: -1.5rem;
  }
}

@media (max-width: 1023px) {
  .mbs-story-script-wrapper .content-section .description-section {
    padding-bottom: 0.625rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section {
    margin-bottom: 0;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .social-section .social-info-section {
    background-position: left top;
    margin-bottom: 3rem;
    width: 16.9375rem;
    max-width: 16.9375rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .social-section .social-info-section .desc-section {
    margin-top: -0.3125rem;
  }

  .mbs-story-script-wrapper .update-edit-section .center-section {
    display: block;
  }
}

@media (min-width: 1024px) {
  .mbs-story-script-wrapper .content-section .content-header-section .icon-section-on-image {
    bottom: 48%;
  }

  .mbs-story-script-wrapper .content-section .content-header-section .text-section-on-image {
    bottom: 32%;
  }

  .mbs-story-script-wrapper .content-section .description-section {
    text-align: center;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section {
    padding: 1.5rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .update-edit-section {
    margin-top: -2rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .update-edit-section [class^="section-"] {
    padding-bottom: 1rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .update-edit-section .section-3 {
    padding-bottom: 0;
    margin-bottom: 5.625rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .social-section {
    padding: 0 2.125rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .brief-section {
    width: 85%;
    text-align: center;
    display: table;
    margin: 0 auto;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .video-template-section {
    margin: 0.75rem -1.5rem 3.125rem;
    margin-left: 0;
    margin-right: 0;
  }

  .mbs-story-script-wrapper .content-section .description-section .now-what-section {
    padding: 0.75rem 0 5rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .now-what-section .brief-section {
    width: 22.375rem;
    max-width: 22.375rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .now-what-section .now-what-brief-section {
    padding-top: 0.5rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .now-what-section .heading-section:first-child {
    padding-top: 0.625rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .now-what-section .video-wrapper .video-heading-section {
    position: absolute;
    z-index: 100;
    margin: 0 auto;
    width: 15.125rem;
    max-width: 15.125rem;
    left: 0;
    right: 0;
    top: 2.5rem;
    font-size: 2.375rem;
    font-weight: 100;
    line-height: 1.05;
    color: #444444;
  }

  .mbs-story-script-wrapper .content-section .description-section .now-what-section .step-by-step-brief-section {
    padding-top: 0.3125rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .my-script-section .brief-section {
    width: initial;
    max-width: initial;
    padding: 1rem 0 1.5rem;
  }

  .mbs-story-script-wrapper .description-section {
    margin: 1.625rem 2.8125rem 0;
    padding-bottom: 1.625rem;
  }

  .mbs-story-script-wrapper .description-section .toggle-edit-section {
    padding: 2.5625rem 4.25rem 3.75rem 2.8125rem;
  }

  .mbs-story-script-wrapper .description-section .go-back-section .go-back-button button {
    width: 27.125rem;
    max-width: 27.125rem;
  }

  .mbs-story-script-wrapper .story-section {
    margin-bottom: 1.5rem;
  }

  .mbs-story-script-wrapper .story-section .update-edit-section .submit-section {
    width: 27.125rem;
    max-width: 27.125rem;
  }
}

@media (min-width: 1440px) {
  .mbs-story-script-wrapper .content-section .content-header-section .icon-section-on-image {
    bottom: 49%;
  }

  .mbs-story-script-wrapper .content-section .description-section {
    margin: 1.625rem 10rem 0;
    padding-bottom: 1.625rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .toggle-edit-section {
    padding: 2.5625rem 5rem 4rem 3.3125rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .video-template-section {
    margin: 0;
    padding: 2.0625rem 1.5rem 2.3125rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .story-section .social-section {
    padding: 0 3.75rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .my-script-section .brief-section {
    padding-bottom: 0.625rem;
  }

  .mbs-story-script-wrapper .content-section .description-section .now-what-section .video-wrapper .video-heading-section {
    top: 3.75rem;
  }
}

.app-modal-window.go-back-confirmation-popup .modal-dialog,
.app-modal-window.modal-popup .modal-dialog {
  margin: 0 auto;
  margin-top: 2rem;
}

.app-modal-window.go-back-confirmation-popup .modal-dialog .modal-header,
.app-modal-window.modal-popup .modal-dialog .modal-header {
  padding-bottom: 0;
}

.app-modal-window.go-back-confirmation-popup .modal-dialog .modal-header .cross-icon,
.app-modal-window.modal-popup .modal-dialog .modal-header .cross-icon {
  width: 1.5625rem;
  padding: 1.5rem 1.125rem 1rem 0;
  background: url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/cross-small.png) no-repeat right top;
}

.app-modal-window.go-back-confirmation-popup .modal-dialog .modal-body,
.app-modal-window.modal-popup .modal-dialog .modal-body {
  padding: 0 1rem 1rem;
}

.app-modal-window.go-back-confirmation-popup .modal-dialog .modal-body .desc-section,
.app-modal-window.modal-popup .modal-dialog .modal-body .desc-section {
  padding: 0 2.5rem 1.5rem;
}

.app-modal-window.go-back-confirmation-popup .modal-dialog .modal-body .submit-section,
.app-modal-window.modal-popup .modal-dialog .modal-body .submit-section {
  padding: 0 2rem;
}

.app-modal-window.email-popup .modal-dialog {
  padding: 0 1.5rem 2rem;
}

.app-modal-window.email-popup .modal-dialog .modal-header,
.app-modal-window.email-popup .modal-dialog .modal-body {
  padding: 1rem 1.5rem 1.5rem;
}

.app-modal-window.email-popup .modal-dialog .modal-header .heading-section {
  font-size: 1.375rem;
  font-weight: 100;
  letter-spacing: normal;
  color: #727272;
}

.app-modal-window.email-popup .modal-dialog .modal-body {
  padding-top: 0;
}

.app-modal-window.email-popup .modal-dialog .modal-body .content-section .email-section input {
  margin-bottom: 0;
}

.app-modal-window.email-popup .modal-dialog .modal-body .content-section .description {
  height: 11.375rem;
  max-height: 11.375rem;
  resize: none;
  font-size: 0.875rem;
  line-height: 1.57;
  letter-spacing: -0.00625rem;
  color: #C0C0C0;
  padding: 0.5rem;
}

.app-modal-window.email-popup .modal-dialog .modal-body .content-section .attachment-section .attach-info {
  background: #DFE0E1 url(/etc/clientlibs/mecommerce/core/main/css/src/assets/images/paper-clip.svg) no-repeat 0.625rem center;
  border-radius: 6.25rem;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.57;
  letter-spacing: -0.00625rem;
  color: #7E7F80;
  padding: 0.1875rem 1rem 0.1875rem 2rem;
}

@media (max-width: 767px) {
  .app-modal-window.email-popup .modal-dialog .modal-body .content-section .submit-section {
    padding-left: 0;
    padding-right: 0;
  }
}

.welcomenuSkin {
  text-align: center;
  padding-top: 2em;
}

.module {
  padding-top: 1em;
}

.list-item {
  border-bottom: 1px solid #B9E1EA;
}

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