html {
  font-size: 14px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100%;
  --skew-height: calc(100vw / 9.51436);
  --skew-height-12: calc(100vw /4.7046);
  --color-gray-100: #F6F9FC;
  --color-gray-200: #f0f3f5;
  --color-primary: #003959;
  --color-blue: #1B80B2;
  --color-light-blue: #06B2E2;
  --color-magenta: #AC0083;
  --color-pink: #FF00C3;
  --text-color-gray: #697386;
  --color-nybox-blue: #003857;
  --scroll-bar-color: #c5c5c5;
  --scroll-bar-bg-color: #f6f6f6;
}

@keyframes point-out {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-5px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
}

@keyframes slide-top-1px {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
  }
}

@keyframes moveandrotate {
  0% {
    transform: translateY(0px) rotateZ(14deg);
  }

  4% {
    transform: translateY(180px) rotateZ(14deg) translateX(-45px);
  }

  96% {
    transform: translateY(180px) rotateZ(14deg) translateX(-45px);
  }

  100% {
    transform: translateY(0px) rotateZ(14deg) translateX(0px);
  }
}

@keyframes moveandrotate2 {
  0% {
    transform: translateY(0px) rotateZ(40deg);
  }

  4% {
    transform: translateY(150px) rotateZ(40deg) translateX(-120px);
  }

  96% {
    transform: translateY(150px) rotateZ(40deg) translateX(-120px);
  }

  100% {
    transform: translateY(0px) rotateZ(40deg) translateX(0px);
  }
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.underline-on-hover:hover {
  text-decoration: underline !important;
}

.ff-system {
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif !important;
}

.form-check-inline > * {
  cursor: pointer;
}

body {
  font-family: Open sans, sans-serif;
  color: var(--color-primary);
}

.lh-46px {
  line-height: 46px;
}

h6 {
  font-weight: 600;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #BFBFBF;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #BFBFBF;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #BFBFBF;
}

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

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

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #AC0083;
  background-image: none;
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #AC0083;
  box-shadow: none;
}

.was-validated .invalid-feedback {
  position: absolute;
  top: -5px;
  width: auto;
  font-size: 12px;
  font-weight: bold;
  color: #AC0083;
}

.input-group.was-validated .invalid-feedback,
.add-paymentmethod .was-validated .invalid-feedback {
  top: -23px;
}

.buyforme-page .was-validated .invalid-feedback,
.ebay-order-page .was-validated .invalid-feedback {
  top: calc(0.375rem + 1px);
  margin-top: 0;
  right: 0;
}

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

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #ced4da;
  background-image: none;
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #AC0083;
  box-shadow: none;
  background-image: none;
}

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

.cursor-pointer {
  cursor: pointer;
}


.mx-custom {
  margin-left: 0.625rem !important;
  margin-right: 0.625rem !important;
}

.color-white {
  color: #fff;
}

.pb-30px {
  padding-bottom: 30px;
}

.pt-10-pb-20 {
  padding-top: 10px;
  padding-bottom: 20px;
}

.py-10px {
  padding-top: 10px;
  padding-bottom: 10px;
}

.py-12px {
  padding-top: 12px;
  padding-bottom: 12px;
}

.py-23px {
  padding-top: 23px;
  padding-bottom: 23px;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-sbold {
  font-weight: 600 !important;
}

.fs-9px {
  font-size: 9px !important;
  color: #006BBE;
  line-height: 15px;
}

.fs-11px {
  font-size: 11px !important;
}

.fs-12px {
  font-size: 12px !important;
}

.fs-13px {
  font-size: 13px !important;
}

.fs-14px {
  font-size: 14px !important;
}

.fs-15px {
  font-size: 15px !important;
}

.fs-16px {
  font-size: 16px !important;
}

.fs-17px {
  font-size: 17px;
}

.fs-18px {
  font-size: 18px !important;
}

.fs-19px {
  font-size: 19px !important;
}

.fs-22px {
  font-size: 22px !important;
}

.fs-30px {
  font-size: 30px !important;
}

.fs-35px {
  font-size: 35px !important;
}

.fs-20px {
  font-size: 20px !important;
}

.fs-25px {
  font-size: 25px !important;
}

.fs-40px {
  font-size: 40px;
}

.fs-45px {
  font-size: 45px !important;
}

.fs-48px {
  font-size: 48px !important;
}

.fw-large {
  font-size: 1.25em;
}

.line-height-125 {
  line-height: 1.25;
}

.line-height-120 {
  line-height: 1.2;
}

.color-red {
  color: #FF2D55;
}

.ls-dynamic {
  letter-spacing: calc(var(--font-size-dynamic) * 0.02);
}

.color-yellow-2 {
  color: #FBC481;
}

.color-nybox-icon {
  background-color: #F5AF02;
}

.border-type-1 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.nav-light header,
.html-pricing-page .section-header {
  background-color: var(--color-gray-100);
}

.nav-blue header {
  background-color: var(--color-blue);
}

.nav-dark-blue header {
  background-color: var(--color-primary);
}

.color-primary {
  color: var(--color-primary);
}

.color-pink {
  color: var(--color-pink);
}

.color-blue {
  color: var(--color-blue);
}

.color-light-blue {
  color: var(--color-light-blue);
}

.color-yellow {
  color: #FFAA00;
}

.color-yellow:hover,
.color-yellow:active {
  color: #FFC042;
}

.color-gray-1 {
  color: #99AFBC;
}

[class*="shadow"], [class*='hover-'] {
  transition: all 0.2s ease;
}

.hover-translate-y-n10:hover {
  transform: translateY(-10px) !important;
}

.no-selected-package * {
  transition: all 0.2s ease;
}

.shadow-large {
  box-shadow: 0 50px 100px -20px rgba(50,50,93,0.25),0 30px 60px -30px rgba(0,0,0,0.3);
}

.hover-shadow:hover {
  box-shadow: 0 1rem 3rem #00000029 !important;
}

.shadow-1 {
  box-shadow: 0px 10px 20px #00000029;
}

.shadow-2 {
  box-shadow: 0px 30px 40px rgba(0, 0, 0, 0.16);
}

.shadow-3 {
  box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.16);
}

.shadow-4 {
  box-shadow: 0px 3px 6px rgba(0,0,0,0.15);
}

.bg-yellow.tooltip.show {
  opacity: 1;
}

.bg-yellow .tooltip-inner {
  background-color: #FFF3C1;
  color: var(--color-primary);
}

.bg-yellow.tooltip.bs-tooltip-top .tooltip-inner {
  box-shadow: 0px 10px 20px #00000029;
  border: 1px solid #ffeb99;
  border-bottom: none;
}

.bg-yellow.tooltip.bs-tooltip-bottom .tooltip-inner {
  border: 1px solid #ffeb99;
  border-top: none;
  box-shadow: 0px -2px 15px rgb(0 0 0 / 15%);
}

.bg-yellow.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #FFF3C1 !important;
}

.bg-yellow.tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #FFF3C1 !important;
}

/*********** NOTIFICATIONS & POPUPS  ***********/
.bar-notification-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  line-height: 16px;
  color: #fff;
  opacity: 0.95;
}

.bar-notification.success {
  background-color: #1BB267;
}

.bar-notification.error {
  background-color: #E40521;
}

.bar-notification.warning {
  background-color: #DB7400;
}

.bar-notification {
  position: relative;
  display: none;
  padding: 15px 25px 15px 10px;
}

.bar-notification .content {
  margin: 0 10px 0 0;
}

.bar-notification .content a {
  color: #fff;
  text-decoration: underline;
}

.bar-notification .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  margin: 7px;
  background: #fff url('../images/close.png') center no-repeat;
  cursor: pointer;
}

.popup-notification {
  border-radius: 5px;
  padding: 3px;
  margin: 5px 0;
}

.popup-notification.success {
  border: 2px rgba( 75,176,122,.5) solid;
}

.popup-notification.error {
  border: 2px rgba( 228,68,76,.5) solid;
}

.popup-notification.warning {
  border: 2px rgba( 243,156,18,.5) solid;
}

.warning-tooltip {
  position: absolute;
  bottom: 45px;
  padding: 0.5em 1em 0.4em;
  background-color: #EB6619;
  border: 1px solid #EB6619;
  border-radius: 3px;
  color: #fff;
  width: 160px;
  font-size: 12px;
}

.warning-tooltip::after,
.warning-tooltip::before {
  content: '';
  position: absolute;
  top: 100%;
  border: solid transparent;
}

.warning-tooltip::after {
  border-top-color: #EB6619;
  border-width: 10px;
}

.warning-tooltip::before {
  border-top-color: #EB6619;
  border-width: 10px;
}

.form-control.type-1,
.input-group .type-1,
.form-select.type-1 {
  font-size: 14px;
  border-radius: 0;
  min-height: 48px;
}

.loader-wrapper,
.loader-wrapper-details,
.loader-add-post-wrapper,
[class^="loader-wrapper-post-"], [class*=' loader-wrapper-post-'],
.loader-pending-post-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,57,89,0.35);
  width: 100%;
  height: 100%;
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.html-packages-page .loader-wrapper {
  border-radius: 10px
}

.loader,
.loader-details,
.loader-post-add,
[class^="loader-post-"], [class*=' loader-post-'],
.loader-pending {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  border: 4px solid #Fff;
  animation: loader 2s infinite ease;
}

.loader-inner,
.loader-inner-details,
.loader-inner-post-add,
[class^="loader-inner-post-"], [class*=' loader-inner-post-'],
.loader-inner-pending {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  animation: loader-inner 2s infinite ease-in;
}

/**box shadowlar icin**/
.post-list,
.pending-posts-container {
  margin: -0.5rem 0 -1rem -1rem;
  padding: 0.5rem 0 1rem 1rem;
}

/*.post-list {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 624px;
}*/

/*.pending-posts-wrapper {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 624px;
}*/



.post-add-btn {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  text-align: center;
  justify-content: center;
  background-color: #E7E7E7;
  color: #5F6164;
  transition: .3s;
}

.post-add-btn:focus,
.post-add-btn:hover,
.post-add-btn:active {
  background-color: #30A9E0;
  color: #fff;
}

.post-search-box {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  background: #E7E7E7;
  height: 40px;
  border-radius: 50px;
}

.post-search-input {
  outline: none;
  border: none;
  background: none;
  width: 0;
  padding: 0;
  color: #040404;
  float: left;
  font-size: 14px;
  transition: .3s;
  line-height: 39px;
}

.post-search-input::placeholder {
  color: #6D6D6D;
}

.post-search-btn {
  color: #5F6164;
  float: right;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50px;
  background: #E7E7E7;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: .3s;
}

.post-search-input:focus,
.post-search-input:not(:placeholder-shown) {
  width: 200px;
  padding: 0 40px 0 12px;
  background-color: #fff;
  border: 1px solid #ECECEC;
  border-radius: 40px;
}

.post-search-box:hover > .post-search-input {
  width: 200px;
  padding: 0 40px 0 12px;
  background-color: #fff;
  border: 1px solid #ECECEC;
  border-radius: 40px;
}

.post-search-box:hover > .post-search-btn,
.post-search-input:focus + .post-search-btn,
.post-search-input:not(:placeholder-shown) + .post-search-btn {
  background: #30a9e0;
  color: #fff;
  margin-left: -40px;
}

.post-search-box .nbicon-search {
  font-size: 20px;
}

.form-control.postcomment-input:focus,
.form-control.postcomment-input:active {
  box-shadow: none;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(180deg);
  }

  50% {
    transform: rotate(180deg);
  }

  75% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-inner {
  0% {
    height: 0%;
  }

  25% {
    height: 0%;
  }

  50% {
    height: 100%;
  }

  75% {
    height: 100%;
  }

  100% {
    height: 0%;
  }
}

.rounded-10 {
  border-radius: 10px;
}

.rounded-3 {
  border-radius: 3px;
}

.dropdown-menu {
  box-shadow: 0px 10px 20px #00000029;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
  border: none;
}

.dropdown-item {
  letter-spacing: 0px;
  color: #175070;
  font-weight: 600;
  font-size: 14px;
  line-height: 32px;
}

.language-selector .dropdown-item {
  transition: all .2s cubic-bezier(.34,1.61,.7,1.3);
}

.language-selector .dropdown-item:hover {
  font-size: 16px;
  background-color: transparent;
  color: #003959;
}

.nav-link.dropdown-toggle:hover:after {
  vertical-align: .155em;
}

.nav-link.dropdown-toggle.show:after {
  opacity: 0;
}

.common-link {
  color: #016EAE;
  font-weight: 600;
  text-decoration: none;
  transition: all .1s ease;
}

.common-link.color-blue-2 {
  color: #B4E4FF;
}

.common-link:hover {
  opacity: 0.8;
}

.btn-magenta {
  background-color: var(--color-magenta);
  border-color: #E5E5EA;
  color: #fff;
}

.btn-check:active + .btn-magenta,
.btn-check:checked + .btn-magenta,
.btn-magenta.active,
.btn-magenta:active,
.show > .btn-magenta.dropdown-toggle {
  color: #fff;
  background-color: #8a0069;
  border-color: #8a0069;
}

.btn.btn-account {
  background-color: #30A9E0;
  border: 0.2px solid #D4D8E4;
  color: #F6F9FC;
  width: 32px;
  height: 32px;
  font-size: 12px;
  font-weight: 600;
  padding: 7px 0;
  border-radius: 50%;
  letter-spacing: 0;
}

.btn.btn-logout {
  padding: 0 10px;
  font-size: 13px;
  display: flex;
  align-items: center;
  border: 0.2px solid #95A5A6;
  border-radius: 20px;
  color: #F6F9FC;
  min-width: 92px;
  height: 34px;
}

.icon-logout {
  background: url(../images/icon-logout.svg) no-repeat;
  width: 15px;
  height: 17px;
  display: inline-block;
  margin-top: 1.25px;
  margin-bottom: 1.25px;
}

.btn.btn-logout:hover,
.btn.btn-logout:active {
  background-color: rgba(255,255,255,0.1);
}

.btn.btn-logout:hover .icon-logout,
.btn.btn-logout:active .icon-logout {
  background: url(../images/icon-logout-hover.svg) no-repeat;
  height: 18px;
  margin-top: 0.25px;
}

.btn.btn-magenta:hover {
  background-color: #9b0076;
  border-color: #9b0076;
  color: #fff;
}

.btn.btn-calcrate {
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0px;
}

.btn-absolute-top-end.btn-close {
  position: absolute;
  top: 10px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  background-color: rgba(255, 255, 255, 0.9);
  color: #fff;
  z-index: 1;
}

.bg-gray-100 {
  background-color: var(--color-gray-100);
}

.bg-gray-900 {
  background-color: #D0D0D0;
}

.bg-blue-2 {
  background-color: var(--color-blue);
}

.bg-blue-3 {
  background-color: var(--color-light-blue);
}

.bg-blue-4 {
  background-color: #30A9E0 !important;
}

.color-black-2 {
  color: #040404 !important;
}

.color-white-2 {
  color: var(--color-gray-100);
}

.w-50px {
  width: 50px;
}

.w-140px {
  width: 140px;
}

.mw-140px {
  min-width: 140px;
}

.mw-100px {
  min-width: 100px;
}

.admin-header-links {
  background: #fff;
  color: #6a6a6a;
  border: 1px solid #efefef;
  text-align: center;
  display: none; /*Gecici olarak kapatildi*/
}

.admin-header-links * {
  display: inline-block;
  margin: 0 10px;
  line-height: 38px;
  font-size: 13px
}

.admin-header-links .impersonate {
  display: inline-block
}

.admin-header-links a {
  display: inline-block;
  text-decoration: none;
  color: var(--color-blue);
  font-weight: 600
}

.admin-header-links a:only-child {
  display: block
}

.admin-header-links .impersonate > * {
  display: inline-block
}

.admin-header-links .impersonate a {
  text-decoration: underline
}

.language-selector {
  position: absolute;
  top: 16px;
}

.footer-language-area > .language-selector {
  top: auto;
  position: initial;
}

.language-selector .dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--color-primary);
}

.language-selector .dropdown-menu:after {
  content: "";
  border-top: 0;
  border-bottom: .5em solid #fff;
  border-right: .4em solid transparent;
  border-left: .4em solid transparent;
  position: absolute;
  top: -8px;
}

.footer-language-area .language-selector .dropdown-menu:after {
  content: "";
  border-bottom: 0;
  border-top: .5em solid #fff;
  border-right: .4em solid transparent;
  border-left: .4em solid transparent;
  position: absolute;
  bottom: -8px;
  top: auto;
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1080px;
  }
}

.gx-75 {
  --bs-gutter-x: 30px;
}

.gx-110 {
  --bs-gutter-x: 50px;
}

.gx-180 {
  --bs-gutter-x: 80px;
}

.home-page h4 {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: -0.75px;
}

.home-page .lead {
  font-size: 25px;
  font-weight: 400;
  letter-spacing: -0.75px;
}

.nybox-theme {
  height: 100%;
}

.master-column-wrapper {
  min-height: calc(100% - 71px);
  display: flex;
  flex-direction: column;
}

.nybox-theme .navbar-brand {
  position: relative;
  padding: 0;
  z-index: 2;
}

.logo-wrapper {
  background: url(../images/nybox-logo-dark.svg) no-repeat;
  width: 144.82px;
  height: 45.88px;
  display: block;
}

.dark-nav .logo-wrapper {
  background: url(../images/nybox-logo-light.svg) no-repeat;
  width: 149.11px;
  height: 45.88px;
  display: block;
}

.html-account-pages.dark-nav .logo-wrapper {
  background-position: center right;
}

.nybox-theme .navbar-brand:hover .logo-wrapper {
  opacity: 0.8;
}

.nybox-theme .navbar {
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 0.5px solid rgba(255,255,255,0.08);
  max-height: 70px;
}

.html-account-pages .nybox-theme .navbar {
  z-index: 6;
}

.nybox-theme .navbar-nav .nav-link {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: -0.2px;
}

.nybox-theme .navbar-dark .navbar-nav .nav-link,
.navbar-dark .nav-link.dropdown-toggle {
  color: var(--color-primary);
  transition: all 0.35s ease;
}

.dark-nav .nybox-theme .navbar-dark .navbar-nav .nav-link {
  color: var(--color-gray-100);
  font-weight: 400;
}

.nybox-theme .navbar-dark .navbar-nav .nav-link:hover {
  color: #99AFBC;
}

.nav-blue .nybox-theme .navbar-dark .navbar-nav .nav-link:hover {
  color: #AEE2FF;
}

.nav-blue.dark-nav .nybox-theme .navbar-dark .navbar-nav .nav-link {
  font-weight: 600;
}

.dark-nav .navbar-dark .nav-link.dropdown-toggle {
  color: #fff;
}

.navbar-dark .nav-link.dropdown-toggle:hover {
  color: #AEE2FF;
}

button.navbar-toggler {
  background-color: var(--color-primary);
  border-radius: 30px;
  color: #fff;
  border: none;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 12px;
  --knockoutColor: #fff;
  display: inline-flex;
  z-index: 1;
}

.dark-nav button.navbar-toggler {
  background-color: rgba(255,255,255,0.1);
}

.btn.btn-round {
  border-radius: 1.875rem;
}

.btn-header-signup {
  font-size: 15px;
  position: absolute;
  top: 17px;
}

.btn-header-login {
  transition: 150ms cubic-bezier(0.215,0.61,0.355,1);
  line-height: 1.4;
}

.btn-header-login i {
  opacity: 0;
  transition: 150ms cubic-bezier(0.215,0.61,0.355,1);
  font-size: 12px;
}

.btn-header-login:hover {
  transform: translateX(-1px);
}

.btn-header-login:hover i {
  opacity: 1;
}

.btn {
  font-weight: 600;
  font-family: Open Sans, sans-serif;
  letter-spacing: -0.32px;
  color: #FFFFFF;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-radius: 5px;
  line-height: 1.625;
}

.btn.btn-type-1 {
  padding-right: 18px;
  padding-left: 18px;
  padding-top: 7px;
  padding-bottom: 8px;
  letter-spacing: 0;
}

.btn.btn-type-1.btn-sm {
  line-height: 19px;
}

.btn-primary {
  background-color: #1E96D1;
  border-color: #1E96D1;
}

.btn-primary:hover {
  background-color: rgba(30, 150, 209, 0.8);
  border-color: rgba(30, 150, 209, 0.8);
}

.btn-primary:active,
.btn-check:focus + .btn-primary,
.btn-primary:focus {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.btn-dark-blue {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}

.btn-dark-blue:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #BFDFFF;
}

.btn-dark-blue-2 {
  background-color: #004A74;
  border-color: #004A74;
  color: #fff;
}

.btn-dark-blue-2:hover {
  background-color: var(--color-blue);
  border-color: var(--color-blue);
  color: #fff;
}

.btn-blue {
  background-color: var(--color-blue);
  border-color: var(--color-blue);
  color: #fff;
}

.btn-blue:hover {
  color: #fff;
}

.btn.btn-link {
  color: #016EAE;
  text-decoration: none;
}

.btn.btn-link:hover {
  color: var(--color-primary);
}

.btn:focus {
  box-shadow: none;
}

.store-links a {
  transition: all 0.35s ease;
}

.store-links a:hover,
.store-links a:active {
  background-color: rgba(0,0,0,0.15);
  border-radius: 8px;
}

.nybox-link {
  color: #06B2E2;
  text-decoration: none;
  display: flex;
}

.nybox-link i {
  align-self: center;
  padding: 5px;
  border-radius: 50%;
  font-size: 10px;
  color: white;
  width: 20px;
  height: 20px;
}

.nybox-link:hover {
  color: #1B80B2;
}

.nybox-link i:before {
  transition: all .2s cubic-bezier(.34,1.61,.7,1.3);
}

.icon-move-end i {
  transition: all .2s cubic-bezier(.34,1.61,.7,1.3);
}

.icon-questionmark {
  background: url(../images/icon-question-mark.svg);
  width: 47px;
  height: 41px;
  min-width: 47px;
}

.icon-chevron-right {
  background: url(../images/icon-chevron-right.svg);
  width: 5px;
  height: 8px;
}

.icon-add-user {
  background: url(../images/icon-add-user.svg);
  width: 18.199px;
  height: 18.199px;
}

.icon-product {
  background: url(../images/icon-product.svg);
  width: 18.651px;
  height: 18.651px;
}

.icon-shopping-cart {
  background: url(../images/icon-shopping-cart.svg);
  width: 21.203px;
  height: 18.635px;
}

footer {
  font-size: 15px;
  letter-spacing: -0.3px;
  color: var(--color-primary);
  background-color: var(--color-gray-100);
  padding-top: 100px;
  margin-top: auto;
}

footer h6 {
  font-weight: bold;
}

.footer .nav-link {
  color: var(--color-primary);
  font-weight: 400;
  padding-top: 0;
  padding-bottom: .25rem;
}

.background-color-primary {
  background-color: var(--color-primary);
}

.background-color-magenta {
  background-color: var(--color-magenta);
}

.color-magenta {
  color: var(--color-magenta);
}

.color-nybox-blue {
  color: var(--color-nybox-blue);
}

.btn.bg-white {
  color: var(--color-magenta);
  background-color: #fff;
}

.btn.bg-pink {
  color: #FFF;
  background-color: var(--color-pink);
}

.btn.btn-shadow,
.btn-shadow.btn-primary:active:focus {
  box-shadow: 0px 3px 6px #00000029;
}

.please-wait,
.newsletter-result {
  font-size: 0.875rem;
  color: var(--color-blue);
}

.home-page .hero {
  margin-top: -71px;
  padding-top: 141px;
  color: #FFF;
  margin-bottom: 54px;
  position: relative;
  overflow: hidden;
}

.home-page .hero h1 {
  font-size: 35px;
  line-height: 41px;
  font-weight: 700;
  letter-spacing: -1.2px;
  color: #FFFFFF;
  margin-bottom: 0;
}

.hero-map .map-us {
  position: absolute;
  top: 0;
}

.home-page .hero-bottom {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.36px;
  color: var(--color-primary);
  margin-top: 315px;
}

.hero .pink-block {
  position: absolute;
  top: 88px;
  width: calc(100vw * 0.1213);
}

.hero-map {
  right: calc(0.4427 * 100vw);
  top: 113px;
}

.hero-map .map-us {
  transform: scale(0.774);
}

.hero-map .map-path {
  position: absolute;
  top: 59px;
  transform: rotateZ(12deg) scale(0.8);
}

.hero-map .map-receiver {
  position: absolute;
  top: 261px;
  transform: scale(0.76);
}

.hero-plane-how-it-works {
  top: -110px;
  transform: rotateZ(40deg);
}

.bg-receive-packages:hover .hero-plane-how-it-works {
  animation: moveandrotate2 100s ease-in-out infinite;
}

.moving-finger {
  position: absolute;
  margin-top: 135px;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: point-out;
  animation-timing-function: linear;
}

.section-tell-us:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 248px;
  max-height: 100%;
  background: url(../images/buy-for-me-common-page/buy-for-me-bg-3.svg) no-repeat top center;
}

.html-ebay-common .section-tell-us:before {
  bottom: 50px;
}

.home-page .faqs {
  margin-bottom: -144px;
  padding-top: 108px;
  overflow: hidden;
}

.html-buy-for-me-common .faqs {
  overflow: hidden;
  margin-bottom: -80px;
}

.home-page .faqs h4,
.html-buy-for-me-common .faqs h4,
.html-howitworks-page .faqs h4 {
  margin-top: 30px;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: -0.75px;
}

.mb-225 {
  margin-bottom: 225px;
}

.mb-30px {
  margin-bottom: 30px;
}

.mb-100px {
  margin-bottom: 100px;
}

.mb-18px {
  margin-bottom: 18px;
}

.home-page .shopping-advantages {
  background-color: #e0e7eb;
  background: url(../images/bg-middle1.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 30px;
  overflow: hidden;
  padding-bottom: 155px;
}

.home-page .advantages {
  margin-top: 80px;
}

.home-page .pricing {
  background: url(../images/bg-middle3.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 482px;
  background-color: transparent;
  position: relative;
  overflow: hidden;
  margin-top: calc(var(--skew-height) * -1);
  padding-top: var(--skew-height);
  z-index: 1;
}

.home-page .testimonials-bg-mask,
.dark-blue-skewed-bg-mask,
.services-page-grey-skewed-bg-mask,
.buy-for-me-page-grey-skewed-bg-mask,
.bg-skew-gray-100-mask,
.shopping-sites-page-grey-skewed-bg-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

.dark-blue-skewed-bg-mask,
.services-page-grey-skewed-bg-mask,
.buy-for-me-page-grey-skewed-bg-mask,
.bg-skew-gray-100-mask,
.shopping-sites-page-grey-skewed-bg-mask {
  z-index: -1;
}

.services-page-grey-skewed-bg,
.buy-for-me-page-grey-skewed-bg {
  background-color: #C7C7CC;
  transform: skewY(-6deg);
  transform-origin: 100% 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.shopping-sites-page-grey-skewed-bg-mask {
  background-color: #3F8FC4;
  transform: skewY(-6deg);
  transform-origin: 100% 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.bg-skew-gray-100 {
  background-color: #F6F9FC;
  transform: skewY(-6deg);
  transform-origin: 100% 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.dark-blue-skewed-bg {
  background-color: rgb(0, 57, 89);
  transform: skewY(-6deg);
  transform-origin: 100% 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.home-page .testimonials {
  position: relative;
  background-color: #F6F9FC;
  overflow: hidden;
}

.home-page .testimonials:before {
  content: "";
  background-color: #F6F9FC;
  background: url(../images/bg-middle4.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 35% 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.home-page .testimonials .pink-top {
  position: absolute;
  right: 0;
  top: calc(100vw * 0.08000);
  width: 48%;
  height: 30px;
  background-color: rgb(255, 0, 195);
  transform: skewY(-6deg);
  border-style: solid;
  border-width: 0 0 15px 48vw;
  border-color: transparent transparent var(--color-primary) transparent;
}

.home-page .features,
.section-popular-shopping-sites {
  margin-bottom: var(--skew-height);
  margin-top: calc(var(--skew-height) * -1 - 40px);
  background-color: transparent;
  z-index: 2;
}

.section-popular-shopping-sites {
  margin-bottom: calc(var(--skew-height) + 50px);
}

.html-our-services-page .section-popular-shopping-sites {
  margin-bottom: var(--skew-height);
}

.html-buy-for-me-common .section-popular-shopping-sites,
.html-shopping-sites-page .section-popular-shopping-sites {
  margin-bottom: var(--skew-height);
  margin-top: calc(var(--skew-height) * -1 + 165px);
  background-color: transparent;
  z-index: 0;
}

.home-page .features .container {
  padding-top: var(--skew-height);
}

.section-popular-shopping-sites .container {
  padding-top: var(--skew-height);
}

.home-page .features .shapes {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: content-box;
  padding-bottom: 84px;
}

.home-page .features .pink-top {
  position: absolute;
}

.home-page .features .blue-top {
  position: absolute;
  top: calc(392px / -9.51436);
}

.home-page .features .blue-bottom {
  position: absolute;
  bottom: 0;
}

.home-page .features .header-end + .row {
  margin-top: 96px;
}

.home-page .testimonials .blue-bottom {
  position: absolute;
  bottom: calc(45vw * -0.10510);
  width: 35%;
  height: 35px;
  background-color: #fff;
  transform: skewY(-6deg);
  border-style: solid;
  border-width: 0 35vw 15px 0;
  border-color: transparent #06b2e2 transparent transparent;
  z-index: -1;
}

.home-page .are-you-ready {
  background: url(../images/bg-bottom.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  min-height: 442px;
  z-index: -1;
}

.html-buy-for-me-common .are-you-ready {
  min-height: 442px;
}

.html-shopping-sites-page .are-you-ready {
  background-color: #F6F9FC;
  z-index: -1;
  padding-top: calc(var(--skew-height) + 72px);
  margin-top: calc(var(--skew-height) * -1);
  padding-bottom: 72px;
}

.html-shopping-sites-page .popular-shopping-sites-link {
  display: none;
}

.html-shopping-sites-page .container.popular-sites h2 {
  color: #fff;
}

.shopping-sites-svg-wrapper > * {
  max-width: 100%;
}

.home-page .are-you-ready .container,
.html-buy-for-me-common .are-you-ready .container {
  margin-bottom: 96px;
  margin-top: auto;
}

.home-page .testimonials .testimonials-left {
  z-index: 1;
}

.home-page .testimonials .testimonials-left h2 {
  font-weight: 300;
  font-size: 55px;
  line-height: 65px;
  letter-spacing: 0;
  margin-top: 336px;
  color: #003857;
}

.home-page .testimonials .testimonials-left h2 span {
  font-weight: 700;
}

.home-page .testimonials-center h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: 0;
  padding-top: 156px;
  color: #003857;
}

.home-page .testimonials p {
  color: #003857;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.18px;
  margin-top: 50px;
}

.faq-carousel-wrapper .owl-carousel .owl-stage,
.site-list .owl-carousel .owl-stage {
  display: flex;
}

.faq-carousel-wrapper .owl-carousel .owl-item,
.site-list .owl-carousel .owl-item {
  display: flex;
}

.owl-carousel {
  cursor: grab;
}

.owl-carousel.owl-grab {
  cursor: grabbing;
}

.faq-carousel-wrapper .card-header {
  background-color: var(--color-nybox-blue);
  border-bottom: 0.5px solid #C7C7CC;
  border-radius: 3px;
  min-width: 0;
  padding: 20px;
}

.faq-carousel-wrapper .card-header h5 {
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 0;
  line-height: 26px;
  letter-spacing: -0.4px;
  color: white;
}

.faq-carousel-wrapper .card {
  box-shadow: 0px 0px 20px #00000029;
  border: 0.5px solid #C7C7CC;
  border-radius: 3px;
  background-color: #fff;
  margin: 20px;
  max-width: 450px;
  min-width: 335px;
}

.faq-carousel-wrapper .nbicon-double-arrow {
  background-color: #AC0083;
}

.faq-carousel-wrapper .nybox-link:hover .nbicon-double-arrow {
  background-color: #FF00C3;
}

.hero-plane {
  top: 139px;
  animation: moveToBottom 100s ease-in-out infinite;
}

@keyframes moveToBottom {
  0% {
    transform: translateY(0px);
  }

  4% {
    transform: translateY(130px);
  }

  96% {
    transform: translateY(130px);
  }

  100% {
    transform: translateY(0px);
  }
}

.flow-box {
  background: #FFFFFF;
  box-shadow: 0px 10px 20px #00000029;
  border-radius: 2px;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.flow-box:hover,
.html-app-page .owl-carousel_shop_reason .card:hover,
.html-consolidate-page .owl-carousel_shop_reason .card:hover,
.html-customer-service-page .owl-carousel_support.calloutbox:hover {
  top: 0;
  animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.flow-box:hover .box-header,
.html-app-page .owl-carousel_shop_reason .card:hover .box-footer {
  color: #06B2E2;
}

.html-customer-service-page .owl-carousel_support.calloutbox:hover .callout-footer {
  color: #003857;
}

.html-customer-service-page .owl-carousel_support.calloutbox:hover .html-customer-service-page .callout-icon {
  background-color: #fff;
}

.flow-box:hover .box-header svg g path {
  fill: #06B2E2;
}

.flow-box .box-header {
  font-weight: 400;
  color: #dbdbdb80;
  letter-spacing: 0;
  display: flex;
  align-items: center;
}

.flow-box .box-header i {
  display: inline-flex;
}

.flow-box .box-header h3 {
  display: inline-flex;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
}

.flow-box .box-footer {
  background-color: var(--color-primary);
}

.flow-box .box-footer .number-area {
  width: 50px;
  height: 45px;
  background-color: #BFBFBF;
  display: inline-flex;
}

.flow-box .box-footer .number-area span {
  color: var(--color-gray-100);
  font-size: 14px;
  font-weight: 600;
  background-color: var(--color-magenta);
  border-color: #426275;
  border-width: 0.2px;
  box-shadow: 0px 3px 6px #0000004D;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  display: inline-flex;
  border-radius: 50%;
  margin: auto;
  justify-content: center;
}

.flow-box .box-footer .footer-text {
  color: var(--color-gray-100);
  font-size: 16px;
  font-weight: 700;
  flex-grow: 1;
}

.box-footer:before {
  content: '';
  background: #30A9E0;
  width: 164px;
  height: 34px;
  display: block;
  position: absolute;
}

.box-footer.type-1:before {
  bottom: -30px;
}

.box-footer.type-2:before {
  bottom: -26px;
}

.box-footer.type-3:before {
  bottom: -26px;
}

.shopping-sites > .d-flex {
  flex-direction: column;
}

.shopping-sites .left-col {
  min-width: 530px;
}

.shopping-sites .left-col h2 {
  font-weight: 700;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -0.44px;
  margin-bottom: 14px;
}

.shopping-sites .left-col h2 span {
  font-size: 22px;
  font-weight: 500;
}

.shopping-sites .site-box {
  width: 220px;
  min-width: 220px;
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 40px;
  border-bottom: 1px solid #0F70B7;
  border-radius: 3px;
  text-align: center;
  transition: all 0.35s ease;
  overflow: hidden;
  box-shadow: none;
}

.shopping-sites .site-box:hover {
  border-color: var(--color-pink);
  box-shadow: 5px 20px 25px 0 rgba(0, 0, 0, 0.15);
}

.shopping-sites .image-area {
  width: 220px;
  height: 300px;
  box-shadow: 0px 0px 30px #00000029;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.35s ease;
}

.shopping-sites .image-area:before {
  content: '';
  width: 220px;
  height: 300px;
  background: rgba(0,57,89,0.25);
  mix-blend-mode: overlay;
  opacity: 1;
  border-radius: 3px;
  position: absolute;
  display: block;
}

.shopping-sites .image-area .top-bar {
  width: 100%;
  height: 15px;
  position: relative;
}

.shopping-sites .image-area .top-bar:before {
  content: '';
  background: var(--color-primary) 0% 0% no-repeat padding-box;
  border-radius: 3px 3px 0px 0px;
  opacity: 0.15;
  width: 100%;
  height: 15px;
  position: absolute;
}

.shopping-sites .image-area .top-bar .bar {
  background: #A6A6A6;
  border-radius: 5px;
  width: 150px;
  height: 6px;
  margin-top: auto;
  margin-bottom: auto;
}

svg|a.shopping-sites-svg-link:hover {
  filter: saturate(100%) invert(1);
}

.hover-img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0;
}

.site-box:hover .hover-img {
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 1s;
}

.pink-shape {
  top: 470px;
  position: absolute;
  max-width: calc(100vw * 0.1213);
}

.shopping-sites .number {
  background-color: #A6A6A6;
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  display: inline-flex;
  border-radius: 50%;
  margin: auto;
  justify-content: center;
  margin-bottom: 10px;
  transition: all 0.35s ease;
}

.shopping-sites .site-box:hover .number {
  background-color: var(--color-pink);
}

.home-page .advantages h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.4px;
}

.home-page .advantages h2 span {
  font-size: 20px;
  font-weight: 400;
}

.home-page .advantages .image,
.html-buy-for-me-common .advantages .image,
.html-ebay-common .advantages .image {
  border-radius: 5px;
  box-shadow: 0px 30px 40px rgba(0,0,0,0.16);
  margin-bottom: 70px;
}

.header-start h3,
.header-end h3 {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: -0.2px;
}

.header-end {
  color: #fff;
}

.header-end.primary-color {
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.header-end h4 {
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  margin-bottom: 10px;
  letter-spacing: 0.2px;
}

.header-end h5 {
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  letter-spacing: 0px;
}

.home-page .features .list-unstyled li {
  color: var(--color-gray-100);
  line-height: 35px;
  letter-spacing: -0.32px;
  display: flex;
  align-items: center;
}

.home-page .features .list-unstyled li svg {
  width: 24px;
}

.pricing > svg {
  display: none;
}

.pricing .box,
.membership-box,
.live-chat-box {
  background-color: #fff;
  box-shadow: 0px 10px 20px #00000029;
  border-radius: 5px;
  padding: 3px;
  margin: 0;
  transition: 150ms cubic-bezier(0.215,0.61,0.355,1);
}

.membership-box .membership-box-title {
  border-bottom: 1px solid #d1d1d152;
}

.membership-box .membership-box-title h5 {
  font-size: 25px;
}

.membership-box .col-12 ul {
  list-style: none;
}

.membership-box .col-12 ul li p {
  color: #525F7F;
  font-weight: 300;
}

.membership-box:hover .ms-n2 img {
  transition: 150ms cubic-bezier(0.215,0.61,0.355,1);
}

.mt-100px {
  margin-top: 100px;
}

.mb-50px {
  margin-bottom: 50px;
}

.mb-60px {
  margin-bottom: 60px;
}

.mt-32px {
  margin-top: 32px;
}

.mt-72 {
  margin-top: 72px;
}

.pricing-type {
  margin-top: 52px;
  margin-bottom: 44px;
}

.pricing-type .col-12 + .col-12 {
  margin-top: 38px;
}

.home-page .pricing .box .col,
.section-shipping-rates .pricing .box .col {
  padding: 20px 24px;
  font-size: 14px;
}

.pricing-type .col.left {
  padding-top: 44px;
  padding-bottom: 44px;
}

.home-page .pricing .box .col:first-child,
.section-shipping-rates .pricing .box .col:first-child {
  padding-right: 5px;
}

.pricing-type .form-check {
  padding-top: 34px;
}

.pricing-type .form-check-input {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 18px;
}

.form-check-input:checked[type=radio] {
  background-color: rgba(0, 57, 89, 0.1);
  border-color: #C7C7CC;
}

.form-check-input:checked[type=radio] {
  background-color: rgba(0, 57, 89, 0.1);
  border-color: #C7C7CC;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' stroke='%23fff' stroke-width='0.5' viewBox='-3 -3 6 6'%3e%3ccircle r='2' fill='%23AC0083'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio]:focus {
  box-shadow: 0 0 0 0.25rem rgba(172,0,131, 0.25);
  border-color: rgba(172,0,131, 0.5);
}

.btn-circle {
  color: rgba(0,57,89,0.52);
  background-color: rgba(0,34,172, 0.1);
  border-radius: 24px;
  padding: 0;
  width: 24px;
  height: 24px;
  font-size: 11px;
  font-weight: 600;
  align-items: center;
  display: inline-flex;
  justify-content: center;
}

.btn-check:active + .btn-circle,
.btn-check:checked + .btn-circle {
  color: #fff;
  background-color: var(--color-magenta);
}

.btn-check:checked:focus + .btn-circle {
  box-shadow: 0 0 0 0.25rem rgba(172,0,131, 0.25);
  border-color: rgba(172,0,131, 0.5);
}

.dimen-wrapper input {
  width: 56px;
  height: 36px;
  border: 0.2px solid #e1e1e1;
  border-radius: 2px 2px 0px 0px;
  text-align: center;
}

.table-dark {
  --bs-table-bg: var(--color-blue);
  --bs-table-striped-bg: rgba(0,57,89,0.06);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: var(--color-blue);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: var(--color-blue);
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: rgba(210, 210, 214, 0.4);
}

.table-rate {
  --bs-table-bg: #fff;
  --bs-table-striped-bg: rgba(0,57,89,0.06);
  --bs-table-striped-color: var(--color-primary);
  --bs-table-active-bg: rgba(0,57,89,0.06);
  --bs-table-active-color: var(--color-primary);
  color: var(--color-primary);
  border-color: rgba(210, 210, 214, 0.7);
}

.table-rate td {
  height: 60px;
}

.table-rate td span,
.currency {
  font-size: 0.6rem;
  line-height: 22px;
  vertical-align: top;
}

th.additionalSize {
  background-color: #ac0083;
}

td.additionalSize-Cost {
  position: relative;
}

td.additionalSize-Cost:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(172, 0, 131, 0.1);
}

.table-bordered > :not(caption) > * {
  border-width: 0;
}

.rate-box {
  background-color: #fff;
  box-shadow: 0px 3px 20px #0000004D;
  border-radius: 3px;
  margin-bottom: 20px;
}

.rate-box #validation-errors ul {
  margin-bottom: 0;
  font-size: 14px;
}

.rate-box .table {
  color: var(--color-primary);
}

.rate-box .table tbody tr:nth-of-type(even) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.rate-box thead th {
  text-align: center;
  padding: 15px;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0;
}

.additional-rate-container .white-box {
  padding: 40px 20px 8px 20px;
}

.additional-rate-container .white-box,
.additional-rate-container .gray-box .row {
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

.gray-box {
  padding: 10px 20px 10px 20px;
  background: rgba(0, 55,101, 0.06);
  border-radius: 3px;
}

.dimen-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin-left: 6px;
  margin-right: 6px;
}

.dimen-wrapper span {
  font: normal normal 600 11px/15px Open Sans;
  letter-spacing: -0.11px;
  color: #606366;
  border-top: 1px solid #9A9A9A;
  margin-top: 1px;
}

.dimen-wrapper span.border-dark-blue {
  border-color: var(--color-primary);
}

.bracket-left {
  width: 17px;
  height: 63px;
  border: 1px solid #9A9A9A;
  border-width: 1px 0 1px 1px;
  box-sizing: border-box;
}

.bracket-right {
  width: 17px;
  height: 63px;
  border: 1px solid #9A9A9A;
  border-width: 1px 1px 1px 0;
  box-sizing: border-box;
}

.popular-sites-box {
  box-shadow: 0px 6px 20px #00000029;
  top: 274px;
  position: absolute;
  font-size: 12px;
}

.poular-sites-box .list-group-item.active {
  z-index: 0;
}

.popular-sites-box .list-group-item {
  height: 27px;
  width: 126px;
  border-color: rgba(60,60,67,0.1);
}

.popular-sites-box .list-group-item img {
  max-height: 15px;
}

.popular-sites-box .list-group-item i {
  color: #d0d0d0;
}

.popular-sites-box .list-group-item.active {
  background-color: var(--color-magenta);
  color: var(--color-gray-100);
  font-size: 8px;
  font-weight: 600;
  border-color: var(--color-magenta);
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  text-align: center;
  padding: 6.5px;
  height: 22px;
}

.popular-sites-box .list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  overflow: hidden;
}

.popular-sites-box .list-group-item:last-child:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  bottom: 0;
  background-color: var(--color-pink);
}

.title-badge {
  display: inline-block;
  padding: .35em .65em;
  font-size: 1em;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 50rem;
  background-color: #AC0083;
}

.html-shopping-sites-page .title-badge,
.html-buy-for-me-common .title-badge {
  background-color: #FF00C3;
}

.html-support-page .title-badge {
  background-color: #1B80B2;
}

.header-breadcrumb {
  font-weight: 600;
  margin-bottom: 0;
  letter-spacing: -0.5px;
}

.display-5 {
  font-size: 45px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 60px;
}

.mt-n3 {
  margin-top: -1rem !important;
}

.mh-240 {
  min-height: 240px;
}

.section-membership-types {
  padding-bottom: 152px;
  position: relative;
  z-index: 0;
}

.section-membership-types:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 700px;
  background: linear-gradient(168deg, var(--color-gray-100), var(--color-gray-100) 60%, transparent 60%, transparent);
  z-index: -1;
}

.section-membership-types:after {
  content: "";
  position: absolute;
  background: url(../images/pricing-page/membership-bg.svg) no-repeat;
  background-position: top center;
  background-position-y: 56px;
  width: 100%;
  min-height: 782px;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
}

.section-membership-types .icon-wrapper,
.section-2 .icon-wrapper {
  width: 1.25rem;
  display: inline-flex;
}

.section-plans .plans-table {
  margin: 130px 0px 40px 0px;
}

.section-plans table {
  margin-top: 130px;
  margin-bottom: 40px;
}

.section-shipping-rates {
  position: relative;
  z-index: 1;
  background-color: var(--color-gray-100);
  padding-bottom: 218px;
  padding-top: 183px;
}

.section-shipping-rates:before {
  content: "";
  position: absolute;
  background: url(../images/pricing-page/shipping-rates-bg-top.svg) no-repeat;
  background-position: top center;
  width: 100%;
  min-height: 250px;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
}

.section-shipping-rates:after {
  content: "";
  position: absolute;
  background: url(../images/pricing-page/shipping-rates-bg-bottom.svg) no-repeat;
  background-position: bottom center;
  width: 100%;
  min-height: 238px;
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
}

.my-130px {
  margin-top: 130px;
  margin-bottom: 130px;
}

.py-130px {
  padding-top: 130px;
  padding-bottom: 130px;
}

.py-70px {
  padding-top: 70px;
  padding-bottom: 70px;
}

.pb-skew6 {
  padding-bottom: var(--skew-height);
}

.section-special-services .row .flex-shrink-0 {
  min-width: 65px;
}

.section-special-services p {
  line-height: 1.7;
}

.html-pricing-page .section-payment-types {
  position: relative;
  background-color: rgba(0,57,89,0.06);
}

.section-payment-types:before {
  content: "";
  position: absolute;
  background: url(../images/nybox-bg-payment-types-2.svg) no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.html-pricing-page .carousel-wrapper:before {
  bottom: 0;
  min-height: var(--skew-height);
  background-position: bottom center;
  background-size: 100%;
}

.skewed-gray-bg {
  position: absolute;
  top: calc(-100vw * 0.1051);
  height: 120%;
  width: 100%;
  background-color: #f0f3f5;
  transform: skewY(-6deg);
  transform-origin: 100% 0;
  z-index: -1;
}

.html-pricing-page .section-start-shopping {
  padding-bottom: 100px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}

.html-pricing-page .footer {
  position: relative;
  z-index: 1;
}

.html-pricing-page .bg-svg-1 {
  position: absolute;
  top: calc((-100vw * 0.07 * 0.21256) - 110px);
}

.html-pricing-page .bg-svg-2 {
  position: absolute;
  top: calc(-100vw * 0.21256 + 3px);
}

.html-our-services-page .section-hero {
  padding-top: 74px;
  position: relative;
  min-height: max(calc(100vw * 0.3177), 510px);
  margin-bottom: 20px;
  overflow: hidden;
}

.html-our-services-page .section-hero h1 {
  font-size: 35px;
}

.html-shopping-sites-page .section-hero {
  padding-top: 94px;
  position: relative;
  margin-bottom: -30px;
  overflow: hidden;
}

.html-our-services-page .section-hero:before,
.html-shopping-sites-page .section-hero:before {
  content: "";
  position: absolute;
  background: url(../images/services-page/hero-bg.svg) no-repeat;
  background-position: top center;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.html-our-services-page .feature-icon {
  margin-bottom: 1em;
  min-height: 34px;
  display: flex;
  align-items: flex-end;
}

.html-our-services-page .feature {
  position: relative;
}

.html-our-services-page .feature:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background-color: #fff;
  z-index: -1;
  box-shadow: 0 15px 35px rgb(50 50 93 / 10%), 0 5px 15px rgb(0 0 0 / 7%);
  border-radius: 4px;
  opacity: 0;
  transform: scale(.95);
  transition: all 0.35s ease;
}

.html-our-services-page .feature .feature-icon svg {
  transition: all 0.35s ease;
}

.html-our-services-page .feature h6 {
  margin-bottom: 1.5rem;
}

.html-our-services-page .feature p {
  font-size: .875em;
  line-height: 1.5em;
}

.section-popular-shopping-sites:before {
  content: "";
  position: absolute;
  background: url(../images/services-page/popular-shopping-sites-bg-top.svg) no-repeat;
  background-position: top center;
  width: 100%;
  height: calc(var(--skew-height) + 40px);
  top: -3px;
  left: 0;
  right: 0;
}

.html-support-page .section-popular-shopping-sites {
  background-color: #fff;
}

.html-support-page .section-popular-shopping-sites:before {
  background-image: url(../images/support-page/popular-shopping-sites-bg-top.svg);
  height: calc(var(--skew-height) + 60px);
}

.section-popular-shopping-sites:after {
  content: "";
  position: absolute;
  background: url(../images/shopping-sites/shopping-sites-bg-bottom.svg) no-repeat;
  background-position: bottom center;
  width: 100%;
  height: calc(100vw * 0.12);
  z-index: -1;
  bottom: calc(100vw * -0.12 + 2px);
  left: 0;
  right: 0;
  background-size: cover;
}

.html-support-page .section-popular-shopping-sites:after {
  content: "";
  position: absolute;
  background: #F6F9FC url(../images/support-page/popular-shopping-sites-bg-bottom.svg) no-repeat;
  width: 100%;
  height: calc(var(--skew-height) + 50px);
  z-index: -2;
  bottom: calc(var(--skew-height) * -1 - 50px);
  left: 0;
  right: 0;
}

.html-our-services-page .section-start-shopping:before {
  content: "";
  border-bottom: var(--skew-height) solid var(--color-gray-100);
  height: var(--skew-height);
  position: absolute;
  width: 100%;
  top: calc(-1 * var(--skew-height));
}

.html-our-services-page .section-start-shopping:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: rgba(207,215,223,.25);
  position: absolute;
  bottom: 0;
}

.services-carousel .card {
  border-radius: 10px;
  min-height: 266px;
}

.html-support-page .section-popular-shopping-sites:after {
  background-position: top right;
}

.html-our-services-page .section-start-shopping:after {
  right: 0;
}

.services-carousel .carousel-img {
  flex: 0 0 auto;
  width: 41.48%;
  position: relative;
  overflow: hidden;
}

.services-carousel .card-body {
  flex: 0 0 auto;
  width: 58.52%;
}

.services-carousel .carousel-inner {
  overflow: initial;
  border-radius: 10px;
  box-shadow: 0px 10px 30px #00000029;
}

.services-carousel .carousel-indicators {
  bottom: -45px;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
}

.services-carousel .carousel-indicators [data-bs-target] {
  width: 25%;
  text-indent: 0;
  height: auto;
  border: 0;
  border-radius: 3px;
  box-sizing: border-box;
  padding-top: 5.5px;
  padding-bottom: 5.5px;
  font-weight: 400;
  background-color: #fff;
  opacity: 1;
  color: #888A8B;
  transition: all .6s ease;
}

.services-carousel .carousel-indicators [data-bs-target].active {
  background-color: var(--color-primary);
  color: #fff;
}

.services-carousel .btn-link {
  text-decoration: none;
  color: #0F70B7;
  font-size: 14px;
  font-weight: 700;
}

.services-carousel .btn-link i {
  color: var(--color-primary);
}

.services-carousel .bg-carousel-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.services-carousel .carousel-control-next,
.services-carousel .carousel-control-prev {
  top: calc(50% - 23px);
  width: 46px;
  height: 46px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 6px 12px -2px rgb(50 50 93 / 25%), 0 3px 7px -3px rgb(0 0 0 / 30%);
  color: var(--color-primary);
  transition: all .15s;
  opacity: 1;
  font-size: 24px;
}

.services-carousel .carousel-control-next:hover,
.services-carousel .carousel-control-prev:hover {
  transform: translateY(-1px);
  box-shadow: 0 13px 27px -5px rgb(50 50 93 / 25%), 0 8px 16px -8px rgb(0 0 0 / 30%), 0 -6px 16px -6px rgb(0 0 0 / 3%);
  color: #99AFBC;
}

.timeline-view-1 .dot:after {
  content: "";
  position: absolute;
  background-color: #AC0083;
  top: 50%;
  margin-top: -10px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  z-index: 1;
  background-position: revert;
  text-align: center;
  color: white;
}

.timeline-view-1 .first-item .dot:after {
  content: "1";
}

.timeline-view-1 .second-item .dot:after {
  content: "2";
}

.timeline-view-1 .third-item .dot:after {
  content: "3";
}

.timeline-view-1 .fourth-item .dot:after {
  content: "";
  background: #AC0083 url(../images/howitworks-page/box.svg) no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
}

.timeline-view-1 .first-item .dot:before {
  content: "";
  position: absolute;
  top: 0;
  width: 4px;
  height: calc(50% - 10px);
  background-color: #fff;
  z-index: 1;
}

.timeline-view-1 .bg-receive-packages:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 4px;
  height: calc(50% - 10px);
  background-color: var(--color-primary);
  z-index: 1;
}

.timeline-view-1 {
  position: relative;
}

.timeline-view-1:after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 100%;
}

.html-howitworks-page .center-1 {
  background: url(../images/howitworks-page/main-bg.svg) no-repeat;
  background-position-x: calc(100% + 50px);
}

.html-howitworks-page .section-hero .display-5 {
  padding-top: 125px;
  font-weight: 400;
}

.html-howitworks-page .right-img {
  margin-top: 14px;
}

.bg-receive-packages {
  background: url(../images/howitworks-page/receive-packages-bg.svg) no-repeat #003959;
  padding-top: var(--skew-height);
  padding-bottom: var(--skew-height);
  overflow: hidden;
}

.html-howitworks-page .faqs {
  overflow: hidden;
}

.html-howitworks-page .faqs:after {
  content: "";
  width: 100%;
  height: 20px;
  background-color: #D4EBFF;
  position: absolute;
  bottom: calc(var(--skew-height) / 2);
  transform: skewY(-6deg);
}

.html-aboutus-page .master-column-wrapper h2,
.html-support-page .master-column-wrapper h2 {
  font-size: 35px;
  font-weight: 600;
  letter-spacing: -0.2px;
}

.html-aboutus-page .master-column-wrapper p,
.html-support-page .master-column-wrapper p {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: -0.2px;
}

.html-aboutus-page .section-hero {
  background: url(../images/aboutus-page/hero-bg.svg) no-repeat;
  background-size: contain;
  padding-bottom: calc(70px + var(--skew-height));
}

.html-aboutus-page .section-hero .shape {
  position: absolute;
  top: 64px;
  z-index: -1;
}

.html-aboutus-page .section-hero h1 {
  padding-left: calc((100vw - 800px) / 2);
  padding-right: calc((100vw - 800px) / 2);
  padding-top: 84px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 55px;
  letter-spacing: -0.9px;
}

.html-aboutus-page .section-hero p {
  padding-left: calc((100vw - 535px) / 2);
  padding-right: calc((100vw - 535px) / 2);
  padding-top: 24px;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: -0.44px;
  line-height: 35px;
}

.blue-bg {
  position: relative;
  background-color: var(--color-primary);
  color: #fff;
}

.blue-bg:before {
  content: "";
  position: absolute;
  top: calc(-1 * var(--skew-height));
  width: 100%;
  height: var(--skew-height);
  background: url(../images/aboutus-page/blue-bg.svg) no-repeat;
  background-size: cover;
}

.blue-bg .shape-magenta {
  position: absolute;
  bottom: 0;
}

.html-aboutus-page .section-features {
  background: url(../images/aboutus-page/features-bg.svg) var(--color-gray-100) no-repeat;
  background-position: center bottom;
  padding-bottom: calc(150px + var(--skew-height));
}

.html-aboutus-page .blue-bg img {
  position: absolute;
  top: -70px;
}

.html-support-page .section-features {
  background-color: #fff;
}

.section-features .container > .row + .row {
  padding-top: 130px;
}

.section-features .box {
  --bs-gutter-x: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 6px;
  padding-right: 6px;
}

.section-features .shapes {
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.html-support-page .section-shop-reason {
  background-color: #E0E7EB;
}

.html-support-page .section-shop-reason .text-white {
  color: var(--color-primary) !important;
}

.html-aboutus-page .section-features .shapes {
  z-index: 0;
}

.section-features .shapes .shape-1 {
  top: 228px;
  position: absolute;
  z-index: 2;
}

.html-aboutus-page .section-features .shapes .shape-1 {
  top: 200px;
}

.section-features .shapes .shape-2 {
  top: 700px;
  position: absolute;
}

.html-aboutus-page .section-features .shapes .shape-2 {
  top: 750px;
}

.section-features .shapes .shape-3 {
  top: 1200px;
  position: absolute;
}

.html-aboutus-page .shapes .shape-3 {
  top: 1300px;
}

.footer-small .footer-ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: space-between;
  color: #697386;
}

.footer-small .nav-link {
  color: #697386;
}

.footer-small .nav-link:hover,
.footer-small .nav-link:active {
  color: var(--color-blue);
}

.footer-small ul li {
  list-style: none;
  white-space: nowrap;
}

.footer-small .space {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.html-contact-page .master-column-wrapper {
  background: url(../images/bg-contact-page.svg) no-repeat #fff;
  background-position: center -1px;
}

.html-support-page .master-column-wrapper {
  background: url(../images/bg-contact-page.svg) no-repeat #f6f9fc;
  background-position: center -1px;
  overflow-x: hidden;
}

.html-customer-service-page .master-column-wrapper {
  background: url(../images/customer-service-page/bg-contact-page.svg) no-repeat #fff;
  background-position: center -1px;
}

.html-contact-page .section-hero h1,
.html-contactus-page .section-hero h1 {
  font-size: 42px;
  line-height: 55px;
  font-weight: 600;
  letter-spacing: -1px;
}

.html-contact-page .section-hero p,
.html-contactus-page .section-hero p {
  font-size: 18px;
  letter-spacing: -0.2px;
  line-height: 1.4;
}

.html-support-page .section-hero p {
  font-size: 22px;
  letter-spacing: -0.2px;
  line-height: 1.4;
  margin: auto;
  max-width: 650px;
}

.calloutboxes .col {
  margin-top: 20px;
  margin-bottom: 30px;
}

.calloutboxes .col * {
  transition: all .15s cubic-bezier(.34,1.61,.7,1.3);
}

.calloutboxes .col > a {
  height: 100%;
  border-radius: 4px;
  background: #fff;
  -webkit-box-shadow: 0 15px 35px rgb(50 50 93 / 10%), 0 5px 15px rgb(0 0 0 / 7%);
  box-shadow: 0 15px 35px rgb(50 50 93 / 10%), 0 5px 15px rgb(0 0 0 / 7%);
  position: relative;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  color: var(--color-primary);
}

.calloutboxes .col > a:hover,
.shop-reason-carousel-wrapper .card:hover {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 18px 35px rgb(50 50 93 / 10%), 0 8px 15px rgb(0 0 0 / 7%);
  box-shadow: 0 18px 35px rgb(50 50 93 / 10%), 0 8px 15px rgb(0 0 0 / 7%);
}

.calloutboxes .col > a:hover .callout-icon {
  background-color: white;
}

.calloutboxes .col > a:hover .callout-footer,
.calloutboxes .col > a:hover .callout-footer svg,
.shop-reason-carousel-wrapper .card-footer a:hover,
.shop-reason-carousel-wrapper .card-footer a:hover svg {
  color: var(--color-primary);
  fill: var(--color-primary);
}

.calloutboxes .col > a:active {
  background-color: #EEF1F3;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-box-shadow: 0 11px 20px rgb(50 50 93 / 10%), 0 6px 11px rgb(0 0 0 / 8%);
  box-shadow: 0 11px 20px rgb(50 50 93 / 10%), 0 6px 11px rgb(0 0 0 / 8%);
}

.calloutboxes .callout-body {
  flex: 1 1 auto;
  padding: 25px 30px;
}

.callout-icon {
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  width: 100px;
  height: 100px;
  margin-top: -45px;
  margin-bottom: 12px;
  box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
}

.callout-icon:after {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
}

.callout-icon.customer-service:after {
  background: url(../images/icon-customer-service.svg) no-repeat;
  height: 41px;
  width: 43px;
  margin-top: 29px;
}

.callout-icon.support:after {
  background: url(../images/icon-support.svg) no-repeat;
}

.callout-icon.buy-for-me:after {
  background: url(../images/icon-callout-buy-for-me.svg) no-repeat;
  height: 44.264px;
  width: 39.032px;
  margin-top: 29.5px;
}

.callout-icon.partnership:after {
  background: url(../images/icon-partnership.svg) no-repeat;
  height: 63px;
  width: 64px;
  margin-top: 18.5px;
}

.callout-icon.shopping-sites:after {
  background: url(../images/icon-shopping-sites.svg) no-repeat;
  height: 53.046px;
  width: 81.221px;
  margin-top: 24px;
}

.calloutboxes .callout-footer {
  padding: 12px 1rem;
  background-color: #EEF1F3;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.calloutboxes .callout-footer,
.calloutboxes .callout-footer:active {
  color: #016EAE;
}

.calloutboxes .callout-footer svg,
.calloutboxes .callout-footer:active svg {
  fill: #016EAE;
}

.calloutboxes .callout-footer:hover {
  color: var(--color-primary);
}

.calloutboxes .callout-footer:hover svg {
  fill: var(--color-primary);
}

.calloutboxes h2 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: -0.2px;
}

.html-customer-service-page .calloutbox {
  width: 323px;
}

.html-contact-page .bottom-section {
  margin-top: 80px;
  margin-bottom: 80px;
}

.html-contact-page .bottom-section h3 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.2px;
  margin-bottom: 1rem;
}

.newsletter-subscribe-text {
  background-color: #F6F9FC;
  border-radius: 0;
  padding: 6px 13px;
  border: 0.3px solid #9A9A9A;
}

.html-contactus-page .contact-bg {
  position: absolute;
  width: 100%;
  height: max(350px, calc(200px + (var(--skew-height-12) / 2)));
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  transform: skewY(-12deg);
  transition: opacity .2s ease-out;
  background-color: #fff;
}

.html-contactus-page .ellipses {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/contactus-bg-ellipses.svg) no-repeat;
  background-position: top center;
  background-size: initial;
  transform: skewY(12deg);
}


.html-contactus-page .shapes {
  position: absolute;
  width: 100%;
  height: calc(100% + 10px);
  bottom: -206px;
  background: url(../images/contact-bg-shapes.svg) no-repeat;
  background-position: bottom center;
  background-size: initial;
  transform: skewY(12deg);
}

.html-contactus-page .section-contactform {
  position: relative;
}

.html-contactus-page .section-contactform ul {
  color: #F9FBFD;
  line-height: 26px;
}

.html-contactus-page .section-contactform ul .icon-wrapper {
  min-width: 34px;
  text-align: center;
  margin-top: 6px;
}

.html-contactus-page .section-hero p {
  color: var(--text-color-gray);
}

.html-contactus-page .white-bg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5000px;
  background-color: #fff;
}

.html-contactus-page .master-column-wrapper .center-1 {
  background-color: var(--color-primary);
  position: relative;
}

.html-contactus-page .support-wrapper {
  margin-top: 44px;
}

.html-contactus-page .form-control {
  background-color: #F6F9FC;
  border-radius: 2px;
  border: none;
  font-size: 14px;
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  color: var(--color-primary);
}

.html-contactus-page .form-select {
  background-color: #F6F9FC;
  border-radius: 2px;
  border: none;
  font-size: 14px;
  color: var(--color-primary);
}

.html-contactus-page .form-control:focus {
  box-shadow: 0 0 0 1px #e4effa;
  background-color: #fff;
}

.html-contactus-page textarea.form-control {
  height: 180px;
}

.field-validation-error,
.error-wrapper li {
  color: #CD3D64;
  position: relative;
  font-size: 13px;
}

.message-error ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 20px;
  margin-bottom: 1rem;
}

.field-validation-error:before,
.error-wrapper li:before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f33a";
  position: absolute;
  top: 2.5px;
  width: 13px;
  height: 13px;
}

.form-sent {
  min-height: 420px;
  margin: 1rem 25px;
}

.form-sent h5 {
  color: #5AC8FA;
  font-weight: 600;
  margin-bottom: 0;
  letter-spacing: -0.2px;
}

.section-contactform .card {
  box-shadow: 0 13.5px 27px -5.4px rgb(50 50 93 / 25%), 0 8.1px 16.2px -8.1px rgb(0 0 0 / 30%);
}

.html-contact-page .section-hero,
.html-contactus-page .section-hero {
  padding-top: 100px;
}

.html-support-page .section-hero {
  padding-top: 84px;
  min-height: min(617px, calc(617px - calc(((960px - 50vw) / 1920) * 385)));
}

.html-support-page .popular-sites-h2 {
  color: #06b2e2;
}

.html-support-page .popular-sites h2 {
  color: #06b2e2;
}

.html-support-page .popular-sites p,
.html-shopping-sites-page .popular-sites p {
  color: #fff;
}

.html-contact-page .calloutboxes {
  margin-top: 62px;
}

.html-contactus-page .section-hero p {
  width: 541px;
  max-width: 90%;
  line-height: 32px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 42px;
}

.right-arrow-hover {
  position: relative;
  width: 337px;
  transition: all 150ms ease;
  background: rgba(255,255,255,0.05);
  border-radius: 5px;
}

.right-arrow-hover:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  fill: #fff;
  transition: all 1s ease;
  opacity: 0;
}

.right-arrow-hover:hover:after {
  opacity: 1;
}

.login-page .shapes-2 .svg-1 {
  top: 275px;
}

.login-page .shapes-2 .svg-2 svg path,
.password-recovery-page .shapes-2 .svg-2 svg path {
  fill: #5AC8FA;
}

.registration-page,
.login-page,
.password-recovery-page {
  padding-top: 75px;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;
}

.registration-page .list-group-item {
  border: 0;
  border-radius: 0;
  background-color: transparent;
}

.registration-content .list-group-item p {
  font-size: 14px;
  line-height: 24px;
}

.registration-content .card {
  margin-bottom: 60px;
}

.registration-content .card-body,
.login-page .card-body {
  padding: 52px 60px 13px 60px;
}

.password-recovery-page .card-body {
  padding: 60px;
}

.registration-content .card-body h1,
.login-page .card-body h1,
.password-recovery-page .card-body h1 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}

.registration-content .card-body .form-label,
.login-page .card-body .form-label,
.password-recovery-page .card-body .form-label {
  font-size: 14px;
  font-weight: 600;
}

.registration-content .card-body .form-control,
.login-page .card-body .form-control,
.password-recovery-page .card-body .form-control {
  font-size: 14px;
  line-height: 24px;
  border-radius: 2px;
  border: 0.5px solid rgba(60,60,67,0.2);
}

.html-taxfreeshopping-page .master-column-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 624px;
}

.html-taxfreeshopping-page .section-why {
  background-color: var(--color-primary);
  padding-bottom: calc(30px + var(--skew-height));
  background: url(../images/taxfreeshopping-page/bg-why.svg) no-repeat #003959;
}

.html-taxfreeshopping-page .section-why h1.title {
  color: #007BFF;
  padding-top: 30px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
}

.html-taxfreeshopping-page h2.title {
  font-size: 35px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 44px;
}

.html-taxfreeshopping-page .section-why h2.title {
  margin-bottom: 58px;
}

.html-taxfreeshopping-page .section-hero .display-6 {
  font-size: 30px;
  font-weight: 700;
}

.html-taxfreeshopping-page .section-hero .display-6 svg {
  transform: rotate(255deg) translateX(-10px);
  opacity: 0.72;
  transition: all 0.2s ease;
}

.html-taxfreeshopping-page .section-hero .display-6 svg:hover {
  transform: rotate(271deg) translateX(-18px);
}

.html-taxfreeshopping-page .section-hero small {
  font-size: 22px;
}

.html-taxfreeshopping-page .section-advantages {
  margin-top: 120px;
}

.html-support-page .dark-blue-skewed-bg-mask {
  top: 29px;
  height: calc(100% - 29px);
}

.content.card-trasparent {
  background-color: rgba(246,249,252,0.95);
  border: none;
  border-radius: 10px;
  box-shadow: -5px 5px 10px 0px rgba(0,0,0,0.15);
  position: relative;
  z-index: 5;
}

.center-1.skew-bg-account {
  background-color: var(--color-blue);
  position: relative;
  overflow: hidden;
  min-height: 589px;
}

.center-1.skew-bg-account + footer {
  z-index: 5;
  margin-top: auto;
}

.section-bg-angle {
  position: absolute;
  top: 380px;
  height: calc(100% - 80px);
  width: 100%;
  content: '';
  transform: skewY(-12deg);
  z-index: 1;
}

.z-auto {
  z-index: inherit;
}

.z-minus {
  z-index: -1;
}

.skew-1-bottom {
  position: absolute;
  bottom: calc((-1 * var(--skew-height-12) / 2) - 40px);
  height: calc(var(--skew-height-12) / 2 + 20px);
  width: 100%;
  content: '';
  transform: skewY(-6deg);
  z-index: 1;
  background-color: var(--color-gray-100);
}

.skew-1-bottom:before,
.skew-1-bottom:after {
  content: "";
  position: absolute;
  width: calc(100vw / 3);
  height: 20px;
  background-color: var(--color-blue);
  display: block;
}

.skew-1-bottom:after {
  width: calc(100vw / 4);
  background-color: #99AFBC;
}

.html-dashboard-page .card {
  border: none;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  border-radius: 3px;
  font-size: 14px;
}

.html-dashboard-page .card-header {
  border: none;
  background-color: #367A9F;
  color: #FFF;
  height: 42px;
  padding: 0 12px 0 0;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.html-dashboard-page .membership .card-header {
  height: 32px;
}

.html-dashboard-page .card-header h4 {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: -0.1px;
  margin-bottom: 0;
}

.html-dashboard-page .card-header .icon {
  width: 53px;
  height: 42px;
  background-color: #D4DCE1;
  display: inline-block;
}

.html-dashboard-page .packages .card-header .icon {
  background: url(../images/icon-account-packages.svg) no-repeat center center #D4DCE1;
}

.html-dashboard-page .shipments .card-header .icon {
  background: url(../images/icon-account-shipments.svg) no-repeat center center #D4DCE1;
}

.html-dashboard-page .buy-for-me .card-header .icon {
  background: url(../images/icon-account-buy-for-me.svg) no-repeat center center #D4DCE1;
}

.html-dashboard-page .ebay .card-header .icon {
  background: url(../images/icon-account-ebay.svg) no-repeat center center #D4DCE1;
}

.html-dashboard-page .membership .card-header .icon {
  background: url(../images/icon-account-membership.svg) no-repeat center center #D4DCE1;
}

.html-dashboard-page .addresses .card-header .icon {
  background: url(../images/icon-account-address.svg) no-repeat center center #D4DCE1;
}

.html-dashboard-page .card-header:before {
  content: '';
  background: var(--color-pink);
  width: 50px;
  height: 10px;
  display: block;
  position: absolute;
  bottom: -5px;
}

.html-dashboard-page .addresses .card-header {
  background-color: #175070;
}

.html-dashboard-page .addresses .card-header:before,
.html-dashboard-page .membership .card-header:before {
  background: #30A9E0;
  transform: skewY(-3deg);
}

.badge-tooltip.faster:before {
  content: "";
  width: 25px;
  height: 15px;
  position: absolute;
  display: block;
  top: 8.5px;
  background: url(../images/icon-account-ny-fast-delivery.svg) no-repeat center center transparent;
  transition: all .3s ease-in-out;
}

.badge-tooltip.tax-free:before {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  display: block;
  top: 8.5px;
  background: url(../images/icon-account-de-tax-free.svg) no-repeat center center transparent;
  transition: all .3s ease-in-out;
}

.badge-tooltip {
  border-radius: 3px;
  background-color: var(--color-blue);
  padding: 8.5px 12px;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: relative;
  transition: all .3s ease-in-out;
  font-size: 12px;
  max-width: 100%;
  white-space: normal;
  line-height: 1.4;
  min-width: 105px;
}

.badge-tooltip:after {
  content: "";
  border: 10px solid transparent;
  border-top: 10px solid var(--color-blue);
  position: absolute;
  bottom: -20px;
  width: 24px;
  height: 10px;
  z-index: 0;
}

.badge-tooltip .title {
  color: #FFF;
  font-weight: 700;
}

.badge-tooltip:hover,
.badge-tooltip:active {
  border-radius: 10px;
  background-color: #175070;
  font-size: 14px;
  font-style: italic;
  padding: 16px;
}

.badge-tooltip .body {
  visibility: hidden;
  transition: visibility 500ms ease-in;
  font-size: 0px;
}

.badge-tooltip:hover .body,
.badge-tooltip:active .body {
  visibility: visible;
  font-size: 14px;
}

.badge-tooltip:hover:after,
.badge-tooltip:active:after {
  border-top-color: #175070;
}

.html-dashboard-page .user-info .card.info,
.html-dashboard-page .address-tip {
  overflow: hidden;
}

.html-dashboard-page .user-info .card.info:before,
.html-dashboard-page .address-tip:before {
  content: '';
  background: var(--color-pink);
  width: 90px;
  height: 10px;
  display: block;
  position: absolute;
  bottom: -2px;
}

.html-dashboard-page .address-tip:before {
  transform: skewY(-3deg);
  width: 105px;
}

a.card-wrapper {
  text-decoration: none;
  color: inherit;
}

.overflow-initial {
  overflow: initial !important;
}

.html-account-pages .shape-1,
.html-account-pages .shape-2 {
  position: absolute;
}

.html-account-pages .shape-1 {
  top: 400px;
}

.html-account-pages .shape-2 {
  top: 45px;
}

.account-main-card {
  min-height: max(calc(100vh - 200px), 480px);
}

.card-wrapper .card-body {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 300ms ease-in-out;
}

.card-wrapper .card-body:hover {
  font-size: 16px;
  background-color: #ECF1F5;
}

.account-sidebar {
  background-color: #003959;
}

.account-sidebar .nav-item .nav-link {
  padding: 15px 20px 15px 5px;
  color: #99AFBC;
  font-size: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.account-sidebar .nav-item .nav-link span {
  display: flex;
  transition: all 0.1s ease-in;
}

.account-sidebar .nav-item .nav-link:hover {
  color: #BEDFF1;
}

.account-sidebar .nav-link:active,
.account-sidebar .nav-item.active .nav-link {
  background-color: #175070;
  color: #F6F9FC;
}

.account-sidebar .nav-item.logout {
  margin-top: 13px;
}

.tooltip-bg-blue .tooltip-inner {
  background-color: var(--color-blue);
  border-radius: 2px;
  font-size: 10px;
  font-weight: 600;
}

.navbar-expand-lg .navbar-nav.nav-member-menu {
  flex-direction: row;
  position: absolute;
}

.account-sidebar .nav-item.ebay .nav-link span {
  font-size: 16px
}

.account-sidebar .nav-item .nav-link:hover span {
  transform: translateY(-1px);
}

.account-sidebar .nav-item.settings .nav-link:hover span,
.account-sidebar .nav-item.messages .nav-link:hover span {
  transform: rotate(15deg);
}

.html-dashboard-page .shopping-tip .img-wrapper {
  overflow: hidden;
}

.html-packages-page .content.card-trasparent {
  font-size: 14px;
}

.package-action-wrapper .box {
  border-radius: 3px;
  box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.16);
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-direction: column;
  padding: 1rem 0.75rem;
  font-weight: 600;
  letter-spacing: -0.1px;
  position: relative;
  overflow: hidden;
}

.package-action-wrapper .box-mobile {
  background-color: #006BBE;
  color: #fff;
  width: 80px;
  padding: 0px;
}

.package-action-wrapper .box-mobile:hover {
  color: #006BBE;
}

.package-action-wrapper .row-details-actions .box {
  background-color: #ffffff7a;
}

.package-action-wrapper .row-actions .box:hover,
.package-action-wrapper .row-details-actions .box:hover,
.package-action-wrapper .row-actions .box:active,
.package-action-wrapper .row-details-actions .box:active,
.html-packages-page .carriers .box:hover,
.html-packages-page .carriers .box:active,
.html-packages-page .carriers .carrier-active {
  background-color: #F6F9FC;
}

.html-packages-page .carriers .carrier-active .bottom-line {
  display: none;
}

.html-packages-page .carriers .rb-carrier {
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.package-action-wrapper .row-actions .box:hover .bottom-line svg path,
.package-action-wrapper .row-actions .box:active .bottom-line svg path {
  fill: #AC0083;
}

.html-packages-page .carriers .box:hover:after,
.html-packages-page .carriers .box:active:after {
  background-color: #AC0083;
}

.html-packages-page .title,
.package-action-wrapper .box .title {
  font-size: 13px;
  font-weight: 400;
}

.html-pages-page .title2 {
  font-size: 10px;
}

.html-packages-page .text {
  font-weight: 600;
  margin-bottom: 4px;
}

.html-packages-page .btn-edit-wrapper {
  position: absolute;
  top: 5px;
  z-index: 2;
}

.html-packages-page .disable-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  background-color: transparent;
}

.view-package-info {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.view-package-info img {
  align-self: center;
}

.html-packages-page .col-package-img {
  width: min(160px, 50%);
}

.html-packages-page .col-package-info {
  width: calc(100% - min(160px, 50%));
}

.shipment-history-page .col-package-img {
  width: min(124px, 50%);
}

.shipment-history-page .col-package-info {
  width: calc(100% - min(124px, 50%));
}

.view-package-info.loading:after,
.popover-body.loading:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0,0,0,0.1);
}

.view-package-info.loading:before,
.popover-body.loading:before {
  content: "";
  position: absolute;
  display: inline-flex;
  top: 50%;
  margin-top: -1.5rem;
  width: 3rem;
  height: 3rem;
  vertical-align: -0.125em;
  border: 0.25em solid var(--color-magenta);
  border-radius: 50%;
  -webkit-animation: .75s linear infinite spinner-border;
  animation: .75s linear infinite spinner-border;
}

.html-packages-page .instruction-wrapper:hover,
.html-packages-page .instruction-wrapper:active,
.html-packages-page .instruction-wrapper .btn[aria-expanded="true"] {
  background-color: var(--color-gray-100);
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.html-packages-page .instruction-wrapper .has-instruction .btn {
  color: #175070;
}

.html-packages-page .instruction-wrapper .has-instruction .btn svg #selected {
  opacity: 1 !important;
  transform: translateX(2px) translateY(-1px);
}

.html-packages-page .instruction-wrapper .btn {
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: start;
  color: #697386;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  transition: all 0.2s ease;
  border: 1px solid rgba(0,0,0,0.1);
}

.html-packages-page .hide {
  display: none !important;
}

.html-packages-page .instruction-wrapper .btn:hover {
  color: #0080AF;
}

.html-packages-page .btn-edit-wrapper .btn-edit {
  opacity: 0.4;
}

.html-packages-page .btn-edit-wrapper .btn-edit:hover {
  opacity: 1;
}

.html-packages-page .btn-edit-wrapper .btn-edit.opened #pen {
  opacity: 0 !important;
}

.html-packages-page .btn-edit-wrapper .btn-edit.opened #check {
  opacity: 1 !important;
}

.html-packages-page .instruction-wrapper .btn:hover #icon-expand #arrow {
  transform: translateX(-1px) translateY(1px);
}

.html-packages-page .instruction-wrapper #icon-expand,
.html-packages-page .instruction-wrapper #icon-expand * {
  transition: all 0.2s ease;
}

.html-packages-page .instruction-wrapper .btn[aria-expanded="true"] #icon-expand {
  transform: rotate(-180deg);
}

.receiver-edit-wrapper .form-control,
.address-edit-wrapper .form-control,
#collapseInstruction .form-control {
  font-size: 13px;
  padding: 1px 0.25rem;
  border-radius: 0;
  line-height: 17px;
  font-weight: 700;
  color: #175070;
  border: 1px solid transparent;
  background-color: transparent;
}

.receiver-edit-wrapper.edit-mode .form-control,
.address-edit-wrapper.edit-mode .form-control,
#collapseInstruction .form-control {
  border: 1px solid #ced4da;
  background-color: #fff;
}

.receiver-edit-wrapper .form-control:focus,
.address-edit-wrapper .form-control:focus,
#collapseInstruction .form-control:focus {
  box-shadow: none;
}

#collapseInstruction .card {
  border-color: rgba(0,0,0,0.1);
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-color: transparent;
}

.html-packages-page .address-info .bottom-blue-line:after {
  content: "";
  width: 100%;
  height: 18px;
  background-color: #06B2E2;
  position: absolute;
  bottom: -7px;
  left: 0;
  right: 0;
  transform: matrix(1, -0.02, 0, 1, 0, 0);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  z-index: 0;
}

.html-packages-page .carriers .box:after {
  content: "";
  width: 40px;
  height: 6px;
  position: absolute;
  bottom: -1px;
  transform: matrix(1, -0.05, 0, 1, 0, 0);
  background-color: #FF00C3;
}

.package-card .value-wrapper:before {
  content: "$";
  position: absolute;
  font-weight: 600;
  top: 4.3px;
  color: var(--color-blue);
}

.package-card .value-wrapper .form-control {
  border-radius: 0;
  background-color: #EAF2F8;
  color: var(--color-blue);
  font-size: 14px;
  font-weight: 600;
  padding: 3px 5px;
  max-width: 75px;
}

.package-card .value-wrapper .form-control.bg-yellow {
  background-color: #FFF3C1;
}

.package-cards {
  padding-top: 10px;
  overflow-y: auto;
  scrollbar-gutter: stable;
  max-height: 624px;
}

.packages-container .package-cards + .package-cards {
  max-height: 545px;
}

.package-card {
  border: none;
  box-shadow: -2px 0px 10px rgb(0 0 0 / 16%);
  overflow: hidden;
}

.package-cards .package-card:hover {
  background-color: #F6F9FC;
}

.html-packages-page .package-card:not(.banned):before {
  content: '';
  background: #FF00C3;
  width: 60px;
  height: 20px;
  display: block;
  position: absolute;
  bottom: -2px;
}

.html-packages-page .package-card.no-pack-info:before {
  bottom: -14px;
}

.html-packages-page .package-card.checked:not(.banned):before {
  background: #06B2E2;
}

.html-packages-page .selected-item-value {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  white-space: nowrap;
  padding-left: 8px;
  padding-right: 8px;
}

.selected-package-count.row .col-4 {
  max-width: 126px;
}

.html-packages-page .section-title {
  margin-top: 1rem;
  margin-bottom: 0.25rem;
  font-weight: 700;
  text-transform: uppercase;
}

.html-buy-for-me-common .shopping-sites-buy-for-me,
.html-ebay-common .shopping-sites-buy-for-me {
  background-color: #e0e7eb;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 30px;
  overflow: hidden;
}

.html-shopping-sites-page .shopping-sites-popular {
  background-color: #EEF1F3;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  overflow: hidden;
  padding-top: 20px;
}

.html-shopping-sites-page .container.shopping-sites {
  margin-bottom: 60px;
}

.html-buy-for-me-common .section-popular-shopping-sites:before,
.html-ebay-common .section-popular-shopping-sites:before {
  background: url(../images/buy-for-me-common-page/popular-shopping-sites-bg-top.svg) no-repeat;
  top: 0;
  background-size: contain;
}

.html-shopping-sites-page .section-popular-shopping-sites:before {
  background: url(../images/shopping-sites/popular-shopping-sites-bg-top.svg) no-repeat;
  top: 0;
  background-size: contain;
}

.html-buy-for-me-common .section-hero,
.html-ebay-common .section-hero {
  padding-top: 65px;
  position: relative;
  min-height: max(calc(100vw * 0.3177), 510px);
}

.html-buy-for-me-common .hero-container,
.html-ebay-common .hero-container {
  margin-bottom: 64px;
}

.html-buy-for-me-common .section-hero .container h1,
.html-ebay-common .section-hero .container h1,
.html-discounting-shipping .section-hero .container h1 {
  font-size: 45px;
  font-weight: 400;
}

.html-buy-for-me-common .section-hero:before,
.html-ebay-common .section-hero:before {
  content: "";
  position: absolute;
  background: url(../images/buy-for-me-common-page/buy-for-me-bg.svg) no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.html-not-found-page .center-1,
.html-not-found-page .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.not-found-page .page-body {
  padding-top: 100px;
  padding-bottom: 80px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.not-found-page .topic-block-body > h2 {
  margin-bottom: 30px;
}

.not-found-page .topic-block-title {
  font-size: 42px;
}

.compare-table.table-rows:nth-child(odd) .compare-table-row {
  background-color: rgba(0,57,89,0.02);
}

.compare-table.table-rows:nth-child(even) .compare-table-row {
  background-color: rgba(0,57,89,0.06);
}

.flex-tables.table-rows .compare-table-row {
  background-color: #fff;
}

.compare-table-row {
  min-height: 70px;
}

.compare-table-row .title {
  font-size: 17px;
  font-weight: 600;
}

.compare-table-row .text {
  font-size: 15px;
}

.text-decoration-lines {
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
}

.text-decoration-lines-content {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  min-width: 170px;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: .02em;
  color: #697386;
}

.text-decoration-lines {
  margin-top: 27px;
}

.features-header {
  background-color: rgba(255,255,255,0.08);
  position: relative;
  font-size: 18px;
  font-weight: 600;
  color: #5AC8FA;
}

.features-header::before,
.features-header::after {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
}

.country-select {
  font-size: 25px;
  font-family: Open sans, sans-serif;
  color: var(--color-primary);
}

.country-select:after {
  color: #AC0083;
  background-image: url('/Themes/NYBox/Content/images/polygon-icon.svg');
  content: "";
  width: 17px;
  height: 15px;
  border: none;
  background-repeat: no-repeat;
  background-position: center;
  align-self: center;
}

.dropdown-list-rate {
  margin-top: -50px !important;
  border: 1px solid #b4b4b47a;
  max-height: 230px;
  overflow: scroll;
  overflow-x: hidden;
}

.dropdown-list-rate li {
  padding: 0rem 0.5rem;
  font-weight: bold;
  border: 1px solid #b4b4b47a;
  cursor: pointer;
}

.dropdown-list-rate li a {
  color: #003959;
  padding: 0px;
  font-size: 25px;
  line-height: unset;
}

.dropdown-list-rate li:hover {
  background-color: #F5F5F5;
}

.dropdown-list-rate li:hover a {
  color: #AC0083;
  background-color: transparent;
}

.membership-box table tr td {
  border: 1px solid #f6f9fc7a;
  padding: 0.75rem;
  color: #F6F9FC;
}

.upgrade-membership-premimum-footer {
  border-top: 0.2px solid #16648A;
  background-color: #16648A;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.upgrade-membership-premimum-footer:hover {
  background-color: #1A77A5;
}

.upgrade-membership-free-footer {
  border-top: 1px solid #d1d1d152;
  background-color: #F6F9FC;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.upgrade-membership-free-footer a {
  color: #003959;
}

.upgrade-membership-free-footer:hover {
  background-color: #D4D8E4;
}

div[class^='services-box-container-'] svg:hover path,
div[class^='services-box-container-'] svg:hover circle {
  fill: #AC0083;
}

.pricing-pink-shape {
  position: absolute;
  top: -35px;
  display: block;
  z-index: 1;
}

.shopping-sites-pink-shape {
  position: absolute;
  top: -50px;
  display: block;
  z-index: -1;
}

.services-pink-shape {
  position: absolute;
  top: -35px;
  display: block;
  z-index: -1;
}

.support-blue-shape {
  position: absolute;
  top: calc(25vw * 617 / -1920);
  display: block;
  z-index: 0;
}

.section-start-shopping .list-rate-pink-shape {
  position: absolute;
  top: -30px
}

.pricing-page-title {
  font-size: 35px;
  line-height: 46px;
  margin-bottom: 103px;
  padding-top: 76px;
  letter-spacing: -0.2px;
}

.pricing-page-title span {
  font-weight: bold;
}

.text-overflow-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.text-overflow-ellipsis-n-lines {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.pricing-nybox {
  font-size: 40px;
  font-weight: bold;
}

.section-shopping-services:before {
  content: "";
  position: absolute;
  background: url(../images/services-page/our-services-bg.svg) no-repeat;
  background-position: top center;
  width: 100%;
  height: 240px;
}

.section-shopping-services .container {
  padding-top: 320px;
}

.section-payment-types .container > .row {
  margin-top: 180px;
}

.shopping-sites-buy-for-me:after {
  content: "";
  position: absolute;
  background: url(../images/ebay-page/popular-shopping-sites-bottom-bg.svg) no-repeat;
  background-position: bottom center;
  width: 100%;
  min-height: 350px;
  z-index: 0;
  left: 0;
  right: 0;
  background-size: cover;
  margin-top: -1px;
}

.html-shopping-sites-page .shopping-sites-popular:after {
  content: "";
  position: absolute;
  background: url(../images/ebay-page/popular-shopping-sites-bottom-bg.svg) no-repeat;
  background-position: bottom center;
  width: 100%;
  min-height: 350px;
  z-index: 0;
  left: 0;
  right: 0;
  background-size: cover;
  margin-top: -1px;
}

.html-ebay-common .are-you-ready {
  margin-top: 175px;
  position: relative;
  z-index: 1;
}

.html-buy-for-me-common h6,
.html-ebay-common h6 {
  margin-bottom: 14px;
  font-size: 25px;
}

.are-you-ready .lead {
  font-size: 1.25rem;
  font-weight: 400;
}

.html-aboutus-page .blue-bg .container {
  padding-bottom: 3rem;
}

.html-shopping-sites-page .section-start-shopping p span {
  font-size: 25px;
}

.html-support-page .section-start-shopping {
  background-color: #F6F9FC;
}

.html-support-page .footer {
  border-top: 1px solid rgba(0,0,0,0.05);
}

.html-shopping-sites-page .section-hero .container {
  justify-content: space-between;
}

.html-support-page .owl-carousel .owl-item img {
  max-width: 100%;
}

.html-discounting-shipping .section-hero {
  padding-top: 84px;
  padding-bottom: 48px;
  position: relative;
  background-color: #F6F9FC;
}

.html-discounting-shipping .section-hero:before {
  content: "";
  position: absolute;
  background: url(../images/discounted-shipping/hero-bg.svg) no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  bottom: 45px;
  left: 0;
  right: 0;
}

.html-discounting-shipping .advantages .image {
  border: 1px solid #00395924;
  border-radius: 3px;
  max-height: 250px;
}

.html-discounting-shipping .section-advantage-photos {
  background-color: #F6F9FC;
  padding-top: 58px;
}

.html-discounting-shipping .section-advantage-photos .shape-1 {
  position: absolute;
  top: 0;
}

.html-discounting-shipping .are-you-ready .shape-2 {
  position: absolute;
  top: -50px;
  z-index: 1;
}

.html-discounting-shipping .section-shipping-rates:before {
  content: "";
  position: absolute;
  background: url(../images/discounted-shipping/shipping-rates-bg-top.svg) no-repeat;
  background-size: contain;
  width: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
}

.html-discounting-shipping .section-shipping-rates:after {
  content: "";
  position: absolute;
  background: url(../images/discounted-shipping/shipping-rates-bg-bottom.svg) no-repeat;
  background-size: contain;
  width: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
}

.html-discounting-shipping .section-shipping-rates {
  position: relative;
  z-index: 1;
  background-color: #EEF1F3;
  padding-bottom: var(--skew-height);
  padding-top: var(--skew-height);
}

.html-discounting-shipping header {
  background-color: #fff;
}

.html-app-page .section-hero:before {
  content: "";
  position: absolute;
  background: url(../images/app-page/hero-bg.svg) no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.html-app-page .section-hero {
  padding-top: 60px;
  position: relative;
  min-height: max(calc(100vw * 0.3177), 510px);
  overflow: hidden;
}

.html-app-page .features .app-shapes .shape-2 {
  position: absolute;
  bottom: calc(100vw * 0.02);
}

.html-app-page .features .app-shapes .shape-1 {
  position: absolute;
  top: calc(100vw * 0.07);
}

.html-app-page .features {
  background-color: #F6F9FC;
}

.html-app-page .features ul li {
  margin-bottom: 0.75rem;
  display: flex;
}

.html-app-page .features ul li span {
  align-self: center;
}

.owl-carousel_app.owl-carousel .owl-nav button.owl-prev,
.owl-carousel_app.owl-carousel .owl-nav button.owl-next {
  width: 60px;
  height: 155px;
  display: inline-flex;
  position: absolute;
  top: calc(50% - 45px);
}

.owl-carousel_app.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel_app.owl-carousel .owl-nav button.owl-next:active {
  background: linear-gradient(90deg, transparent 0%, transparent 30%, rgba(0,0,0,0.2) 100%);
}

.owl-carousel_app.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel_app.owl-carousel .owl-nav button.owl-prev:active {
  background: linear-gradient(90deg, rgba(0,0,0,0.2) 0%, transparent 70%, transparent 100%);
}

.owl-carousel_app .owl-prev {
  left: 0;
}

.owl-carousel_app .owl-next {
  right: 0;
}

.owl-carousel_app .owl-dots {
  position: absolute;
  top: 504px;
  left: auto;
  right: auto;
  margin: 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
}

.owl-carousel_app .owl-dot {
  width: 22px;
  height: 22px;
  display: inline-block;
}

.owl-carousel_shop_reason .card .card-body .body-content {
  margin-top: 80px;
}

.owl-carousel_shop_reason .card {
  width: 325px;
  background-color: transparent;
  margin: 30px 20px 40px 20px;
  border: none;
  -webkit-box-shadow: 0 15px 35px rgb(50 50 93 / 10%), 0 5px 15px rgb(0 0 0 / 7%);
  box-shadow: 0 15px 35px rgb(50 50 93 / 10%), 0 5px 15px rgb(0 0 0 / 7%);
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-transition-property: color,background-color,-webkit-box-shadow,-webkit-transform;
  transition-property: color,background-color,-webkit-box-shadow,-webkit-transform;
  transition-property: color,background-color,box-shadow,transform;
  transition-property: color,background-color,box-shadow,transform,-webkit-box-shadow,-webkit-transform;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
}

.owl-carousel_shop_reason .card .card-header {
  border: none;
  background-color: transparent;
  height: 30px;
}

.owl-carousel_shop_reason .card .card-body img,
.owl-carousel_shop_reason .card .card-body svg {
  position: absolute;
  top: -30px;
}

.owl-carousel_shop_reason .card-body {
  background-color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-bottom: 1.5rem;
}

.owl-carousel_shop_reason .card-footer {
  background-color: #EEF1F3;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
  color: var(--color-light-blue);
  margin-top: -1px;
  padding: 12px;
}

.owl-carousel_shop_reason .card:hover .card-footer {
  color: var(--color-primary);
}

.owl-carousel_shop_reason .card:hover .card-footer svg path {
  fill: var(--color-primary);
}

.owl-carousel_shop_reason .card:hover .card-body svg circle {
  fill: #fff;
}

.section-shop-reason {
  background-color: #003857;
  z-index: 1;
  padding-bottom: 218px;
  padding-top: 65px;
}

.section-shop-reason:after {
  content: "";
  position: absolute;
  background: url(../images/app-page/shop-reason-bg-bottom.svg) no-repeat;
  width: 100%;
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 218px;
}

.html-support-page .section-shop-reason:after {
  background: url(../images/app-page/shop-reason-bg-bottom-gray.svg) no-repeat;
}

.section-shop-reason {
  overflow: hidden;
}

.html-consolidate-page .section-hero:before {
  content: "";
  position: absolute;
  background: #F6F9FC url(../images/consolidate-page/section-hero-bg.svg) no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.html-consolidate-page .section-hero {
  padding-top: 86px;
  position: relative;
  min-height: max(calc(100vw * 0.3177), 617px);
  overflow: hidden;
}

.html-consolidate-page .package-consolidation {
  background-color: #F6F9FC;
}

.consolidation-step-1 .consolidate-header {
  margin-bottom: 65px;
}

.consolidation-step-2 .consolidate-header {
  margin-bottom: 70px;
}

.consolidation-step-3 .consolidate-header {
  margin-bottom: 100px;
}

.html-consolidate-page .package-repackaging {
  background-color: #EEF1F3;
  padding-top: var(--skew-height);
  z-index: 1;
  padding-bottom: 150px;
}


.package-repackaging:before {
  content: "";
  position: absolute;
  background: url(../images/consolidate-page/consolidate-bg-top.svg) no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
}

.consolidation-shapes .shape-1,
.repackaging-shapes .shape-1 {
  position: absolute;
  top: 55%;
}

.consolidation-shapes .shape-2,
.repackaging-shapes .shape-2 {
  position: absolute;
  bottom: 50px;
}

.html-discounting-shipping .advantages .cargo-img {
  justify-content: center;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.html-consolidate-page .header-end-absolute {
  position: absolute;
  top: -100px;
}

.html-consolidate-page .package-consolidation .container {
  padding-top: 120px;
}

.html-app-page header {
  background-color: #fff;
}

.html-consolidate-page header {
  background-color: #fff;
}

.html-app-page .section-hero h1 {
  font-weight: 400;
  font-size: 40px;
}

.html-discounting-shipping .advantages .card-1,
.html-discounting-shipping .advantages .card-2 {
  background-color: #fff;
  padding: 24px 30px;
  border-radius: 10px;
}

.save-span {
  font-size: 80px;
  font-weight: bold;
  color: #003959;
  letter-spacing: -2.4px;
}

.save-span-2 {
  font-size: 57px;
  color: #AC0083;
}

.html-customer-service-page header {
  background-color: #1B80B2;
}

.live-chat-footer {
  border-top: 1px solid #d1d1d152;
  background-color: #30A9E0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.live-chat-footer:hover {
  background-color: #06B2E2;
}

.live-chat-footer a {
  font-size: 25px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.5px;
}

.live-chat-box a {
  text-decoration: none;
}

.live-chat-box a .mail {
  font-weight: 600;
}

.live-chat-box a:hover .mail {
  transform: scale(1.03);
  display: inline-flex;
  transform-origin: bottom;
}

.live-chat-box-title {
  border-bottom: 1px solid #cfcfcf6e;
}

.live-chat-question-footer {
  border-top: 0.2px solid #cfcfcf6e;
  background-color: #16648A;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.live-chat-question-footer:hover {
  background-color: #1B80B2;
}

.callout-icon.tax-free-service:after {
  background: url(../images/customer-service-page/icon-2.svg) no-repeat;
  height: 55px;
  width: 43px;
  margin-top: 29px;
}

.callout-icon.buy-for-me-service:after {
  background: url(../images/customer-service-page/icon-3.svg) no-repeat;
  height: 41px;
  width: 43px;
  margin-top: 29px;
}

.callout-icon.shopping-sites-service:after {
  background: url(../images/customer-service-page/icon-4.svg) no-repeat;
  height: 41px;
  width: 43px;
  margin-top: 29px;
}

.html-customer-service-page .callout-icon {
  background: #EEF1F3;
}

.html-taxfreeshopping-page .section-advantage-photos .advantages .card-1 {
  transform-style: preserve-3d;
  padding: 49px 62px;
  background-color: #EEF1F3;
}

.left-menu-topic .nav-link {
  font-size: 15px;
  color: #003959;
  padding: 0px;
}

.left-menu-topic .nav-link:hover {
  color: #003959;
}

.left-menu-topic .nav-link.active {
  font-size: 15px;
  color: #003959;
  font-weight: bold;
  background-color: transparent;
}

.section-live-chat .text-header {
  margin-top: 70px;
  margin-bottom: 60px;
}

.html-taxfreeshopping-page .container .pink-shape-tax-free {
  position: absolute;
  top: -50px;
}

.html-topic-page .topic-navbar {
  max-height: initial;
}

.html-topic-page .topic-navbar .nav-link {
  font-size: 15px;
  color: #003959;
  font-weight: bold;
  background-color: transparent;
}

.html-topic-page .topic-navbar button.navbar-toggler {
  background-color: transparent;
}

.pager li span {
  background-color: #fff;
  color: #249ee5;
  border: 1px solid #249ee5;
  font-weight: 600;
}

.pager li * {
  display: block;
  padding: 5px 10px;
  text-align: center;
  font-size: 10px;
  cursor: pointer;
  background-color: #fff;
  color: #909090;
  line-height: 1.2;
  border: 1px solid #C9C9C9;
  text-decoration: none;
}

.pager li span {
  background-color: #fff;
  color: #249ee5;
  border: 1px solid #249ee5;
  font-weight: 600;
}

.pager li * {
  display: block;
  padding: 5px 10px;
  text-align: center;
  font-size: 10px;
  cursor: pointer;
  background-color: #fff;
  color: #909090;
  line-height: 1.2;
  border: 1px solid #C9C9C9;
  text-decoration: none;
}

.shipment-history-page .process-type {
  text-align: center;
  padding: 2px 22px;
  background-color: green;
  font-size: 11px;
  font-weight: 600;
  color: white;
  position: absolute;
  bottom: 0;
}

.shipment-history-page .package-card,
.buyforme-page .package-card,
.ebay-order-page .package-card,
.notification-page .package-card,
.settings-page .package-card {
  cursor: pointer;
}

.shipment-history-page .package-card:hover,
.buyforme-page .package-card:hover,
.ebay-order-page .package-card:hover,
.notification-page .package-card:hover,
.settings-page .package-card:hover {
  top: 0;
  animation: slide-top-1px 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  background-color: #F6F9FC;
}

.shipment-history-page .selected-card,
.buyforme-page .selected-card,
.ebay-order-page .selected-card,
.notification-page .selected-card,
.settings-page .selected-card {
  background-color: #F6F9FC;
}

.shipment-history-page .package-card .title,
.package-details-card .title {
  font-size: 10px;
  font-weight: 600;
}

.shipment-history-page .package-card .text,
.package-details-card .text {
  font-size: 15px;
  font-weight: bold;
}

.shipment-history-page .package-card .Trashed,
#selection-container .Trashed {
  background-color: #C41230;
}

.shipment-history-page .package-card .Pending,
#selection-container .Pending {
  background-color: #0190FE;
}

.shipment-history-page .package-card .Shipped,
#selection-container .Shipped {
  background-color: #1BB267;
}

.shipment-history-page .package-card .ScannedAndEMailed,
#selection-container .ScannedAndEMailed {
  background-color: #1BB267;
}

.shipment-history-page .package-card .RePacked,
#selection-container .RePacked {
  background-color: #DB7400;
}

.shipment-history-page .package-card .top-shape,
.buyforme-page .package-card .top-shape,
.ebay-order-page .package-card .top-shape,
.settings-page .package-card .top-shape {
  width: 70px;
  height: 40px;
  position: absolute;
  top: -37px;
}

.shape-details {
  width: 70px;
  height: 40px;
  position: absolute;
  top: -29px;
}

.shape-member-posts {
  width: 70px;
  height: 40px;
  position: absolute;
  top: -29px;
  background-color: #30A9E0;
}

.package-details-card {
  overflow: hidden;
  border: none;
}

.col.ship,
.col.repack {
  color: var(--color-blue);
}

.col.ship.selected,
.col.repack.selected {
  color: #175070;
}

.col.ship.selected {
  position: absolute;
  top: 1.5rem;
}

.col.ship.selected .bottom-line svg path {
  fill: #0080be;
}

.col.repack.selected {
  position: absolute;
  top: 1.5rem;
}

.col.repack.selected .bottom-line {
  display: none !important;
}

.col.repack.selected .repack-selected {
  display: block !important;
}

#selection-container .process-type {
  font-size: 16px;
}

.package-detail-modal .right-side #details-content-table-actions .col-8 {
  transition: width 0.2s ease;
}

.package-detail-modal .right-side.closed .col-actions,
.package-detail-modal .right-side.closed #details-content-confirm,
.package-detail-modal .right-side.closed #details-content-table {
  visibility: hidden !important;
}

.package-detail-modal .right-side.closed #dropin-container {
  display: none !important;
}

.package-detail-modal .right-side.closed #details-content-table-actions .col-8 {
  width: 90px;
}

.package-detail-modal #details-content-confirm {
  width: 380px;
}

.package-table-wrapper .col-4 {
  font-size: 12px;
  color: #003959;
  background-color: #ECF1F5;
  display: flex;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
}

.package-table-wrapper .col-8 {
  font-size: 12px;
  color: #003959;
  font-weight: 600;
  border-bottom: 1px solid rgba(134, 134, 134, 0.15);
  display: flex;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
}

.package-table-wrapper .col-4 {
  width: 36%;
}

.package-table-wrapper .col-8 {
  width: 64%;
}

#details-content-table {
  line-height: 16px;
  background-color: #8898aa;
}

#details-content-table .col-4,
#details-content-table-actions .col-4 {
  font-size: 12px;
  color: #fff;
  background-color: #8898AA;
  width: 150px;
}

#details-content-table-actions .col-4 {
  padding: 5px 8px;
}

#details-content-table .col-8,
#details-content-table-actions .col-8 {
  font-size: 12px;
  color: #003959;
  font-weight: 600;
  border-bottom: 1px solid rgba(134, 134, 134, 0.15);
  background-color: #ECF1F5;
  width: 230px;
  display: flex;
  align-items: center;
}

.see-details {
  border-radius: 10px;
  border: 1px solid #30A9E0;
}

.parent-link {
  color: #0F90D8;
  cursor: pointer;
}

.parent-link:hover {
  color: #17A6F6;
}

.package-table-wrapper .child {
  text-decoration: none;
  color: #0D76B0;
  font-size: 12px;
  font-weight: 600;
}

.top-menu-toggler {
  background-color: #30A9E0;
  border: 0.2px solid #D4D8E4;
  color: #F6F9FC;
  width: 32px;
  height: 32px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 50%;
  text-decoration: none;
  letter-spacing: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.top-menu-toggler:hover {
  color: #F6F9FC;
}

.top-menu-selector .dropdown-menu {
  min-width: 200px;
  margin-top: 15px;
  bottom: auto;
}

.top-menu-selector .dropdown-item:hover {
  background-color: #F6F9FC;
}

.top-menu-selector .dropdown-menu .language-selector {
  position: initial;
}

.top-menu-selector .dropdown-menu .language-selector .nav-link {
  color: #003959;
  padding: 0.5rem 0rem;
}

.top-menu-selector .dropdown-menu .language-selector .nav-link:hover {
  color: #1B80B2;
}

.top-menu-button {
  background-color: #1E96D1;
}

.top-menu-button:hover {
  background-color: #003959;
  color: #fff;
}

.menu-icon-wrapper {
  width: 25px;
  display: inline-flex;
}

.feature-item:hover {
  color: #5AC8FA !important;
}

.icon-box:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.feature-item:hover .icon-box-1:before,
.feature-item:hover .icon-box-2:before,
.feature-item:hover .icon-box-3:before,
.feature-item:hover .icon-box-4:before,
.feature-item:hover .icon-box-5:before,
.feature-item:hover .icon-box-6:before,
.feature-item:hover .icon-box-7:before,
.feature-item:hover .icon-box-8:before,
.feature-item:hover .icon-box-9:before,
.feature-item:hover .icon-box-10:before,
.feature-item:hover .icon-box-11:before,
.feature-item:hover .icon-box-12:before,
.feature-item:hover .icon-box-13:before,
.feature-item:hover .icon-box-14:before,
.feature-item:hover .icon-box-15:before,
.feature-item:hover .icon-box-16:before,
.feature-item:hover .icon-box-17:before,
.feature-item:hover .icon-box-18:before {
  -webkit-transition: all 1s;
  transition: all 1s;
}

.icon-box-1:before {
  background: url(../images/home-page/plane.svg) no-repeat top center;
}

.feature-item:hover .icon-box-1:before {
  background: url(../images/home-page/plane-hover.svg) no-repeat top center;
}

.icon-box-2:before {
  background: url(../images/home-page/re-pack.svg) no-repeat top center;
}

.feature-item:hover .icon-box-2:before {
  background: url(../images/home-page/re-pack-hover.svg) no-repeat top center;
}

.icon-box-3:before {
  background: url(../images/home-page/consolidation.svg) no-repeat top center;
}

.feature-item:hover .icon-box-3:before {
  background: url(../images/home-page/consolidation-hover.svg) no-repeat top center;
}

.icon-box-4:before {
  background: url(../images/home-page/tracking.svg) no-repeat top center;
}

.feature-item:hover .icon-box-4:before {
  background: url(../images/home-page/tracking-hover.svg) no-repeat top center;
}

.icon-box-5:before {
  background: url(../images/home-page/photo.svg) no-repeat top center;
}

.feature-item:hover .icon-box-5:before {
  background: url(../images/home-page/photo-hover.svg) no-repeat top center;
}

.icon-box-6:before {
  background: url(../images/home-page/scan.svg) no-repeat top center;
}

.feature-item:hover .icon-box-6:before {
  background: url(../images/home-page/scan-hover.svg) no-repeat top center;
}

.icon-box-7:before {
  background: url(../images/home-page/trash.svg) no-repeat top center;
}

.feature-item:hover .icon-box-7:before {
  background: url(../images/home-page/trash-hover.svg) no-repeat top center;
}

.icon-box-8:before {
  background: url(../images/home-page/tax-free.svg) no-repeat top center;
}

.feature-item:hover .icon-box-8:before {
  background: url(../images/home-page/tax-free-hover.svg) no-repeat top center;
}

.icon-box-9:before {
  background: url(../images/home-page/real-time.svg) no-repeat top center;
}

.feature-item:hover .icon-box-9:before {
  background: url(../images/home-page/real-time-hover.svg) no-repeat top center;
}

.icon-box-10:before {
  background: url(../images/home-page/notification.svg) no-repeat top center;
}

.feature-item:hover .icon-box-10:before {
  background: url(../images/home-page/notification-hover.svg) no-repeat top center;
}

.icon-box-11:before {
  background: url(../images/home-page/insurance.svg) no-repeat top center;
}

.feature-item:hover .icon-box-11:before {
  background: url(../images/home-page/insurance-hover.svg) no-repeat top center;
}

.icon-box-12:before {
  background: url(../images/home-page/storage.svg) no-repeat top center;
}

.feature-item:hover .icon-box-12:before {
  background: url(../images/home-page/storage-hover.svg) no-repeat top center;
}

.icon-box-13:before {
  background: url(../images/home-page/mobile.svg) no-repeat top center;
}

.feature-item:hover .icon-box-13:before {
  background: url(../images/home-page/mobile-hover.svg) no-repeat top center;
}

.icon-box-14:before {
  background: url(../images/home-page/buyforme.svg) no-repeat top center;
}

.feature-item:hover .icon-box-14:before {
  background: url(../images/home-page/buyforme-hover.svg) no-repeat top center;
}

.icon-box-15:before {
  background: url(../images/home-page/ebay.svg) no-repeat top center;
}

.feature-item:hover .icon-box-15:before {
  background: url(../images/home-page/ebay-hover.svg) no-repeat top center;
}

.icon-box-16:before {
  background: url(../images/home-page/coupon.svg) no-repeat top center;
}

.feature-item:hover .icon-box-16:before {
  background: url(../images/home-page/coupon-hover.svg) no-repeat top center;
}

.icon-box-17:before {
  background: url(../images/home-page/google-play-badge.svg) no-repeat top center;
  background-size: contain;
}

.icon-box-17:hover::before {
  background: url(../images/home-page/google-play-badge-hover.svg) no-repeat top center;
  background-size: contain;
}

.icon-box-18:before {
  background: url(../images/home-page/app-store-badge.svg) no-repeat top center;
  background-size: contain;
}

.icon-box-18:hover::before {
  background: url(../images/home-page/app-store-badge-hover.svg) no-repeat top center;
  background-size: contain;
}

.user-info-box .avatar {
  border-radius: 50%;
  color: #fff;
  background-color: #30A9E0;
  position: relative;
  width: 56px;
  height: 56px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.user-info-box .account-info-avatar {
  border-radius: 50%;
  color: #fff;
  background-color: #30A9E0;
  position: relative;
  width: 120px;
  height: 120px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-info-box .avatar:after,
.user-info-box .account-info-avatar:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  max-height: 100%;
  min-height: 56px;
}

.home-icon-span:after {
  content: "";
  position: absolute;
  top: 40%;
  bottom: auto;
  width: 0px;
  max-height: 100%;
  min-height: 7px;
}

.home-icon-span:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  width: 100%;
  max-height: 100%;
  min-height: 25px;
  background: url(../images/home-icon.svg) no-repeat;
  background-position: center center;
}

.dropdown-item:hover .home-icon-span:after {
  width: 7px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.dropdown-item:hover .home-icon-span:before {
  background: url(../images/home-icon-hover.svg) no-repeat;
  background-position: center center;
}

.logout-icon:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  width: 100%;
  max-height: 100%;
  min-height: 25px;
  background: url(../images/logout-icon.svg) no-repeat;
  background-position: center center;
}

.dropdown-item:hover .logout-icon:before {
  background: url(../images/logout-icon-hover.svg) no-repeat;
  background-position: center center;
}

.top-menu-selector .dropdown-divider {
  border-top: 1px solid #5F9DCA;
}

.user-info-box {
  color: #003959;
}

#top-menu-close {
  border-radius: 50%;
  background-color: #F6F9FC;
  font-weight: 700;
  color: #606060;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0.5rem;
}

.top-menu-selector .dropdown-menu:after {
  content: "";
  border-top: 0;
  border-bottom: 1em solid #fff;
  border-right: 1em solid transparent;
  border-left: 1em solid transparent;
  position: absolute;
  top: -40px;
  height: 40px;
}

.buyforme-detail .status,
.ebay-order-page .status {
  padding: 4px 25px;
  border-top-left-radius: 3px;
  font-size: 16px;
  border-bottom-right-radius: 3px;
  font-weight: bold;
  display: inline-flex;
}

.buyforme-detail .status-1 {
  color: #0190FE;
  border: 1px solid rgba(1, 144, 254, 0.5);
}

.buyforme-detail .status--11,
.buyforme-detail .status--1 {
  color: #6D6D6D;
  border: 1px solid #CBCBCB;
}

.buyforme-detail .status-11 {
  color: #DB7400;
  border: 1px solid #DB7400;
}

.buyforme-detail .status-101 {
  color: #1BB267;
  border: 1px solid #1BB267;
}

.buyforme-detail .status-201 {
  color: #1bb2b2;
  border: 1px solid #1bb2b2;
}

.buyforme-detail .status-0,
.ebay-order-page .status-New {
  color: #AC0083 !important;
  border: 1px solid #AC0083 !important;
}

.buyforme-detail .btn-cancel,
.ebay-order-page .btn-cancel,
.address-list-page .btn-delete {
  background-color: #6D6D6D;
  font-size: 15px;
  font-weight: 600;
  border-radius: 3px;
  min-width: 140px;
}

.address-list-page .btn-delete {
  padding: 8px 40px;
}

.buyforme-detail .btn-cancel:hover,
.ebay-order-page .btn-cancel:hover,
.address-list-page .btn-delete:hover {
  background-color: #484848;
  color: #fff;
}

.buyforme-detail .btn-confirm,
.ebay-order-page .btn-confirm,
.buyforme-page .btn-save,
.notification-page .btn-notification,
.address-list-page .btn-add,
.address-list-page .btn-edit,
.btn-upgrade,
.btn-pay,
.change-password-button,
.save-address-button,
.btn-info-save,
.btn-upgrade-membership {
  background-color: #1E96D1;
  font-size: 15px;
  font-weight: 600;
  border-radius: 3px;
  padding: 8px 40px;
}

.buyforme-detail .btn-confirm:hover,
.ebay-order-page .btn-confirm:hover,
.buyforme-page .btn-save:hover,
.notification-page .btn-notification:hover,
.address-list-page .btn-add:hover,
.address-list-page .btn-edit:hover,
.address-list-page .btn-save:hover,
.btn-upgrade:hover,
.btn-pay:hover,
.change-password-button:hover,
.save-address-button:hover,
.btn-info-save:hover,
.btn-upgrade-membership:hover {
  background-color: #003857;
  color: #fff;
}

.buyforme-detail .status-shape-0,
.buyforme-page .process-type-0,
.buyforme-page .bg-0,
.buyforme-page .package-card .top-shape-0,
.top-shape-settings {
  background-color: #AC0083;
}

.buyforme-detail .status-shape-1,
.buyforme-page .process-type-1,
.buyforme-page .bg-1,
.buyforme-page .package-card .top-shape-1 {
  background-color: #0190FE;
}

.buyforme-detail .status-shape--11,
.buyforme-page .package-card .top-shape--11,
.buyforme-page .package-card .bg--11,
.buyforme-page .process-type--1,
.buyforme-page .package-card .top-shape--1,
.buyforme-page .package-card .bg--1,
.buyforme-page .package-card .process-type--11 {
  background-color: #6D6D6D;
}

.buyforme-detail .status-shape-11,
.buyforme-page .process-type-11,
.buyforme-page .bg-11,
.buyforme-page .package-card .top-shape-11 {
  background-color: #DB7400;
}

.buyforme-detail .status-shape-101,
.buyforme-page .process-type-101,
.buyforme-page .bg-101,
.buyforme-page .package-card .top-shape-101 {
  background-color: #1BB267;
}

.buyforme-page .bg-201,
.buyforme-page .package-card .top-shape-201,
.buyforme-detail .status-shape-201,
.buyforme-page .process-type-201 {
  background-color: #1bb2b2;
}

.btn-save {
  background-color: #1E96D1;
  font-size: 15px;
  font-weight: 600;
  border-radius: 3px;
  min-width: 140px;
}

.buyforme-page .col-form-label,
.ebay-order-page .col-form-label,
.settings-page .col-form-label {
  padding-bottom: 0.25rem;
}

.buyforme-page .package-card .title,
.ebay-order-page .package-card .title {
  font-size: 15px;
}

.buyforme-page .package-card .text,
.ebay-order-page .package-card .text {
  font-size: 15px;
  font-weight: bold;
}

.buyforme-page .process-type,
.ebay-order-page .process-type,
.notification-page .process-type {
  text-align: center;
  padding: 2px 16px;
  font-size: 11px;
  font-weight: 600;
  color: white;
  position: absolute;
  bottom: 0;
}

.notification-page .process-type-new {
  background-color: #C41230;
}

.buyforme-page .package-card:before,
.ebay-order-page .package-card:before,
.settings-page .package-card:before {
}

.pager {
  margin: 15px 0 20px 0;
}

.pager li {
  margin: 0 0 0 3px;
}

.pager li {
  display: inline-block;
  margin: 0 1.5px 3px;
  vertical-align: middle;
}

.account-yellow-info-wrapper {
  border-radius: 10px;
  border: 1px solid #EBA800;
}

.ebay-order-page .package-card .top-shape-0,
.ebay-order-page .package-card .top-shape-Pending
.ebay-order-page .package-card .bg-0,
.ebay-order-page .package-card .bg-Pending,
.ebay-order-page .process-type-0 {
  background-color: #0190FE;
}

.ebay-order-page .package-card .top-shape--105,
.ebay-order-page .package-card .top-shape-Cancelled
.ebay-order-page .bg--105,
.ebay-order-page .bg-Cancelled,
.ebay-order-page .process-type--105,
.ebay-order-page .package-card .top-shape--100,
.ebay-order-page .package-card .top-shape-CancelRequested
.ebay-order-page .bg--100,
.ebay-order-page .bg-CancelRequested,
.ebay-order-page .process-type--100 {
  background-color: #6D6D6D;
}

.ebay-order-page .package-card .top-shape-51,
.ebay-order-page .package-card .top-shape-10,
.ebay-order-page .package-card .top-shape-Completed
.ebay-order-page .bg-51,
.ebay-order-page .bg-10,
.ebay-order-page .bg-Completed,
.ebay-order-page .process-type-51,
.ebay-order-page .process-type-10 {
  background-color: #1BB267;
}

.ebay-order-page .status-0 {
  color: #0190FE;
  border: 1px solid #0190FE;
}

.ebay-order-page .status--105,
.ebay-order-page .status--100 {
  color: #6D6D6D;
  border: 1px solid #6D6D6D;
}

.ebay-order-page .status-51,
.ebay-order-page .status-10 {
  color: #1BB267;
  border: 1px solid #1BB267;
}

.shape-details-new {
  background-color: #FF00C3;
}

.shape-details-magenta {
  background-color: #AC0083;
}

.ebay-order-page .status-new {
  color: #AC0083;
  border: 1px solid #AC0083;
}

.braintree-dropin {
  min-width: 175px;
}

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

.bid-input-span {
  background-color: #FFF3C1;
  border-radius: 0;
  max-height: 26px;
}

.bid-input {
  max-height: 26px;
  max-width: 60px;
  background-color: #FFF3C1;
  border-radius: 0;
  font-size: 14px;
}

.bid-input:focus {
  box-shadow: none !important;
  border-color: #ced4da;
  background-color: #FFF3C1;
}

.ebay-detail-page .top-shape-0 {
  background-color: #0190FE;
}

.ebay-detail-page .top-shape-10 {
  background-color: #1BB267;
}

.ebay-detail-page .top-shape--100,
.ebay-detail-page .top-shape--105 {
  background-color: #6D6D6D;
}

.error-li {
  color: red;
}

.note-li {
  color: green;
}

.btn-completed {
  text-decoration: none;
  padding: 7px;
  border-radius: 3px;
  color: white;
  background-color: var(--color-primary);
}

.img-ebay-details {
  border: 1px solid #D4DCE1;
  border-radius: 2px;
  min-height: 158px;
}

.img-ebay-details img {
  max-height: 158px;
  align-self: center;
}

.ebay-body .ebay-right-part .item-title {
  font-size: 13px;
  font-weight: 400;
  padding: 10px;
  border-radius: 2px;
  border: 1px solid #D4DCE1;
}

.seller-text {
  text-decoration: none;
  color: var(--color-primary);
  font-weight: 600;
}

.feedback-url {
  text-decoration: none;
  color: var(--color-primary);
  font-weight: 600;
}

.p-account-rightcol {
  padding: 38px 42px;
}

.or-wrapper:before,
.or-wrapper:after {
  content: "";
  position: absolute;
  width: 40%;
  top: 50%;
  height: 1px;
  background-color: #D4DCE1;
}

.notification-details-title {
  border-bottom: 1px solid #c9c9c952;
}

.top-shape-notification-new {
  background-color: #C41230;
}

.top-shape-notification-readed {
  background-color: #30A9E0;
}

.address-list-page .address-item .info {
  list-style: none;
}

.settings-page .required {
  font-weight: bold;
  color: #AC0083;
  font-size: 12px;
}

textarea.form-control.txt-instructions {
  border-radius: 0;
  min-height: 64px;
}

.txt-instructions.form-control:focus {
  box-shadow: none;
  border-color: #b9bfc4;
}

.type-1.form-control:focus,
.type-1.form-select:focus {
  box-shadow: none;
  border-color: #AC0083;
}

.settings-page .user-preferences,
.membership-renew {
  border: none;
  font-size: 12px;
  font-weight: 600;
  color: var(--color-primary);
  line-height: 1.5;
}

.settings-page .form-wrap {
  margin-bottom: 20px;
}

.membership-type-selected {
  background-color: var(--color-primary) !important;
}

.membership-type {
  background-color: #f5f6f4;
  padding: 8px;
  border-radius: 10px;
  cursor: pointer;
}

.membership-type-text-selected {
  color: #fff;
}

.membership-types > div {
  margin: 24px 5%;
  display: -ms-flexbox;
  display: flex;
}

.annual-tip-div {
  position: absolute;
  top: -20px;
  background-color: #59c7f5;
  padding: 10px 8px;
  border-radius: 50%;
  font-size: 13px;
  color: #fff;
}

.ny-custom-radio {
  flex-basis: 100%;
}

.ny-custom-radio .ny-custom-option,
.ny-custom-radio .ny-custom-option-1 {
  position: relative;
}

.membership-type-text,
.membership-price-text {
  font-weight: 700;
}

.membership-type-text,
.membership-price-text,
.membership-explain-text {
  color: #122541;
  letter-spacing: 0;
}

.membership-explain-text {
  font-size: 11px;
  color: #a3abb2;
  min-height: 42px;
}

.membership-type-text-selected {
  color: #fff;
}

.usercss-list .usercc {
  border-radius: 3px;
}

.usercc-list .usercc-body {
  background-color: #EDF5FB;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.usercc-remove {
  color: var(--color-primary);
}

.user-credit-amount {
  border: 1px solid #AC0083;
}

.user-credit-amount .text-credit {
  padding: 12px 18px;
  color: #fff;
  background-color: #AC0083;
  line-height: 1.2;
}

.user-credit-amount .text-value {
  padding: 12px 8px;
  color: #000;
  align-self: center;
}

.add-payment-method-card {
  border: 1px solid #5AC8FA;
  cursor: pointer;
}

table.data-table td,
.premium-table td,
.billing-history-table td {
  border-width: 1px;
}

.premium-table tr td:first-child {
  width: 150px;
}

.billing-history-table td {
  font-size: 12px;
  font-weight: 600;
  color: var(--color-primary);
  padding: 5px;
  border-color: #3c3c435e;
}

.shape-details-settings {
  background-color: #AC0083;
}

.account-page .title,
.address-add .title,
.address-edit .title,
.membership-section .title,
.add-payment-method .title,
.billing-history-section .title {
  border-bottom: 1px solid #c9c9c97a;
}

.term-membership {
  font-size: 12px;
  font-weight: 600;
  color: var(--color-primary);
}

#membership-renew-info {
  background-color: transparent;
  border: none;
  white-space: normal;
}

#membership-renew-info span {
  width: 100%;
}

.membership-renew {
  min-width: 85px;
}

.membership-renew:focus,
.user-preferences:focus {
  box-shadow: none;
}

#payment-history-grid th.k-header {
  color: var(--color-primary);
  font-size: 12px;
  font-weight: 600 !important;
}

.text-break-all {
  white-space: break-spaces !important;
  word-break: break-all !important;
}

#mail-info {
  background-color: #EDF5FB;
}

#mail-info .mail-info-span {
  color: #AC0083;
}

.membership-card {
  border-radius: 10px;
  overflow: hidden;
  max-width: 450px;
}

.membership-card .card-header {
  padding: 0.5rem 30px;
}

.membership-card .card-body {
  background-color: #EEF1F3;
  padding: 30px;
}

.add-payment-method-card:hover {
  background-color: #D4D8E4;
}

.add-payment-method-card .plus-icon {
  background-color: #fff;
  border-radius: 50%;
  padding: 5px;
}

.d-none-important {
  display: none !important;
}

.mobile-selection {
  background-color: #A5B8C3;
  margin-top: 51px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
}

.html-packages-page .trash-process .package-card:before {
  display: none;
}


.map-tr:hover path,
.map-sa:hover path,
.map-qa:hover path,
.map-ae:hover path,
.map-om:hover path,
.map-ye:hover path {
  fill: #5AC8FA;
}

.map-tr.selected path {
  fill: #5AC8FA;
}

[class*="map-"] .ellipse {
  display: none;
}

[class*="map-"].selected .ellipse {
  display: inline-block !important;
}

[class*="map-"] {
  outline: none;
}

/* SiteReviews */
.sitereviews {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 2px 0px 16px #00000026;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 329px;
}

.sitereviews .sitereviews-header {
  padding: 20px;
  justify-content: space-between;
  background-color: #00395910;
}

.sitereviews-body {
  padding: 15px 20px;
}

.sitereviews .sr-header-text1 {
  font-size: 20px;
  line-height: 25px;
  letter-spacing: -0.2px;
  color: #249EE5;
  text-transform: uppercase;
  font-weight: 600;
}

.sitereviews .sr-header-text2 {
  font-size: 14px;
  line-height: 25px;
  letter-spacing: -0.16px;
  color: #003959;
}

.sitereviews .sitereview-text {
  height: 81px;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: #104875;
}

.sitereview-item .media {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.sitereview-item .sr-item-img {
  border-radius: 50%;
  display: inline-block;
  max-width: 100%;
  width: 64px !important;
  height: 64px !important;
}

.sitereview-item .sr-item-reviewer {
  font-size: 17px;
  line-height: 23px;
  font-weight: 600;
  letter-spacing: -0.17px;
  color: #18639F;
  text-transform: capitalize;
}

.sitereview-item .media-body {
  font-size: 11px;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: -0.11px;
  color: #46ABE5;
  text-transform: uppercase;
}

/* SiteReviews End */

.back-button {
  background-color: #016EAE;
  color: #fff;
  padding: 10px 23px;
  cursor: pointer;
}

.modal-ebay-dialog {
  max-width: 375px !important;
}

.white-space-normal {
  white-space: normal;
}

.address-message {
  text-decoration: none;
  color: #003857;
  line-height: 1;
}

/*blog*/
@media (min-width: 1001px) {
  .block {
    float: none;
    width: auto;
    margin: 0 0 20px;
  }

  .block .title strong {
    font-weight: bold;
  }

  .block .listbox {
    display: block;
    border-bottom: none;
  }

  .link-rss {
    display: block;
    float: right;
    margin: 6px 0 0;
  }

  .page-title a + h1 {
    float: left;
  }
}

@media (min-width: 769px) {
  .blog-posts .buttons {
    float: left;
    width: 20%;
    text-align: left;
  }
}

.block {
  max-width: 600px;
  min-height: 50px;
  margin: auto;
  text-align: left;
}

.block .title {
  margin: 0;
  border-bottom: 1px solid #ddd;
  background: none;
  cursor: auto;
}

.block .title {
  position: relative;
  margin: 0 0 10px;
  border-bottom: 1px solid #ddd;
  background: #f6f6f6 url(../Themes/DefaultClean/Content/images/toggle-gray.png) right 14px no-repeat;
  padding: 12px 30px 12px 10px;
  font-size: 20px;
  color: #444;
  cursor: pointer;
}

.block .title strong {
  font-weight: normal;
}

.block .listbox {
  display: none;
  border-bottom: 1px solid #ddd;
  padding: 10px 5px;
}

.block .list li {
  padding: 5px 0px 5px 15px;
}

.block-blog-archive .number {
  display: block;
  color: #444;
  cursor: auto;
}

.block-blog-archive .sublist {
  margin: 5px 0 5px 15px;
}

.block .sublist {
  margin: 15px 0 5px;
}

.block-blog-archive li.month {
  padding: 3px 0 3px 15px;
}

.block .sublist a {
  font-size: 14px;
}

.block .list a {
  display: inline-block;
  position: relative;
  padding: 5px 0;
  font-size: 16px;
  color: #444;
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
}

.block .list a:before {
  content: "";
  position: absolute;
  top: 12px;
  left: -15px;
  width: 5px;
  height: 5px;
  background-color: #ddd;
}

.block .tags {
  margin: 5px 0 10px;
}

.blog-page .page-title, .news-list-page .page-title {
  margin: 0;
}

.page-title {
  min-height: 50px;
  margin: 0 0 25px;
  border-bottom: 1px solid #ddd;
  padding: 6px 10px;
}

.link-rss {
  display: none;
  width: 24px;
  height: 24px;
  background: url(../Themes/DefaultClean/Content/images/rss.png) center no-repeat;
  font-size: 0 !important;
}

.page-title h1 {
  font-size: 30px;
  font-weight: normal;
}

.page:after, .page-title:after, .page-body:after {
  content: "";
  display: block;
  clear: both;
}

.blog-page .post, .news-items .news-item {
  margin: 0 0 30px;
}

.post-title, .news-title {
  display: inline-block;
  padding: 20px 10px;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #444;
}

.post-date, .news-date {
  display: block;
  margin: 0 0 15px;
  background-color: #f6f6f6;
  padding: 10px;
  font-style: italic;
  color: #444;
}

.post-body, .news-body {
  margin: 0 0 20px;
  padding: 0 10px;
  line-height: 22px;
}

.category-description p, .manufacturer-description p, .full-description p, .topic-block p, .topic-page p, .post-body p, .news-body p {
  margin: 10px 0;
  text-align: justify;
}

.blog-posts .buttons, .news-items .buttons {
  margin: 0;
  padding: 0 10px;
}

.blog-posts .buttons .read-comments {
  display: block;
  margin: 0 0 15px;
  font-weight: bold;
  color: #444;
}

.blog-posts .buttons .read-more, .news-items .buttons .read-more {
  display: inline-block;
  border: none;
  background-color: #4ab2f1;
  padding: 10px 20px;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
}

.blog-page .post:after {
  content: "";
  display: block;
  clear: both;
}

.master-column-wrapper {
  position: relative;
  z-index: 0;
}

.sitemap-page .entity {
  margin: 0 0 30px;
}

.sitemap-page .entity-title {
  margin: 0 0 15px;
  padding: 0 10px;
  text-align: center;
}

.sitemap-page .entity-title h2 {
  font-size: 20px;
  font-weight: 400;
  color: #444;
}

.sitemap-page .entity-body {
  border-top: 1px solid #e6e6e6;
  background-color: #f9f9f9;
  padding: 30px 15px;
  text-align: center;
}

.sitemap-page .entity ul {
  font-size: 0;
  list-style: none;
}

.sitemap-page .entity li {
  position: relative;
  margin: 0 8px;
  padding: 0 12px;
  line-height: 30px;
  font-size: 14px;
}

.sitemap-page .entity li:before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  width: 5px;
  height: 5px;
  background-color: #ddd;
}

.sitemap-page .entity a {
  color: #444;
  text-decoration: none;
}

.sitemap-page .entity-title {
  margin: 0 0 15px;
  padding: 0 10px;
  text-align: center;
}

.sitemap-page .entity-title h2 {
  font-size: 20px;
  font-weight: 400;
  color: #444;
}

.sitemap-page .description {
  margin: 0 0 30px;
  text-align: center;
}

.sitemap-page .entity a:hover, .sitemap-page .entity a:focus {
  color: #4ab2f1;
}

.new-comment .button-1 {
  border: none;
  background-color: #4ab2f1;
  padding: 10px 30px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
}

.table-rate img.img-UPS {
  height: 40px;
}

.html-packages-page img.carrier-logo.UPS {
  height: 40px;
  margin-top: -12px;
  margin-bottom: -12px;
}

::-webkit-scrollbar-corner {
  background: rgba(0,0,0,0.5);
}

* {
  scrollbar-width: 3px;
  scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

*::-webkit-scrollbar-track {
  background: var(--scroll-bar-bg-color);
}

*::-webkit-scrollbar-thumb {
  background-color: var(--scroll-bar-color);
  border-radius: 20px;
  border: 3px solid var(--scroll-bar-bg-color);
}
/*social*/
.postcomment-body {
  color: #040404;
}

.post-comment-status-text {
  color: #5F6164;
}

.post-comment-info {
  background-color: #ECECEC;
  border-radius: 15px;
  padding: 10px;
}

.postcomment-input {
  background-color: #F8F8F8;
}

.comment-icon-1 {
  background-color: #F8F8F8;
  padding: 5px;
}

.comment-icon-2 {
  border: 1px solid #ced4da;
  background-color: #F8F8F8;
  padding: 5px;
}

.thankyou .vote-badge {
  background-color: #AC0083;
}

.thankyou .hand {
  fill: #AC0083;
}

.nothankyou .vote-badge {
  background-color: #898B8E;
}

.vote-badge {
  position: absolute;
  top: -8px;
}

.nothankyou:hover .hand {
  fill: #AC0083;
}

.nothankyou:hover .vote-badge {
  background-color: #AC0083;
}

.comment-action-bar {
  color: #898B8E;
}

.post-info-badge {
  background-color: #ECECEC;
}

.post-text-see-more,
.post-text-see-less {
  color: #221F1F;
}

.buy-for-me-badge {
  text-decoration: none;
  background-color: #ECECEC;
}

.post-customer-location {
  color: #5F6164;
  font-size: 13px;
}

.input-website-url-span,
.input-price-span,
.input-coupon-span {
  background-color: #fff;
}

.cutomer-location {
  color: #5F6164;
}

.title-post {
  background-color: white;
  box-shadow: 0px 10px 20px #00000029;
  border-radius: 5px;
}

/*.pending-posts {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
  max-height: 624px;
  margin-left: -1rem;
  margin-right: -1rem;
}*/


.search-button-wrapper {
  z-index: 4;
}

.search-button-wrapper > span {
  background-color: #30A9E0;
}

.search-post {
  box-shadow: none;
}

#add-post-form .input-group .form-control {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

#add-post-form .type-1.form-control:focus,
#add-post-form .type-1.form-select:focus {
  border-color: #ced4da;
}

.post-add-text .input-group-text {
  border-left: none;
  background-color: #fff;
  text-align: start;
  white-space: normal;
}

.post-prop.opened,
.pending-posts-wrapper.opened,
.post-filter-wrapper.opened {
  opacity: 1;
  transition: all .3s ease-out;
}

.post-prop.closed,
.pending-posts-wrapper.closed,
.post-filter-wrapper.closed {
  opacity: 0;
  height: 0px;
  display: none;
}

.post-filter-wrapper.closed > .badge {
  display: none;
}

.post-avatar {
  width: 32px !important;
  height: 32px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 600;
  background-color: #30A9E0;
  color: #F6F9FC;
  letter-spacing: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

span.post-avatar:before {
  content: attr(data-content);
}

.account-avatar {
  width: 120px;
  height: 120px;
  border-radius: 50%;
}

.header-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}

.header-selector-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.account-info-avatar {
  max-width: 120px;
  max-height: 120px;
  border-radius: 50%;
}

.post-price,
.post-coupon {
  color: #050505;
}

.add-to-your-post {
  border-radius: 0.5rem !important;
}

.post-box-shadow {
  box-shadow: 0px 1px 2px #dbdbdb30;
  border: 1px solid #ECECEC;
}

.post-box {
  box-shadow: -2px 0px 10px rgb(0 0 0 / 16%);
  border: 1px solid #b9b9b9;
  border-radius: 6px;
}

.emoji-wrapper .tab-content > .tab-pane {
  height: 200px;
  overflow: scroll;
  overflow-x: hidden;
  padding: 6px;
  padding-right: 0;
}

.emoji-wrapper .nav-pills .nav-link.active {
  background-color: transparent !important;
}

.nav-emoji {
  background-color: #efebeb;
}

.nav-emoji li {
  padding-top: 4px;
  padding-bottom: 4px;
}

.nav-emoji > li > button {
  padding: 0px 5px;
}

.account-index-customer-name {
  width: calc(100% - 40px);
  font-size: 15px;
}

/**/
.comment-input:focus {
  border-color: #ced4da !important;
  box-shadow: none !important;
}

[class^='thankyou-post'], [class*=' thankyou-post'] {
  fill: #ff00c3;
  color: #ff00c3;
}

[class^='nothankyou-post'], [class*='nothankyou-post'] {
  fill: #898B8E;
  color: #898B8E;
}

.grid-wrapper-1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, minmax(50px,1fr));
  max-height: 400px;
}

.grid-wrapper-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, minmax(50px,1fr));
  max-height: 400px;
}

.grid-wrapper-3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, minmax(50px,1fr));
  max-height: 400px;
}

.grid-wrapper-4 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, minmax(50px,1fr));
  max-height: 400px;
}

.grid-wrapper-5 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, minmax(50px,1fr));
  max-height: 400px;
}

.grid-wrapper-mobile-home {
  max-height: 175px !important;
}

.grid-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(12, 150px);
}

.grid-wrapper > div > a > img,
.grid-wrapper-1 > div > a > img,
.grid-wrapper-2 > div > a > img,
.grid-wrapper-3 > div > a > img,
.grid-wrapper-4 > div > a > img,
.grid-wrapper-5 > div > a > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.grid-wrapper-3 .grid-item-3 > a > img,
.grid-wrapper-5 .grid-item-3 > a > img {
  height: auto;
  max-height: 100%;
}

.grid-wrapper-3 .grid-item-3 {
  grid-column: span 2;
  grid-row: span 2;
}

.grid-wrapper-5 .grid-item-3 {
  grid-column: span 2;
}

.grid-item {
  margin: 1px;
}

.emoji {
  font-size: 30px;
  position: relative;
  cursor: pointer;
}

.emoji > span {
  padding: 10px;
  transition: 100ms linear;
}

.emoji-picker {
  font-size: 17px;
  z-index: 1;
  position: absolute;
  display: none;
  width: 240px;
  border-radius: 4px;
  top: -240px;
  background: #fff;
  border: 1px solid #e7e7e7;
  box-shadow: 0 7px 14px 0 rgb(0 0 0 / 12%);
}

.add-post-modal-body .emoji-picker {
  top: 58px;
}

.my-emoji {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  font-size: 23px;
}

.my-emoji:hover {
  background-color: #e7e7e7;
  border-radius: 4px;
}

.emoji-arrow {
  position: absolute;
  width: 0;
  height: 0;
  bottom: -10px;
  box-sizing: border-box;
  border-color: #f1f1f1 #f1f1f1 transparent transparent;
  border-style: solid;
  border-width: 5px;
  transform-origin: 0 0 0;
  transform: rotate(135deg);
}

.add-post-modal-body .emoji-picker .emoji-arrow {
  top: 0;
  border-color: transparent transparent #efebeb #efebeb;
}

.post-filter-wrapper .active {
  background-color: #035f99 !important;
}

.comment-icon-2 {
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
}

.upload-zone-icon {
  content: attr(qq-drop-area-text) " ";
  position: absolute !important;
  left: 0;
  width: 100%;
  text-align: center;
  top: 35%;
  line-height: 1;
}

.upload-zone-icon .no-file p,
.upload-zone-icon .has-file p,
.top-upload-button-icon p {
  font-size: 16px;
  font-weight: 700;
  color: #040404;
  margin-top: 1rem;
  margin-bottom: 0px;
}

.upload-zone-icon .no-file span,
.upload-zone-icon .has-file span,
.top-upload-button-icon span {
  font-size: 12px;
  font-weight: 400;
  color: #050505;
}

.upload-zone-icon.d-flex {
  top: 20px;
  left: 20px;
}

.upload-zone-icon svg {
  margin-right: 10px;
}

.upload-zone-icon .has-file p {
  margin: 0px;
}

#fine-uploader-manual-trigger .qq-uploader .qq-total-progress-bar-container {
  width: 30% !important;
}

.qq-upload-button-hover {
  background-color: transparent !important;
}

.post-link {
  color: #1e96d1;
}

.post-flow-box .box-header,
.post-flow-box .post-actions-wrapper {
  border-bottom: 1px solid #ECECEC;
}

.post-flow-box:hover {
  animation: none;
}

.comment-photo-upload-wrapper .qq-uploader:before {
  content: none;
}

.comment-photo-upload-wrapper .qq-upload-file {
  width: auto;
}

.add-post-modal-wrapper .qq-gallery .qq-upload-list li {
  height: auto;
}

.posts-container .footer-small {
  background-color: transparent;
  margin-top: auto;
  margin-bottom: 0px;
  padding: 0px !important;
}

.account-index-page .small-footer {
  display: none;
}

@media (max-width: 575px) {
  .post-search-input:focus,
  .post-search-input:not(:placeholder-shown) {
    width: 173px;
  }

  .post-search-box:hover > .post-search-input {
    width: 173px;
  }

  .post-comment-count {
    text-align: end;
  }

  .emoji-picker {
    width: 230px;
  }

  .account-index-customer-name {
    font-size: 11px;
  }
}
/*end social*/
@media (min-width: 1921px) {
  .master-column-wrapper .home-page .hero {
    background-size: cover;
    background-position: bottom center;
  }

  .html-shopping-sites-page .section-hero {
    min-height: calc(610 * 100vw / 1920) !important;
  }

  .html-our-services-page .section-hero:before,
  .html-shopping-sites-page .section-hero:before {
    background-size: 100% auto;
  }

  .section-shop-reason:after {
    background-size: cover;
    padding-top: calc(221 * 100vw / 1920);
  }

  .section-popular-shopping-sites:before {
    background-size: cover;
    height: calc(235 * 100vw / 1920) !important;
  }

  .html-support-page .section-popular-shopping-sites:before {
    height: calc(260 * 100vw / 1920) !important;
    background-position: center !important;
  }

  .section-shopping-services:before {
    background-size: cover;
    padding-top: calc(240 * 100vw / 1920);
  }

  .section-membership-types:after {
    background-size: 110% auto;
    background-position: center top;
  }

  .section-shipping-rates:before {
    background-size: cover;
    min-height: calc(250 * 100vw / 1920);
  }

  .section-shipping-rates:after {
    background-size: cover;
    min-height: calc(238 * 100vw / 1920);
  }

  .html-aboutus-page .section-features {
    background-size: 100% auto;
  }

  .html-contact-page .master-column-wrapper,
  .html-customer-service-page .master-column-wrapper,
  .html-support-page .master-column-wrapper,
  .html-support-page .section-shop-reason:after {
    background-size: 100% auto;
  }

  .html-support-page .section-hero {
    min-height: calc(617 * 100vw / 1920);
  }

  .html-consolidate-page .section-hero:before {
    background-position: bottom center !important;
    background-size: 101% auto;
  }

  .shopping-sites-buy-for-me:after {
    min-height: calc(235 * 100vw / 1920);
    margin-top: calc(3rem - 1px);
  }

  .html-login-page .nybox-theme, .html-password-recovery-page .nybox-theme,
  .html-registration-page .nybox-theme, .html-registration-result-page .nybox-theme {
    background-size: 100% auto !important;
  }
}

.posts-carousel-wrapper {
  margin-left: -0.5rem;
  margin-bottom: -0.5rem;
}

.posts-carousel-wrapper .post-box {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  width: 300px;
  height: 300px;
}

.post-text {
  display: -webkit-box;
  max-width: 100%;
  margin: 0 auto;
  -webkit-line-clamp: 2;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  overflow: hidden;
  text-overflow: ellipsis;
}
 
.package-content-btn {
  background: none;
  border: none;
  padding: 0;
}

.txt-package-content {
  margin-bottom: 5px;
}

.popover.fade.show {
  padding: 5px;
}