body {
  font-family: 'Poppins', sans-serif;
  overflow-x: hidden
}

body select {
  background: url(../images/down-arrow.svg) no-repeat 96% #F6F6F6 !important;
  border-radius: 50px;
  border: none;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  color: #232323;
  padding: 10px 100px 10px 25px;
  border-bottom-color: transparent;
  -moz-appearance: none;
  -webkit-appearance: none
}

body input::-webkit-outer-spin-button,
body input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

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

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out
}

.loader {
  color: #FFC847;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s
}

.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0
}

.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s
}

.loader:after {
  left: 3.5em
}

@-webkit-keyframes load7 {

  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em
  }

  40% {
    box-shadow: 0 2.5em 0 0
  }
}

@keyframes load7 {

  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em
  }

  40% {
    box-shadow: 0 2.5em 0 0
  }
}

.qCount {
  border-radius: 0 !important
}

#loadingPopup span {
  position: absolute;
  top: 25%;
  left: 0;
  right: 0
}

#loadingPopup .modal-dialog {
  max-width: 220px;
  margin: 1.75rem auto
}

#loadingPopup .modal-dialog .modal-content {
  height: 110px
}

#loadingPopup .modal-dialog .modal-content .loader {
  margin: 35px auto
}

select:focus-visible {
  border: 0px;
  outline: 0px
}

#load-more-btn {
  background-color: #EAEAEA !important
}

.slick-dots {
  position: absolute;
  bottom: 0;
  right: 40%;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none
}

.slick-dots li {
  margin: 0 0.25rem
}

.slick-dots button {
  display: block;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #E8E8E8;
  text-indent: -9999px
}

.slick-dots li.slick-active button {
  background-color: #FFC847
}

.capitalize {
  text-transform: uppercase
}

.cursor-pointer {
  cursor: pointer
}

.inhabitr-bg-color {
  background-color: #FFC847
}

.inhabitr-font {
  font-size: 14px;
  font-weight: 500;
  text-align: center
}

i.inhabitr-icon svg {
  width: 25px
}

.float-right {
  float: right
}

.float-left {
  float: left
}

.border-right-2x {
  border-right: 2px solid
}

.shadow {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.45) !important
}

.top-shadow {
  box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.25) !important
}

.right-shadow {
  box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.25) !important
}

.bottom-shadow {
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.25) !important
}

.left-shadow {
  box-shadow: -5px 0 5px -5px #333
}

.page-content {
  padding: 40px 10px
}

.additional-items-radio input[type='radio']:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -6px;
  left: -1px;
  position: relative;
  background-color: white;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #C4C4C4;
  box-sizing: border-box
}

.additional-items-radio input[type='radio']:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -6px;
  left: 0px;
  position: relative;
  background-color: #FFC847;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #C4C4C4;
  box-sizing: border-box
}

.bg_light_grey {
  background-color: #F8F8F8
}

#filter input[type='radio']:hover {
  box-shadow: 0 0 5px 0px orange inset
}

#filter input[type='radio']:before {
  content: '';
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% auto;
  border-radius: 50%
}

#filter input[type='radio']:checked:before {
  background: white
}

#filter input[type=radio].black {
  background-color: #1D1D1D
}

#filter input[type=radio].blue {
  background-color: #1A6374
}

#filter input[type=radio].brown {
  background-color: #955333
}

#filter input[type=radio].grey {
  background-color: #808080
}

#filter input[type=radio].green {
  background-color: #51653A
}

#filter input[type=radio].red {
  background-color: #CF272C
}

#filter input[type=radio].white {
  background-color: #F1F1F1
}

#filter input[type=radio].yellow {
  background-color: #F8C014
}

.form-control:focus,
select:focus,
input:focus {
  box-shadow: none !important
}

.btn:focus,
select:focus,
input:focus {
  box-shadow: none
}

.flash_message .alert button {
  background-color: transparent;
  border-radius: 0 !important;
  width: auto !important;
  float: right;
  border: 0;
  font-size: 26px;
  position: absolute;
  right: 10px;
  bottom: -2px
}

.monthUpdater {
  font-size: 14px
}

.monthUpdater .input-group-btn,
.monthUpdater .month-text {
  background-color: #fff;
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  height: 45px
}

.monthUpdater .input-group-btn button,
.monthUpdater .month-text button {
  padding: 0px 20px;
  font-size: 20px;
  font-weight: 600
}

.monthUpdater input {
  border-left: none;
  border-right: none;
  height: 45px;
  padding: 0;
  font-size: 12px
}

.monthUpdater .input-month {
  width: 35px;
  height: 30px
}

.monthUpdater .month-text {
  font-size: 12px
}

.monthUpdater .shadow {
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) !important
}

.qtyUpdator {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 50px
}

.qtyUpdator .chkQty {
  border: none
}

.right-radius {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px
}

.left-radius {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.morePackages .border-divider {
  border-top: 2px solid #E7DEDE
}

.morePackages .slick-previous,
.morePackages .slick-next {
  position: absolute;
  padding: 0px;
  z-index: 10 !important;
  top: 40%;
  opacity: 0.5 !important;
  height: 30px;
  width: 28px;
  top: 40%
}

.morePackages .slick-previous {
  left: -40px !important
}

.morePackages .slick-next {
  right: -40px !important
}

.morePackages .card {
  background: #FFFFFF;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  margin: 0 10px
}

.morePackages .card img {
  height: 230px;
  object-fit: cover
}

.morePackages h4.title {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
  color: #3B3838
}

.morePackages p {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 25px;
  color: #000000
}

.morePackages .packagesSlider p.title {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #363535
}

.morePackages .packagesSlider p.price {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 23px;
  color: #000000
}

.morePackages .packagesSlider .select-package {
  background: #FFC847;
  border-radius: 50px;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  color: #000000;
  margin: 0 auto;
  padding: 8px 35px
}

.morePackages .icons {
  background: #fff;
  border-radius: 50px;
  cursor: pointer
}

.morePackages .toggle-container .hideThis {
  display: none
}

.morePackages .toggle-container .hover-customize-icon {
  width: 200px
}

.morePackages .toggle-container .hover-view-icon {
  width: 135px
}

.morePackages .toggle-container .hover-view-icon,
.morePackages .toggle-container .hover-customize-icon {
  display: none;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 50px;
  padding: 5px 10px
}

.morePackages .toggle-container .hover-view-icon .text,
.morePackages .toggle-container .hover-customize-icon .text {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #3B3838;
  padding: 6px
}

.morePackages .toggle-container .hover-view-icon svg,
.morePackages .toggle-container .hover-customize-icon svg {
  width: 30px
}

.morePackages .toggle-container .view-icon {
  right: 15px;
  top: 13px;
  padding: 4px;
  z-index: 111
}

.morePackages .toggle-container .view-icon svg {
  width: 30px
}

.morePackages .toggle-container .view-icon:hover {
  background: transparent;
  box-shadow: none !important
}

.morePackages .toggle-container .view-icon:hover .hide-icon {
  display: none
}

.morePackages .toggle-container .view-icon:hover .hideThis {
  display: block;
  right: 145px;
  top: 1px;
  padding: 7px
}

.morePackages .toggle-container .view-icon:hover .hover-view-icon {
  display: flex;
  top: 0;
  right: 0
}

.morePackages .toggle-container .customize-icon {
  right: 65px;
  top: 13px;
  padding: 6px;
  z-index: 111
}

.morePackages .toggle-container .customize-icon svg {
  width: 25px
}

.morePackages .toggle-container .customize-icon:hover {
  background: transparent;
  box-shadow: none !important
}

.morePackages .toggle-container .customize-icon:hover .hide-icon {
  display: none
}

.morePackages .toggle-container .customize-icon:hover .hover-customize-icon {
  display: flex;
  top: 0;
  right: 0
}

.black-border-bottom {
  border-bottom: 1px solid #000 !important
}

.border-bottom {
  border-bottom: 1px solid #DCDCDC !important
}

.dark-border-bottom {
  border-bottom: 2px solid #DCDCDC !important
}

.border-top {
  border-top: 1px solid #DCDCDC !important
}

.border-left {
  border-left: 2px solid #E6E6E6
}

.border-right {
  border-right: 1px solid #E6E6E6
}

.header-shadow {
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.13)
}

#details-popup {
  z-index: 999999
}

#holdUp {
  z-index: 9999999
}

#holdUp .modal-content .modal-header {
  border-bottom: none
}

#holdUp .modal-content .modal-body .modal-title {
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
  color: #000000
}

#holdUp .modal-content .modal-body p.desc {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 19px;
  color: #000000;
  padding: 0 70px
}

#holdUp .modal-content .modal-body p.desc strong {
  text-align: left;
  float: left
}

#holdUp .modal-content .modal-body p.desc:first-letter {
  text-transform: capitalize
}

#holdUp .modal-content .modal-body .same-font-style {
  border-radius: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 19px;
  text-align: center;
  width: 60%;
  margin: 0 auto;
  padding: 12px 0
}

#holdUp .modal-content .modal-body button.agree {
  background: #FFC847;
  color: #000000
}

#holdUp .modal-content .modal-body button.disagree {
  background: #3B3838;
  color: #ffffff
}

#termsOfService .modal-content h2,
#termsOfService .modal-content h3,
#leaseAgreement .modal-content h2,
#leaseAgreement .modal-content h3 {
  font-size: 20px
}

#termsOfService .modal-content p,
#leaseAgreement .modal-content p {
  font-size: 14px
}

#termsOfService .modal-content ol,
#termsOfService .modal-content ul,
#leaseAgreement .modal-content ol,
#leaseAgreement .modal-content ul {
  padding: 0 40px;
  font-size: 14px
}

.padding-left-zero {
  padding-left: 0 !important
}

.no-items-in-cart {
  margin: auto
}

.no-items-in-cart p {
  font-style: normal;
  font-weight: 600;
  font-size: 21px;
  line-height: 21px;
  color: #D7D7D7
}

.continue-shopping {
  background: #FFC847;
  border-radius: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 21px;
  color: #000000;
  width: 195px;
  padding: 10px;
  border: none
}

.yellow-btn {
  background-color: #FFC847
}

.black-btn {
  background-color: #3B3838 !important;
  color: #ffffff !important
}

.swapPopup .header img {
  width: 110px;
  margin: 15px 35px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px
}

.swapPopup .header .head {
  top: -25px
}

.swapPopup .header .head i svg {
  width: 44px !important
}

.swapPopup .header .head .title {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 19px;
  color: #FFFFFF;
  background-color: #000000;
  width: auto;
  padding: 5px 15px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  margin-left: -10px
}

.swapPopup .header .search-content h3.popup-title {
  margin: 0 !important
}

.swapPopup .header .search-content .price {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 23px;
  color: #000000
}

.swapPopup .modal-body .container {
  max-width: inherit !important;
  padding-left: 35px !important
}

.swapPopup .modal-body .container h6 {
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
  line-height: 19px;
  position: absolute;
  top: -10px;
  left: 40px;
  z-index: 1111111;
  width: 190px;
  text-align: center;
  padding: 3px 5px;
  border-radius: 50px
}

.swapPopup .modal-body .container .recommended {
  background-color: #FFC847;
  color: #2D2A2A
}

.swapPopup .modal-body .container .month-cheaper {
  background-color: #14A44E;
  color: #ffffff
}

.swapPopup .modal-body .container .default {
  background-color: #000000;
  color: #ffffff
}

.swapPopup .modal-body .container .border-warning {
  border: 3px solid #ffc107 !important
}

.swap-tooltip {
  display: none;
  width: 365px;
  top: -185px;
  right: 30%
}

.swap-tooltip .swap-content {
  background: #ffffff;
  padding: 35px 15px;
  border-radius: 15px;
  border-top: 20px solid #DEDEDE
}

.swap-tooltip .swap-content .divider {
  border-right: 2px solid lightgray
}

.swap-tooltip .swap-content .head {
  top: -25px
}

.swap-tooltip .swap-content .head i svg {
  width: 44px;
  position: absolute;
  top: -5px
}

.swap-tooltip .swap-content .head .title {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 19px;
  color: #000000;
  background-color: #FCD602;
  width: auto;
  padding: 5px 15px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  position: absolute;
  left: 47px;
  top: 1px
}

.swap-tooltip .swap-content p {
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 18px;
  color: #000000
}

.swap-tooltip .swap-content button {
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 18px;
  color: #2D2A2A;
  margin: 20px;
  border-radius: 50px;
  padding: 5px 20px
}

#slider>.slide:not(:first-child) {
  display: none
}

.product-desktop-carousel>li:not(:first-child) {
  display: none
}

#load-more-btn {
  background: #EAEAEA;
  border: 1px solid #D9D9D9;
  border-radius: 50px;
  width: 200px;
  height: 46px;
  left: 730px;
  top: 1809px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #919191;
  margin-bottom: 50px
}

a {
  color: #000000
}

.mobile-show {
  display: none !important
}

.desktop-show {
  display: block !important
}

.desktop-hide {
  display: none !important
}

.yellow-text {
  color: #FFC847
}

.slick-disabled {
  opacity: 0.5 !important
}

.red-border {
  border: 2px solid red !important
}

.red-border:focus-visible:focus {
  outline: 2px solid red !important
}

header {
  background: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  position: inherit
}

header nav {
  padding: 0 20px
}

header nav .navbar-brand {
  margin-right: 0;
  padding-left: 20px
}

header nav .navbar-brand img.logo {
  width: 145px
}

header nav ul.inhabitr-navigator {
  padding: 0 0px 0px 10px
}

header nav ul.inhabitr-navigator .cons-height {
  height: auto
}

header nav ul.inhabitr-navigator .builder-height {
  height: 300px
}

header nav ul.inhabitr-navigator li {
  padding: 0 0 0 10px
}

header nav ul.inhabitr-navigator li a {
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  color: #3B3838 !important
}

header nav ul.inhabitr-navigator li .dropdown-submenu {
  position: relative
}

header nav ul.inhabitr-navigator li .megasubmenu {
  left: 100%;
  top: 0;
  min-height: 100%;
  min-width: 500px
}

header nav ul.inhabitr-navigator li .dropdown-menu>li:hover .megasubmenu,
header nav ul.inhabitr-navigator li .dropdown-menu>li a:hover .megasubmenu,
header nav ul.inhabitr-navigator li .dropdown-menu>li:focus .megasubmenu,
header nav ul.inhabitr-navigator li .dropdown-menu>li a:focus .megasubmenu {
  display: block;
  height: 440px
}

header nav ul.inhabitr-navigator li .dropdown-menu .has-submenu {
  padding: 10px;
  margin: 0
}

header nav ul.inhabitr-navigator li ul.firstLevelMenu {
  background-color: #FFC847;
  left: 225px;
  width: 255px;
  border: none;
  list-style-type: none;
  border-radius: 0px;
  padding: 20px 0
}

header nav ul.inhabitr-navigator li ul.firstLevelMenu li a.desktop-link {
  display: block
}

header nav ul.inhabitr-navigator li ul.firstLevelMenu li a.mobile-link {
  display: none
}

header nav ul.inhabitr-navigator li ul.firstLevelMenu li a {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  text-align: left;
  color: #3B3838;
  padding-left: 30px
}

header nav ul.inhabitr-navigator li ul.firstLevelMenu li a:hover {
  background-color: white
}

header nav ul.inhabitr-navigator li ul.firstLevelMenu li:hover {
  background-color: white;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25) !important
}

header nav ul.inhabitr-navigator li ul.removeOldSaleMenu {
  left: 698px;
  padding: 0 !important;
  height: auto;
  background: #fff;
  width: auto !important
}

header nav ul.inhabitr-navigator li ul.removeOldSaleMenu li {
  border: 1px solid #d3d3d36e
}

header nav ul.inhabitr-navigator li ul.removeOldSaleMenu li:hover a {
  color: #FFC847
}

header nav ul.inhabitr-navigator li ul.removeOldSaleMenu li:last-child {
  border: 0
}

header nav ul.inhabitr-navigator li ul.pull--left {
  left: 550px
}

header nav ul.inhabitr-navigator li ul.selectedRooms {
  padding: 70px 0 300px 0 !important
}

header nav ul.inhabitr-navigator li ul.selectedRooms li.active {
  background-color: white;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25) !important
}

header nav ul.inhabitr-navigator li ul.selectedRooms .divider {
  border-top: 1px dashed #000000
}

header nav ul.inhabitr-navigator li ul.selectedRooms .contentOfMenu h5.title {
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 23px !important;
  color: #393939 !important
}

header nav ul.inhabitr-navigator li ul.selectedRooms .contentOfMenu h5.sub-title {
  font-style: italic;
  font-weight: 700;
  font-size: 13px;
  line-height: 23px;
  text-transform: uppercase;
  color: #000000
}

header nav ul.inhabitr-navigator li ul.selectedRooms .contentOfMenu .description {
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 17px !important;
  color: #000000 !important
}

header nav ul.inhabitr-navigator li ul.selectedRooms .contentOfMenu svg {
  width: 140px !important
}

header nav ul.inhabitr-navigator li ul.selectedRooms .black-btn {
  color: #ffffff !important
}

header nav ul.inhabitr-navigator li ul.megaMenuList {
  list-style-type: none
}

header nav ul.inhabitr-navigator li ul.megaMenuList li {
  padding: 0
}

header nav ul.inhabitr-navigator li ul.megaMenuList li a {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.04em;
  color: #000000;
  text-decoration: none;
  padding: 0
}

header nav ul.inhabitr-navigator li ul.megaMenuList li a:before {
  content: ">";
  font-size: 20px;
  padding-right: 10px
}

header nav ul.inhabitr-navigator li div.secondLevelMenu {
  width: 880px;
  height: 440px;
  list-style-type: none;
  border: none;
  border-radius: 0px;
  border-top: 6px solid #3B3838;
  padding: 20px 40px
}

header nav ul.inhabitr-navigator li div.secondLevelMenu .contentOfMenu {
  border-bottom: 1px solid #A09898
}

header nav ul.inhabitr-navigator li div.secondLevelMenu .contentOfMenu img {
  width: 250px;
  height: 120px
}

header nav ul.inhabitr-navigator li div.secondLevelMenu .contentOfMenu h5.title {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 45px;
  color: #262626
}

header nav ul.inhabitr-navigator li div.secondLevelMenu .contentOfMenu h6.sub-rb-title {
  font-size: 12px;
  font-weight: 400
}

header nav ul.inhabitr-navigator li div.secondLevelMenu .contentOfMenu p.description {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  color: #262626
}

header nav ul.inhabitr-navigator li div.secondLevelMenu .megaMenuNavigation ul.megaMenuList {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  height: 435px
}

header nav ul.inhabitr-navigator li div.secondLevelMenu .megaMenuNavigation ul.megaMenuList li {
  padding: 15px 0px 0px 0px;
  width: 270px
}

header nav ul.inhabitr-navigator li div.secondLevelMenu .megaMenuNavigation ul.megaMenuList li a {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
  color: #262626;
  text-decoration: none
}

header nav ul.inhabitr-navigator li div.secondLevelMenu .megaMenuNavigation ul.megaMenuList li a:hover {
  box-shadow: none !important
}

header nav ul.inhabitr-navigator li div.secondLevelMenu .megaMenuNavigation ul.megaMenuList li a:before {
  content: ">";
  font-size: 20px;
  padding-right: 10px;
  font-weight: 500
}

header nav ul.inhabitr-navigator li div.secondLevelMenu .megaMenuNavigation ul.megaMenuList li:hover {
  box-shadow: none !important
}

header nav ul.inhabitr-navigator li .custom-megasubmenu {
  width: 480px !important;
  min-width: 480px !important
}

header nav ul.inhabitr-navigator li .custom-megasubmenu .megaMenuNavigation ul.megaMenuList li {
  width: 210px !important
}

header nav ul.inhabitr-navigator li .roomBuilderMenu div.secondLevelMenu {
  height: -webkit-fill-available
}

header nav ul.inhabitr-navigator li .roomBuilderMenu div.secondLevelMenu .contentOfMenu img {
  height: auto
}

header nav ul.inhabitr-navigator li .roomBuilderMenu li:hover .megasubmenu,
header nav ul.inhabitr-navigator li .roomBuilderMenu li a:hover .megasubmenu,
header nav ul.inhabitr-navigator li .roomBuilderMenu li:focus .megasubmenu,
header nav ul.inhabitr-navigator li .roomBuilderMenu li a:focus .megasubmenu {
  height: 301px !important
}

header nav ul.inhabitr-navigator a.go-to-business {
  color: #3B3838;
  border-radius: 50px;
  text-decoration: none;
  padding: 8px 25px;
  font-weight: 600
}

header nav ul.inhabitr-navigator.decrease-margin {
  margin-right: 20px !important
}

header nav div#headerContent .navbar-nav {
  width: fit-content;
  float: right
}

header nav div#headerContent .header-right-without-padding {
  padding: 0
}

header nav div#headerContent .header-right {
  padding-left: 55px
}

header nav div#headerContent .nav-align {
  justify-content: center !important
}

header nav div#headerContent ul li {
  padding: 0 10px;
  border-right: 2px solid #CFCFCF
}

header nav div#headerContent ul li a.go-to-business {
  color: #3B3838;
  border-radius: 50px;
  text-decoration: none;
  padding: 8px 25px;
  font-weight: 600
}

header nav div#headerContent ul li span.cart-item-count {
  top: -15px;
  left: 20px;
  padding: 5px 9px;
  border-radius: 50px;
  font-size: 9px;
  font-weight: 700;
  background-color: #FFC847;
  color: #000
}

header nav div#headerContent ul li i.inhabitr-icon {
  display: inline-block;
  width: 25px
}

header nav div#headerContent ul li span.location-title {
  color: #3B3838;
  padding-left: 5px
}

header nav div#headerContent ul li span.icon {
  padding-right: 10px;
  margin-bottom: -6px
}

header nav div#headerContent ul li span.icon a {
  color: black;
  text-decoration: none
}

header nav div#headerContent ul li span.icon img {
  width: 20px
}

header nav div#headerContent ul li span.user.logged-in {
  display: inline-block;
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

header nav div#headerContent ul li:last-child {
  border-right: none
}

header .roomBuilderMenu {
  width: 335px !important;
  padding: 51px 0 !important
}

header .roomBuilderMenu .contentOfMenu {
  border-bottom: none !important
}

header .roomBuilderMenu .contentOfMenu svg,
header .roomBuilderMenu .contentOfMenu img {
  width: 120px !important
}

header .roomBuilderMenu .contentOfMenu p.description {
  padding-right: 25px
}

header .roomBuilderMenu .contentOfMenu a.rb-btn {
  background: #FFC847;
  border-radius: 50px;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 25px;
  color: #353535 !important;
  padding: 15px 35px
}

header .roomBuilderMenu .contentOfMenu a.rb-btn:hover {
  background-color: #FFC847
}

header .roomBuilderMenu div.roomBuilderSecondLevel {
  width: 680px !important
}

header .clearance {
  height: 350px
}

header .clearance .clearance-second {
  height: 350px !important
}

.clearance_banner {
  background-color: #3c3838;
  color: white;
  padding: 7px 0;
  text-align: center
}

.clearance_banner p {
  font-size: 17px;
  margin: 0
}

.clearance_banner p a {
  color: #fff;
  border-radius: 50px;
  text-decoration: none;
  padding: 4px 18px;
  font-weight: 600;
  background: #3c3838;
  border: 2px solid white;
  margin-left: 15px
}

.clearance_banner p a:hover {
  color: white
}

.search--container {
  display: none;
  padding: 5px 250px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15), inset 0px -1px 4px rgba(0, 0, 0, 0.1) !important
}

.search--container .search-logo {
  width: 100%;
  height: 50px
}

.search--container input.search {
  border: none;
  -webkit-appearance: none;
  background-size: 50px 41px !important;
  outline: none !important;
  letter-spacing: 0.04em;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  color: #C1C0BE;
  width: 100%;
  padding-top: 10px
}

#slider {
  border-bottom: 6px solid #FFC847
}

#slider .slider-content {
  padding: 131px 163px 65px 93px
}

#slider .slider-content .title {
  font-weight: 700;
  font-size: 27px;
  line-height: 34px;
  color: #3B3838
}

#slider .slider-content .description {
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  color: #000000
}

#slider .slider-content .get-started {
  border-radius: 50px;
  font-weight: 600;
  font-size: 19px;
  line-height: 33px;
  color: #3B3838;
  border: none;
  padding: 10px 45px;
  text-decoration: none
}

#slider .home-content {
  padding: 50px 50px 65px 60px
}

#slider .home-content .home-title {
  font-size: 25px
}

#slider .home-content p {
  font-size: 14px !important
}

#slider .slider-images img {
  width: 100%;
  height: 570px;
  object-fit: cover
}

.tablet-title {
  display: none
}

#furnishYourSpaceBlock {
  padding: 4rem 4rem 0rem 4rem
}

#furnishYourSpaceBlock svg {
  width: 70px
}

#furnishYourSpaceBlock h3 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold
}

#furnishYourSpaceBlock .furnish-student {
  width: 100%;
  position: absolute;
  bottom: 0
}

#furnishYourSpaceBlock p.title {
  font-weight: bold;
  font-size: 24px;
  line-height: 36px;
  text-align: left;
  color: #000000
}

#furnishYourSpaceBlock a.rb-btn {
  background: #FFC847;
  border-radius: 50px;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 25px;
  color: #353535 !important;
  padding: 15px 35px
}

#furnishYourSpaceBlock a.rb-btn:hover {
  background-color: #FFC847
}

#furnishYourSpace {
  padding: 35px 20px;
  background-color: #F8F8F8
}

#furnishYourSpace h2.title {
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 37px;
  color: #3B3838
}

#furnishYourSpace .furnishContent div.img {
  padding: 20px;
  text-align: center
}

#furnishYourSpace .furnishContent img {
  width: 150px
}

#furnishYourSpace .furnishContent h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #474545
}

#furnishYourSpace .furnishContent .title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #474545
}

#furnishYourSpace .furnishContent .description {
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  color: #000000;
  padding: 0 20px
}

#studentsAndInterns {
  padding: 80px 0;
  background: #F8F8F8
}

#studentsAndInterns .student-content .title {
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 35px;
  color: #111111
}

#studentsAndInterns .student-content p {
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.08em
}

#studentsAndInterns .student-content ul {
  font-size: 13px;
  font-weight: 300
}

#studentsAndInterns .student-content .view-collection {
  text-decoration: none;
  border: none;
  padding: 15px 35px;
  background: #FFC847;
  border-radius: 50px;
  font-weight: bold;
  font-size: 15px;
  line-height: 25px;
  color: #1A1818
}

#studentsAndInterns .desc-content {
  background-color: #ffffff;
  padding: 20px 150px
}

#studentsAndInterns .desc-content p {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
  color: #000000
}

#studentsAndInterns .desc-content ul {
  list-style-type: none;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #000000;
  margin-top: 20px
}

#studentsAndInterns .universities-logo {
  padding-left: 70px
}

#studentsAndInterns .universities-logo img {
  width: 100%
}

#studentsAndInterns .universities-logo ul {
  list-style-type: none
}

#studentsAndInterns .universities-logo ul li {
  height: 100px;
  line-height: 100px;
  vertical-align: middle
}

#studentsAndInterns .universities-logo ul li img {
  width: 215px;
  height: auto
}

.studentContentCityPage .student-content {
  padding: 0 85px
}

.universityPage .student-content {
  padding: 50px 135px 40px !important
}

.universityPage .view-collection {
  padding: 10px 45px
}

#featuredFurniture {
  padding: 90px 150px;
  background: #F8F8F8
}

#featuredFurniture .furniture-images img.main-img {
  width: 550px;
  border-radius: 12px
}

#featuredFurniture .furniture-images img.display-img {
  width: 265px;
  height: 190px;
  right: 5px;
  bottom: 10px;
  border-radius: 10px
}

#featuredFurniture .furniture-images .furniture-title {
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  color: #232121
}

#featuredFurniture .furniture-content {
  padding-left: 100px
}

#featuredFurniture .furniture-content .title {
  font-weight: 800;
  font-size: 25px;
  line-height: 37px;
  color: #111111
}

#featuredFurniture .furniture-content i svg {
  width: 95px
}

#featuredFurniture .furniture-content .featured-quote {
  font-weight: bold;
  font-size: 16px;
  line-height: 21px;
  color: #3B3838
}

#featuredFurniture .furniture-content .first-line {
  padding-top: 20px;
  padding-left: 20px
}

#featuredFurniture .furniture-content .second-line {
  padding-top: 0;
  padding-left: 20px
}

#featuredFurniture .furniture-content .description {
  font-weight: normal;
  font-size: 15px;
  line-height: 25px;
  color: #000000;
  padding-right: 20px
}

#featuredFurniture .furniture-content .featured-bundles-btn {
  padding: 15px 35px;
  background: #3B3838;
  border-radius: 50px;
  font-weight: bold;
  font-size: 15px;
  line-height: 25px;
  color: #FFFFFF;
  border: none;
  text-decoration: none
}

#featuredFurniture .slick-dots {
  bottom: -50px;
  left: 5px
}

#roomBuilderSection .rb-container {
  margin: 0 0 70px 70px
}

#roomBuilderSection .rb-container .divider {
  border-bottom: 3px solid #F8F8F8
}

#roomBuilderSection .rb-container .img svg {
  width: 100%
}

#roomBuilderSection .rb-container .title {
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 37px;
  color: #3B3838
}

#roomBuilderSection .rb-container .content .title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  text-transform: uppercase;
  color: #393939
}

#roomBuilderSection .rb-container .content .description {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 25px;
  color: #000000
}

#roomBuilderSection .rb-container .content a {
  border-radius: 50px;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 25px;
  color: #353535;
  padding: 12px 25px;
  width: 220px
}

#roomBuilderSection .rb-container .room-svg i {
  width: 100%;
  bottom: 0
}

#roomBuilderSection .rb-container .room-svg img {
  width: 100%;
  height: 100%;
  margin: 0 0 0 60px
}

#testimonials {
  background-color: #F8F8F8
}

#testimonials .testimonial-content {
  padding: 100px 0
}

#testimonials .testimonial-content .title {
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 37px;
  color: #3B3838;
  text-transform: uppercase
}

#testimonials .testimonial-content .quote {
  font-weight: 300;
  font-size: 20px;
  line-height: 45px;
  text-align: center;
  color: #000000
}

#testimonials .testimonial-content .author {
  font-weight: 600;
  font-size: 25px;
  line-height: 21px;
  color: #111111
}

#testimonials .testimonial-content .left-quote-0 {
  right: 100px;
  bottom: 190px
}

#testimonials .testimonial-content .left-quote-1 {
  right: 66px;
  bottom: 190px
}

#testimonials .testimonial-content .left-quote-2 {
  right: 75px;
  bottom: 190px
}

#testimonials .testimonial-content .left-quote-3 {
  right: 66px;
  bottom: 190px
}

#testimonials .testimonial-content .left-quote-4 {
  right: 66px;
  bottom: 190px
}

#testimonials .testimonial-content .right-quote-0 {
  left: 105px;
  top: 150px
}

#testimonials .testimonial-content .right-quote-1 {
  left: 95px;
  top: 150px
}

#testimonials .testimonial-content .right-quote-2 {
  left: 90px;
  top: 150px
}

#testimonials .testimonial-content .right-quote-3 {
  left: 78px;
  top: 150px
}

#testimonials .testimonial-content .right-quote-4 {
  left: 85px;
  top: 150px
}

#instagramBlock {
  background-color: #ffffff;
  padding: 70px 0
}

#instagramBlock h5.title {
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 37px;
  color: #3B3838
}

#instagramBlock .description {
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  color: #000000;
  padding-right: 75px
}

#instagramBlock .icon svg {
  width: 45px;
  float: right
}

#instagramBlock img.main-img {
  width: 100%;
  height: 88%;
  object-fit: cover
}

#instagramBlock ul.gallery {
  list-style-type: none;
  padding: 0
}

#instagramBlock ul.gallery img {
  width: 100%;
  height: 157px;
  margin: 0 14px 30px 0px
}

#cityPage .get-started {
  border-radius: 50px !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 22px !important;
  color: #3B3838 !important;
  border: none !important;
  padding: 10px 45px !important;
  text-decoration: none !important
}

#cityPage #slider {
  border-bottom: none
}

#cityPage #slider .home-content {
  padding: 80px 60px 65px 100px !important
}

#cityPage #slider .home-content .home-title {
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 28px !important;
  line-height: 37px !important;
  color: #292929 !important
}

#cityPage #slider .slider-content .description {
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 17px !important;
  line-height: 23px !important;
  color: #000000 !important
}

#cityPage #cityFurniture {
  padding: 80px 0
}

#cityPage #cityFurniture .title {
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 40px;
  color: #474747
}

#cityPage #cityFurniture .description {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 30px;
  color: #000000
}

#cityPage #cityMaps .title {
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 34px;
  color: #474747
}

#cityPage #cityMaps .title .location-icon {
  padding-right: 10px
}

#cityPage #cityMaps .description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  color: #000000;
  flex-wrap: wrap;
  align-content: flex-start
}

#cityPage #cityMaps .description li {
  padding: 0 30px 0px 0px
}

#cityPage #areasWeServe {
  padding: 80px 0
}

#cityPage #areasWeServe .title {
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 28px;
  color: #474747
}

#cityPage #areasWeServe .description {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 29px;
  color: #000000;
  flex-wrap: wrap;
  align-content: flex-start;
  display: flex;
  padding-left: 100px
}

#cityPage #areasWeServe .description li {
  width: 16%
}

footer {
  background-color: #FFC847;
  padding: 60px 60px;
  border-top: 6px solid #3B3838
}

footer img.footer-logo {
  width: 185px;
  margin-left: -10px
}

footer .description {
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  color: #000000
}

footer input {
  width: 260px;
  background: #F8F8F8;
  border-radius: 5px;
  border: none;
  padding: 10px 60px
}

footer input ::placeholder {
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  color: #A9A9A9
}

footer i.message-icon svg {
  width: 45px;
  top: 0px;
  left: 10px;
  position: absolute
}

footer button.newsletter-btn {
  background: #262626;
  border-radius: 50px;
  font-weight: 600;
  font-size: 14px;
  line-height: 23px;
  color: #F8F8F8;
  padding: 5px 35px;
  border: none
}

footer ul.listOfCities {
  list-style-type: none;
  display: contents;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 21px;
  color: #262626
}

footer ul.listOfCities li {
  float: left;
  padding: 10px 3px
}

footer ul.listOfCities li a {
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #262626;
  text-decoration: none
}

footer ul.listOfCities li::after {
  content: "|";
  padding-left: 5px;
  font-size: 12px;
  font-weight: 700
}

footer ul.listOfCities li:first-child::after {
  content: ""
}

footer ul.listOfCities li:last-child::after {
  content: ""
}

footer .footerNavigation h5.title {
  border-bottom: 3px solid #3B3838;
  font-weight: 700;
  font-size: 20px;
  line-height: 43px;
  color: #262626
}

footer .footerNavigation ul.listOfPages {
  list-style-type: none;
  font-weight: normal;
  font-size: 15px;
  line-height: 28px;
  color: #000000
}

footer .footerNavigation ul.listOfPages li a {
  text-decoration: none;
  cursor: pointer;
  color: #000;
  font-weight: 400;
  font-size: 15px;
  line-height: 28px
}

footer .footerNavigation .telephone-no {
  text-decoration: none;
  font-weight: normal;
  font-size: 15px;
  line-height: 28px;
  color: #000000
}

footer .now-serving-cities .copyright {
  text-align: end;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  color: #2B2929;
  float: right;
  padding-top: 10px
}

footer .socialSites svg {
  margin-right: 2px
}

footer .socialSites a {
  text-decoration: none
}

footer .socialSites i.facebook svg {
  width: 40px
}

footer .socialSites i.instagram svg {
  width: 45px
}

footer .socialSites i.twitter svg {
  width: 45px
}

footer .socialSites i.linkedIn svg {
  width: 45px
}

footer .chat-content i.chat-icon svg {
  background-color: #fff;
  position: fixed;
  width: 55px;
  right: 30px;
  bottom: 100px;
  border-radius: 50px;
  padding: 10px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5)
}

footer .chat-content i.go-top svg {
  bottom: 160px !important;
  box-shadow: none;
  width: 65px;
  padding: 0;
  background-color: transparent;
  position: fixed;
  right: 27px
}

#availableCities .modal-header {
  border: none
}

#availableCities .modal-body .city-head {
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 25px;
  letter-spacing: 0.02em;
  color: #000000
}

#availableCities .modal-body ul.listOfCities {
  list-style-type: none;
  text-align: center
}

#availableCities .modal-body ul.listOfCities li a {
  text-decoration: none;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 35px;
  letter-spacing: 0.02em;
  color: #353535
}

#availableCities .modal-body ul.listOfCities li a.active {
  color: #FFC847
}

.login-content {
  margin: 100px 450px;
  padding: 25px
}

.login-content .socialLogins i svg {
  width: 60px
}

.login-content a.forgot-password {
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 15px;
  text-decoration: none;
  color: #000000
}

.guest-content {
  margin: 20px 50px
}

.register-content {
  margin: 100px 300px;
  padding: 20px 100px
}

.login-content form .alert,
.guest-content form .alert,
.register-content form .alert {
  padding: 5px 15px
}

.login-content form .alert .close,
.guest-content form .alert .close,
.register-content form .alert .close {
  float: right;
  background: transparent !important;
  border: 0;
  width: 10px !important;
  font-size: 24px
}

.login-content form label span,
.guest-content form label span,
.register-content form label span {
  color: red
}

.login-content .login-title,
.register-content .login-title,
.guest-content .login-title {
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
  color: #3B3838
}

.login-content .login-description,
.register-content .login-description,
.guest-content .login-description {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 24px;
  color: #000000
}

.login-content .type a,
.register-content .type a,
.guest-content .type a {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  text-decoration: none
}

.login-content .socialLogins .with,
.register-content .socialLogins .with,
.guest-content .socialLogins .with {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  color: #858181
}

.login-content .socialLogins a,
.register-content .socialLogins a,
.guest-content .socialLogins a {
  display: inline-block;
  padding: 0px
}

.login-content .socialLogins img,
.register-content .socialLogins img,
.guest-content .socialLogins img {
  width: 50px
}

.login-content .socialLogins img.google,
.register-content .socialLogins img.google,
.guest-content .socialLogins img.google {
  width: 43px
}

.login-content form.form lable,
.register-content form.form lable,
.guest-content form.form lable {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 23px;
  color: #3B3838
}

.login-content form.form input[type=checkbox],
.register-content form.form input[type=checkbox],
.guest-content form.form input[type=checkbox] {
  border: 1.5px solid #C4C4C4;
  box-sizing: border-box;
  border-radius: 1px
}

.login-content form.form label.enroll,
.register-content form.form label.enroll,
.guest-content form.form label.enroll {
  font-weight: 500;
  font-size: 12px;
  line-height: 23px;
  color: #000000
}

.login-content form.form input,
.register-content form.form input,
.guest-content form.form input {
  background: #F8F8F8;
  border-radius: 3px;
  border: none;
  padding: 12px .75rem
}

.login-content form.form input::placeholder,
.register-content form.form input::placeholder,
.guest-content form.form input::placeholder {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 23px;
  color: #B3B3B3
}

.login-content form.form button,
.register-content form.form button,
.guest-content form.form button {
  background-color: #FFC847;
  border-radius: 50px;
  width: 165px;
  margin: 0 auto;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 33px;
  color: #111111
}

.login-content .captcha-code,
.register-content .captcha-code,
.guest-content .captcha-code {
  display: grid
}

.product-listing a,
.curated-packages a {
  font-size: 14px
}

.product-listing #breadcrumbs,
.curated-packages #breadcrumbs {
  background-color: #F8F8F8;
  padding: 25px 10px 1px
}

.product-listing #breadcrumbs .navigation h1,
.curated-packages #breadcrumbs .navigation h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 25px;
  color: #000000
}

.product-listing #breadcrumbs .navigation .page-desc,
.curated-packages #breadcrumbs .navigation .page-desc {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #000000
}

.product-listing #breadcrumbs .navigation h6,
.curated-packages #breadcrumbs .navigation h6 {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #3B3838;
  padding-top: 10px !important
}

.product-listing #breadcrumbs .navigation nav ol.breadcrumb,
.curated-packages #breadcrumbs .navigation nav ol.breadcrumb {
  border-bottom: 2px solid #C4C4C4;
  padding-bottom: 15px
}

.product-listing #breadcrumbs .navigation nav ol.breadcrumb li a,
.curated-packages #breadcrumbs .navigation nav ol.breadcrumb li a {
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  color: #000000
}

.product-listing #breadcrumbs .navigation nav ol.curated-breadcrumb,
.curated-packages #breadcrumbs .navigation nav ol.curated-breadcrumb {
  border-bottom: none
}

.product-listing #breadcrumbs .curated-nav svg,
.curated-packages #breadcrumbs .curated-nav svg {
  width: 20px;
  height: 35px
}

.product-listing #breadcrumbs .curated-nav p.curated-desc,
.curated-packages #breadcrumbs .curated-nav p.curated-desc {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 25px;
  color: #000000;
  padding-right: 65px
}

.product-listing #title h1,
.curated-packages #title h1 {
  font-size: 1.5rem
}

.product-listing #title p,
.curated-packages #title p {
  color: #000
}

.product-listing #title select,
.curated-packages #title select {
  background: url(../images/down-arrow.svg) no-repeat 96% #F6F6F6 !important;
  padding: 3px 19px;
  width: 240px;
  height: 35px;
  border: 1px solid #2D2A2A;
  box-sizing: border-box;
  border-radius: 50px;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 27px;
  color: #2D2A2A;
  -webkit-appearance: none;
  background-size: 35px 45px !important;
  outline: none !important;
  letter-spacing: 0.04em
}

.product-listing .custom-width .col-md-6,
.curated-packages .custom-width .col-md-6 {
  width: 48%
}

.product-listing .custom-width .box,
.curated-packages .custom-width .box {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding: 20px
}

.product-listing .custom-width .box h1,
.curated-packages .custom-width .box h1 {
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  line-height: 37px;
  color: #3B3838;
  padding-top: 10px
}

.product-listing .custom-width .box ul,
.curated-packages .custom-width .box ul {
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  color: #000
}

.product-listing .custom-width .box:first-child,
.curated-packages .custom-width .box:first-child {
  margin-right: 45px
}

.product-listing .custom-width .active,
.curated-packages .custom-width .active {
  border: 10px solid #FFC847;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25)
}

.product-listing .sort-by,
.curated-packages .sort-by {
  padding-right: 10px;
  background-size: 35px 60px !important;
  position: relative
}

.product-listing .sort-by label,
.curated-packages .sort-by label {
  display: none;
  position: absolute;
  left: 55px;
  top: 10px;
  font-size: 15px;
  font-weight: 500
}

.product-listing #productListing h1,
.product-listing .curatedListing h1,
.curated-packages #productListing h1,
.curated-packages .curatedListing h1 {
  font-size: 18px
}

.product-listing #productListing h2,
.product-listing .curatedListing h2,
.curated-packages #productListing h2,
.curated-packages .curatedListing h2 {
  font-size: 14px
}

.product-listing #productListing h3,
.product-listing .curatedListing h3,
.curated-packages #productListing h3,
.curated-packages .curatedListing h3 {
  font-size: 14px
}

.product-listing #productListing .filter-title,
.product-listing .curatedListing .filter-title,
.curated-packages #productListing .filter-title,
.curated-packages .curatedListing .filter-title {
  font-size: 14px;
  font-weight: 500
}

.product-listing #productListing ul,
.product-listing .curatedListing ul,
.curated-packages #productListing ul,
.curated-packages .curatedListing ul {
  font-size: 13px;
  padding: 15px 0
}

.product-listing #productListing .paddingTermsOfUse ul,
.product-listing .curatedListing .paddingTermsOfUse ul,
.curated-packages #productListing .paddingTermsOfUse ul,
.curated-packages .curatedListing .paddingTermsOfUse ul {
  padding-left: 18px
}

.product-listing #productListing p,
.product-listing .curatedListing p,
.curated-packages #productListing p,
.curated-packages .curatedListing p {
  font-size: 13px
}

.product-listing #productListing #filter h5,
.product-listing .curatedListing #filter h5,
.curated-packages #productListing #filter h5,
.curated-packages .curatedListing #filter h5 {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 27px;
  color: #000;
  min-height: 54px
}

.product-listing #productListing #filter .card-price,
.product-listing .curatedListing #filter .card-price,
.curated-packages #productListing #filter .card-price,
.curated-packages .curatedListing #filter .card-price {
  min-height: 74px
}

.product-listing #productListing #filter ul,
.product-listing .curatedListing #filter ul,
.curated-packages #productListing #filter ul,
.curated-packages .curatedListing #filter ul {
  list-style-type: none
}

.product-listing #productListing #filter ul li input[type=checkbox],
.product-listing .curatedListing #filter ul li input[type=checkbox],
.curated-packages #productListing #filter ul li input[type=checkbox],
.curated-packages .curatedListing #filter ul li input[type=checkbox] {
  border: 1px solid #4B4B4B;
  box-sizing: border-box;
  border-radius: 2px
}

.product-listing #productListing #filter ul li input[type=radio],
.product-listing .curatedListing #filter ul li input[type=radio],
.curated-packages #productListing #filter ul li input[type=radio],
.curated-packages .curatedListing #filter ul li input[type=radio] {
  margin: 8px
}

.product-listing #productListing #filter ul li label,
.product-listing .curatedListing #filter ul li label,
.curated-packages #productListing #filter ul li label,
.curated-packages .curatedListing #filter ul li label {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 33px;
  color: #000000;
  padding-left: 6px
}

.product-listing #productListing #filter ul.type-of-package li,
.product-listing .curatedListing #filter ul.type-of-package li,
.curated-packages #productListing #filter ul.type-of-package li,
.curated-packages .curatedListing #filter ul.type-of-package li {
  background: #F6F6F6;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 11px 15px 2px 0px;
  margin-bottom: 15px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25)
}

.product-listing #productListing #filter ul.type-of-package li label,
.product-listing .curatedListing #filter ul.type-of-package li label,
.curated-packages #productListing #filter ul.type-of-package li label,
.curated-packages .curatedListing #filter ul.type-of-package li label {
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 27px;
  color: #3D3D3D
}

.product-listing #productListing #filter ul.type-of-package li p,
.product-listing .curatedListing #filter ul.type-of-package li p,
.curated-packages #productListing #filter ul.type-of-package li p,
.curated-packages .curatedListing #filter ul.type-of-package li p {
  font-style: italic;
  font-weight: normal;
  font-size: 10px;
  line-height: 15px;
  color: #000000;
  padding-left: 34px
}

.product-listing #productListing #filter ul.type-of-package li input[type=radio],
.product-listing .curatedListing #filter ul.type-of-package li input[type=radio],
.curated-packages #productListing #filter ul.type-of-package li input[type=radio],
.curated-packages .curatedListing #filter ul.type-of-package li input[type=radio] {
  background: #FFFFFF;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
  width: 13px;
  height: 13px;
  border: none
}

.product-listing #productListing #filter ul.type-of-package li.active,
.product-listing .curatedListing #filter ul.type-of-package li.active,
.curated-packages #productListing #filter ul.type-of-package li.active,
.curated-packages .curatedListing #filter ul.type-of-package li.active {
  border: 1px solid #F8C014
}

.product-listing #productListing #filter #price-filter .price-range input,
.product-listing .curatedListing #filter #price-filter .price-range input,
.curated-packages #productListing #filter #price-filter .price-range input,
.curated-packages .curatedListing #filter #price-filter .price-range input {
  width: 55px;
  padding: 0px 5px;
  height: 25px
}

.product-listing #productListing #filter #price-filter .price-range input::placeholder,
.product-listing .curatedListing #filter #price-filter .price-range input::placeholder,
.curated-packages #productListing #filter #price-filter .price-range input::placeholder,
.curated-packages .curatedListing #filter #price-filter .price-range input::placeholder {
  font-style: normal;
  font-weight: 300;
  font-size: 9px;
  line-height: 27px;
  color: #4B4B4B
}

.product-listing #productListing #filter .filter-sidebar,
.product-listing .curatedListing #filter .filter-sidebar,
.curated-packages #productListing #filter .filter-sidebar,
.curated-packages .curatedListing #filter .filter-sidebar {
  padding: 25px 50px
}

.product-listing #productListing #filter .product-content h6.showing-text,
.product-listing .curatedListing #filter .product-content h6.showing-text,
.curated-packages #productListing #filter .product-content h6.showing-text,
.curated-packages .curatedListing #filter .product-content h6.showing-text {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  color: #3B3838
}

.product-listing #productListing #filter .product-content .tile-click,
.product-listing .curatedListing #filter .product-content .tile-click,
.curated-packages #productListing #filter .product-content .tile-click,
.curated-packages .curatedListing #filter .product-content .tile-click {
  display: contents
}

.product-listing #productListing #filter .product-content .card,
.product-listing .curatedListing #filter .product-content .card,
.curated-packages #productListing #filter .product-content .card,
.curated-packages .curatedListing #filter .product-content .card {
  background: #FFFFFF;
  border-radius: 10px
}

.product-listing #productListing #filter .product-content .card img,
.product-listing .curatedListing #filter .product-content .card img,
.curated-packages #productListing #filter .product-content .card img,
.curated-packages .curatedListing #filter .product-content .card img {
  height: 225px;
  width: 100%;
  object-fit: cover
}

.product-listing #productListing #filter .product-content .card .slick-arrow img,
.product-listing .curatedListing #filter .product-content .card .slick-arrow img,
.curated-packages #productListing #filter .product-content .card .slick-arrow img,
.curated-packages .curatedListing #filter .product-content .card .slick-arrow img {
  width: 30px;
  height: 30px
}

.product-listing #productListing #filter .product-content .card .icons,
.product-listing .curatedListing #filter .product-content .card .icons,
.curated-packages #productListing #filter .product-content .card .icons,
.curated-packages .curatedListing #filter .product-content .card .icons {
  background: #fff;
  border-radius: 50px;
  cursor: pointer
}

.product-listing #productListing #filter .product-content .card .toggle-container .hideThis,
.product-listing .curatedListing #filter .product-content .card .toggle-container .hideThis,
.curated-packages #productListing #filter .product-content .card .toggle-container .hideThis,
.curated-packages .curatedListing #filter .product-content .card .toggle-container .hideThis {
  display: none
}

.product-listing #productListing #filter .product-content .card .toggle-container .hover-customize-icon,
.product-listing .curatedListing #filter .product-content .card .toggle-container .hover-customize-icon,
.curated-packages #productListing #filter .product-content .card .toggle-container .hover-customize-icon,
.curated-packages .curatedListing #filter .product-content .card .toggle-container .hover-customize-icon {
  width: 195px
}

.product-listing #productListing #filter .product-content .card .toggle-container .hover-view-icon,
.product-listing .curatedListing #filter .product-content .card .toggle-container .hover-view-icon,
.curated-packages #productListing #filter .product-content .card .toggle-container .hover-view-icon,
.curated-packages .curatedListing #filter .product-content .card .toggle-container .hover-view-icon {
  width: 135px
}

.product-listing #productListing #filter .product-content .card .toggle-container .hover-view-icon,
.product-listing #productListing #filter .product-content .card .toggle-container .hover-customize-icon,
.product-listing .curatedListing #filter .product-content .card .toggle-container .hover-view-icon,
.product-listing .curatedListing #filter .product-content .card .toggle-container .hover-customize-icon,
.curated-packages #productListing #filter .product-content .card .toggle-container .hover-view-icon,
.curated-packages #productListing #filter .product-content .card .toggle-container .hover-customize-icon,
.curated-packages .curatedListing #filter .product-content .card .toggle-container .hover-view-icon,
.curated-packages .curatedListing #filter .product-content .card .toggle-container .hover-customize-icon {
  display: none;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 50px;
  padding: 5px 10px
}

.product-listing #productListing #filter .product-content .card .toggle-container .hover-view-icon .text,
.product-listing #productListing #filter .product-content .card .toggle-container .hover-customize-icon .text,
.product-listing .curatedListing #filter .product-content .card .toggle-container .hover-view-icon .text,
.product-listing .curatedListing #filter .product-content .card .toggle-container .hover-customize-icon .text,
.curated-packages #productListing #filter .product-content .card .toggle-container .hover-view-icon .text,
.curated-packages #productListing #filter .product-content .card .toggle-container .hover-customize-icon .text,
.curated-packages .curatedListing #filter .product-content .card .toggle-container .hover-view-icon .text,
.curated-packages .curatedListing #filter .product-content .card .toggle-container .hover-customize-icon .text {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #3B3838;
  padding: 6px
}

.product-listing #productListing #filter .product-content .card .toggle-container .hover-view-icon svg,
.product-listing #productListing #filter .product-content .card .toggle-container .hover-customize-icon svg,
.product-listing .curatedListing #filter .product-content .card .toggle-container .hover-view-icon svg,
.product-listing .curatedListing #filter .product-content .card .toggle-container .hover-customize-icon svg,
.curated-packages #productListing #filter .product-content .card .toggle-container .hover-view-icon svg,
.curated-packages #productListing #filter .product-content .card .toggle-container .hover-customize-icon svg,
.curated-packages .curatedListing #filter .product-content .card .toggle-container .hover-view-icon svg,
.curated-packages .curatedListing #filter .product-content .card .toggle-container .hover-customize-icon svg {
  width: 30px
}

.product-listing #productListing #filter .product-content .card .toggle-container .view-icon,
.product-listing .curatedListing #filter .product-content .card .toggle-container .view-icon,
.curated-packages #productListing #filter .product-content .card .toggle-container .view-icon,
.curated-packages .curatedListing #filter .product-content .card .toggle-container .view-icon {
  right: 15px;
  top: 13px;
  padding: 4px;
  z-index: 111
}

.product-listing #productListing #filter .product-content .card .toggle-container .view-icon svg,
.product-listing .curatedListing #filter .product-content .card .toggle-container .view-icon svg,
.curated-packages #productListing #filter .product-content .card .toggle-container .view-icon svg,
.curated-packages .curatedListing #filter .product-content .card .toggle-container .view-icon svg {
  width: 30px
}

.product-listing #productListing #filter .product-content .card .toggle-container .view-icon:hover,
.product-listing .curatedListing #filter .product-content .card .toggle-container .view-icon:hover,
.curated-packages #productListing #filter .product-content .card .toggle-container .view-icon:hover,
.curated-packages .curatedListing #filter .product-content .card .toggle-container .view-icon:hover {
  background: transparent;
  box-shadow: none !important
}

.product-listing #productListing #filter .product-content .card .toggle-container .view-icon:hover .hide-icon,
.product-listing .curatedListing #filter .product-content .card .toggle-container .view-icon:hover .hide-icon,
.curated-packages #productListing #filter .product-content .card .toggle-container .view-icon:hover .hide-icon,
.curated-packages .curatedListing #filter .product-content .card .toggle-container .view-icon:hover .hide-icon {
  display: none
}

.product-listing #productListing #filter .product-content .card .toggle-container .view-icon:hover .hideThis,
.product-listing .curatedListing #filter .product-content .card .toggle-container .view-icon:hover .hideThis,
.curated-packages #productListing #filter .product-content .card .toggle-container .view-icon:hover .hideThis,
.curated-packages .curatedListing #filter .product-content .card .toggle-container .view-icon:hover .hideThis {
  display: block;
  right: 145px;
  top: 1px;
  padding: 7px
}

.product-listing #productListing #filter .product-content .card .toggle-container .view-icon:hover .hover-view-icon,
.product-listing .curatedListing #filter .product-content .card .toggle-container .view-icon:hover .hover-view-icon,
.curated-packages #productListing #filter .product-content .card .toggle-container .view-icon:hover .hover-view-icon,
.curated-packages .curatedListing #filter .product-content .card .toggle-container .view-icon:hover .hover-view-icon {
  display: flex;
  top: 0;
  right: 0
}

.product-listing #productListing #filter .product-content .card .toggle-container .customize-icon,
.product-listing .curatedListing #filter .product-content .card .toggle-container .customize-icon,
.curated-packages #productListing #filter .product-content .card .toggle-container .customize-icon,
.curated-packages .curatedListing #filter .product-content .card .toggle-container .customize-icon {
  right: 65px;
  top: 13px;
  padding: 6px;
  z-index: 111
}

.product-listing #productListing #filter .product-content .card .toggle-container .customize-icon svg,
.product-listing .curatedListing #filter .product-content .card .toggle-container .customize-icon svg,
.curated-packages #productListing #filter .product-content .card .toggle-container .customize-icon svg,
.curated-packages .curatedListing #filter .product-content .card .toggle-container .customize-icon svg {
  width: 25px
}

.product-listing #productListing #filter .product-content .card .toggle-container .customize-icon:hover,
.product-listing .curatedListing #filter .product-content .card .toggle-container .customize-icon:hover,
.curated-packages #productListing #filter .product-content .card .toggle-container .customize-icon:hover,
.curated-packages .curatedListing #filter .product-content .card .toggle-container .customize-icon:hover {
  background: transparent;
  box-shadow: none !important
}

.product-listing #productListing #filter .product-content .card .toggle-container .customize-icon:hover .hide-icon,
.product-listing .curatedListing #filter .product-content .card .toggle-container .customize-icon:hover .hide-icon,
.curated-packages #productListing #filter .product-content .card .toggle-container .customize-icon:hover .hide-icon,
.curated-packages .curatedListing #filter .product-content .card .toggle-container .customize-icon:hover .hide-icon {
  display: none
}

.product-listing #productListing #filter .product-content .card .toggle-container .customize-icon:hover .hover-customize-icon,
.product-listing .curatedListing #filter .product-content .card .toggle-container .customize-icon:hover .hover-customize-icon,
.curated-packages #productListing #filter .product-content .card .toggle-container .customize-icon:hover .hover-customize-icon,
.curated-packages .curatedListing #filter .product-content .card .toggle-container .customize-icon:hover .hover-customize-icon {
  display: flex;
  top: 0;
  right: 0
}

.product-listing #productListing #filter .product-content .card .card-body,
.product-listing .curatedListing #filter .product-content .card .card-body,
.curated-packages #productListing #filter .product-content .card .card-body,
.curated-packages .curatedListing #filter .product-content .card .card-body {
  padding: 2rem 1rem
}

.product-listing #productListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical,
.product-listing .curatedListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical,
.curated-packages #productListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical,
.curated-packages .curatedListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical {
  display: block
}

.product-listing #productListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical .slick-arrow,
.product-listing .curatedListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical .slick-arrow,
.curated-packages #productListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical .slick-arrow,
.curated-packages .curatedListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical .slick-arrow {
  padding-left: 10px
}

.product-listing #productListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical .slick-previous img,
.product-listing .curatedListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical .slick-previous img,
.curated-packages #productListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical .slick-previous img,
.curated-packages .curatedListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical .slick-previous img {
  margin-bottom: 7px
}

.product-listing #productListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical .slick-next img,
.product-listing .curatedListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical .slick-next img,
.curated-packages #productListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical .slick-next img,
.curated-packages .curatedListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical .slick-next img {
  margin-top: 7px
}

.product-listing #productListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical li,
.product-listing .curatedListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical li,
.curated-packages #productListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical li,
.curated-packages .curatedListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical li {
  display: block
}

.product-listing #productListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical li img,
.product-listing .curatedListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical li img,
.curated-packages #productListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical li img,
.curated-packages .curatedListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical li img {
  width: 100%
}

.product-listing #productListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical li.slick-current img,
.product-listing .curatedListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical li.slick-current img,
.curated-packages #productListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical li.slick-current img,
.curated-packages .curatedListing #filter .product-content .card .card-body .vertical-auto-pack-slides .slick-vertical li.slick-current img {
  border: 1px solid
}

.product-listing #productListing #filter .product-content .card .rent-price,
.product-listing .curatedListing #filter .product-content .card .rent-price,
.curated-packages #productListing #filter .product-content .card .rent-price,
.curated-packages .curatedListing #filter .product-content .card .rent-price {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 23px;
  color: #000000
}

.product-listing #productListing #filter .product-content .card .price-section:first-child,
.product-listing .curatedListing #filter .product-content .card .price-section:first-child,
.curated-packages #productListing #filter .product-content .card .price-section:first-child,
.curated-packages .curatedListing #filter .product-content .card .price-section:first-child {
  border-right: 1px solid #D7D7D7
}

.product-listing #productListing #filter .product-content .card .price-category,
.product-listing .curatedListing #filter .product-content .card .price-category,
.curated-packages #productListing #filter .product-content .card .price-category,
.curated-packages .curatedListing #filter .product-content .card .price-category {
  padding-left: 20px;
  margin: auto
}

.product-listing #productListing #filter .product-content .card .price-category p,
.product-listing .curatedListing #filter .product-content .card .price-category p,
.curated-packages #productListing #filter .product-content .card .price-category p,
.curated-packages .curatedListing #filter .product-content .card .price-category p {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 23px;
  color: #605C5C;
  padding: 10px
}

.product-listing #productListing #filter .product-content .card a.view-product,
.product-listing .curatedListing #filter .product-content .card a.view-product,
.curated-packages #productListing #filter .product-content .card a.view-product,
.curated-packages .curatedListing #filter .product-content .card a.view-product {
  background: #FFC847;
  border-radius: 50px;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  color: #000000;
  padding: 10px 15px
}

.product-listing #productListing #filter .product-content .card a.increase-width,
.product-listing .curatedListing #filter .product-content .card a.increase-width,
.curated-packages #productListing #filter .product-content .card a.increase-width,
.curated-packages .curatedListing #filter .product-content .card a.increase-width {
  padding: 10px 30px
}

.product-listing #productListing #filter .product-content .card:hover .on-hover-show,
.product-listing .curatedListing #filter .product-content .card:hover .on-hover-show,
.curated-packages #productListing #filter .product-content .card:hover .on-hover-show,
.curated-packages .curatedListing #filter .product-content .card:hover .on-hover-show {
  display: block !important
}

.product-listing #productListing #filter .curated-filter label,
.product-listing .curatedListing #filter .curated-filter label,
.curated-packages #productListing #filter .curated-filter label,
.curated-packages .curatedListing #filter .curated-filter label {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 27px;
  letter-spacing: 0.03em;
  color: #000000
}

.product-listing #productListing #filter .curated-filter select,
.product-listing .curatedListing #filter .curated-filter select,
.curated-packages #productListing #filter .curated-filter select,
.curated-packages .curatedListing #filter .curated-filter select {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 23px;
  color: #161515;
  background-size: 35px 60px !important;
  padding: 10px 25px !important;
  width: 94%
}

.product-listing .productImageFix .card img,
.curated-packages .productImageFix .card img {
  object-fit: contain !important
}

.discountedPage #productListing #filter .product-content .card img.main-img {
  height: 220px
}

.discountedPage #productListing #filter .product-content .card img.nav-img {
  height: 50px;
  object-fit: contain
}

.discountedPage #productListing #filter .product-content .card .slick-arrow {
  position: absolute
}

.discountedPage #productListing #filter .product-content .card .slick-arrow img {
  width: 20px;
  height: 20px
}

.discountedPage #productListing #filter .product-content .card .slick-previous {
  left: -10px;
  bottom: 10px
}

.discountedPage #productListing #filter .product-content .card .slick-next {
  right: -10px;
  bottom: 10px
}

.discountedPage #productListing #filter .product-content .card .navs .slick-current img {
  border: 1px solid
}

.clearancePage h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 50px;
  color: #000000
}

.clearancePage .page-desc {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #000
}

.clearancePage #filter .filter-sidebar {
  padding: 35px 0 0px 70px !important
}

.clearancePage #filter ul li {
  padding-left: 0 !important
}

.clearancePage #filter .product-content .card .price-section:first-child {
  text-align: center
}

#authModal .login-content {
  margin: 0 !important
}

#authModal .login-content .socialLogins i svg {
  width: 60px
}

#authModal .login-content .socialLogins i.google svg {
  width: 70px
}

#authModal .login-content form#login-form {
  margin: 0 150px
}

#authModal .modal-header {
  border-bottom: none !important
}

#authModal .register-content,
#authModal .login-content {
  margin: 0 !important
}

#authModal .register-content form .alert,
#authModal .login-content form .alert {
  padding: 5px 15px
}

#authModal .register-content form .alert .close,
#authModal .login-content form .alert .close {
  float: right;
  background: no-repeat;
  border: 0;
  width: 10px;
  font-size: 24px
}

#authModal .register-content form label span,
#authModal .login-content form label span {
  color: red
}

#contactUsModal .modal-content label {
  font-size: 13px;
  font-weight: 500;
  padding: 10px 0
}

#contactUsModal .modal-content .alert-danger {
  font-size: 12px;
  padding: 5px 10px;
  margin: 0
}

#contactUsModal .modal-content input,
#contactUsModal .modal-content select {
  font-size: 12px;
  font-weight: 300
}

#contactUsModal .modal-content button {
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600
}

#passwordModal .modal-body label {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 25px;
  color: #3E3E3E
}

#passwordModal .modal-body input {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  border: none;
  padding: 5px
}

#passwordModal #updateProfile {
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 28px;
  color: #3B3838;
  padding: 8px 40px;
  border-radius: 50px
}

.new-design nav ol li,
.new-design nav ol a {
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 18px;
  color: #3B3838;
  text-decoration: none
}

.new-design .productGallery ul {
  list-style-type: none
}

.new-design .productGallery ul li .not--available {
  left: 0;
  width: 100%;
  text-align: center;
  bottom: 0;
  font-size: 13px
}

.new-design .productGallery ul li img {
  width: 400px;
  height: 400px;
  object-fit: cover;
  margin: auto
}

.new-design .productGallery ul li .alternateOfferedLabel {
  bottom: -20%;
  right: 5px
}

.new-design .productGallery ul li .alternateOfferedLabel span {
  font-size: 13px
}

.new-design .productGallery ul li .alternateOfferedLabel img {
  max-width: 100px !important;
  padding: 5px;
  margin-left: 10px;
  margin-right: 0;
  height: auto !important;
  border-radius: 5px
}

.new-design .productGallery ul li .alternateOfferedLabel .as_select_more {
  color: #42A4EC;
  font-size: 13px;
  text-decoration: underline;
  letter-spacing: .5px;
  margin-top: 10px;
  cursor: pointer
}

.new-design .productGallery ul li:first-child img {
  width: 100%;
  height: 550px;
  object-fit: cover
}

.new-design .productSliders {
  background: #F4F4F4;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding: 20px 70px
}

.new-design .productSliders .product-nav {
  width: 100%;
  margin: 0
}

.new-design .productSliders .product-nav .slick-arrow {
  border: 0;
  background: #000;
  width: 25px;
  height: 25px;
  color: white;
  font-weight: 500;
  text-align: center;
  position: absolute;
  border-radius: 50%;
  padding: 0;
  font-size: 20px;
  line-height: 1.3;
  opacity: 1
}

.new-design .productSliders .product-nav .slick-next {
  right: -35px;
  top: 40%
}

.new-design .productSliders .product-nav .slick-previous {
  left: -35px;
  top: 40%
}

.new-design .productSliders .product-nav .slick-current img {
  border: 3px solid;
  border-radius: 5px;
  padding: 0;
  object-fit: cover
}

.new-design .productSliders .product-nav .slick-current a {
  color: #000000
}

.new-design .productSliders .product-nav .slick-dots {
  display: none !important
}

.new-design .productSliders img {
  width: 98%;
  height: 110px;
  padding: 0 15px;
  object-fit: contain
}

.new-design .productSliders .swap-icon {
  top: 10px;
  right: 20px
}

.new-design .productSliders .swap-icon i svg {
  width: 25px
}

.new-design .lSSlideOuter .lSPager.lSGallery {
  margin-top: 20px !important;
  padding-left: 40px !important;
  width: 100% !important;
  background: #F4F4F4;
  border: 1px solid #CFCFCF;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 5px
}

.new-design .lSSlideOuter .lSPager,
.new-design .lSSlideOuter .lightSlider {
  width: auto !important
}

.new-design .lSSlideOuter .lSPager.lSGallery img {
  height: 85px !important
}

.new-design .new-price-section {
  background: #F4F4F4;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px
}

.new-design .new-price-section .buy-calculator-link {
  line-height: 45px;
  text-align: -webkit-right
}

.new-design .new-price-section .buy-calculator-link a {
  font-size: 13px;
  vertical-align: text-bottom;
  text-decoration: none
}

.new-design .new-price-section .subscribe-btn {
  color: #3B3838;
  border-radius: 50px;
  text-decoration: none;
  padding: 5px 25px;
  font-weight: 600;
  border: none;
  background-color: #FFC847
}

.new-design .new-price-section ul {
  list-style: none
}

.new-design .new-price-section input {
  padding: 4px 15px;
  border-radius: 6px;
  border: none
}

.new-design .new-price-section input[type=radio] {
  position: absolute
}

.new-design .new-price-section .new-card {
  padding: 40px 65px;
  height: auto
}

.new-design .new-price-section .new-card label {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 23px;
  color: #000000;
  margin-right: 1rem;
  text-align: center
}

.new-design .new-price-section .new-card label.variation-label {
  display: contents
}

.new-design .new-price-section .new-card .slick-prev:before,
.new-design .new-price-section .new-card .slick-next:before {
  color: #000000
}

.new-design .new-price-section h1 {
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0.02em;
  margin-top: 15px
}

.new-design .new-price-section .free-delivery-text {
  font-size: 18px
}

.new-design .new-price-section .additional_infos .description {
  font-size: 17px
}

.new-design .new-price-section .price-section {
  display: flex;
  list-style-type: none;
  justify-content: space-evenly;
  padding-left: 0px !important
}

.new-design .new-price-section .price-section li.price-list {
  min-width: 130px;
  cursor: pointer;
  border-radius: 10px;
  border: 1px solid #A8A8A8;
  padding: 20px 15px 0px 10px
}

.new-design .new-price-section .price-section li.price-list .actual-price {
  font-size: 20px;
  line-height: 24px
}

.new-design .new-price-section .price-section li.price-list .priceForMonth {
  font-size: 14px
}

.new-design .new-price-section .price-section li.middle-border {
  border-right: 2px solid #C4C4C4;
  border-top: 0px;
  border-bottom: 0px;
  border-left: 0px;
  margin: 15px 0
}

.new-design .new-price-section .price-section li.active {
  background: #3B3838;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  color: #FFFFFF
}

.new-design .new-price-section .price-section .seperator {
  height: 100px;
  margin-top: 4px;
  background: darkgray;
  width: 1px
}

.new-design .new-price-section .price-section .separate-first {
  left: 300px
}

.new-design .new-price-section .price-section .separate-second {
  position: absolute;
  left: 397px
}

.new-design .white-glove-box p,
.new-design .alert p {
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 18px;
  color: #000000
}

.new-design .white-glove-box p.white-glove,
.new-design .alert p.white-glove {
  color: #325A7D;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 23px
}

.new-design .white-glove-box p.white-glove .tc,
.new-design .alert p.white-glove .tc {
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 23px;
  color: #FF0000
}

.new-design .white-glove-box i svg,
.new-design .alert i svg {
  width: 40px
}

.new-design .alert {
  background: #E7E6E6;
  border: 1px solid #DEDEDE;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 13px;
  position: relative;
  padding: 10px 20px
}

.new-design .new-add-to-cart,
.new-design .swap_btn {
  background: #FFC847;
  border-radius: 50px;
  padding: 14px;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
  color: #262626;
  width: auto;
  padding: 15px 50px
}

.new-design .btn-customize {
  background-color: #3B3838;
  border-radius: 50px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 23px;
  color: #fff;
  padding: 10px 40px
}

.new-design .view-your-rooms {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 23px;
  color: #000000;
  text-decoration: none
}

.new-design .padding-right {
  padding-right: 75px
}

.new-design .product_description .new-add-to-cart {
  padding: 1rem 4rem 1rem 4rem;
  font-size: 20px
}

.new-design .product_description .btn-customize {
  padding: 1rem 2rem 1rem 2rem;
  font-size: 14px
}

.new-design #pageTitle_breadcrumb {
  margin: 13px 16px;
  background-color: #fff !important;
  border-bottom: 2px solid #DED7D7
}

.new-design .included-items {
  border: none;
  padding: 0px 40px 0px 30px;
  background-color: #FFFFFF !important;
  border-radius: 50px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 33px;
  color: #182836
}

.new-design .included-items option:hover {
  background-color: #ffffff
}

.new-design .go-to-rb-section {
  background: #F4F4F4;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  margin: 11px -1px;
  padding: 5px 0
}

.new-design .go-to-rb-section .go-to-rb {
  text-decoration: none;
  padding: 12px 10px;
  font-size: 10px;
  font-weight: 700
}

.new-design .go-to-rb-section .go-to-rb svg {
  width: 30px
}

.new-design .go-to-rb-section p {
  font-size: 12px;
  padding: 15px 25px 10px 0px
}

.new-design .go-to-rb-section .customize--btn {
  border: 1.5px solid #444444;
  border-radius: 50px;
  background: transparent;
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 18px;
  color: #444444;
  text-decoration: none;
  width: 182px;
  display: block;
  text-align: center
}

.new-design #Info_circled {
  width: 15px !important
}

.new-design i.info_icon svg {
  fill: #42A4EC;
  height: 16px;
  vertical-align: middle
}

.new-design .div-line {
  border-bottom: 1px solid #d2d2d2;
  display: flex;
  padding-left: 10px;
  justify-content: space-evenly
}

.new-design .div-line li {
  text-align: center
}

.new-design .div-line li .monthUpdater {
  display: inline-flex !important
}

.new-design .div-line i {
  margin-left: 10px
}

.new-design .cart-note {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 21px;
  color: #000000;
  background: rgba(185, 172, 175, 0.2);
  border-radius: 5px;
  padding: 20px 19px
}

.new-design .monthUpdater {
  font-size: 14px;
  width: auto
}

.new-design .monthUpdater .input-group-btn,
.new-design .monthUpdater .month-text {
  background-color: #fff;
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  height: 30px
}

.new-design .monthUpdater .input-group-btn button,
.new-design .monthUpdater .month-text button {
  padding: 0px 10px;
  font-size: 16px
}

.new-design .monthUpdater input {
  border-left: none;
  border-right: none;
  height: 30px;
  padding: 0;
  border-top: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
  border-radius: 0
}

.new-design .monthUpdater .input-month {
  width: 35px
}

.new-design .monthUpdater .month-text {
  padding-top: 1px
}

.new-design .qtySection .qtyUpdator {
  border: 1px solid #d2d2d2;
  border-radius: 50px;
  padding: 0;
  background-color: #fff;
  box-shadow: none;
  width: 60%
}

.new-design .qtySection .qtyUpdator .item-height {
  height: 30px
}

.new-design .qtySection .qtyUpdator button,
.new-design .qtySection .qtyUpdator input {
  color: #3B3838;
  font-size: 15px;
  font-weight: 500
}

.new-design .qtySection .qtyUpdator input {
  border: none
}

.new-design .variations_row select {
  height: 33px;
  width: 70%;
  background-color: #FFFFFF !important;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  border-radius: 50px;
  padding: 2px 15px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 23px;
  color: #3B3838
}

.new-design .included-item-list img {
  width: 100%;
  height: 162px
}

.new-design .included-item-list img.lazyload {
  height: 162px !important
}

.new-design .included-item-list .item-name {
  font-size: 18px;
  line-height: 35px;
  font-weight: 600
}

.new-design .included-item-list p {
  font-size: 15px
}

.new-design .included-item-list button.swap-btn {
  padding: 5px 25px;
  border-radius: 50px;
  font-size: 16px;
  line-height: 23px;
  color: #262626;
  font-weight: 600
}

.new-design .desc-div {
  padding-left: 50px;
  margin: 0px 50px;
  border-left: 3px solid #EEE
}

.new-design .description_content p,
.new-design .description_content ul {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 26px;
  color: #000000
}

.new-design .furniture_included h5,
.new-design .product_description h5 {
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0.03em;
  text-transform: uppercase
}

.new-design .furniture_included .badge-light,
.new-design .furniture_included .similar-products a,
.new-design .product_description .badge-light,
.new-design .product_description .similar-products a {
  font-size: 15px !important;
  text-decoration: revert
}

.new-design .furniture_included .standard-height,
.new-design .product_description .standard-height {
  line-height: 25px;
  margin-bottom: 15px
}

.new-design .furniture_included .item-features ul,
.new-design .product_description .item-features ul {
  padding: 0
}

.new-design .furniture_included .item-features ul li,
.new-design .product_description .item-features ul li {
  list-style: none
}

.new-design .benefits-list svg {
  width: 55px
}

.new-design .benefits-list ul {
  list-style: none;
  padding: 0
}

.new-design .benefits-list .benefits-list-text ul li,
.new-design .benefits-list .white-glove ul li,
.new-design .benefits-list .inhabitr-rates ul li {
  display: none
}

.new-design .benefits-list .benefits-list-text ul li:first-child,
.new-design .benefits-list .white-glove ul li:nth-child(2),
.new-design .benefits-list .inhabitr-rates ul li:nth-child(3) {
  display: block;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 36px;
  color: #000000;
  padding-top: 10px
}

.new-design .deliveryOptionsDetailsPage svg {
  width: 45px
}

.new-design .boxDetailView {
  background-color: #F7F7F7
}

.new-design .boxDetailView .card {
  background: none;
  margin: 0 10px
}

.new-design .boxDetailView .included-item-list .included-furnitures {
  background-color: #fff;
  padding: 25px 10px;
  border-radius: 5px
}

.new-design .boxDetailView .included-item-list .count {
  background-color: #FFC847;
  border-radius: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.03em;
  color: #3B3838;
  padding-top: 7px;
  width: 40px;
  height: 40px
}

#buy_calculator .font14 {
  font-size: 14px
}

#buy_calculator input {
  font-size: 13px
}

#buy_calculator .buyLaterSubmitBtn {
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 20px
}

#buy_calculator .modal-header .modal-title {
  font-size: 16px
}

#buy_calculator table thead {
  background: grey;
  color: #fff;
  text-align: center;
  font-size: 12px
}

#buy_calculator table tbody {
  font-size: 12px;
  text-align: center
}

#breadcrumbs .container {
  padding: 0 60px
}

#breadcrumbs nav li a {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #3B3838;
  text-decoration: none
}

#breadcrumbs nav li svg {
  width: 35px
}

#breadcrumbs nav li.no-separator:before {
  content: ""
}

#title_block {
  padding: 30px 0
}

#title_block .container {
  padding: 0 30px
}

#title_block i {
  border-radius: 5px
}

#title_block h1 {
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 600;
  margin: 20px 0 16px 0;
  color: #3B3838
}

#title_block p {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  color: #000000
}

#categoryCarousel .item {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  margin: 0 12px;
  padding: 0 12px
}

#categoryCarousel .item .slick-track {
  width: 100% !important
}

#categoryCarousel .item a {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 50px;
  color: #000000
}

#rbSteps .step .content {
  line-height: 50px
}

#rbSteps .step span.step-count {
  padding: 7px 15px;
  border-radius: 50px;
  background-color: #FFC847;
  margin-right: 15px
}

#rbSteps .step b.step-name {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 14px;
  color: #000000
}

#rbSteps .step b.step-name span {
  color: red
}

#rbSteps .step p {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  padding-left: 55px
}

#rbSteps .step .updater {
  padding-left: 55px
}

#rbSteps .step .updater select {
  width: 245px;
  border: none;
  border-radius: 5px;
  padding: 10px 17px;
  height: 40px !important;
  background: url(../images/dark-dropdown.svg) no-repeat 96% #F6F6F6 !important;
  -webkit-appearance: none;
  background-size: 35px 21px !important;
  outline: none !important;
  line-height: 23px;
  letter-spacing: 0.04em;
  font-style: normal;
  color: #000000 !important;
  font-weight: 300
}

#categoryCarousel .col-md-4 {
  width: 30.333333%
}

#categoryCarousel .item {
  text-align: center
}

#categoryCarousel .item a {
  text-decoration: none;
  color: #000000;
  line-height: 18px;
  font-size: 12px
}

#categoryCarousel .item svg {
  height: 140px
}

#categoryCarousel .item h4 {
  font-style: italic;
  font-weight: bold;
  font-size: 14px;
  line-height: 23px;
  color: #000000
}

#categoryCarousel .item p {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 19px;
  color: #000000
}

#categoryCarousel .item.active {
  border: 8px solid #FFC847;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25)
}

#categoryCarousel .first-box {
  background-color: #d3d3d342
}

#categoryCarousel .first-box p {
  font-size: 18px;
  line-height: 30px;
  color: grey;
  text-align: center;
  line-height: 135px
}

i.rb_title {
  display: inline-block;
  float: left
}

i.rb_title svg {
  width: 100px;
  height: auto
}

.rb_content h5 {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  color: #000000
}

.rb_content .optionType svg {
  height: auto !important
}

.button-container {
  text-align: center
}

.button-container .beginBtn {
  background: #FFC847;
  border-radius: 50px;
  color: #3B3838;
  padding: 10px 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 33px
}

.button-container .go--to-home-designer {
  font-size: 12px
}

#buildPage .build-page-padding {
  padding: 8px 70px 5px 75px
}

#buildPage #breadcrumbs {
  background: #F6F6F6
}

#buildPage #breadcrumbs .container {
  padding: 0 !important
}

#buildPage #breadcrumbs nav li a {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #3B3838
}

#buildPage #yourRooms i.go-back svg {
  width: 30px;
  margin-top: 5px
}

#buildPage #yourRooms h1 {
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  line-height: 23px;
  color: #3B3838
}

#buildPage #yourRooms .filter-rooms {
  border-bottom: 3px solid #E9E9E9
}

#buildPage #yourRooms .filter-rooms .filters {
  padding-left: 20px
}

#buildPage #yourRooms .filter-rooms .filters select {
  background: #EDEDED;
  border-radius: 50px;
  border: none;
  padding: 6px 25px;
  margin-right: 15px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 23px;
  color: #656565;
  padding: 6px 55px 6px 20px;
  background-size: 30px !important
}

#buildPage #yourRooms .filter-rooms .share-and-help svg {
  width: 35px;
  float: right;
  cursor: pointer;
  margin-right: 15px
}

#buildPage #yourRooms .filter-rooms .room-month-updater {
  margin: 0 auto
}

#buildPage #yourRooms .filter-rooms .room-month-updater .input-group-btn {
  height: 35px
}

#buildPage #yourRooms .filter-rooms .room-month-updater button {
  line-height: 35px;
  font-size: 20px;
  padding: 0px 10px
}

#buildPage #yourRooms .filter-rooms .room-month-updater input {
  height: 35px;
  border-radius: 0
}

#buildPage #yourRooms .filter-rooms .room-month-updater .input-month {
  width: 30px;
  height: 35px
}

#buildPage #yourRooms .filter-rooms .room-month-updater .month-text {
  height: 35px;
  padding-right: 2px
}

#buildPage #yourRooms .filter-rooms .lease-length-content {
  padding-left: 12px
}

#buildPage #yourRooms .filter-rooms .lease-length-content label {
  vertical-align: baseline;
  font-size: 15px;
  font-weight: 600;
  width: -webkit-fill-available;
  padding: 15px
}

#buildPage #yourRooms .filter-rooms .lease-length-content .col-md-3,
#buildPage #yourRooms .filter-rooms .lease-length-content .col-lg-3 {
  width: 20%
}

#buildPage #yourRooms .filter-rooms .wizard--selection ul li {
  background: #F4F4F4;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
  border-radius: 50px;
  padding: 2px 15px;
  margin-right: 15px
}

#buildPage #yourRooms .filter-rooms .wizard--selection ul li span {
  font-weight: 400;
  font-size: 13px;
  line-height: 23px;
  color: #3E3E3E
}

#buildPage #yourRooms .filter-rooms .wizard--selection ul li:last-child {
  margin-right: 0
}

#buildPage #addAllRoomsToCart button.btn-add-rooms-to-cart,
#buildPage #addAllRoomsToCart button.restart--selection {
  background-color: #FFC847;
  color: #3B3838;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 33px;
  border-radius: 50px;
  border: none;
  padding: 10px 15px;
  margin-left: 0
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart {
  border-bottom: 3px solid #E9E9E9
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .checklist_container {
  height: 251px;
  padding-top: 25px;
  position: relative
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .checklist_container button.restart--selection {
  top: 25%;
  font-size: 15px
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .checklist_container button.btn-add-rooms-to-cart {
  top: 50%
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .checklist_container button.btn-add-rooms-to-cart,
#buildPage #addAllRoomsToCart .add-rooms-to-cart .checklist_container button.restart--selection {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 210px
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .checklist_dropdown {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  overflow-y: scroll;
  width: 100%
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .checklist_dropdown button {
  border: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 21px;
  color: #3E3E3E;
  background: transparent;
  padding: 10px;
  position: relative
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .checklist_dropdown button span {
  width: 20px;
  position: absolute;
  bottom: 10px;
  right: 5px
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .checklist_dropdown .checklist_dropdown_content {
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 21px;
  color: #000000
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .checklist_dropdown::-webkit-scrollbar {
  width: 5px;
  height: 5px
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .checklist_dropdown::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 100px
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .checklist_dropdown::-webkit-scrollbar-thumb {
  background-color: #FFC847;
  border-radius: 100px
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .add-height {
  height: 135px
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms {
  list-style-type: none;
  display: flex;
  width: auto;
  padding: 30px 5px 20px;
  overflow-x: auto
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms li {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  margin-right: 20px;
  padding: 10px 15px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  height: auto
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms li svg {
  width: 170px;
  height: 110px
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms li span.remove-this-product {
  right: 10px;
  top: 10px
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms li span.remove-this-product svg {
  width: 25px;
  height: auto
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms li .select_this_room {
  display: block;
  width: 126%;
  margin-left: -15px;
  margin-top: -11px;
  padding-top: 30px
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms li span.room--name {
  margin-top: 20px
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms li:first-child {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  border: 0;
  padding: 45px 60px;
  text-align: center;
  height: 100%;
  width: max-content
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms li:first-child p {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  color: #9D9D9D
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms li:first-child svg {
  width: 60px;
  height: auto;
  margin-top: 0
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms li span.message {
  background: #81BD8B;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 23px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
  border-radius: 50px;
  color: #FFFFFF;
  padding: 5px 10px
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms li span.message .check svg {
  width: 25px;
  height: auto
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms li span.msg_0 {
  background: #81B622 !important
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms li.room_active {
  border: 3px solid #FFC847
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms::-webkit-scrollbar {
  width: 5px;
  height: 5px
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms::-webkit-scrollbar-track {
  background-color: #e4e4e4;
  border-radius: 100px
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms::-webkit-scrollbar-thumb {
  background-color: #FFC847;
  border-radius: 100px
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms .swap-tooltip {
  width: 315px;
  top: -155px;
  right: 69%;
  z-index: 2
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms .swap-tooltip p {
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 18px;
  color: #000000
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms .swap-tooltip .swap-content {
  padding: 25px
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms .swap-tooltip:after {
  right: 25px;
  top: 104px;
  color: #FFC847;
  font-size: 60px
}

#buildPage #roomsContent .list {
  border-bottom: 3px solid #E9E9E9
}

#buildPage #roomsContent .list .image-holder {
  padding: 0 8px 0 8px
}

#buildPage #roomsContent .list .image-holder .filters select {
  width: auto;
  background-size: 25px 80px !important;
  padding: 5px 30px 5px 15px;
  font-size: 10px
}

#buildPage #roomsContent .list .image-holder .filters-content {
  display: flex;
  margin: auto
}

#buildPage #roomsContent .list .image-holder .filters-content li {
  width: auto
}

#buildPage #roomsContent .list .image-holder .filters-content li .budget--note {
  position: absolute;
  top: -20px;
  font-size: 12px;
  left: 20px
}

#buildPage #roomsContent .list .image-holder .filters-content li .filters-applied {
  cursor: pointer;
  background: #FFC847;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
  border-radius: 50px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
  padding: 5px 10px;
  width: auto;
  float: right
}

#buildPage #roomsContent .list .image-holder .card span.remove button {
  right: 10px;
  top: 10px;
  border: none;
  background: #F6F6F6;
  border-radius: 50px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
  padding: 5px 10px
}

#buildPage #roomsContent .list .image-holder .card .card-image {
  padding: 0px 20px;
  text-align: center
}

#buildPage #roomsContent .list .image-holder .card .card-image svg,
#buildPage #roomsContent .list .image-holder .card .card-image img {
  width: 80%
}

#buildPage #roomsContent .list .image-holder .card .card-title {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 23px;
  color: #3B3838
}

#buildPage #roomsContent .list .image-holder .card .org_package {
  font-size: 13px
}

#buildPage #roomsContent .list .image-holder .card .org_package a {
  text-decoration: none
}

#buildPage #roomsContent .list .image-holder .card .text-danger {
  font-size: 13px
}

#buildPage #roomsContent .list .image-holder .card .room-price {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #524C4C
}

#buildPage #roomsContent .list .image-holder .card .room-price small {
  font-size: 14px;
  font-weight: 500
}

#buildPage #roomsContent .list .image-holder .button-content button {
  border-radius: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 33px;
  padding: 5px 8px;
  width: 40%
}

#buildPage #roomsContent .list .image-holder .button-content .add-to-cart {
  background: #FFC847;
  color: #000000
}

#buildPage #roomsContent .list .image-holder .button-content .save-room {
  background: #3B3838;
  color: #FFFFFF
}

#buildPage #roomsContent .list .curated-image-holder .card-title {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
  color: #262626
}

#buildPage #roomsContent .list .curated-image-holder select.categories {
  background-size: 30px 35px !important
}

#buildPage #roomsContent .productsContent .mobile-box:nth-child(4) .swap-btn-tooltip-container,
#buildPage #roomsContent .productsContent .mobile-box:nth-child(8) .swap-btn-tooltip-container,
#buildPage #roomsContent .productsContent .mobile-box:nth-child(12) .swap-btn-tooltip-container,
#buildPage #roomsContent .productsContent .mobile-box:nth-child(16) .swap-btn-tooltip-container {
  left: -160px !important
}

#buildPage #roomsContent .productsContent .content {
  background: #F6F6F6;
  padding: 2px;
  text-align: center
}

#buildPage #roomsContent .productsContent .content .action-buttons {
  display: none;
  padding: 50px 10px;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%)
}

#buildPage #roomsContent .productsContent .content .action-buttons button {
  border-radius: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 33px;
  width: 145px;
  border: none;
  padding: 5px
}

#buildPage #roomsContent .productsContent .content .action-buttons button.swap-item {
  background: #FFC847;
  color: #000000
}

#buildPage #roomsContent .productsContent .content .action-buttons button.view-details {
  background: #3B3838;
  color: #FFFFFF
}

#buildPage #roomsContent .productsContent .content .productImage .swap-btn-tooltip-container {
  width: 364px;
  height: 81px;
  left: -5px;
  top: -102px;
  background: #DFEEFF;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.35);
  border-radius: 5px;
  font-size: 12px;
  padding: 10px 20px
}

#buildPage #roomsContent .productsContent .content .productImage .swap-btn-tooltip-container i svg {
  width: 60px;
  height: 60px
}

#buildPage #roomsContent .productsContent .content .productImage i svg {
  width: 185px
}

#buildPage #roomsContent .productsContent .content .productImage img {
  width: 100%;
  height: 185px;
  padding: 30px 0;
  background: #fff;
  object-fit: contain
}

#buildPage #roomsContent .productsContent .content .productImage span.remove-this-product {
  right: 10px;
  top: 5px
}

#buildPage #roomsContent .productsContent .content .productImage span.remove-this-product svg {
  width: 25px
}

#buildPage #roomsContent .productsContent .content .productImage span.edit {
  left: 10px;
  top: 10px;
  display: flex
}

#buildPage #roomsContent .productsContent .content .productImage span.edit .edit-icon {
  padding: 0px 4px;
  border-radius: 50px;
  background-color: #f9f9f9;
  font-weight: 700;
  font-size: 18px;
  margin-right: 6px
}

#buildPage #roomsContent .productsContent .content .productImage span.edit .product_attributes {
  background-color: #f9f9f9;
  font-size: 12px;
  padding: 3px 9px;
  border-radius: 20px;
  font-weight: normal;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

#buildPage #roomsContent .productsContent .content .productImage span.edit svg {
  width: 20px
}

#buildPage #roomsContent .productsContent .content .productImage span.edit:hover .swap-tooltip {
  width: 350px
}

#buildPage #roomsContent .productsContent .content .title {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 33px;
  color: #656565;
  background-color: #fff
}

#buildPage #roomsContent .productsContent .content p.transparent {
  background: transparent
}

#buildPage #roomsContent .productsContent .content .two-buttons {
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%)
}

#buildPage #roomsContent .productsContent .content .qtyContent .qtyUpdator {
  margin-top: 0px
}

#buildPage #roomsContent .productsContent .content .qtyContent .qtyUpdator .chkQty {
  padding: 0;
  height: 25px;
  font-size: 12px
}

#buildPage #roomsContent .productsContent .content .qtyContent .input-group {
  width: 100%;
  float: right;
  height: 25px
}

#buildPage #roomsContent .productsContent .content .qtyContent .input-group .input-group-btn {
  height: 25px
}

#buildPage #roomsContent .productsContent .content .qtyContent .input-group .qDown,
#buildPage #roomsContent .productsContent .content .qtyContent .input-group .qUp {
  padding: 0px 10px;
  vertical-align: text-bottom
}

#buildPage #roomsContent .productsContent .content:hover div.action-buttons {
  display: block;
  width: 100%
}

#buildPage #roomsContent .productsContent .swap-tooltip {
  width: 365px;
  top: -210px;
  right: -90px
}

#buildPage #roomsContent .productsContent .swap-tooltip .close-attr-table {
  width: 20px;
  height: 20px;
  position: absolute;
  right: -5px;
  top: -3px;
  z-index: 999
}

#buildPage #roomsContent .productsContent .swap-tooltip .swap-content {
  padding: 20px 15px;
  height: 160px;
  overflow-x: hidden
}

#buildPage #roomsContent .productsContent .swap-tooltip .swap-content h4 {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  text-align: initial;
  color: #000000
}

#buildPage #roomsContent .productsContent .swap-tooltip .swap-content h4 span {
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 18px;
  color: #000000
}

#buildPage #roomsContent .productsContent .swap-tooltip .swap-content .first--letter span.label {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #000000
}

#buildPage #roomsContent .productsContent .swap-tooltip .swap-content .first--letter:first-letter {
  text-transform: uppercase
}

#buildPage #roomsContent .productsContent .swap-tooltip .swap-content .list-var span {
  font-size: 12px
}

#buildPage #roomsContent .productsContent .swap-tooltip .swap-content select {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 10px;
  width: 100%;
  color: #3B3838;
  background-color: #fff !important;
  border: 1px solid lightgray;
  padding: 10px
}

#buildPage #roomsContent .productsContent .swap-tooltip:after {
  content: "";
  background: url(../images/down-arrow-shadow.svg) no-repeat 96% !important;
  width: 60px;
  height: 35px;
  top: 150px;
  right: 50px;
  position: absolute;
  display: inline-block
}

#buildPage #roomsContent .productsContent .curatedContent {
  background-color: #fff
}

#buildPage #roomsContent .productsContent .curatedContent span.curated-price {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 30px;
  color: #000000
}

#buildPage #roomsContent .productsContent .curatedContent span.remove-this-product {
  padding-right: 15px;
  font-size: 20px;
  font-weight: 600
}

#buildPage #roomsContent .productsContent .curatedContent span.remove-this-product:hover div.action-buttons {
  display: none
}

#buildPage #roomsContent .productsContent .curatedContent div.action-buttons {
  display: none;
  padding: 50px 10px
}

#buildPage #roomsContent .productsContent .curatedContent div.action-buttons button {
  border-radius: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 33px;
  width: 145px;
  border: none;
  padding: 5px
}

#buildPage #roomsContent .productsContent .curatedContent div.action-buttons button.swap-item {
  background: #FFC847;
  color: #000000
}

#buildPage #roomsContent .productsContent .curatedContent div.action-buttons button.view-details {
  background: #3B3838;
  color: #FFFFFF
}

#buildPage #roomsContent .productsContent .curatedContent:hover div.action-buttons {
  display: block
}

#buildPage #roomsContent .productsContent .last-tile .productImage {
  padding: 52px 0px 14px 0px
}

#buildPage #roomsContent .productsContent .last-tile i svg {
  width: 85px !important
}

#buildPage #roomsContent .productsContent .last-tile p {
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  line-height: 20px !important;
  color: #9D9D9D !important;
  padding-bottom: 43px
}

#buildPage #roomsContent .productsContent .curated-last-tile .productImage {
  padding: 76px
}

#buildPage .morePackages .packagesSlider .select-package {
  font-size: 12px;
  margin: 0;
  padding: 8px 18px
}

#buildPage #existingPackages .card {
  object-fit: cover
}

#buildPage #anyAdditional .card img {
  padding-top: 12px;
  width: auto;
  object-fit: contain
}

#addRoomModal .modal-header {
  border-bottom: 0
}

#addRoomModal .modal-header button.btn-close {
  padding: 20px;
  font-size: 20px
}

#addRoomModal .modal-body {
  padding: 0 60px
}

#addRoomModal .modal-body h2 {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 10px;
  color: #3B3838
}

#addRoomModal .modal-body p.disclaimer-txt {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 14px;
  color: #3B3838
}

#addRoomModal .modal-body p.disclaimer-txt span {
  color: red
}

#addRoomModal .modal-body .button-container {
  padding-left: 0;
  padding: 55px 390px
}

#addRoomModal .modal-body .card {
  background-color: #FFFFFF;
  border-radius: 10px
}

#addRoomModal .modal-body .card svg {
  width: 130px;
  height: 110px;
  margin-top: 20px
}

#addRoomModal .modal-body .card p {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 50px;
  color: #3B3838
}

#addRoomModal .modal-body .card.selected_room {
  border: 2px solid #FFC847
}

.z_index_to_top {
  z-index: 99999999 !important
}

#addItemModal,
#swapItemModal {
  z-index: 999999
}

#addItemModal .active--set,
#swapItemModal .active--set {
  border: 5px solid #FFC847;
  position: relative
}

#addItemModal .active--set .user--selected-set,
#swapItemModal .active--set .user--selected-set {
  top: -15px;
  left: 27%;
  background: green;
  color: white;
  font-size: 12px;
  padding: 5px 30px;
  border-radius: 50px;
  font-weight: 600
}

#addItemModal .explore--title,
#swapItemModal .explore--title {
  font-size: 18px
}

#addItemModal .auto-pack-alignment,
#swapItemModal .auto-pack-alignment {
  padding: 1.7rem 1rem
}

#addItemModal .auto-pack-alignment .action-buttons,
#swapItemModal .auto-pack-alignment .action-buttons {
  bottom: 3px !important;
  left: 50%;
  transform: translate(-50%, 10px);
  padding: 0px !important
}

#addItemModal .auto-pack-alignment .slick-arrow,
#swapItemModal .auto-pack-alignment .slick-arrow {
  border: 0;
  height: 30px;
  width: 28px
}

#addItemModal .auto-pack-alignment button.slick-prev,
#swapItemModal .auto-pack-alignment button.slick-prev {
  position: absolute;
  left: -25px;
  z-index: 1;
  top: 50%
}

#addItemModal .auto-pack-alignment button.slick-prev:before,
#swapItemModal .auto-pack-alignment button.slick-prev:before {
  color: grey
}

#addItemModal .auto-pack-alignment button.slick-next,
#swapItemModal .auto-pack-alignment button.slick-next {
  position: absolute;
  top: 50%;
  z-index: 1;
  left: 100%
}

#addItemModal .auto-pack-alignment button.slick-next:before,
#swapItemModal .auto-pack-alignment button.slick-next:before {
  color: grey
}

#addItemModal .auto-pack-alignment .slick-prev.slick-disabled:before,
#addItemModal .auto-pack-alignment .slick-next.slick-disabled:before,
#swapItemModal .auto-pack-alignment .slick-prev.slick-disabled:before,
#swapItemModal .auto-pack-alignment .slick-next.slick-disabled:before {
  opacity: 1
}

#addItemModal .auto-pack-alignment img,
#swapItemModal .auto-pack-alignment img {
  max-width: 90%;
  height: auto;
  margin: auto
}

#addItemModal .auto-pack-alignment .pac_content,
#swapItemModal .auto-pack-alignment .pac_content {
  background-color: #FFFFFF
}

#addItemModal .auto-pack-alignment .pac_content p:nth-child(2),
#swapItemModal .auto-pack-alignment .pac_content p:nth-child(2) {
  height: 50px !important
}

#addItemModal .auto-pack-alignment .included-items-pos,
#swapItemModal .auto-pack-alignment .included-items-pos {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 600
}

#addItemModal .auto-pack-alignment .slick-arrow,
#swapItemModal .auto-pack-alignment .slick-arrow {
  border: 0;
  height: 30px;
  width: 28px;
  position: absolute;
  top: 50px
}

#addItemModal .auto-pack-alignment .slick-arrow img,
#swapItemModal .auto-pack-alignment .slick-arrow img {
  width: 30px !important;
  height: auto !important
}

#addItemModal .auto-pack-alignment .slick-previous,
#swapItemModal .auto-pack-alignment .slick-previous {
  left: -20px
}

#addItemModal .auto-pack-alignment .slick-next,
#swapItemModal .auto-pack-alignment .slick-next {
  right: -20px
}

#addItemModal .modal-header,
#swapItemModal .modal-header {
  border-bottom: none;
  margin-bottom: 35px
}

#addItemModal .modal-header .header,
#swapItemModal .modal-header .header {
  width: -webkit-fill-available
}

#addItemModal .modal-header .header i,
#swapItemModal .modal-header .header i {
  display: inline-block;
  border-radius: 90px
}

#addItemModal .modal-header .header i svg,
#swapItemModal .modal-header .header i svg {
  width: 150px
}

#addItemModal .modal-header .header .search-content select.categories,
#swapItemModal .modal-header .header .search-content select.categories {
  width: 80%;
  padding: 6px 20px;
  margin: 45px 15px;
  border: 2px solid #E7E7E7;
  box-sizing: border-box;
  border-radius: 50px
}

#addItemModal .modal-header .header .search-content .same-font-style,
#swapItemModal .modal-header .header .search-content .same-font-style {
  font-style: normal;
  font-weight: 600;
  line-height: 23px;
  color: #000000
}

#addItemModal .modal-header .header .search-content h3.popup-title,
#swapItemModal .modal-header .header .search-content h3.popup-title {
  font-size: 15px;
  padding: 6px 0px;
  margin: 15px 0px 0
}

#addItemModal .modal-header .header .search-content .qtyUpdator,
#swapItemModal .modal-header .header .search-content .qtyUpdator {
  width: 75%
}

#addItemModal .modal-header .header .search-content .qtyUpdator .chkQty,
#swapItemModal .modal-header .header .search-content .qtyUpdator .chkQty {
  border: none;
  padding: 0;
  height: 30px
}

#addItemModal .modal-header .header .search-content p.popup-price,
#swapItemModal .modal-header .header .search-content p.popup-price {
  font-size: 13px;
  margin: 0px
}

#addItemModal .modal-header .header .search-content .input-group-btn,
#swapItemModal .modal-header .header .search-content .input-group-btn {
  height: 30px
}

#addItemModal .modal-header .header .search-content .qDown,
#addItemModal .modal-header .header .search-content .qUp,
#swapItemModal .modal-header .header .search-content .qDown,
#swapItemModal .modal-header .header .search-content .qUp {
  padding: 2px 10px
}

#addItemModal .modal-header .header .search-content input.search-products,
#swapItemModal .modal-header .header .search-content input.search-products {
  width: 75%;
  padding: 1px 50px;
  margin: 45px 15px;
  border: 2px solid #E7E7E7;
  box-sizing: border-box;
  border-radius: 50px;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 33px;
  color: #AEAEAE;
  background: url(../images/search.svg) no-repeat 2% #F6F6F6 !important;
  -webkit-appearance: none;
  background-size: 35px 21px !important;
  outline: none !important;
  letter-spacing: 0.04em
}

#addItemModal .modal-header .header .search-content .showing-result,
#swapItemModal .modal-header .header .search-content .showing-result {
  position: absolute;
  width: 200px;
  top: 135px;
  left: 380px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #3B3838
}

#addItemModal .modal-header .header hr,
#swapItemModal .modal-header .header hr {
  position: absolute;
  width: 65%;
  top: 160px;
  left: 200px
}

#addItemModal .modal-header .header .product-img,
#swapItemModal .modal-header .header .product-img {
  width: 120px;
  height: 120px;
  margin: 15px auto;
  float: right
}

#addItemModal .modal-header .btn-close,
#swapItemModal .modal-header .btn-close {
  position: absolute;
  right: 35px;
  top: 35px
}

#addItemModal .modal-body .container,
#swapItemModal .modal-body .container {
  max-width: 100%
}

#addItemModal .modal-body .container #filter .filter-sidebar,
#swapItemModal .modal-body .container #filter .filter-sidebar {
  margin: 0 15px 0px 20px;
  background: #F6F6F6;
  border-radius: 5px
}

#addItemModal .modal-body .container #filter .filter-sidebar label,
#swapItemModal .modal-body .container #filter .filter-sidebar label {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 23px;
  color: #413B3B
}

#addItemModal .modal-body .container #filter .filter-sidebar input,
#swapItemModal .modal-body .container #filter .filter-sidebar input {
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 50px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 23px;
  color: #6F6E6E;
  padding: 3px 25px !important;
  width: 100%;
  margin-top: 10px
}

#addItemModal .modal-body .container #filter .filter-sidebar .budget-txt,
#swapItemModal .modal-body .container #filter .filter-sidebar .budget-txt {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 23px;
  color: #6F6E6E
}

#addItemModal .modal-body .container .card img,
#swapItemModal .modal-body .container .card img {
  width: 100%;
  height: 145px
}

#addItemModal .modal-body .container .card .product-price,
#addItemModal .modal-body .container .card .rent-price,
#addItemModal .modal-body .container .card .product-title,
#swapItemModal .modal-body .container .card .product-price,
#swapItemModal .modal-body .container .card .rent-price,
#swapItemModal .modal-body .container .card .product-title {
  font-style: normal;
  font-size: 13px;
  height: 35px;
  color: #000000;
  padding: 0 10px
}

#addItemModal .modal-body .container .card .explore--title,
#swapItemModal .modal-body .container .card .explore--title {
  font-size: 18px
}

#addItemModal .modal-body .container .card .included-items-pos,
#swapItemModal .modal-body .container .card .included-items-pos {
  font-size: 12px
}

#addItemModal .modal-body .container .card .product-title,
#swapItemModal .modal-body .container .card .product-title {
  font-weight: bold;
  margin-top: 10px !important
}

#addItemModal .modal-body .container .card .product-price,
#swapItemModal .modal-body .container .card .product-price {
  font-weight: normal;
  font-size: 12px;
  margin-top: 10px !important;
  height: 70px
}

#addItemModal .modal-body .container .card div.action-buttons,
#swapItemModal .modal-body .container .card div.action-buttons {
  display: none;
  padding: 15px 10px;
  width: -webkit-fill-available
}

#addItemModal .modal-body .container .card div.action-buttons button,
#swapItemModal .modal-body .container .card div.action-buttons button {
  border-radius: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 33px;
  width: 145px;
  border: none;
  padding: 5px
}

#addItemModal .modal-body .container .card div.action-buttons button.swap-item,
#swapItemModal .modal-body .container .card div.action-buttons button.swap-item {
  background: #FFC847;
  color: #000000
}

#addItemModal .modal-body .container .card div.action-buttons button.view-details,
#swapItemModal .modal-body .container .card div.action-buttons button.view-details {
  background: #3B3838;
  color: #FFFFFF
}

#addItemModal .modal-body .container .card:hover div.action-buttons,
#swapItemModal .modal-body .container .card:hover div.action-buttons {
  display: block;
  bottom: -20px
}

#addItemModal .modal-body .container .card-footer,
#swapItemModal .modal-body .container .card-footer {
  background-color: transparent
}

#addItemModal .modal-body .container button.featured-items,
#swapItemModal .modal-body .container button.featured-items {
  margin: 0 12px
}

#addItemModal .modal-body .container button.featured-items,
#addItemModal .modal-body .container button.curated-items,
#swapItemModal .modal-body .container button.featured-items,
#swapItemModal .modal-body .container button.curated-items {
  border-radius: 3px;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 33px;
  color: #4E4949;
  width: 200px;
  float: left;
  background: lightgray
}

#addItemModal .modal-body .container .common-class button.active,
#swapItemModal .modal-body .container .common-class button.active {
  background: #FFC847
}

#addItemModal .products--with-filter .container,
#swapItemModal .products--with-filter .container {
  max-width: initial;
  padding-left: 0
}

#addItemModal .products--with-filter .container .product-listing #productListing,
#swapItemModal .products--with-filter .container .product-listing #productListing {
  padding: 0
}

#addItemModal .products--with-filter .container .product-listing #productListing #filter .filter-sidebar,
#swapItemModal .products--with-filter .container .product-listing #productListing #filter .filter-sidebar {
  padding: 0;
  width: 90% !important;
  margin: auto;
  background-color: #f6f6f6 !important
}

#addItemModal .products--with-filter .container .product-listing #productListing #filter .filter--title,
#swapItemModal .products--with-filter .container .product-listing #productListing #filter .filter--title {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 23px;
  color: #000000
}

#addItemModal .products--with-filter .container .product-listing #productListing #filter .curated-filter label,
#swapItemModal .products--with-filter .container .product-listing #productListing #filter .curated-filter label {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 23px;
  color: #413B3B;
  text-transform: capitalize
}

#addItemModal .products--with-filter .container .product-listing #productListing #filter .curated-filter select,
#swapItemModal .products--with-filter .container .product-listing #productListing #filter .curated-filter select {
  border: 1px solid #E2E2E2;
  border-radius: 50px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 23px;
  color: #6F6E6E;
  background-color: #fff !important;
  padding: 3px 25px !important
}

#addItemModal .products--with-filter .container .product-listing #productListing #filter .curated-filter .budget-txt,
#swapItemModal .products--with-filter .container .product-listing #productListing #filter .curated-filter .budget-txt {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 23px;
  color: #6F6E6E
}

#swapItemModal .modal-body .container .card:hover div.action-buttons {
  display: block;
  bottom: 65px
}

#additionalModal .modal-content {
  padding: 20px
}

#additionalModal .modal-content .modal-header {
  border-bottom: none;
  display: block
}

#additionalModal .modal-content .modal-header h2 {
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  line-height: 23px;
  color: #3B3838
}

#additionalModal .modal-content .modal-header button {
  border-radius: 3px;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 33px;
  color: #4E4949
}

#additionalModal .modal-content .modal-header button.furniture-items {
  background: #FFC847
}

#additionalModal .modal-content .modal-header button.non-furniture-items {
  background: #F3F3F3
}

#additionalModal .modal-content .modal-header .searchProducts input.search-products {
  border: 2px solid #E7E7E7;
  box-sizing: border-box;
  border-radius: 50px;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 33px;
  color: #AEAEAE;
  padding: 1px 45px;
  width: 90%;
  background: url(../images/search.svg) no-repeat 2% #F6F6F6 !important;
  background-size: 25px 25px !important
}

#additionalModal .modal-content .modal-header .divider-section .showing-result {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #3B3838
}

#additionalModal .modal-content .modal-header .divider-section .sort-by-filter {
  background: #F1F1F1;
  border: 1px solid #C5C5C5;
  box-sizing: border-box;
  border-radius: 50px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 27px;
  color: #484848;
  padding: 4px 12px;
  border: none;
  width: 100%
}

#additionalModal .modal-content .modal-body label {
  padding-left: 5px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 34px;
  color: #000000
}

#additionalModal .modal-content .modal-body .filter h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 33px;
  color: #000000;
  padding-top: 15px
}

#additionalModal .modal-content .modal-body .filter ul {
  list-style-type: none
}

#additionalModal .modal-content .modal-body .filter ul li .category-input {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #3d3d3d;
  border-radius: 50%
}

#additionalModal .modal-content .modal-body .filter ul li input {
  border: 0;
  box-shadow: 0 0
}

#additionalModal .modal-content .modal-body .filter ul li .category-input.active {
  background: #FFC847
}

#additionalModal .modal-content .modal-body .filter ul li span.category-title {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 34px;
  text-align: center;
  color: #000000
}

#additionalModal .modal-content .modal-body .filter ul li button.btn-view {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 34px;
  color: #A3A2A2
}

#additionalModal .modal-content .modal-body .products-list .card img {
  width: 100%;
  height: 145px
}

#additionalModal .modal-content .modal-body .products-list .card p {
  font-style: normal;
  font-size: 12px;
  line-height: 23px;
  color: #000000;
  height: 50px
}

#additionalModal .modal-content .modal-body .products-list .card .product-title {
  font-weight: bold
}

#additionalModal .modal-content .modal-body .products-list .card .product-price {
  font-weight: normal
}

#additionalModal .modal-content .modal-body .products-list .card div.action-buttons {
  display: none;
  padding: 25px 10px
}

#additionalModal .modal-content .modal-body .products-list .card div.action-buttons button {
  border-radius: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 33px;
  width: 145px;
  border: none;
  padding: 5px
}

#additionalModal .modal-content .modal-body .products-list .card div.action-buttons button.swap-item {
  background: #FFC847;
  color: #000000
}

#additionalModal .modal-content .modal-body .products-list .card div.action-buttons button.view-details {
  background: #3B3838;
  color: #FFFFFF
}

#additionalModal .modal-content .modal-body .products-list .card:hover div.action-buttons {
  display: block;
  width: 100%
}

#additionalModal .modal-content .btn-close {
  position: absolute;
  right: 35px;
  top: 35px
}

.wizard #mobileSteps {
  display: none
}

.wizard .begin-wizard {
  padding: 150px 145px 40px;
  margin-top: 140px
}

.wizard .begin-wizard .main {
  font-style: normal;
  font-weight: 600;
  font-size: 27px;
  line-height: 27px;
  color: #000000
}

.wizard .begin-wizard .title {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 27px;
  color: #000000
}

.wizard .begin-wizard .user-icon {
  top: -65px;
  left: 40%
}

.wizard .begin-wizard .user-icon img {
  width: 160px
}

.wizard .beginBtn {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 23px;
  color: #262626;
  padding: 10px 80px;
  border-radius: 50px;
  width: auto;
  margin: 0 15px 0
}

.wizard .view-btn {
  color: #fff;
  padding: 10px 35px;
  font-size: 15px
}

.wizard #rbSteps .container .step-title {
  font-style: normal;
  font-weight: bold;
  font-size: 19px;
  line-height: 38px;
  color: #3B3838
}

.wizard #rbSteps .container h5 {
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  line-height: 34px;
  color: #000000
}

.wizard #rbSteps .container h5 .sub-title {
  font-style: italic;
  font-size: 13px
}

.wizard #rbSteps .container .questionBox {
  padding: 120px 65px
}

.wizard #rbSteps .container .optionBox {
  padding: 70px 30px
}

.wizard #rbSteps .container .optionBox .option {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  text-align: center
}

.wizard #rbSteps .container .optionBox .option label {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #000000
}

.wizard #rbSteps .container .optionBox .option .active {
  border: 2px solid #FFCD32
}

.wizard #rbSteps .container .optionBox .option .active label {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #000000
}

.wizard #rbSteps .date-title {
  padding-left: 95px
}

.wizard #rbSteps .step {
  padding: 100px 0
}

.wizard #rbSteps .step h5 {
  line-height: 1.7
}

.wizard #rbSteps .step .updater {
  padding-left: 0
}

.wizard #rbSteps .step .updater select {
  margin: 0 auto
}

.wizard #rbSteps .step .updater select:focus {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important
}

.wizard-steps {
  list-style-type: none;
  display: flex
}

.wizard-steps li {
  border-bottom: 4px solid #F6F6F6;
  width: auto;
  margin: 20px;
  padding: 0 10px 10px 10px;
  opacity: 0.5
}

.wizard-steps li span.count {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 7px;
  color: #3B3838;
  border: 2px solid #1B1B1C;
  border-radius: 50px;
  padding: 5px 10px
}

.wizard-steps li span.one-step {
  padding: 5px 12px
}

.wizard-steps li span.selected-option {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #000000;
  padding: 0 10px
}

.wizard-steps li.active {
  border-bottom: 4px solid #FFC847;
  opacity: 1
}

.wizard-steps li.active span.count {
  border: 0;
  background-color: #FFC847
}

#wizard-style-2 .monthContainer {
  margin: 0 35px;
  background-color: #F6F6F6
}

#wizard-style-2 .monthContainer .label {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 23px;
  color: #4F4F4F;
  padding-right: 20px
}

#wizard-style-2 .monthContainer .staged-for a {
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 23px;
  color: #0C5AA3
}

#wizard-style-2 .well {
  height: 100%;
  margin-bottom: 0;
  padding: 0
}

#wizard-style-2 .well .ltl {
  position: absolute;
  left: 0;
  margin-top: 2px
}

#wizard-style-2 .well .rtl {
  position: absolute;
  right: 0;
  margin-top: 2px
}

#wizard-style-2 .slider {
  display: inline-block;
  vertical-align: middle;
  position: relative
}

#wizard-style-2 .slider.slider-horizontal {
  width: calc(100% - 30px);
  height: 20px;
  margin-left: 0;
  margin-right: 0px
}

#wizard-style-2 .slider.slider-horizontal .slider-track {
  height: 4px;
  width: 100%;
  margin-top: -1px;
  top: 50%;
  left: 0
}

#wizard-style-2 .slider-tick-label span {
  display: block;
  width: 100%;
  text-align: left;
  font-weight: 400;
  padding-left: 15px;
  font-size: 15px;
  color: #42A4EC
}

#wizard-style-2 .slider-tick-label em,
#wizard-style-2 .slider-tick-label small {
  font-size: 11px;
  font-style: normal;
  padding-left: 13px;
  font-weight: 600
}

#wizard-style-2 .hint--month {
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
  color: #000000
}

#wizard-style-2 #quickView .slider.slider-horizontal {
  width: calc(100% - 25px)
}

#wizard-style-2 #quickView .slider-tick-label span {
  padding-left: 12px
}

#wizard-style-2 #quickView .slider-tick-label em,
#wizard-style-2 #quickView .slider-tick-label small {
  font-size: 10px;
  font-style: normal
}

#wizard-style-2 .slider.slider-horizontal .slider-selection,
#wizard-style-2 .slider.slider-horizontal .slider-track-low,
#wizard-style-2 .slider.slider-horizontal .slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0
}

#wizard-style-2 .slider.slider-horizontal .slider-tick,
#wizard-style-2 .slider.slider-horizontal .slider-handle {
  margin-left: -10px
}

#wizard-style-2 .slider.slider-horizontal .tooltip {
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

#wizard-style-2 .slider.slider-horizontal.slider-rtl .slider-track {
  left: initial;
  right: 0
}

#wizard-style-2 .slider.slider-horizontal.slider-rtl .slider-tick,
#wizard-style-2 .slider.slider-horizontal.slider-rtl .slider-handle {
  margin-left: initial;
  margin-right: -10px
}

#wizard-style-2 .slider.slider-horizontal.slider-rtl .slider-tick-container {
  left: initial;
  right: 0
}

#wizard-style-2 .slider.slider-horizontal.slider-rtl .tooltip {
  -ms-transform: translateX(50%);
  transform: translateX(50%)
}

#wizard-style-2 .slider input {
  display: none
}

#wizard-style-2 .slider .tooltip {
  pointer-events: none
}

#wizard-style-2 .slider .tooltip.top {
  margin-top: -36px
}

#wizard-style-2 .slider .tooltip.top.in {
  opacity: 1
}

#wizard-style-2 .slider .tooltip-inner {
  white-space: nowrap;
  max-width: none;
  background: #fdbf2d
}

#wizard-style-2 .slider .tooltip-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fdbf2d;
  position: absolute;
  bottom: 0;
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
  width: 6px
}

#wizard-style-2 .slider .hide {
  display: none
}

#wizard-style-2 .slider-track {
  position: absolute;
  cursor: pointer;
  background: #999;
  border-radius: 0px
}

#wizard-style-2 .slider-selection {
  position: absolute;
  background: #42A4EC;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0px
}

#wizard-style-2 .slider-handle {
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  background: #EBEBEB;
  border: 1px solid #9E9E9E;
  box-sizing: border-box;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
  color: white;
  text-align: center;
  font-size: 13px;
  border-radius: 50px !important
}

#wizard-style-2 .slider-handle:hover {
  cursor: pointer
}

#wizard-style-2 .slider-handle.round {
  border-radius: 3px
}

#wizard-style-2 .slider-tick-label {
  font-size: 10px;
  margin-top: 6px;
  direction: ltr;
  margin-left: -17px !important
}

#wizard-style-2 .rent12m {
  margin-left: 65px
}

#wizard-style-2 .rent1m {
  margin-right: -25px
}

#wizard-style-2 .lSAction>a {
  background-image: url("../img/controls.png") !important
}

#wizard-style-2 .begin-wizard {
  box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.25)
}

#wizard-style-2 .begin-wizard .main {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 27px;
  color: #000000
}

#wizard-style-2 .begin-wizard .title {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 27px;
  color: #000000
}

#wizard-style-2 .begin-wizard .user-icon img {
  width: 160px
}

#wizard-style-2 #orderWizard {
  margin: 0 100px
}

#wizard-style-2 #orderWizard #welcomeStep .welcomeBox {
  border: 3px solid #DBDBDB;
  border-radius: 15px
}

#wizard-style-2 #orderWizard #welcomeStep .welcomeBox svg {
  width: 255px
}

#wizard-style-2 #orderWizard #welcomeStep .welcomeBox .main-title {
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  color: #000000
}

#wizard-style-2 #orderWizard #welcomeStep .welcomeBox .description {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 35px;
  color: #000000
}

#wizard-style-2 #orderWizard #welcomeStep .welcomeBox .welcomeBtn {
  width: 192px;
  height: 62px;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 0;
  color: #242424;
  border-radius: 10px;
  padding: 29px 35px
}

#wizard-style-2 #orderWizard .commonBox .style-selected {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #000000
}

#wizard-style-2 #orderWizard .commonBox .title {
  font-style: normal;
  font-weight: 700;
  font-size: 19px;
  line-height: 36px;
  color: #3B3838
}

#wizard-style-2 #orderWizard .commonBox .addon-title {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;
  color: #000000
}

#wizard-style-2 #orderWizard .commonBox .zipcode {
  background: #F7F7F7;
  border: 1px solid #C6C6C6;
  border-radius: 5px
}

#wizard-style-2 #orderWizard .commonBox .userSelectedFloorPlans {
  background: #fff;
  border-radius: 5px
}

#wizard-style-2 #orderWizard .commonBox .userSelectedFloorPlans .packageSelected {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #4F4F4F
}

#wizard-style-2 #orderWizard .commonBox .userSelectedFloorPlans ul {
  flex-flow: row wrap
}

#wizard-style-2 #orderWizard .commonBox .userSelectedFloorPlans ul li {
  background-color: #FFC847;
  padding: 8px 15px 8px 20px;
  margin-right: 15px;
  border-radius: 20px;
  margin-bottom: 20px;
  display: flex
}

#wizard-style-2 #orderWizard .commonBox .userSelectedFloorPlans ul li .qtyUpdator {
  width: 90px;
  height: 25px
}

#wizard-style-2 #orderWizard .commonBox .userSelectedFloorPlans ul li .qtyUpdator .item-height {
  height: 25px
}

#wizard-style-2 #orderWizard .commonBox .userSelectedFloorPlans ul li .qtyUpdator input {
  width: 20px;
  padding: 0;
  height: 25px;
  font-size: 12px
}

#wizard-style-2 #orderWizard .commonBox .userSelectedFloorPlans ul li .withQty {
  display: flex;
  padding-right: 15px
}

#wizard-style-2 #orderWizard .commonBox .userSelectedFloorPlans ul li .withQty .qty-selector {
  padding-left: 10px
}

#wizard-style-2 #orderWizard .commonBox .userSelectedFloorPlans ul li .withQty .optionSelected {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #181818
}

#wizard-style-2 #orderWizard .commonBox .userSelectedFloorPlans ul li .removeThis {
  float: right;
  cursor: pointer
}

#wizard-style-2 #orderWizard .commonBox .userSelectedFloorPlans ul li .removeThis img {
  width: 12px
}

#wizard-style-2 #orderWizard .commonBox .cartType {
  background: #F6F6F6;
  padding: 80px 40px
}

#wizard-style-2 #orderWizard .commonBox .cartType .border-right {
  border-right: 2px solid #D2D2D2
}

#wizard-style-2 #orderWizard .commonBox .cartType .rentBtn {
  background: #FFFFFF;
  border: 2px solid #E5E5E5;
  border-radius: 10px;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #353535;
  width: 215px;
  height: 65px;
  margin-right: 25px
}

#wizard-style-2 #orderWizard .commonBox .cartType .rentBtn input[type=radio] {
  opacity: 0;
  cursor: pointer;
  z-index: 1111
}

#wizard-style-2 #orderWizard .commonBox .cartType .rentBtn .text {
  position: absolute;
  left: 40%;
  top: 18px
}

#wizard-style-2 #orderWizard .commonBox .cartType .rentBtn.active {
  background: #FFC847
}

#wizard-style-2 #orderWizard .commonBox .cartType ul.deliveryOptions li {
  padding: 15px 55px
}

#wizard-style-2 #orderWizard .commonBox .cartType ul.deliveryOptions li input[type=radio] {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  position: absolute;
  cursor: pointer
}

#wizard-style-2 #orderWizard .commonBox .cartType ul.deliveryOptions li label span {
  padding-left: 45px
}

#wizard-style-2 #orderWizard .commonBox .optionList .option {
  cursor: pointer;
  background: #fff;
  border: 2px solid #E5E5E5;
  border-radius: 5px;
  position: relative
}

#wizard-style-2 #orderWizard .commonBox .optionList .option .package-name {
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 21px;
  color: #000000
}

#wizard-style-2 #orderWizard .commonBox .optionList .option .package-desc {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  color: #000000;
  min-height: 50px
}

#wizard-style-2 #orderWizard .commonBox .optionList .option .addNew {
  top: -20px;
  right: -5px;
  cursor: pointer
}

#wizard-style-2 #orderWizard .commonBox .optionList .option input[type=radio] {
  width: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: -webkit-fill-available;
  cursor: pointer
}

#wizard-style-2 #orderWizard .commonBox .optionList .option.active {
  border: 5px solid #FFC847
}

#wizard-style-2 #orderWizard .commonBox .optionList .style-options {
  cursor: pointer
}

#wizard-style-2 #orderWizard .commonBox .optionList .style-options img.style-option {
  width: 100%;
  height: 250px;
  border-radius: 5px
}

#wizard-style-2 #orderWizard .commonBox .optionList .style-options .style-type {
  background: #FFFFFF;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
  border-radius: 50px;
  right: 20px;
  top: 20px;
  padding: 5px 15px;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #252525
}

#wizard-style-2 #orderWizard .commonBox .optionList .style-options.active img.style-option {
  border: 5px solid #FFC847
}

#wizard-style-2 #orderWizard .commonBox .optionList .style-options.active .style-type {
  background: #FFC847;
  color: #252525
}

#wizard-style-2 #orderWizard .commonBox .optionList .opacity-5 {
  opacity: 0.5
}

#wizard-style-2 #orderWizard .commonBox .boxFooter .go-back svg {
  width: 60px
}

#wizard-style-2 #orderWizard .commonBox .boxFooter .btnDefault {
  margin-left: 10px
}

#wizard-style-2 #orderWizard .commonBox .boxFooter .btnDefault.active {
  background: #FFC847;
  color: #242424
}

#wizard-style-2 #orderWizard .commonBox .boxFooter .desc {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #2E2E2E;
  border: 2px solid #AEAEAE;
  border-radius: 5px
}

#wizard-style-2 #orderWizard .cart-checkout--Box .pad-left {
  padding-left: 40px !important
}

#wizard-style-2 #orderWizard .cart-checkout--Box .addon-title {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 45px;
  color: #000000
}

#wizard-style-2 #orderWizard .cart-checkout--Box .lease-label {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  color: #000000
}

#wizard-style-2 #orderWizard .cart-checkout--Box .monthUpdater .input-group-btn button,
#wizard-style-2 #orderWizard .cart-checkout--Box .monthUpdater .month-text button {
  padding: 0 15px
}

#wizard-style-2 #orderWizard .cart-checkout--Box .dropdownType {
  background-color: #FFFFFF !important;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: #464646
}

#wizard-style-2 #orderWizard .cart-checkout--Box .addOnsBox .card {
  background: #FFFFFF;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px
}

#wizard-style-2 #orderWizard .cart-checkout--Box .addOnsBox .card i.type svg {
  width: 100px
}

#wizard-style-2 #orderWizard .cart-checkout--Box .addOnsBox .card i.view--details {
  left: 10px;
  top: 5px
}

#wizard-style-2 #orderWizard .cart-checkout--Box .addOnsBox .card i.view--details svg {
  width: 33px;
  z-index: 111
}

#wizard-style-2 #orderWizard .cart-checkout--Box .addOnsBox .card i.add--new {
  right: -5px;
  top: -20px
}

#wizard-style-2 #orderWizard .cart-checkout--Box .addOnsBox .card i.add--new svg {
  width: 36px;
  z-index: 111
}

#wizard-style-2 #orderWizard .cart-checkout--Box .addOnsBox .card .name {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  background: #F6F6F6
}

#wizard-style-2 #orderWizard .cart-checkout--Box .addOnsBox .card .price {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #000000
}

#wizard-style-2 #orderWizard .cart-checkout--Box .show-more {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #005686;
  text-decoration: none
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details {
  padding-right: 10px
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details .table--container {
  background: #F1F1F1;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table .bold-border-top {
  border-top: 3px solid #ABABAB
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table .bold-border-bottom {
  border-bottom: 3px solid #ABABAB
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table tbody tr td {
  padding: 15px
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table tbody tr.border-none {
  border-color: transparent;
  border-style: none
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table tbody tr.head .your-package .name {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #000000
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table tbody tr.head .your-package .packages {
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 21px;
  color: #000000
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table tbody tr.head .add--room {
  background: #FFFFFF;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: #242424
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table tbody tr.products td {
  padding-top: 25px
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table tbody tr.products label,
#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table tbody tr.products .price {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #000000
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table tbody tr.products .qtyUpdator {
  width: 100px;
  height: 30px
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table tbody tr.products .qtyUpdator .chkQty {
  height: 30px;
  padding: 0
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table tbody tr.products .qtyUpdator .qUp,
#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table tbody tr.products .qtyUpdator .qDown {
  padding: 0 10px
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table tbody tr.products .trash {
  padding-left: 10px
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table tbody tr.products .trash svg {
  width: 25px
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table tbody tr.products label {
  padding-right: 15px
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table tbody tr.products .includes {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #2E2E2E
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table tbody tr.products .view--samples {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  text-transform: capitalize;
  color: #202020;
  background-color: #FFC847
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table tfoot tr.table--footer {
  background: #545454;
  border-radius: 0px 0px 5px 5px
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table tfoot tr.table--footer td {
  padding: 25px
}

#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table tfoot tr.table--footer label,
#wizard-style-2 #orderWizard .cart-checkout--Box .summary--details table tfoot tr.table--footer .price {
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 21px;
  color: #FFFFFF
}

#wizard-style-2 #orderWizard .cart-checkout--Box .cart-box-new h5 {
  background: #484444;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF
}

#wizard-style-2 #orderWizard .cart-checkout--Box .cart-box-new h5 .payType {
  font-weight: 400
}

#wizard-style-2 #orderWizard .cart-checkout--Box .cart-box-new .paymentBox {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 15px
}

#wizard-style-2 #orderWizard .cart-checkout--Box .cart-box-new .paymentBox #payFull {
  padding-left: 100px
}

#wizard-style-2 #orderWizard .cart-checkout--Box .cart-box-new .payment-block input[type=radio] {
  width: 25px;
  height: 25px;
  cursor: pointer
}

#wizard-style-2 #orderWizard .cart-checkout--Box .cart-box-new .payment-block label {
  vertical-align: super;
  padding-left: 10px
}

#wizard-style-2 #orderWizard .cart-checkout--Box .cart-box-new .selectPayBtn {
  background-color: #FFC847;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  width: 240px;
  height: 60px
}

#wizard-style-2 #orderWizard .cart-checkout--Box .boxFooter .btnCheckout {
  background: #FFC847;
  border-radius: 10px;
  width: 245px;
  height: 60px;
  margin-left: 10px;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #000000
}

#wizard-style-2 #orderWizard .cart-checkout--Box .service-and-addons input[type=radio],
#wizard-style-2 #orderWizard .cart-checkout--Box .service-and-addons input[type=checkbox] {
  width: 25px;
  height: 25px
}

#wizard-style-2 #orderWizard .checkoutBox .summary--details {
  padding-left: 40px
}

#wizard-style-2 #orderWizard .checkoutBox .otherBox {
  background: #F4F4F4;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 3px
}

#wizard-style-2 #orderWizard .checkoutBox .otherBox .title {
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 45px;
  color: #484444
}

#wizard-style-2 #orderWizard .checkoutBox .otherBox .lease-type {
  width: 100%;
  border-radius: 5px;
  border: none;
  padding: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 23px;
  color: #484444
}

#wizard-style-2 #orderWizard .checkoutBox .otherBox .lease-type svg {
  width: 20px
}

#wizard-style-2 .rentBudgetBox .step-title {
  font-style: normal;
  font-weight: bold;
  font-size: 19px;
  line-height: 38px;
  color: #3B3838
}

#wizard-style-2 .rentBudgetBox .optionBox .option {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  text-align: center
}

#wizard-style-2 .rentBudgetBox .optionBox .option label {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #000000
}

#wizard-style-2 .rentBudgetBox .optionBox .option .active {
  border: 2px solid #FFCD32
}

#wizard-style-2 .rentBudgetBox .optionBox .option .active label {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #000000
}

#wizard-style-2 .rentBudgetBox .date-title {
  padding-left: 95px
}

#wizard-style-2 .rentBudgetBox .step {
  padding: 100px 0
}

#wizard-style-2 .rentBudgetBox .step h5 {
  line-height: 1.7
}

#wizard-style-2 .rentBudgetBox .step .updater {
  padding-left: 0
}

#wizard-style-2 .rentBudgetBox .step .updater select {
  width: 320px;
  padding: 10px 20px;
  height: 45px !important;
  font-size: 14px;
  font-weight: 500;
  background: url(../images/dark-dropdown.svg) no-repeat 96% #fff !important;
  background-size: 40px !important;
  border-radius: 5px;
  float: left
}

#wizard-style-2 .rentBudgetBox .step .updater select:focus {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important
}

#wizard-style-2 .rentBudgetBox h5 {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 34px;
  color: #000000
}

#wizard-style-2 .rentBudgetBox .boxx {
  background: #EDEDED;
  border: 1px solid #CDCDCD;
  border-radius: 5px;
  margin: 0 50px !important;
  padding: 20px 35px 0 !important;
  height: 100%
}

#wizard-style-2 .rentBudgetBox .boxx .rent--label {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 23px;
  color: #4F4F4F
}

#wizard-style-2 .rentBudgetBox .boxx .option--selected {
  font-weight: 400;
  font-size: 12px;
  line-height: 23px;
  color: #325A7D
}

#wizard-style-2 .rentBudgetBox .boxx .option--selected span {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px
}

#wizard-style-2 .rentBudgetBox .add--extra-padding {
  padding: 20px 35px 75px !important
}

#wizard-style-2 .beginBtn {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 23px;
  color: #262626;
  padding: 10px 80px;
  border-radius: 50px;
  width: auto;
  margin: 0 15px 0
}

#wizard-style-2 .view-btn {
  color: #fff;
  padding: 10px 35px;
  font-size: 15px
}

.detailsPage .swap-tooltip {
  width: 365px;
  top: 85px;
  right: 10%
}

.detailsPage button {
  border: none;
  background: none;
  font-size: 35px;
  z-index: 1
}

.detailsPage .modal.left .modal-dialog {
  position: fixed;
  margin: auto;
  max-width: 600px !important;
  width: 600px !important;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0)
}

.detailsPage .modal.left .modal-content {
  height: 100%;
  overflow-y: auto
}

.detailsPage .modal.left .modal-content button.close {
  left: 15px
}

.detailsPage .modal.left .modal-body {
  padding: 50px 15px 80px
}

.detailsPage .modal.left.fade .modal-dialog {
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out
}

.detailsPage .modal.left.fade.in .modal-dialog {
  left: 0
}

.detailsPage .modal-content {
  border-radius: 0;
  border: none
}

.detailsPage .modal-header {
  border-bottom-color: #EEEEEE;
  background-color: #FAFAFA
}

.detailsPage .modal-body .new-design .new-price-section {
  background: none;
  box-shadow: none
}

.detailsPage .modal-body .new-design .new-price-section .qtyUpdator {
  width: 45%
}

.detailsPage .modal-body .new-design .productSliders {
  padding: 20px 30px;
  margin: 0
}

.detailsPage .modal-body .new-design .productSliders img {
  padding: 0;
  width: 100% !important
}

.detailsPage .modal-body ul.image-slider {
  list-style-type: none;
  padding: 0 50px;
  position: relative;
  margin: 0 !important
}

.detailsPage .modal-body ul.image-slider .slick-previous {
  position: absolute;
  left: 0px;
  top: 30%
}

.detailsPage .modal-body ul.image-slider .slick-next {
  right: 25px;
  top: 30%;
  position: absolute
}

.detailsPage .modal-body ul.image-slider li img {
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  height: 300px
}

.detailsPage .modal-body .cart-block {
  padding: 0 50px
}

.detailsPage .modal-body .product_description {
  padding: 20px 0 0 !important
}

.detailsPage .modal-body .product_description .button-container {
  padding-bottom: 20px !important
}

.detailsPage .modal-body .new-design .new-price-section .price-section {
  display: flex;
  list-style-type: none;
  padding-left: 0;
  margin: 0 80px
}

.detailsPage .modal-body .new-design .new-price-section .new-card {
  height: auto;
  padding: 0
}

.detailsPage .modal-body .new-design .new-price-section .new-card .card {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px
}

.detailsPage .modal-body .new-design .new-price-section .new-card .d-webkit-box {
  display: -webkit-box
}

.detailsPage .modal-body .new-design .new-price-section .new-card label {
  margin-right: 0;
  display: block;
  width: 100%
}

.detailsPage .modal-body .new-design .new-price-section .price-section .separate-first {
  position: absolute;
  left: 238px
}

.detailsPage .modal-body .new-design .variations_row select {
  height: 35px
}

.detailsPage .modal-body .new-design .div-line {
  border-bottom: 1px solid #d2d2d2;
  display: flex;
  padding-left: 28px;
  justify-content: center
}

.detailsPage .modal-body .product-nav {
  display: contents
}

.detailsPage .modal-body .product-nav .slick-slide {
  margin-right: 12px
}

.detailsPage .modal-body .product-nav .slick-list {
  padding: 0 15% 0 0 !important
}

.detailsPage .modal-body .new-design .productSliders .product-nav .slick-previous {
  left: 2px
}

.detailsPage .modal-body .new-design .productSliders .product-nav .slick-next {
  right: 2px
}

.detailsPage .modal-body .new-design .btn-customize {
  font-size: 12px;
  padding: 10px 25px
}

.detailsPage .other-details p {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 23px;
  color: #000000
}

.detailsPage #details-popup .new-design .go-to-rb-section .col-md-3 {
  width: 30%
}

.detailsPage #details-popup .new-design .go-to-rb-section .col-md-9 {
  width: 70%
}

.detailsPage #details-popup .new-design .go-to-rb-section ul li {
  padding: 0
}

.detailsPage #details-popup .new-design .go-to-rb-section ul li:first-child {
  padding-right: 10px
}

.detailsPage #details-popup .new-design .go-to-rb-section ul li:nth-child(2) a {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  line-height: revert !important
}

.cartPage .modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 550px !important;
  max-width: 550px !important;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0)
}

.cartPage .modal.right .modal-content {
  height: 100%
}

.cartPage .modal.right .modal-body {
  padding: 0
}

.cartPage .modal.right.fade .modal-dialog {
  right: 0;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out
}

.cartPage .modal.right.fade.in .modal-dialog {
  right: 0
}

.cartPage .modal-content {
  border-radius: 0;
  border: none
}

.cartPage .cart-header {
  margin: 20px 30px 10px 35px
}

.cartPage .cart-header h4 {
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 21px;
  text-transform: uppercase;
  color: #000000
}

.cartPage .cart-header p.title-desc {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 21px;
  color: #000000
}

.cartPage .cart-header button.close {
  border: none;
  background: none;
  font-size: 35px;
  z-index: 1;
  width: 70px;
  right: 0;
  top: -15px;
  bottom: 5px
}

.cartPage .cart-header button.close i svg {
  width: 50px
}

.cartPage .cart-header label {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 23px;
  color: #000000
}

.cartPage .cart-header .monthUpdater .input-group-btn button,
.cartPage .cart-header .monthUpdater .month-text button {
  padding: 0px 10px
}

.cartPage .cart-header .monthUpdater .input-group-btn,
.cartPage .cart-header .monthUpdater input,
.cartPage .cart-header .monthUpdater .month-text {
  height: 30px
}

.cartPage .cart-header .monthUpdater {
  padding-left: 10px !important;
  width: 180px
}

.cartPage .cart-header p.expected-date {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 21px;
  color: #000000
}

.cartPage .modal-body .cart-content .scrollable {
  height: 270px;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #F6F6F6
}

.cartPage .modal-body .cart-content .scrollable .border-divider {
  background: #F6F6F6;
  padding: 0 30px
}

.cartPage .modal-body .cart-content .scrollable .border-divider:last-child {
  display: none
}

.cartPage .modal-body .cart-content .scrollable::-webkit-scrollbar {
  width: 8px
}

.cartPage .modal-body .cart-content .scrollable::-webkit-scrollbar-track {
  background-color: #e4e4e4;
  border-radius: 100px
}

.cartPage .modal-body .cart-content .scrollable::-webkit-scrollbar-thumb {
  background-color: #FFC847;
  border-radius: 100px
}

.cartPage .modal-body .cart-content .scrollable.scrollable--zoomed-125 {
  height: 185px
}

.cartPage .modal-body .cart-content .scrollable.scrollable--zoomed-110 {
  height: 210px
}

.cartPage .modal-body .cart-content .scrollable.scrollable--zoomed-100 {
  height: 280px
}

.cartPage .modal-body .cart-content .scrollable.scrollable--zoomed-90 {
  height: 340px
}

.cartPage .modal-body .cart-content .scrollable.scrollable--zoomed-80 {
  height: 460px
}

.cartPage .modal-body .cart-content .scrollable.scrollable--zoomed-75 {
  height: 510px
}

.cartPage .modal-body .cart-content .scrollable.scrollable--zoomed-70 {
  height: 510px
}

.cartPage .modal-body .cart-content .scrollable.scrollable--zoomed-100-screen-2 {
  height: 255px
}

.cartPage .modal-body .cart-content .scrollable.scrollable--zoomed-110-screen-2,
.cartPage .modal-body .cart-content .scrollable.scrollable--zoomed-125-screen-2 {
  height: auto
}

.cartPage .modal-body .cart-content .scrollable.scrollable--zoomed-90-screen-2 {
  height: 340px
}

.cartPage .modal-body .cart-content .scrollable.scrollable--zoomed-80-screen-2 {
  height: 400px
}

.cartPage .modal-body .cart-content .scrollable.scrollable--zoomed-75-screen-2 {
  height: 460px
}

.cartPage .modal-body .cart-content .scrollable.scrollable--zoomed-67-screen-2 {
  height: 510px
}

.cartPage .modal-body .cart-content .products-content {
  margin: 15px 25px;
  background: #FFFFFF;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
  border-radius: 3px
}

.cartPage .modal-body .cart-content .products-content .img-content {
  padding: 10px 12px !important
}

.cartPage .modal-body .cart-content .products-content .img-content img.image {
  width: 125px;
  height: 110px
}

.cartPage .modal-body .cart-content .products-content .product-details h3.title {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 33px;
  color: #000000
}

.cartPage .modal-body .cart-content .products-content .product-details .view-attr {
  font-size: 13px;
  font-weight: 400;
  cursor: pointer
}

.cartPage .modal-body .cart-content .products-content .product-details .view-attr small {
  background: #EBEBEB;
  padding: 2px 15px;
  border-radius: 50px
}

.cartPage .modal-body .cart-content .products-content .product-details span.price {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 23px;
  color: #000000
}

.cartPage .modal-body .cart-content .products-content .product-details span.purchaseType {
  background: #FFC847;
  border-radius: 50px;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 23px;
  color: #000000;
  padding: 5px 15px
}

.cartPage .modal-body .cart-content .products-content .product-details .qtyUpdator {
  width: 110px
}

.cartPage .modal-body .cart-content .products-content .product-details .qtyUpdator input {
  background: #ffffff
}

.cartPage .modal-body .cart-content .products-content .product-details .qtyUpdator .item-height {
  height: 30px
}

.cartPage .modal-body .cart-content .products-content .product-details .qtyUpdator input {
  font-size: 12px
}

.cartPage .modal-body .cart-content .products-content .product-details span.delete-item {
  right: 0;
  bottom: 20%;
  width: auto;
  padding: 0
}

.cartPage .modal-body .cart-content .products-content svg {
  width: 35px
}

.cartPage .modal-body .cart-content .rbCartSection .rb--products .products-content {
  margin: 6px 0;
  box-shadow: none;
  border-radius: 0
}

.cartPage .modal-body .cart-content .rbCartSection .rb--products .products-content .image-content img.image {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px
}

.cartPage .modal-body .cart-content .rbCartSection .border-divider {
  background: transparent;
  padding: 0 20px
}

.cartPage .modal-body #cart-footer .cart-control {
  border-radius: 50px;
  border: none;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  color: #232323;
  padding: 10px 40px 10px 25px;
  width: 98%;
  border-bottom-color: transparent;
  -moz-appearance: none;
  -webkit-appearance: none
}

.cartPage .modal-body #cart-footer .zipcode_error p {
  font-size: 13px;
  font-weight: 500;
  margin: 0 !important
}

.cartPage .modal-body #cart-footer select {
  background: url(../images/down-arrow.svg) no-repeat 96% #F6F6F6 !important
}

.cartPage .modal-body #cart-footer input {
  background: #F6F6F6
}

.cartPage .modal-body #cart-footer .margin {
  margin: 20px 35px 0 35px;
  padding-bottom: 15px
}

.cartPage .modal-body #cart-footer .subtotal-margin {
  margin: 9px 35px 0 35px;
  padding: 1px 0px 10px 0
}

.cartPage .modal-body #cart-footer .subtotal-margin .final-total {
  font-size: 18px;
  font-weight: 600
}

.cartPage .modal-body #cart-footer p.label {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 23px;
  color: #000000
}

.cartPage .modal-body #cart-footer .font-11 {
  font-size: 11px !important
}

.cartPage .modal-body #cart-footer button.btn-checkout {
  background: #FFC847;
  border-radius: 5px;
  font-style: normal;
  font-weight: bold;
  font-size: 17px;
  line-height: 23px;
  color: #000000;
  width: 280px;
  padding: 15px 0;
  margin: 0 auto
}

#cartPage .orderDetailsSection,
#billingPage .orderDetailsSection,
#deliveryPage .orderDetailsSection {
  margin: 0 55px;
  border-bottom: 1px solid #C4C4C4
}

#cartPage .orderDetailsSection h1,
#billingPage .orderDetailsSection h1,
#deliveryPage .orderDetailsSection h1 {
  font-style: normal;
  font-weight: 800;
  font-size: 30px;
  line-height: 45px;
  color: #484444
}

#cartPage .orderDetailsSection #steps,
#billingPage .orderDetailsSection #steps,
#deliveryPage .orderDetailsSection #steps {
  background-color: #ffffff;
  border-bottom: 1px solid #DCDCDC;
  width: 100%
}

#cartPage .orderDetailsSection #steps .md-stepper-horizontal,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal {
  display: table;
  width: 50%;
  margin: 0 auto
}

#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step {
  display: table-cell;
  position: relative;
  padding: 24px
}

#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step:active,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step:active,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step:active {
  border-radius: 15% / 75%
}

#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step:first-child:active,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step:first-child:active,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step:first-child:active {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step:last-child:active,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step:last-child:active,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step:last-child:active {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step:first-child .md-step-bar-left,
#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step:last-child .md-step-bar-right,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step:first-child .md-step-bar-left,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step:last-child .md-step-bar-right,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step:first-child .md-step-bar-left,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step:last-child .md-step-bar-right {
  display: none
}

#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-circle,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-circle,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-circle {
  width: 57px;
  height: 57px;
  margin: 0 auto;
  background: #FFF7CA;
  border-radius: 50%;
  text-align: center;
  line-height: 57px;
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF
}

#cartPage .orderDetailsSection #steps .md-stepper-horizontal.green .md-step.active .md-step-circle,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal.green .md-step.active .md-step-circle,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal.green .md-step.active .md-step-circle {
  background-color: #00AE4D
}

#cartPage .orderDetailsSection #steps .md-stepper-horizontal.orange .md-step.active .md-step-circle,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal.orange .md-step.active .md-step-circle,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal.orange .md-step.active .md-step-circle {
  background-color: #FFC847
}

#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step.active .md-step-circle,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step.active .md-step-circle,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step.active .md-step-circle {
  background-color: #2196f3
}

#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-title,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-title,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-title {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 600
}

#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-title,
#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-optional,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-title,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-optional,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-title,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-optional {
  text-align: center;
  color: rgba(0, 0, 0, 0.26)
}

#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step.active .md-step-title,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step.active .md-step-title,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step.active .md-step-title {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 40px;
  color: #444444
}

#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step.active.done .md-step-title,
#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step.active.editable .md-step-title,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step.active.done .md-step-title,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step.active.editable .md-step-title,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step.active.done .md-step-title,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step.active.editable .md-step-title {
  font-weight: 600
}

#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-optional,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-optional,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-optional {
  font-size: 12px
}

#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step.active .md-step-optional,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step.active .md-step-optional,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step.active .md-step-optional {
  color: rgba(0, 0, 0, 0.54)
}

#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-left,
#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-right,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-left,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-right,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-left,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-right {
  position: absolute;
  top: 50px;
  height: 1px;
  border-top: 6px solid #FFF7CA
}

#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-left.active,
#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-right.active,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-left.active,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-right.active,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-left.active,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-right.active {
  border-top: 6px solid #FFC847
}

#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-right,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-right,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-right {
  right: 0;
  left: 50%;
  margin-left: 28px
}

#cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-left,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-left,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-left {
  left: 0;
  right: 50%;
  margin-right: 28px
}

#cartPage .orderDetailsSection .zipcode-and-rent,
#billingPage .orderDetailsSection .zipcode-and-rent,
#deliveryPage .orderDetailsSection .zipcode-and-rent {
  padding: 0 35px
}

#cartPage .orderDetailsSection .zipcode-and-rent .padding-left,
#billingPage .orderDetailsSection .zipcode-and-rent .padding-left,
#deliveryPage .orderDetailsSection .zipcode-and-rent .padding-left {
  padding-left: 50px
}

#cartPage .orderDetailsSection .zipcode-and-rent label,
#billingPage .orderDetailsSection .zipcode-and-rent label,
#deliveryPage .orderDetailsSection .zipcode-and-rent label {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 45px;
  color: #000000;
  margin-right: 30px
}

#cartPage .orderDetailsSection .zipcode-and-rent label .rent-icon,
#billingPage .orderDetailsSection .zipcode-and-rent label .rent-icon,
#deliveryPage .orderDetailsSection .zipcode-and-rent label .rent-icon {
  background: #FFC847;
  padding: 0 10px;
  border-radius: 50px;
  margin-right: 10px
}

#cartPage .orderDetailsSection .zipcode-and-rent input.zipcode,
#billingPage .orderDetailsSection .zipcode-and-rent input.zipcode,
#deliveryPage .orderDetailsSection .zipcode-and-rent input.zipcode {
  width: 300px;
  height: 44px;
  left: 104px;
  top: 374px;
  background: #F4F4F4;
  border-radius: 5px;
  border: none;
  padding: 0 20px
}

#cartPage .orderDetailsSection .zipcode-and-rent .rent-duration label,
#billingPage .orderDetailsSection .zipcode-and-rent .rent-duration label,
#deliveryPage .orderDetailsSection .zipcode-and-rent .rent-duration label {
  margin-right: 15px
}

#cartPage .orderDetailsSection .zipcode-and-rent .rent-duration .shadow,
#billingPage .orderDetailsSection .zipcode-and-rent .rent-duration .shadow,
#deliveryPage .orderDetailsSection .zipcode-and-rent .rent-duration .shadow {
  box-shadow: none !important
}

#cartPage .orderDetailsSection .zipcode-and-rent .rent-duration .monthUpdater .shadow,
#billingPage .orderDetailsSection .zipcode-and-rent .rent-duration .monthUpdater .shadow,
#deliveryPage .orderDetailsSection .zipcode-and-rent .rent-duration .monthUpdater .shadow {
  box-shadow: none !important
}

#cartPage .orderDetailsSection .zipcode-and-rent .rent-duration .monthUpdater .input-month,
#billingPage .orderDetailsSection .zipcode-and-rent .rent-duration .monthUpdater .input-month,
#deliveryPage .orderDetailsSection .zipcode-and-rent .rent-duration .monthUpdater .input-month {
  width: 30px;
  height: 45px
}

#cartPage .orderDetailsSection .zipcode-and-rent .rent-duration .monthUpdater .month-text,
#billingPage .orderDetailsSection .zipcode-and-rent .rent-duration .monthUpdater .month-text,
#deliveryPage .orderDetailsSection .zipcode-and-rent .rent-duration .monthUpdater .month-text {
  padding-right: 5px
}

#cartPage .orderDetailsSection .zipcode-and-rent .rent-duration .monthUpdater .input-group-btn,
#cartPage .orderDetailsSection .zipcode-and-rent .rent-duration .monthUpdater .month-text,
#billingPage .orderDetailsSection .zipcode-and-rent .rent-duration .monthUpdater .input-group-btn,
#billingPage .orderDetailsSection .zipcode-and-rent .rent-duration .monthUpdater .month-text,
#deliveryPage .orderDetailsSection .zipcode-and-rent .rent-duration .monthUpdater .input-group-btn,
#deliveryPage .orderDetailsSection .zipcode-and-rent .rent-duration .monthUpdater .month-text {
  line-height: 25px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 23px;
  color: #262626
}

#cartPage .orderDetailsSection .zipcode-and-rent .rent-duration .left-radius,
#billingPage .orderDetailsSection .zipcode-and-rent .rent-duration .left-radius,
#deliveryPage .orderDetailsSection .zipcode-and-rent .rent-duration .left-radius {
  padding-right: 10px
}

#cartPage .orderDetailsSection .save-now,
#billingPage .orderDetailsSection .save-now,
#deliveryPage .orderDetailsSection .save-now {
  margin: 0 35px;
  background: #F4F4F4;
  border-radius: 5px
}

#cartPage .orderDetailsSection .save-now .cart-info,
#billingPage .orderDetailsSection .save-now .cart-info,
#deliveryPage .orderDetailsSection .save-now .cart-info {
  border-right: 2px solid #C4C4C4;
  margin: 10px 0
}

#cartPage .orderDetailsSection .save-now .cart-info .cart-title,
#billingPage .orderDetailsSection .save-now .cart-info .cart-title,
#deliveryPage .orderDetailsSection .save-now .cart-info .cart-title {
  font-style: normal;
  font-weight: 300;
  font-size: 13px;
  line-height: 13px;
  color: #000000
}

#cartPage .orderDetailsSection .save-now .cart-info .cart-price,
#billingPage .orderDetailsSection .save-now .cart-info .cart-price,
#deliveryPage .orderDetailsSection .save-now .cart-info .cart-price {
  font-style: normal;
  font-weight: bold;
  font-size: 17px;
  line-height: 45px;
  letter-spacing: 0.03em;
  color: #000000
}

#cartPage .orderDetailsSection .save-now .query-statement,
#billingPage .orderDetailsSection .save-now .query-statement,
#deliveryPage .orderDetailsSection .save-now .query-statement {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 13px;
  color: #000000
}

#cartPage .orderDetailsSection .save-now .btn-save-now,
#billingPage .orderDetailsSection .save-now .btn-save-now,
#deliveryPage .orderDetailsSection .save-now .btn-save-now {
  background: #FFC847;
  border-radius: 5px;
  border: none;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 13px;
  text-align: center;
  color: #000000;
  padding: 15px;
  margin-left: 45px
}

#cartPage .orderDetailsSection .card,
#billingPage .orderDetailsSection .card,
#deliveryPage .orderDetailsSection .card {
  position: relative;
  display: flex;
  flex-direction: inherit
}

#cartPage .orderDetailsSection .product--container,
#billingPage .orderDetailsSection .product--container,
#deliveryPage .orderDetailsSection .product--container {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  border-radius: 4px
}

#cartPage .orderDetailsSection .product--container .productsList,
#billingPage .orderDetailsSection .product--container .productsList,
#deliveryPage .orderDetailsSection .product--container .productsList {
  padding: 15px;
  background: #FFFFFF;
  border: 1px solid #D5D5D5;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px
}

#cartPage .orderDetailsSection .product--container .productsList .purchase-type,
#billingPage .orderDetailsSection .product--container .productsList .purchase-type,
#deliveryPage .orderDetailsSection .product--container .productsList .purchase-type {
  -webkit-transform: rotate(-90deg);
  position: absolute;
  top: 72px;
  text-align: center;
  left: -75px;
  width: 174px;
  border-radius: 5px 7px 0px 2px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: #FFFFFF;
  padding: 2px 0
}

#cartPage .orderDetailsSection .product--container .productsList .buy-new,
#billingPage .orderDetailsSection .product--container .productsList .buy-new,
#deliveryPage .orderDetailsSection .product--container .productsList .buy-new {
  background: #FF9900
}

#cartPage .orderDetailsSection .product--container .productsList .rent-now,
#billingPage .orderDetailsSection .product--container .productsList .rent-now,
#deliveryPage .orderDetailsSection .product--container .productsList .rent-now {
  background: #FFC847
}

#cartPage .orderDetailsSection .product--container .productsList .img,
#billingPage .orderDetailsSection .product--container .productsList .img,
#deliveryPage .orderDetailsSection .product--container .productsList .img {
  padding-left: 35px
}

#cartPage .orderDetailsSection .product--container .productsList .img img,
#billingPage .orderDetailsSection .product--container .productsList .img img,
#deliveryPage .orderDetailsSection .product--container .productsList .img img {
  width: 153px;
  height: 140px;
  background: #FFFFFF;
  border: 1px solid #CDCDCD;
  box-sizing: border-box;
  border-radius: 5px
}

#cartPage .orderDetailsSection .product--container .productsList .product-name,
#billingPage .orderDetailsSection .product--container .productsList .product-name,
#deliveryPage .orderDetailsSection .product--container .productsList .product-name {
  padding-left: 20px
}

#cartPage .orderDetailsSection .product--container .productsList .product-name h5,
#billingPage .orderDetailsSection .product--container .productsList .product-name h5,
#deliveryPage .orderDetailsSection .product--container .productsList .product-name h5 {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 15px;
  color: #000000
}

#cartPage .orderDetailsSection .product--container .productsList .product-name .view-attr,
#billingPage .orderDetailsSection .product--container .productsList .product-name .view-attr,
#deliveryPage .orderDetailsSection .product--container .productsList .product-name .view-attr {
  font-size: 13px;
  font-weight: 400;
  cursor: pointer
}

#cartPage .orderDetailsSection .product--container .productsList .product-name .view-attr small,
#billingPage .orderDetailsSection .product--container .productsList .product-name .view-attr small,
#deliveryPage .orderDetailsSection .product--container .productsList .product-name .view-attr small {
  background: lightgray;
  padding: 2px 15px
}

#cartPage .orderDetailsSection .product--container .productsList .product-name button,
#billingPage .orderDetailsSection .product--container .productsList .product-name button,
#deliveryPage .orderDetailsSection .product--container .productsList .product-name button {
  border-radius: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 26px;
  color: #000000;
  padding: 5px 30px
}

#cartPage .orderDetailsSection .product--container .productsList .product-name button.btn-buy-new,
#billingPage .orderDetailsSection .product--container .productsList .product-name button.btn-buy-new,
#deliveryPage .orderDetailsSection .product--container .productsList .product-name button.btn-buy-new {
  background: #FF9900
}

#cartPage .orderDetailsSection .product--container .productsList .product-name button.btn-rent,
#billingPage .orderDetailsSection .product--container .productsList .product-name button.btn-rent,
#deliveryPage .orderDetailsSection .product--container .productsList .product-name button.btn-rent {
  background: #FFC847
}

#cartPage .orderDetailsSection .product--container .productsList .action-buttons button,
#billingPage .orderDetailsSection .product--container .productsList .action-buttons button,
#deliveryPage .orderDetailsSection .product--container .productsList .action-buttons button {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 26px;
  color: #000000;
  padding: 0 15px
}

#cartPage .orderDetailsSection .qtySection .qtyUpdator,
#billingPage .orderDetailsSection .qtySection .qtyUpdator,
#deliveryPage .orderDetailsSection .qtySection .qtyUpdator {
  width: 70%;
  border: 1px solid #d2d2d2;
  border-radius: 50px;
  padding: 0;
  background-color: #fff
}

#cartPage .orderDetailsSection .qtySection .qtyUpdator button,
#cartPage .orderDetailsSection .qtySection .qtyUpdator input,
#billingPage .orderDetailsSection .qtySection .qtyUpdator button,
#billingPage .orderDetailsSection .qtySection .qtyUpdator input,
#deliveryPage .orderDetailsSection .qtySection .qtyUpdator button,
#deliveryPage .orderDetailsSection .qtySection .qtyUpdator input {
  color: #3B3838;
  font-size: 18px;
  font-weight: 600
}

#cartPage .orderDetailsSection .qtySection .qtyUpdator input,
#billingPage .orderDetailsSection .qtySection .qtyUpdator input,
#deliveryPage .orderDetailsSection .qtySection .qtyUpdator input {
  border: none
}

#cartPage .orderDetailsSection .qtySection .qtyUpdator .item-height,
#billingPage .orderDetailsSection .qtySection .qtyUpdator .item-height,
#deliveryPage .orderDetailsSection .qtySection .qtyUpdator .item-height {
  height: 28px
}

#cartPage .orderDetailsSection .qtySection .price,
#billingPage .orderDetailsSection .qtySection .price,
#deliveryPage .orderDetailsSection .qtySection .price {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 45px;
  color: #000000
}

#cartPage #anyAdditional,
#billingPage #anyAdditional,
#deliveryPage #anyAdditional {
  margin: -24px
}

#cartPage #anyAdditional h4,
#billingPage #anyAdditional h4,
#deliveryPage #anyAdditional h4 {
  padding-left: 70px
}

#cartPage #anyAdditional .packagesSlider,
#billingPage #anyAdditional .packagesSlider,
#deliveryPage #anyAdditional .packagesSlider {
  padding: 35px 70px
}

#cartPage #anyAdditional .card,
#billingPage #anyAdditional .card,
#deliveryPage #anyAdditional .card {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 15px
}

#cartPage #anyAdditional .card img,
#billingPage #anyAdditional .card img,
#deliveryPage #anyAdditional .card img {
  object-fit: contain
}

#cartPage #anyAdditional .slick-previous,
#billingPage #anyAdditional .slick-previous,
#deliveryPage #anyAdditional .slick-previous {
  left: 25px !important
}

#cartPage #anyAdditional .slick-next,
#billingPage #anyAdditional .slick-next,
#deliveryPage #anyAdditional .slick-next {
  right: 50px !important
}

#cartPage .orderSummarySection,
#billingPage .orderSummarySection,
#deliveryPage .orderSummarySection {
  background: #F5F5F5;
  box-shadow: -3px 0px 4px rgba(0, 0, 0, 0.1);
  margin-top: 5px;
  padding: 0 40px;
  overflow-y: auto
}

#cartPage .orderSummarySection p,
#billingPage .orderSummarySection p,
#deliveryPage .orderSummarySection p {
  font-size: 13px
}

#cartPage .orderSummarySection h4,
#billingPage .orderSummarySection h4,
#deliveryPage .orderSummarySection h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 45px;
  color: #353535
}

#cartPage .orderSummarySection table,
#billingPage .orderSummarySection table,
#deliveryPage .orderSummarySection table {
  margin: 0 12px;
  width: -webkit-fill-available
}

#cartPage .orderSummarySection table .border-bottom,
#billingPage .orderSummarySection table .border-bottom,
#deliveryPage .orderSummarySection table .border-bottom {
  border-bottom: 1.5px solid #DCDCDC !important
}

#cartPage .orderSummarySection table .bold,
#billingPage .orderSummarySection table .bold,
#deliveryPage .orderSummarySection table .bold {
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 45px;
  color: #000000
}

#cartPage .orderSummarySection table tr,
#billingPage .orderSummarySection table tr,
#deliveryPage .orderSummarySection table tr {
  line-height: 45px
}

#cartPage .orderSummarySection table td,
#billingPage .orderSummarySection table td,
#deliveryPage .orderSummarySection table td {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 45px;
  color: #000000
}

#cartPage .orderSummarySection button.add-promo-code,
#billingPage .orderSummarySection button.add-promo-code,
#deliveryPage .orderSummarySection button.add-promo-code {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 45px;
  color: #FF7051
}

#cartPage .orderSummarySection .button-container,
#billingPage .orderSummarySection .button-container,
#deliveryPage .orderSummarySection .button-container {
  padding-left: 0
}

#cartPage .orderSummarySection button.checkout,
#billingPage .orderSummarySection button.checkout,
#deliveryPage .orderSummarySection button.checkout {
  background: #FFC847;
  border-radius: 5px;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  color: #393636;
  padding: 20px;
  width: 100%
}

#billingPage {
  background: rgba(185, 172, 175, 0.1)
}

#billingPage .orderDetailsSection .display-mobile-contents {
  margin: 20px 60px 30px 60px
}

#billingPage .orderSummarySection {
  background: transparent;
  box-shadow: none
}

#billingPage .orderSummarySection .updated--sidebar .card {
  padding: 0 25px 10px;
  background: #FFFFFF;
  border: 1px solid #D5D5D5;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px
}

#billingPage .orderSummarySection .updated--sidebar .no-left-right-border {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

#billingPage .orderSummarySection .updated--sidebar .final--updated-total-block {
  margin: -2px 0;
  background: #484444;
  color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0 25px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

#billingPage .orderSummarySection table .total-row td {
  color: #ffffff !important
}

#billingPage button.checkout {
  width: 100% !important;
  margin-left: 0 !important
}

#calendarModal .cal_controls .cal_btn {
  border: 0;
  padding: 5px 0 10px 0;
  font-size: 14px;
  background: transparent
}

#calendarModal .cal_controls .cal_btn.disabled {
  pointer-events: none;
  opacity: .3
}

#calendarModal .cal_controls .cal_title {
  font-size: 20px
}

#calendarModal .cell_block {
  cursor: pointer
}

#calendarModal .cell_block.bg-light {
  cursor: not-allowed
}

#calendarModal .bg-warning {
  background: #FFC847 !important
}

#calendarModal .btn-confirm {
  background: #FFC847;
  display: flex;
  margin: auto;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 45px;
  color: #000000;
  border-radius: 50px;
  padding: 0px 70px
}

#calendarModal .modal-content .modal-header .slot_for {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 28px;
  color: #000000;
  margin: 0 auto !important
}

#calendarModal .modal-content .modal-header .btn-close {
  padding: 0;
  margin: 0
}

#calendarModal .modal-content .modal-body .cal_controls h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #000000
}

#calendarModal .modal-content .modal-body .cal_controls button {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
  color: #000000
}

#calendarModal .modal-content .modal-body table thead {
  background-color: lightgray;
  text-align: center
}

#calendarModal .modal-content .modal-body table tbody tr td span {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 28px;
  color: #7D7777
}

#calendarModal .modal-content .modal-body table tbody tr td em {
  font-style: normal !important;
  font-weight: 600;
  font-size: 12px;
  line-height: 28px;
  color: #000000;
  background-color: #FFC847;
  border-radius: 50px
}

#billingPage #steps {
  border-bottom: none !important
}

#billingPage .details--container {
  background: rgba(185, 172, 175, 0.2);
  border-radius: 4px;
  padding: 25px
}

#billingPage .details--container .card {
  flex-direction: column
}

#billingPage .title h2 {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 45px;
  letter-spacing: 0.03em;
  color: #000000
}

#billingPage .schedule .col-md-3 {
  width: 30%
}

#billingPage .schedule .col-lg-4 {
  width: 30%;
  margin-right: 24px
}

#billingPage .schedule .add-margins {
  margin: 0 45px
}

#billingPage .schedule .last-div {
  margin-right: 0
}

#billingPage .schedule .box {
  background: #F4F4F4;
  border-radius: 3px
}

#billingPage .schedule .box .font-style {
  font-style: normal;
  font-size: 13px;
  line-height: 45px;
  color: #000000
}

#billingPage .schedule .box h5 {
  font-weight: bold
}

#billingPage .schedule .box .date {
  font-weight: 500;
  line-height: 10px
}

#billingPage .schedule .box .type {
  font-weight: normal;
  font-size: 12px
}

#billingPage .schedule .box.active {
  background: #FFC847
}

#billingPage .service-and-addons input[type=radio],
#billingPage .service-and-addons input[type=checkbox] {
  margin-bottom: 0 !important
}

#billingPage .service-and-addons h4 {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 23px;
  color: #000000
}

#billingPage .service-and-addons p {
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #000000
}

#billingPage .service-and-addons .price {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 13px;
  color: #000000
}

#billingPage .service-and-addons input[type=radio],
#billingPage .service-and-addons input[type=checkbox] {
  background: #FFFFFF;
  border: 1px solid #B1B1B1;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  cursor: pointer
}

#billingPage .service-and-addons input[type=radio] {
  margin-bottom: 70px
}

#billingPage .service-and-addons input[type=checkbox] {
  margin-bottom: 40px
}

#billingPage .service-and-addons .rent-deposit-div .checkbox_button,
#billingPage .service-and-addons .rent-accidental-coverage-div .checkbox_button {
  margin-bottom: 70px
}

#billingPage .service-and-addons button,
#billingPage .service-and-addons span {
  border-radius: 5px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 23px;
  color: #000;
  padding: 10px 25px
}

#billingPage .service-and-addons button.btn-one-time,
#billingPage .service-and-addons span.btn-one-time,
#billingPage .service-and-addons span.one-time-selected {
  background: #FFC847 !important
}

#billingPage .service-and-addons button.btn-one-time-grey,
#billingPage .service-and-addons span.btn-one-time-grey {
  background: #F4F4F4
}

#billingPage .service-and-addons .rent-deposit {
  padding-right: 100px
}

#billingPage .break-early-fee-div .checkbox_button {
  margin-bottom: 45px
}

#billingPage .accepted-agreement label,
#billingPage .accepted-agreement a {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.03em;
  color: #000000
}

#billingPage .accepted-agreement p {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 45px;
  letter-spacing: 0.03em;
  color: #000000
}

#billingPage .accepted-agreement button.view-rental-agreement {
  background: #484444;
  border-radius: 3px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 45px;
  letter-spacing: 0.03em;
  color: #FFFFFF;
  width: 500px;
  margin: 0 auto
}

#billingPage .accepted-agreement input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 50%;
  height: 0;
  width: 0
}

#billingPage .accepted-agreement .checkmark {
  background: #FFFFFF;
  border: 1px solid #C4C4C4;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 13px 13px;
  position: absolute;
  top: 5px;
  cursor: pointer
}

#billingPage .accepted-agreement label:hover input~.checkmark {
  background-color: #ccc
}

#billingPage .accepted-agreement label input:checked~.checkmark {
  color: green;
  background-color: #fff
}

#billingPage .accepted-agreement .checkmark:after {
  content: "";
  position: absolute;
  display: none
}

#billingPage .accepted-agreement label input:checked~.checkmark:after {
  display: block
}

#billingPage .accepted-agreement label .checkmark:after {
  left: 10px;
  top: 2px;
  width: 7px;
  height: 18px;
  border: 4px solid #2CBA65;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

#billingPage .accepted-agreement a.red-link {
  color: #4A9AE3
}

#billingPage .blog_page p {
  font-size: 12px
}

#billingPage .blog_page a {
  font-size: 13px
}

#billingPage .orderSummarySection .summary {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35);
  border-radius: 5px;
  padding: 0px 30px
}

#billingPage .orderSummarySection .summary p.check-summary {
  background: url(../images/down-arrow.svg) no-repeat 100% !important;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 45px;
  color: #000000;
  cursor: pointer;
  background-size: 30px 40px !important
}

#billingPage .orderSummarySection .summary table {
  display: none;
  margin: 0;
  width: 100%
}

#billingPage .orderSummarySection .summary table tr td.same-font {
  font-style: normal;
  line-height: 45px;
  color: #000000
}

#billingPage .orderSummarySection .summary table tr td.prod--name,
#billingPage .orderSummarySection .summary table tr .months {
  font-weight: 500;
  font-size: 12px;
  text-transform: none
}

#billingPage .orderSummarySection .summary table tr td.prod--price {
  font-weight: bold;
  font-size: 13px
}

#billingPage .orderSummarySection .summary table .months {
  line-height: 15px;
  padding: 2px 0
}

#billingPage .orderSummarySection .summary p.item-count {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 1rem;
  color: #000000
}

#billingPage .orderSummarySection .summary svg {
  width: 55px
}

#billingPage .orderSummarySection .calc {
  display: initial
}

#billingPage .orderSummarySection table .head-row td {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 45px;
  color: #000000
}

#billingPage .orderSummarySection table .total-row td {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 45px;
  color: #484444
}

#billingPage .orderSummarySection table .bold-border-top {
  border-top: 3px solid #484444
}

#billingPage .orderSummarySection table .bold-border-bottom {
  border-bottom: 3px solid #484444
}

#billingPage .orderSummarySection table .lease-type {
  width: 100%;
  border-radius: 5px;
  border: none;
  padding: 10px 0px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 23px;
  color: #484444
}

#billingPage .orderSummarySection table .lease-type p.icon {
  background: url(../images/down-arrow.svg) no-repeat 100% !important
}

#billingPage .orderSummarySection table .lease-type .lease-dropdown {
  display: none
}

#billingPage .orderSummarySection table .lease-type .lease-dropdown p {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 30px;
  color: #484444
}

#billingPage .orderSummarySection .coupon-content input {
  width: 95%;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 35px;
  color: #B4B4B4;
  background: #EFEFEF;
  border-radius: 5px;
  border: none;
  padding: 0 15px
}

#billingPage .orderSummarySection .coupon-content .same-font {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  padding: 5px 20px;
  color: #FFFFFF;
  border-radius: 50px
}

#billingPage .orderSummarySection .coupon-content button.btn-apply-coupon {
  background: #FFC847;
  border-radius: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  color: #484444;
  padding: 5px 30px
}

#billingPage .orderSummarySection .coupon-content button.btn-cancel {
  background: #484444
}

#billingPage .orderSummarySection .coupon-content .remove--promo-code {
  padding: 2px 15px 0
}

#billingPage .orderSummarySection .coupon-content .remove--promo-code svg {
  width: 20px;
  height: 20px;
  border: 1px solid grey;
  border-radius: 50px
}

#billingPage .orderSummarySection label.pay-using {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  color: #2E2C2C
}

#billingPage .orderSummarySection select.select-payment {
  background: url(../images/cart-arrow.svg) no-repeat 98% #fff !important;
  background: #FFFFFF;
  border-radius: 50px;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 19px;
  color: #000000;
  padding: 10px 25px;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-size: 30px 98px !important;
  width: 97%
}

#billingPage .orderSummarySection .checkoutBox {
  padding: 0 30px 30px !important
}

#billingPage .orderSummarySection .need-help {
  box-sizing: border-box;
  border-radius: 5px
}

#billingPage .orderSummarySection .need-help svg {
  width: 90px
}

#billingPage .orderSummarySection .need-help h5 {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 40px;
  color: #000000
}

#billingPage .orderSummarySection .need-help p {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #000000
}

#deliveryPage #steps {
  border-bottom: none !important
}

#deliveryPage .how-it-works {
  background-color: #FFC847;
  padding: 20px 20px 20px 30px
}

#deliveryPage .how-it-works .orderDetailsSection {
  border-bottom: none !important;
  margin: 0 0px
}

#deliveryPage .how-it-works .title {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 45px;
  color: #393535
}

#deliveryPage .how-it-works .card {
  background: #FFFFFF;
  border-radius: 5px;
  flex-direction: column;
  padding: 15px 25px;
  min-height: 200px
}

#deliveryPage .how-it-works .card svg {
  width: 50px;
  height: 50px
}

#deliveryPage .how-it-works .card i.last svg {
  width: 48px;
  height: 50px
}

#deliveryPage .how-it-works .card image-height {
  min-height: 50px;
  display: flex;
  align-items: center
}

#deliveryPage .how-it-works .card .card-title {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  padding: 0 18px;
  min-height: 35px
}

#deliveryPage .how-it-works .card .card-desc {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #000000;
  min-height: 75px;
  margin: 0
}

#deliveryPage .infoSection {
  border-bottom: none !important
}

#deliveryPage .infoSection .title h2 {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 45px;
  letter-spacing: 0.03em;
  color: #000000
}

#deliveryPage .infoSection .bestTimesTitles .title {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 30px;
  color: #000000
}

#deliveryPage .infoSection .bestTimesTitles .desc {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 45px;
  color: #000
}

#deliveryPage .infoSection .bestTimes {
  height: 150px;
  padding: 30px 0 0;
  background: #F5F5F5;
  border: 1px solid #DADADA;
  border-radius: 5px;
  margin-right: 15px;
  text-align: center;
  cursor: pointer
}

#deliveryPage .infoSection .bestTimes svg {
  width: 40px
}

#deliveryPage .infoSection .bestTimes input[type=text] {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  height: 100%;
  bottom: 0;
  padding-top: 80px;
  cursor: pointer
}

#deliveryPage .infoSection .bestTimes input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: -30px
}

#deliveryPage .infoSection .bestTimes input::-webkit-datetime-edit {
  position: relative;
  left: 0
}

#deliveryPage .infoSection .bestTimes input::-webkit-datetime-edit-fields-wrapper {
  position: relative;
  left: 0
}

#deliveryPage .infoSection .bestTimes input[type=date] {
  margin-left: 30px;
  border: none;
  background: transparent
}

#deliveryPage .infoSection .bestTimes ul {
  list-style-type: none;
  display: flex;
  justify-content: space-evenly
}

#deliveryPage .infoSection .bestTimes ul .with-border {
  border: 1px solid #000000;
  box-sizing: border-box;
  border-radius: 5px
}

#deliveryPage .infoSection .bestTimes ul li label.disabled {
  pointer-events: none;
  opacity: 0.3
}

#deliveryPage .infoSection .bestTimes ul li span.time {
  padding: 10px;
  font-weight: 500;
  border-radius: 5px;
  font-style: normal;
  font-size: 12px;
  letter-spacing: 0.03em;
  color: #000000;
  cursor: pointer
}

#deliveryPage .infoSection .bestTimes ul li span.active {
  font-weight: bold;
  background: #FFC847;
  border: 0 !important
}

#deliveryPage .infoSection .formFields label {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 45px;
  color: #000000
}

#deliveryPage .infoSection .formFields input[type=text] {
  background: #F4F4F4;
  border-radius: 5px;
  border: none;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 21px;
  color: #000000
}

#deliveryPage .infoSection .formFields input[type=radio] {
  box-shadow: none;
  margin: 11px 9px 0px -16px
}

#deliveryPage .infoSection .formFields .question {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  color: #000000
}

#deliveryPage .infoSection .formFields span.answer {
  padding: 0 70px 0 0px
}

#deliveryPage .infoSection .formFields textarea {
  background: #F4F4F4;
  border: none
}

#deliveryPage .infoSection .formFields select,
#deliveryPage .infoSection .formFields input[type=text] {
  width: 100%;
  border-radius: 5px;
  background: #F4F4F4;
  line-height: 42px
}

#deliveryPage .infoSection .formFields select {
  line-height: inherit
}

#deliveryPage .infoSection .formFields p.notes {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 24px;
  color: #000000;
  background: rgba(246, 225, 95, 0.5);
  border-radius: 3px;
  padding: 15px 25px
}

#deliveryPage .infoSection .formFields p.notes label {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 24px;
  color: #000000
}

#deliveryPage .infoSection .formFields p.notes input {
  background: #FFFFFF;
  border-radius: 5px;
  height: 30px
}

#deliveryPage .infoSection #recentAddress p.address {
  height: 50px
}

#deliveryPage .infoSection #recentAddress p.tel {
  height: 20px
}

#deliveryPage .infoSection #recentAddress p.address,
#deliveryPage .infoSection #recentAddress p.tel {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 19px;
  color: #000000;
  padding-right: 60px
}

#deliveryPage .infoSection #recentAddress div.full-address {
  height: 70px
}

#deliveryPage .infoSection #recentAddress label {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #000000
}

#deliveryPage .infoSection #recentAddress .card {
  background: #F5F5F5;
  border: 1px solid #C4C4C4;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 20px;
  height: 220px;
  box-sizing: border-box
}

#deliveryPage .infoSection #billingAddress {
  background: #F5F5F5;
  padding: 20px 10px
}

#deliveryPage .infoSection #billingAddress h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 45px;
  color: #000000
}

#deliveryPage .infoSection #billingAddress label {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 45px;
  color: #000000
}

#deliveryPage .infoSection #billingAddress input[type=text] {
  background: #FFFFFF;
  border-radius: 5px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #000000
}

#deliveryPage .orderSummarySection .font-1 {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  color: #000000
}

#deliveryPage .orderSummarySection .font-2 {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #000000
}

#deliveryPage .orderSummarySection .bold {
  font-weight: bold
}

#deliveryPage .orderSummarySection .selectedTime .column {
  border: 1px solid #000000;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 10px 0px 10px 0px;
  margin: 5px 14px
}

#deliveryPage .orderSummarySection .selectedTime .column:last-child {
  margin-right: 0
}

#deliveryPage .orderSummarySection .selectedTime .column .time {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  color: #000000
}

#deliveryPage .orderSummarySection .selectedTime .column .date {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #000000
}

#deliveryPage .orderSummarySection .selectedTime .column p {
  line-height: 30px
}

#deliveryPage .orderSummarySection table tr td {
  line-height: 25px
}

#profile h2 {
  background: #F5F5F5;
  font-style: normal;
  font-weight: 900;
  font-size: 35px;
  line-height: 52px;
  color: #3B3838;
  padding: 20px 115px
}

#profile .container .sidebar {
  background: #FBFBFB;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.27);
  border-radius: 3px;
  height: fit-content
}

#profile .container .sidebar ul {
  list-style-type: none;
  padding: 0;
  margin: 5px 25px
}

#profile .container .sidebar ul li {
  padding: 15px 0px
}

#profile .container .sidebar ul li a {
  text-decoration: none;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 23px;
  color: #000000
}

#profile .container .sidebar ul li.active a {
  color: #FFC847;
  font-size: 20px
}

#profile .container .right-sidebar h4 {
  font-style: normal;
  font-weight: 800;
  font-size: 14px;
  line-height: 34px;
  color: #000000;
  height: 35px
}

#profile .container .right-sidebar h4 a {
  background: #3E3E3E;
  border-radius: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 28px;
  color: #FFFFFF;
  text-decoration: none;
  padding: 6px 25px;
  width: 270px;
  text-align: center
}

#profile .container .right-sidebar h5 {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 34px;
  color: #000000
}

#profile .container .right-sidebar p {
  font-size: 13px
}

#profile .container .right-sidebar p a {
  text-decoration: none;
  color: #000000
}

#profile .container .right-sidebar label,
#profile .container .right-sidebar span.answer {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 28px;
  color: #000000;
  margin-bottom: 0.5rem
}

#profile .container .right-sidebar select {
  font-size: 12px
}

#profile .container .right-sidebar span.answer {
  font-weight: 400
}

#profile .container .right-sidebar input {
  display: block;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  border: none;
  padding: 10px;
  font-size: 13px
}

#profile .container .right-sidebar input[type=file]:focus {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25)
}

#profile .container .right-sidebar button {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 28px;
  color: #FFFFFF;
  border-radius: 50px
}

#profile .container .right-sidebar .black-btn {
  background: #3B3838
}

#profile .container .right-sidebar .green-btn {
  background: #62AF26
}

#profile .container .right-sidebar button.edit-profile {
  padding: 5px 20px
}

#profile .container .right-sidebar button.update {
  padding: 5px 35px
}

#profile .container .right-sidebar button.cancel {
  padding: 5px 35px
}

#profile .container .right-sidebar button.add-card {
  padding: 5px 28px
}

#profile .container .right-sidebar table td,
#profile .container .right-sidebar table th {
  padding: 10px 12px;
  font-size: 13px
}

#ordersList {
  background: #F5F5F5;
  padding: 10px 35px
}

#ordersList h2.order-title {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 33px;
  color: #000000;
  padding: 0
}

#ordersList .card {
  padding: 20px 10px;
  display: -webkit-box
}

#ordersList .card .same-font-style {
  font-style: normal;
  font-weight: normal;
  line-height: 33px;
  color: #000000
}

#ordersList .card p.order-id {
  font-size: 13px
}

#ordersList .card p.date-time {
  font-size: 12px
}

#ordersList .card p.payment-type,
#ordersList .card a.btn-view {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 33px;
  color: #000000
}

#ordersList .card button.btn-view {
  background: #3E3E3E;
  border-radius: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 28px;
  color: #FFFFFF;
  padding: 2px 38px
}

.empty {
  padding: 175px 0px !important
}

.empty p.no-orders {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #616161
}

#orderDetails {
  background: #F5F5F5;
  padding: 10px 35px
}

#orderDetails h4.title {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 33px;
  color: #000000
}

#orderDetails label,
#orderDetails span.answer {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 33px;
  color: #000000
}

#orderDetails p.address {
  font-size: 14px;
  line-height: 33px;
  color: #000000
}

#orderDetails .actions ul {
  list-style-type: none
}

#orderDetails .actions ul li a {
  background: #3E3E3E;
  border-radius: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 33px;
  color: #FFFFFF;
  text-decoration: none;
  padding: 10px 25px;
  margin-right: 15px
}

.orderTable table thead th {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 28px;
  color: #3E3E3E
}

.orderTable table tbody tr {
  border-bottom: 0.8px solid lightgray
}

.orderTable table tbody tr td {
  padding: 20px 10px 20px 0px;
  vertical-align: top
}

.orderTable table tbody tr td img {
  width: 110px;
  background: #FFFFFF;
  border: 1px solid #E9E9E9;
  box-sizing: border-box;
  border-radius: 5px
}

.orderTable table tbody tr td .product-name {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 28px;
  color: #000000
}

.orderTable table tbody tr td .highlight {
  background: #F5F5F5;
  border-radius: 50px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 28px;
  color: #000000;
  width: fit-content;
  padding: 2px 10px
}

.orderTable table tbody tr td .price,
.orderTable table tbody tr td .qty,
.orderTable table tbody tr td .total {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 28px;
  color: #000000
}

.orderTable table tbody tr td .variation-with-qty {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  color: #000000
}

.orderTable table tbody tr td p.variation-with-qty {
  font-size: 11px !important;
  width: auto !important
}

.orderTable table tbody tr td:last-child {
  padding: 20px 0
}

.swapTable .highlight {
  margin: 0 auto
}

.swapTable .swapTd {
  padding-left: 0px
}

.swapTable .same-font-style {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 28px;
  color: #FFFFFF;
  border-radius: 50px;
  padding: 2px 20px
}

.swapTable button.btn-accept {
  background: #62AF26
}

.swapTable button.btn-change {
  background: #179C95
}

#profileModal input {
  background: #F8F8F8;
  border-radius: 3px;
  border: none;
  font-size: 13px
}

#profileModal input::placeholder {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 23px;
  color: #B3B3B3
}

#profileModal .btn-update {
  border-radius: 50px;
  width: 165px;
  margin: 0 auto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 33px;
  color: #111111;
  background-color: #FFC847;
  text-transform: uppercase
}

.finalAmount .form-group label {
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  line-height: 28px !important;
  color: #3E3E3E !important
}

.finalAmount .form-group .grey-text {
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  line-height: 28px !important;
  color: #8D8D8D !important
}

.finalAmount .form-group span.amount {
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  line-height: 28px !important;
  color: #3E3E3E !important
}

.finalAmount .form-group span.total-amount,
.finalAmount .form-group label.total-amount-label {
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 15px !important;
  line-height: 28px !important;
  color: #3E3E3E !important
}

#ReassignmentPopup .modal-content {
  padding: 0 40px
}

#ReassignmentPopup .modal-content .modal-header h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #000000;
  margin: 0 auto
}

#ReassignmentPopup .modal-content .modal-body .card .name {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 28px;
  color: #000000
}

#ReassignmentPopup .modal-content .modal-body .card .variations {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 28px;
  color: #000000;
  padding: 0 15px
}

#ReassignmentPopup .modal-content .modal-body .card .input-holder {
  margin: 15px auto
}

#ReassignmentPopup .modal-content .modal-body .card input[type="radio"] {
  opacity: 0.01;
  z-index: 100
}

#ReassignmentPopup .modal-content .modal-body .card label {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 28px;
  color: #262626;
  border-radius: 50px;
  padding: 5px 40px
}

#ReassignmentPopup .modal-content .custom-message p {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 28px;
  color: #000000
}

#ReassignmentPopup .modal-content .modal-footer p {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 28px;
  color: #000000
}

#ReassignmentPopup .modal-content .confirm-selected {
  height: 100%;
  width: 100%;
  padding: 20px 40px 0 0
}

#ReassignmentPopup .modal-content .confirm-selected .title {
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 28px;
  color: #000000
}

#ReassignmentPopup .modal-content .confirm-selected .info {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 28px;
  color: #000000
}

#ReassignmentPopup .modal-content .confirm-selected .item_details img {
  width: 200px
}

#ReassignmentPopup .modal-content .confirm-selected .item_details span {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 28px;
  color: #000000
}

#ReassignmentPopup .modal-content .confirm-selected .action-to-confirm {
  margin-top: 50px
}

#ReassignmentPopup .modal-content .confirm-selected .action-to-confirm button {
  width: 200px;
  margin: 0 auto;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 28px;
  color: #262626;
  border-radius: 50px
}

#ReassignmentPopup .modal-content .confirm-selected .action-to-confirm .black-btn {
  color: #ffffff
}

#ExtendLease .modal-content {
  padding: 0 40px
}

#ExtendLease .modal-content .w-25 {
  width: 25%;
  float: left
}

#ExtendLease .modal-content .w-75 {
  width: 75% !important;
  float: left
}

#ExtendLease .modal-content i.info_icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 0;
  padding: 1px 5px;
  line-height: 1;
  vertical-align: middle
}

#ExtendLease .modal-content i.info_icon svg {
  width: 13px;
  fill: #8c8c8c;
  height: 13px;
  vertical-align: middle
}

#ExtendLease .modal-content i.info_icon.align-right {
  position: absolute;
  right: 13px;
  bottom: 90px
}

#ExtendLease .modal-content .lease_extension {
  width: 100%;
  float: left;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.125)
}

#ExtendLease .modal-content .lease_extension .header,
#ExtendLease .modal-content .lease_extension .title {
  font-weight: 700
}

#ExtendLease .modal-content .lease_extension .lb .header,
#ExtendLease .modal-content .lease_extension .lb .percentage {
  border-left: 1px solid rgba(0, 0, 0, 0.125)
}

#ExtendLease .modal-content .lease_extension .lb .percentage {
  height: auto
}

#ExtendLease .modal-content .lease_extension .lb .header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125)
}

#ExtendLease .modal-content .lease_extension .lb span {
  display: inline-block;
  width: 100%;
  padding: 5px 5px 0 5px
}

#ExtendLease .modal-content .lease_extension .lb select {
  font-size: 12px;
  padding: 5px;
  margin: 5px;
  width: 90%
}

#ExtendLease .modal-content .custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem
}

#ExtendLease .modal-content .custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top
}

#ExtendLease .modal-content #ExtendLease p,
#ExtendLease .modal-content #ExtendLease .custom-control-label {
  font-size: 13px
}

#ExtendLease .modal-content .form_box {
  width: 100%;
  float: left;
  padding: 20px;
  background-color: #f9f9f9;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px
}

#ExtendLease .modal-content .qty-txt-error {
  border-color: red
}

#ExtendLease .modal-content .modal-header h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #000000;
  margin: 0 auto
}

#ExtendLease .modal-content .modal-header .btn-close {
  padding: 0;
  margin: 0
}

#ExtendLease .modal-content .lease_extension .title span,
#ExtendLease .modal-content .lease_extension .header span {
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 28px;
  color: #262626;
  text-align: center;
  display: block
}

#ExtendLease .modal-content .lease_extension .percentage {
  text-align: center
}

#ExtendLease .modal-content .lease_extension .lb select {
  width: 89%;
  margin: 5px 7px;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 28px;
  color: #3B3838;
  padding: 0px 6px
}

#ExtendLease .modal-content .confirmLe {
  width: 150px;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 28px;
  color: #262626;
  margin: 15px auto;
  border: none;
  border-radius: 50px
}

#ExtendLease .modal-content .custom-control {
  display: contents
}

#ExtendLease .modal-content .custom-control input {
  margin-right: 10px
}

#ExtendLease .modal-content .custom-control label {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 28px;
  text-align: center;
  color: #000000
}

#earlyLeaseEnd .modal-content .modal-header {
  border-radius: 50px;
  font-size: 14px;
  font-weight: bold
}

#earlyLeaseEnd .modal-content .modal-body {
  font-size: 15px;
  font-weight: bold
}

#earlyLeaseEnd .modal-content .modal-body p:first-child {
  font-weight: bold;
  font-size: 16px
}

#earlyLeaseEnd .modal-content .modal-body p:nth-child(2) {
  font-size: 14px;
  font-weight: 200;
  font-style: normal
}

#earlyLeaseEnd .modal-content .modal-body ul {
  list-style-type: auto;
  font-style: normal;
  font-size: 13px;
  font-weight: 400
}

#earlyLeaseEnd .modal-content .modal-body ul li {
  margin-bottom: 8px
}

#earlyLeaseEnd .modal-content .modal-body ul li svg {
  width: 15px;
  margin-right: 5px
}

#earlyLeaseEnd .modal-content .modal-body ul li .i_container {
  font-style: normal;
  font-size: 13px;
  font-weight: 400
}

#earlyLeaseEnd .modal-content .modal-footer button {
  background-color: #FFC847;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  border: none;
  border-radius: 50px
}

#earlyLeaseEnd .modal-content .payment-methods table {
  text-align: center
}

#earlyLeaseEnd .modal-content .payment-methods table tbody {
  font-size: 14px;
  font-weight: 400
}

#earlyLeaseEnd .modal-content .payment-methods table tbody button {
  background-color: #FFC847;
  font-size: 14px;
  font-weight: 500;
  border-radius: 50px;
  padding: 5px 15px;
  border: none;
  color: #000000
}

.pointer {
  cursor: pointer
}

#howItWorks .agree {
  background: #FFC847;
  border-radius: 50px;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 23px;
  color: #000000;
  padding: 10px 25px;
  width: 50%;
  margin: auto
}

#howItWorks .container {
  padding: 0 50px
}

#howItWorks .container .pageHead .title {
  font-style: normal;
  font-weight: 900;
  font-size: 35px;
  line-height: 52px;
  color: #3B3838
}

#howItWorks .container .pageHead .cities {
  list-style-type: none;
  display: contents
}

#howItWorks .container .pageHead .cities li {
  float: left;
  padding: 10px 0px 9px 9px
}

#howItWorks .container .pageHead .cities li a {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 39px;
  letter-spacing: 0.02em;
  color: #0B5572;
  text-decoration: none
}

#howItWorks .container .pageHead .cities li::after {
  content: '|';
  padding-left: 5px;
  font-size: 12px;
  font-weight: 700
}

#howItWorks .container .pageHead .cities li:last-child::after {
  content: ''
}

#howItWorks .container .pageHead .faq {
  list-style-type: none
}

#howItWorks .container .pageHead .faq li a {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 33px;
  color: #000000;
  text-decoration: none
}

#howItWorks .container .pageHead .faq li::before {
  content: ">";
  padding: 10px 10px 0px 0;
  font-size: 20px
}

#howItWorks .container .pageHead .view-faq {
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 0.05em;
  padding: 10px 30px;
  color: #1D1B1B;
  text-decoration: none;
  border-radius: 50px
}

#howItWorks .container .pageHead .description {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  color: #000000
}

#howItWorks .what-we-offer {
  background-color: #F8F8F8;
  padding: 0 175px;
  border-top: 2px solid #DCDCDC !important
}

#howItWorks .what-we-offer .title {
  font-style: normal;
  font-weight: 900;
  font-size: 35px;
  line-height: 52px;
  color: #3B3838
}

#howItWorks .what-we-offer svg {
  width: 95%
}

#howItWorks .what-we-offer .details .title {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #3B3838
}

#howItWorks .what-we-offer .details .description {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  color: #000000;
  padding-right: 220px
}

#howItWorks .what-we-offer .details .less-line-height {
  line-height: 10px
}

#howItWorks .what-we-offer .details .message {
  font-weight: bold;
  font-size: 12px
}

#howItWorks .what-we-offer .details .offer-btn {
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 0.05em;
  color: #1D1D1D;
  text-decoration: none;
  padding: 10px 30px;
  border-radius: 50px;
  margin-right: 20px
}

#howItWorks .what-we-offer .details .contact-details {
  text-decoration: none;
  font-style: normal;
  font-size: 18px;
  line-height: 21px;
  color: #262626;
  margin-right: 25px
}

#howItWorks .what-we-offer .details .white-text-color {
  color: #fff
}

#howItWorks .blog {
  background-color: #F8F8F8;
  padding: 0 175px
}

#howItWorks .blog .title {
  font-style: normal;
  font-weight: 900;
  font-size: 35px;
  line-height: 52px;
  color: #3F3B3B
}

#howItWorks .blog .description {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  color: #3F3B3B
}

#howItWorks .blog .card {
  background: #FFFFFF;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding: 15px;
  margin: 0
}

#howItWorks .blog .card a {
  text-decoration: none
}

#howItWorks .blog .card .font {
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  color: #3B3838
}

#howItWorks .blog .card .blog-title {
  font-weight: 600;
  height: 40px
}

#howItWorks .blog .card .date {
  font-weight: 600;
  color: #F1B324
}

#howItWorks .blog .card .description {
  font-weight: 300
}

#howItWorks .blog .card .view-post {
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  color: #3B3838;
  width: fit-content
}

#howItWorks .blog .view-all-blog-post {
  width: auto;
  padding: 10px 30px;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 0.05em;
  border-radius: 50px;
  color: #353535
}

#howItWorks .morePackages .card p.description+p {
  min-height: 80px;
  font-style: normal;
  font-size: 13px;
  line-height: 22px;
  color: #3B3838
}

.studentsAndInternsDetailsPage {
  padding: 0 !important
}

.studentsAndInternsDetailsPage .student-content {
  padding: 25px 150px 20px;
  border-right: none !important
}

.studentsAndInternsDetailsPage .universities-logo {
  padding: 50px 95px 30px
}

.studentsAndInternsDetailsPage .student-content {
  background-color: #FFC847
}

.studentsPackages {
  padding: 10px 130px;
  background-color: #F8F8F8
}

.studentsPackages h4 {
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 19px;
  color: #000000
}

.studentsPackages .slick-prev:before,
.studentsPackages .slick-next:before {
  color: #000000
}

.studentsPackages select {
  border-radius: 5px;
  background: url(../images/down-arrow.svg) no-repeat 96% #fff !important;
  float: right
}

.studentsPackages select:focus {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25) !important
}

.studentsPackages select.select-room {
  margin-right: 20px
}

.studentsPackages .packagesSlider .card {
  box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.1), -4px 0px 4px rgba(0, 0, 0, 0.1), 0px -4px 4px rgba(0, 0, 0, 0.1), 0px 4px 4px rgba(0, 0, 0, 0.1)
}

.studentsPackages .packagesSlider .card img {
  height: 195px;
  object-fit: cover
}

.studentsPackages .packagesSlider .card .title {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 30px;
  color: #000000
}

.studentsPackages .packagesSlider .card .prices {
  list-style-type: none;
  margin: 0 auto;
  padding: 0
}

.studentsPackages .packagesSlider .card .prices li {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 23px;
  color: #262323;
  float: left;
  text-align: center;
  display: inline-block;
  padding: 8px
}

.studentsPackages .packagesSlider .card .prices li .price {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 23px;
  color: #161515
}

.studentsPackages .packagesSlider .card .prices li:nth-child(2) {
  transform: scale(1, 2);
  width: 20px;
  border: none;
  padding: 1px 0px;
  color: #D7D7D7;
  margin-top: 10px
}

.studentsPackages .packagesSlider .card .view-product .view-product-btn {
  background: #FFC847;
  border-radius: 50px;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  color: #000000;
  padding: 10px 25px
}

.studentsPackages .view-collection {
  display: inline-block;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 0.05em;
  color: #1A1818;
  border-radius: 50px;
  padding: 15px 25px;
  width: 300px;
  margin-right: 20px
}

.studentsPackages .view-collection a {
  text-decoration: none
}

.studentsPackages .view-collection img {
  height: 250px;
  width: 100%
}

.studentsPackages .view-collection p {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 19px;
  color: #000000
}

.section-1 .packagesSlider .card img {
  padding: 15px
}

.discountedSets {
  background: transparent
}

.discountedSets select {
  float: left
}

.discountedSets .slick-prev:before,
.discountedSets .slick-next:before {
  color: #000000
}

.clearance img {
  height: 250px
}

.clearance .set-title {
  min-height: 50px;
  font-size: 18px
}

.clearance a.view-product {
  background: #FFC847;
  border-radius: 50px;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 23px;
  color: #000000;
  padding: 10px 25px
}

#faq .head {
  padding: 35px 10px
}

#faq .head .faq-title {
  font-style: normal;
  font-weight: 900;
  font-size: 25px;
  line-height: 52px;
  color: #3B3838
}

#faq .content {
  background: #F8F8F8
}

#faq .content .accordion .accordion-item {
  background: #F8F8F8;
  border: none;
  margin-bottom: 14px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px
}

#faq .content .accordion .accordion-item .accordion-collapse {
  background: #fff
}

#faq .content .accordion .accordion-item .accordion-body h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #3B3838
}

#faq .content .accordion .accordion-item .accordion-body p,
#faq .content .accordion .accordion-item .accordion-body li {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #000000
}

#faq .content .accordion .accordion-item .accordion-body table thead {
  text-align: center;
  background: #EFEFEF;
  border-radius: 3px 3px 0px 0px
}

#faq .content .accordion .accordion-item .accordion-body table thead th {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  border: 1px solid #DEE2E6;
  padding: 20px 10px
}

#faq .content .accordion .accordion-item .accordion-body table tbody {
  text-align: center;
  background: #F8F8F8;
  border-radius: 3px
}

#faq .content .accordion .accordion-item .accordion-body table tbody td {
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  border: 1px solid #DEE2E6;
  padding: 20px 10px
}

#faq .content .accordion .accordion-button {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  color: #3B3838;
  background: #fff;
  border: none
}

#faq .content .accordion .accordion-button:focus {
  box-shadow: none
}

.comment_box .i_button {
  color: #ffffff;
  border-radius: 50px;
  text-decoration: none;
  padding: 10px 25px;
  font-weight: 600;
  border: none;
  background-color: #3B3838
}

.blog_details .dynamic-list ol {
  padding-left: 2rem
}

.blog_details .dynamic-list ::marker {
  font-weight: bold
}

.blog_details p {
  font-size: 12px
}

.blog_details a {
  font-size: 13px
}

#testimonials .slick-dots {
  position: absolute;
  bottom: 65px;
  left: 50%;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
  transform: translate(-50%, 10px)
}

#testimonials .slick-dots button {
  background-color: #D2D2D2
}

#testimonials .slick-dots li.slick-active button {
  background-color: #FFC847
}

#rentalTerms .h1 {
  font-style: normal;
  font-weight: 900;
  font-size: 35px;
  line-height: 52px;
  color: #3B3838
}

#rentalTerms h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  color: #3B3838
}

#rentalTerms p,
#rentalTerms li {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  margin-bottom: 10px
}

#businessPage .container {
  max-width: 1275px;
  padding: 40px 0 70px
}

#businessPage .container h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 48px;
  color: #3B3838
}

#businessPage .container .right-padding {
  padding-right: 20px
}

#businessPage .container .left-padding {
  padding-left: 20px
}

#businessPage .container .box .sectionImg {
  padding-right: 0
}

#businessPage .container .box .sectionImg img {
  width: 100%;
  height: -webkit-fill-available;
  object-fit: cover
}

#businessPage .container .box .content {
  background: #F6F6F6;
  padding: 30px
}

#businessPage .container .box .content .title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #3B3838
}

#businessPage .container .box .content .description {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #000000;
  min-height: 100px
}

#businessPage .container .box .content .view-btn {
  background: #949494;
  border-radius: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  padding: 8px 40px;
  text-decoration: none
}

#businessSinglePage section:nth-child(even) {
  background: #F6F6F6
}

#businessSinglePage .location {
  background: rgba(217, 217, 217, 0.25);
  border: 3px solid #FFFFFF;
  border-radius: 50px;
  bottom: 5%;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #FFFFFF;
  padding: 5px 15px
}

#businessSinglePage .location svg {
  width: 12px;
  height: 12px
}

#businessSinglePage .location.left {
  left: 5%
}

#businessSinglePage .location.right {
  right: 5%
}

#businessSinglePage .block-title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  color: #3B3838
}

#businessSinglePage #whyWorkWithUs {
  padding: 80px 0
}

#businessSinglePage #whyWorkWithUs img {
  width: 100%;
  height: -webkit-fill-available;
  object-fit: cover
}

#businessSinglePage #whyWorkWithUs .content {
  padding: 0 85px
}

#businessSinglePage #whyWorkWithUs .content h3.title {
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  color: #3B3838;
  margin-bottom: 25px
}

#businessSinglePage #whyWorkWithUs .content h4.title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  color: #3B3838
}

#businessSinglePage #whyWorkWithUs .content .description,
#businessSinglePage #whyWorkWithUs .content .features {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #000000
}

#businessSinglePage #whyWorkWithUs .content .description li,
#businessSinglePage #whyWorkWithUs .content .features li {
  padding-top: 10px
}

#businessSinglePage #furnishBlock p.sub-title {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  color: #3B3838
}

#businessSinglePage #furnishBlock .title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 25px;
  color: #3B3838
}

#businessSinglePage #furnishBlock .font-20 {
  font-size: 20px;
  min-height: 100px
}

#businessSinglePage #furnishBlock .description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #000000
}

#businessSinglePage #furnishBlock #studentFeaturesBlock .title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  color: #3B3838
}

#businessSinglePage #howItWorksBusiness {
  padding: 5px 0 80px
}

#businessSinglePage #howItWorksBusiness .client-box {
  background: #FFFEFE
}

#businessSinglePage #howItWorksBusiness .inhabitr-box {
  background: #ECECEC
}

#businessSinglePage #howItWorksBusiness .margin-1 {
  margin-top: 70px !important
}

#businessSinglePage #howItWorksBusiness .margin-2 {
  margin-top: 15px !important
}

#businessSinglePage #howItWorksBusiness img {
  width: 230px;
  height: 226px;
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.25));
  border-radius: 120px;
  text-align: center;
  margin: 0 auto !important;
  background: #fff;
  padding: 6px
}

#businessSinglePage #howItWorksBusiness .title {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  color: #000000
}

#businessSinglePage #howItWorksBusiness .title-block {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  color: #524F4F
}

#businessSinglePage #howItWorksBusiness .description {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #000000
}

#businessSinglePage #projects {
  padding: 80px 0
}

#businessSinglePage #projects img {
  height: -webkit-fill-available;
  object-fit: cover;
  cursor: pointer
}

#businessSinglePage #projects .description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000
}

#businessSinglePage #contactUs {
  padding: 80px 0
}

#businessSinglePage #contactUs .block-title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 33px;
  color: #3B3838
}

#businessSinglePage #contactUs .contact-desc {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 26px;
  color: #000000
}

#businessSinglePage #contactUs .title {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 33px;
  color: #000000
}

#businessSinglePage #contactUs p.address {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000000
}

#businessSinglePage #contactUs .details .sub-title {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 33px;
  color: #000000
}

#businessSinglePage #contactUs p.website {
  font-weight: bold;
  color: #000000
}

#businessSinglePage #contactUs .form-section form {
  padding: 20px 50px;
  border-top: 6px solid #FFC847;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 3px
}

#businessSinglePage #contactUs .form-section form .form-title {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 33px;
  color: #3B3838
}

#businessSinglePage #contactUs .form-section form label {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
  color: #000000
}

#businessSinglePage #contactUs .form-section form input,
#businessSinglePage #contactUs .form-section form select,
#businessSinglePage #contactUs .form-section form textarea {
  background: #f7f7f7;
  border: none;
  width: 100%;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 33px;
  padding: 10px 20px;
  border-radius: 0;
  color: #000000
}

#businessSinglePage #contactUs .form-section form select {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
  color: #626060;
  background-size: 10% !important
}

#businessSinglePage #contactUs .form-section form button {
  line-height: 13px !important;
  padding: 22px 55px !important
}

#businessSinglePage #contactUs #business-contact-us-form .alert-required {
  font-size: 12px
}

#businessSinglePage #contactUs #pillars {
  padding-bottom: 100px !important
}

#businessSinglePage #contactUs #pillars img {
  width: 220px;
  height: 220px;
  border-radius: 50%
}

#businessSinglePage #contactUs #pillars .name,
#businessSinglePage #contactUs #pillars .designation {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #000000
}

#businessSinglePage #contactUs #pillars .phone,
#businessSinglePage #contactUs #pillars .email {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #000000
}

#businessSinglePage #slider .slider-content .description {
  font-size: 18px !important;
  padding-right: 162px !important;
  line-height: 25px
}

#businessSinglePage #slider .slider-content .description li {
  padding-top: 10px
}

#businessSinglePage p.key {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  color: #373737
}

#businessSinglePage ul.key-contents {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 23px;
  color: #0661A4
}

#businessSinglePage ul.key-contents li:after {
  content: '|';
  padding: 0 5px
}

#businessSinglePage ul.key-contents li:last-child:after {
  content: '';
  padding: 0
}

#delivery-modal .orderSummarySection {
  background: transparent;
  box-shadow: none
}

#delivery-modal .orderSummarySection button.checkout {
  width: auto
}

#blog #productListing {
  padding: 65px 0
}

#blog #productListing h3.widgettitle {
  font-size: 18px;
  font-weight: 700
}

#blog #productListing #SubscribeNow input {
  font-size: 12px;
  height: 30px;
  width: 100%
}

#blog #productListing ul {
  list-style-type: none;
  padding-left: 10px
}

#not--found-page .box {
  padding: 0 80px
}

#not--found-page .box h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: #374D75
}

#not--found-page .box .not-found--desc {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: #000000
}

#not--found-page .box .back-to-home {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  text-decoration-line: underline;
  color: #000000
}

#not--found-page .box .back-to-home .go--to-home {
  width: 30px;
  height: 30px
}

#not--found-page .box .back-to-home .back--text {
  padding-top: 2px
}

#not--found-page .not-found--footer {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #000000
}

#comingSoon .slider-content {
  padding: 131px 163px 65px 93px
}

#comingSoon .slider-content .title {
  font-weight: bold;
  font-size: 27px;
  line-height: 36px;
  color: #111111
}

#comingSoon .slider-content .description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000
}

#comingSoon .slider-content .get-started {
  border-radius: 5px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #242424;
  border: none;
  padding: 10px 45px;
  text-decoration: none
}

#comingSoon .home-content {
  padding: 100px 30px 65px 93px
}

#comingSoon .home-content .home-title {
  font-style: normal;
  font-weight: 700;
  font-size: 29px;
  line-height: 40px;
  color: #292929
}

#comingSoon .home-content p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000
}

#comingSoon .home-content .highlighted-txt {
  color: #FFC847
}

#comingSoon .slider-images img {
  width: 100%;
  height: 470px;
  padding-right: 20px
}

#comingSoon .slider-images .slick-current img {
  width: 100%;
  height: 570px
}

#comingSoon .slider-images .slick-prev {
  display: none !important
}

#comingSoon .slider-images .slick-list {
  padding: 0 15% 0 0 !important
}

#comingSoon .slider-images .nextArrow {
  background: url(../images/coming-soon/next-arrow.svg) no-repeat !important;
  width: 75px;
  height: 75px;
  right: 40px;
  bottom: 50%
}

#comingSoon .slider-images .slick-dots {
  left: -15px
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir='rtl'] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

i.eye-open,
i.eye-close {
  display: inline-block;
  width: 25px;
  margin-right: 0px;
  right: 30px;
  position: relative;
  top: 10px
}

.product-listing #productListing #filter .card-price,
.product-listing .curatedListing #filter .card-price,
.curated-packages #productListing #filter .card-price,
.curated-packages .curatedListing #filter .card-price {
  min-height: 40px
}

.makeBold {
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 15px !important;
  line-height: 23px !important;
  color: #000000 !important;
  padding-top: 0px !important
}

.removeBold {
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  line-height: 23px !important;
  color: #605C5C !important;
  padding-top: 0px !important
}

#buildPage #roomsContent .productsContent .content .productImage span.edit:hover .swap-tooltip {
  z-index: 9
}

#buildPage #existingPackages .packagesSlider .card:hover .on-hover-show {
  display: block !important
}

#cart-content .room-name {
  padding: 1rem 2rem;
  background: #F7C132;
  font-weight: bold
}

.updated--sidebar .invalid-border {
  border: 1px solid #dc3545 !important
}

.updated--sidebar input[type="text"]:disabled,
button:disabled {
  cursor: not-allowed
}

.mobilePageDetailContainer .slick-prev:before,
.mobilePageDetailContainer .slick-next:before {
  color: black !important
}

#billingPage input[type='radio'],
#billingPage input[type='checkbox'] {
  width: 2rem;
  height: 2rem
}

#billingPage .checkbox_button input[type='checkbox'],
#billingPage .checkbox_button input[type='checkbox'] {
  background-color: white;
  border-radius: 50%;
  vertical-align: middle;
  border: 1px solid #000;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer
}

#billingPage input[type='radio'],
#billingPage input[type='checkbox'] {
  -webkit-appearance: none;
  border-radius: 50%;
  outline: none;
  border: 1px solid #000000
}

#billingPage input[type='radio']:hover,
#billingPage input[type='checkbox']:hover {
  box-shadow: 0 0 5px 0px orange inset
}

#billingPage input[type='radio']:before,
#billingPage input[type='checkbox']:before {
  content: '';
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% auto;
  border-radius: 50%
}

#billingPage input[type='radio']:checked:before,
#billingPage input[type='checkbox']:checked:before {
  background: #000000
}

#cartPage #anyAdditional .packagesSlider .card:hover .on-hover-show {
  display: block !important
}

#billingPage .cursor-auto {
  cursor: auto !important
}

#billingPage .morePackages .packagesSlider p.title {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  color: #000000
}

#billingPage .morePackages .card .card-price .price-section:first-child {
  border-right: 1px solid #D7D7D7
}

#billingPage .morePackages .card .card-price .price-section:first-child span.rent-price {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 10px;
  color: #000000
}

#billingPage .morePackages .card .card-price .price-category {
  padding-left: 20px
}

#billingPage .room-name {
  padding: 1rem 2rem;
  background: #F7C132;
  font-weight: bold
}

#billingPage .slick-prev,
#billingPage .slick-next {
  position: absolute;
  padding: 0px;
  z-index: 10 !important;
  top: 50%;
  opacity: 0.5 !important;
  height: 30px;
  width: 28px
}

#billingPage .slick-next {
  right: 45px !important
}

#billingPage .slick-prev {
  left: 45px !important
}

#billingPage .slick-prev:before,
#billingPage .slick-next:before {
  color: black !important
}

#billingPage .slick-prev:hover,
#billingPage .slick-next:hover {
  opacity: 1 !important
}

#billingPage .qty-label {
  line-height: 32px !important;
  font-size: 12px !important
}

#billingPage .zipcode-and-rent #quantity {
  padding: 0
}

#cartPage .orderDetailsSection #steps .md-stepper-horizontal,
#billingPage .orderDetailsSection #steps .md-stepper-horizontal,
#deliveryPage .orderDetailsSection #steps .md-stepper-horizontal {
  display: table;
  width: 30%;
  margin: 0 auto
}

#billingPage input[type='radio'],
#billingPage input[type='checkbox'] {
  width: 2rem;
  height: 2rem
}

#billingPage .checkbox_button input[type='checkbox'],
#billingPage .checkbox_button input[type='checkbox'] {
  background-color: white;
  border-radius: 50%;
  vertical-align: middle;
  border: 1px solid #000;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer
}

#billingPage input[type='radio'],
#billingPage input[type='checkbox'] {
  -webkit-appearance: none;
  border-radius: 50%;
  outline: none;
  border: 1px solid #000000
}

#billingPage input[type='radio']:hover,
#billingPage input[type='checkbox']:hover {
  box-shadow: 0 0 5px 0px orange inset
}

#billingPage input[type='radio']:before,
#billingPage input[type='checkbox']:before {
  content: '';
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% auto;
  border-radius: 50%
}

#billingPage input[type='radio']:checked:before,
#billingPage input[type='checkbox']:checked:before {
  background: #FFC847
}

.orderDetailsSection .bestTimes .disabled-time {
  pointer-events: none;
  opacity: 0.6
}

#addItemModal #load-more-btn-item {
  background-color: #F7C132;
  border: none;
  color: #000;
  font-weight: 600;
  border-radius: 20px;
  padding: 10px 30px
}

#addItemModal .modal-body .container .card p span i {
  margin-left: 5px
}

#buyNew .rent-sectionOne-heading {
  font-weight: bold;
  font-size: 27px;
  color: #111111
}

#buyNew .rent-sectionOne-subheading {
  font-weight: bold;
  font-size: 17px;
  line-height: 26px;
  color: #111111
}

#buyNew .rent-sectionOne-list {
  line-height: 30px
}

#buyNew .rent-start-shopping {
  background-color: #4B4949;
  border-radius: 50px;
  font-weight: 600;
  font-size: 19px;
  line-height: 33px;
  color: white;
  border: none;
  padding: 10px 45px;
  text-decoration: none
}

#buyNew .rent-start-shopping-link a:hover {
  color: white
}

#buyNew .card a {
  text-decoration: none
}

#buyNew .card a:hover {
  text-decoration: none;
  color: black
}

.clearancePage .regularPrice {
  text-decoration: line-through;
  font-style: normal;
  font-weight: 700;
  line-height: 23px;
  color: #605C5C;
  margin-right: 5px;
  font-size: 13px
}

#rentPage .rent-sectionOne-heading {
  font-weight: bold;
  font-size: 27px;
  color: #111111
}

#rentPage .rent-sectionOne-subheading {
  font-weight: bold;
  font-size: 17px;
  line-height: 26px;
  color: #111111
}

#rentPage .rent-sectionOne-list {
  line-height: 30px
}

#rentPage .rent-start-shopping {
  background-color: #4B4949;
  border-radius: 50px;
  font-weight: 600;
  font-size: 19px;
  line-height: 33px;
  color: white;
  border: none;
  padding: 10px 45px;
  text-decoration: none
}

#rentPage .rent-start-shopping-link a:hover {
  color: white
}

.wizard .ml-8 {
  margin-left: 8rem !important
}

.wizard .mr-8 {
  margin-right: 8rem !important
}

.wizard .rb_content .last-tile #categoryCarousel {
  padding: 30px 20px !important
}

.wizard .box-effect {
  padding: 10px
}

.wizard select {
  color: white
}

.wizard .option.active {
  border: 4px solid #F7C132
}

.wizard .begin-wizard {
  padding: 150px 70px 15px;
  margin-top: 140px
}

.wizard #rbSteps .step .updater select {
  width: 320px;
  padding: 10px 20px;
  height: 45px !important;
  font-size: 14px;
  font-weight: 500;
  background: url(../images/dark-dropdown.svg) no-repeat 96% #fff !important;
  background-size: 40px !important
}

#universityPage .slick-prev,
#universityPage .slick-next {
  position: absolute;
  padding: 0px;
  z-index: 10 !important;
  top: 40%;
  opacity: 0.5 !important;
  height: 30px;
  width: 28px
}

#universityPage .slick-next {
  right: -10px !important
}

#universityPage .slick-prev {
  left: -25px !important
}

#universityPage .slick-prev:before,
.slick-next:before {
  color: black !important
}

#universityPage .slick-prev:hover,
#universityPage .slick-next:hover {
  opacity: 1 !important
}

#universityPage #studentProductDiv .card:hover .on-hover-show,
#universityPage #studentPackageDiv .card:hover .on-hover-show {
  display: block !important
}

#auto--Package-Page .slick-prev:before,
#auto--Package-Page .slick-next:before {
  color: black !important
}

#buildPage #anyAdditional .packagesSlider .card:hover .on-hover-show {
  display: block !important
}

#buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms li span.message {
  background: #42A4EC
}

#roomsContent .filters-applied {
  background: url(../images/down-arrow.svg) no-repeat 96% #F4F4F4 !important;
  border-radius: 50px;
  border: none;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  color: #232323;
  padding: 5px 40px 5px 20px !important;
  border-bottom-color: transparent;
  -moz-appearance: none;
  -webkit-appearance: none;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25)
}

#roomsContent select.filters-applied {
  padding: 5px 30px 5px 15px !important
}

#roomsContent #addRoomModal .modal-body .card svg {
  width: 130px;
  height: 140px
}

#load-more-btn-item {
  background-color: #F7C132;
  border: none;
  color: #000;
  font-weight: 600;
  border-radius: 20px;
  padding: 10px 30px
}

#addItemModal .modal-body .container .card p span i {
  margin-left: 5px
}

#allSteps ul.step-navigation li a .step-count:hover {
  background-color: #314660 !important;
  color: white;
  opacity: 1
}

#allSteps .a-disabled {
  cursor: alias;
  pointer-events: none
}

@media only screen and (max-width: 767px) {
  .other-title {
    display: block
  }

  .tablet-title {
    display: none
  }

  .mobile-order-1 {
    order: 1 !important
  }

  .mobile-order-2 {
    order: 2 !important
  }

  .mobile-order-3 {
    order: 3 !important
  }

  .mobile-width-100 {
    width: 100%;
    margin: 0
  }

  .slick-slider {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0
  }

  .slick-prev {
    left: 10px !important;
    z-index: 2
  }

  .slick-prev:before {
    color: #000000 !important
  }

  .slick-next {
    right: 10px !important;
    z-index: 2
  }

  .slick-next:before {
    color: #000000 !important
  }

  .call-to-action {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    padding-left: 0;
    background: #fff;
    text-align: center;
    z-index: 111;
    padding: 30px !important;
    box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.1)
  }

  .call-to-action .btn {
    color: #000000;
    background: #FFC847
  }

  .action-buttons {
    width: 100% !important;
    border-radius: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    display: block !important
  }

  .action-buttons button {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important
  }

  .circle-bg {
    fill: none;
    stroke: #1c1c1c;
    stroke-width: 3
  }

  .circle {
    fill: none;
    stroke-width: 3.8;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards
  }

  @keyframes progress {
    0% {
      stroke-dasharray: 0 100
    }
  }

  .circular-chart.orange .circle {
    stroke: #FFD76F
  }

  .percentage {
    font-family: 'Poppins';
    font-style: normal;
    font-size: 0.5em;
    fill: #666;
    text-anchor: middle;
    font-weight: 500
  }

  .mobile-hide {
    display: none !important
  }

  .mobile-show {
    display: block !important
  }

  .call-to-action {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background: #fff;
    text-align: center;
    z-index: 11;
    padding: 30px 20px !important;
    box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.1);
    width: 100% !important;
    margin: 0 !important
  }

  .call-to-action .btn {
    color: #000000;
    background: #FFC847
  }

  .call-to-action button:first-child {
    float: left;
    margin-right: 15px
  }

  .call-to-action button:last-child {
    float: right;
    margin-right: 0
  }

  .mobile-margin-top-0 {
    margin-top: 0 !important
  }

  .mobile-scroll {
    overflow-x: auto;
    white-space: nowrap
  }

  .mobile-margin-20 {
    margin-top: 20px !important
  }

  .mobile-padding-zero {
    padding: 0 !important
  }

  .mobile-margin-zero {
    margin: 0 !important
  }

  #availableCities {
    z-index: 11111
  }

  .desktop-show {
    display: none !important
  }

  .desktop-hide {
    display: block !important
  }

  .morePackages .packagesSlider {
    padding: 0 15px
  }

  .morePackages .slick-arrow {
    z-index: 11
  }

  .morePackages .slick-arrow img {
    width: 35px
  }

  .morePackages .slick-next {
    right: -10px !important;
    border-radius: 50px
  }

  .morePackages .slick-previous {
    left: -15px !important;
    border-radius: 50px
  }

  .morePackages .packagesSlider .select-package {
    font-size: 11px !important
  }

  .morePackages .card img {
    height: 195px;
    object-fit: cover
  }

  #blog .blog_details .dynamic-list figure img {
    width: 100%;
    height: auto
  }

  footer.addMarginCallToAction {
    margin-bottom: 140px
  }

  .header-fixed {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1111
  }

  header input.search {
    background: url(../images/search-grey.svg) no-repeat 5.2% #F8F8F8 !important;
    padding: 10px 70px
  }

  header nav {
    padding: 0
  }

  header nav img.logo {
    width: 130px;
    margin: 0
  }

  header nav .navbar-brand {
    margin-left: -12px;
    margin-right: 0
  }

  header nav .navbar-nav {
    display: contents !important
  }

  header nav i.inhabitr-icon svg {
    width: 25px
  }

  header nav .navbar-toggler {
    padding: 0
  }

  header nav .navbar-toggler-icon {
    width: 1.3em;
    height: 1.3em
  }

  header nav .navbar-collapse {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1111;
    left: 0;
    top: 0;
    overflow: auto;
    background-color: #fff
  }

  header nav i.close svg {
    width: 40px
  }

  header nav .mobile-dropdown-menu {
    padding: 10px 35px
  }

  header nav .mobile-dropdown-menu img {
    width: 150px
  }

  header nav ul.inhabitr-navigator li {
    margin: 0 30px;
    border-bottom: 1px solid #E6E6E6;
    padding: 10px
  }

  header nav ul.inhabitr-navigator li a {
    text-align: left;
    line-height: 21px
  }

  header nav ul.inhabitr-navigator li .dropdown-toggle::after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    float: right;
    border: solid #FFC847;
    border-width: 3px 3px 0 0;
    display: inline-block;
    padding: 3px
  }

  header nav ul.inhabitr-navigator li a.show:after {
    transform: rotate(-225deg)
  }

  header nav ul.inhabitr-navigator li div.secondLevelMenu {
    width: 100% !important;
    min-width: 100% !important;
    border-top: 0;
    box-shadow: none !important;
    padding: 0 15px;
    height: auto !important
  }

  header nav ul.inhabitr-navigator li div.secondLevelMenu .megaMenuNavigation ul.megaMenuList li {
    padding: 10px 0px 5px 0px;
    width: auto !important;
    margin: 0 15px
  }

  header nav ul.inhabitr-navigator li div.secondLevelMenu .megaMenuNavigation ul.megaMenuList li:last-child {
    border-bottom: none
  }

  header nav ul.inhabitr-navigator li div.secondLevelMenu .megaMenuNavigation ul.megaMenuList li a {
    font-weight: 500
  }

  header nav ul.inhabitr-navigator li div.no-second--level-menu {
    display: none !important
  }

  header nav ul.inhabitr-navigator li .megasubmenu {
    left: 0;
    top: 0;
    min-width: auto
  }

  header nav ul.inhabitr-navigator li ul.firstLevelMenu {
    background-color: transparent;
    width: auto !important;
    left: 0;
    box-shadow: none !important;
    padding: 0;
    height: auto
  }

  header nav ul.inhabitr-navigator li ul.firstLevelMenu li a.desktop-link {
    display: none
  }

  header nav ul.inhabitr-navigator li ul.firstLevelMenu li a.mobile-link {
    display: block
  }

  header nav ul.inhabitr-navigator li ul.firstLevelMenu li a {
    padding-left: 10px;
    font-size: 14px;
    font-weight: 500
  }

  header nav ul.inhabitr-navigator li ul.firstLevelMenu li:hover {
    box-shadow: none !important
  }

  header nav ul.inhabitr-navigator li ul.selectedRooms {
    padding: 0 !important;
    box-shadow: none !important
  }

  header nav ul.inhabitr-navigator li ul.selectedRooms li.active {
    background: transparent;
    box-shadow: none !important
  }

  header nav ul.inhabitr-navigator li .dropdown-menu .has-submenu {
    padding: 10px 0px;
    border: 0;
    border-bottom: 1px solid #E6E6E6
  }

  header nav ul.inhabitr-navigator li .dropdown-menu .has-submenu:last-child {
    border: none
  }

  header nav ul.inhabitr-navigator li .dropdown-item {
    font-weight: 500
  }

  header nav ul.inhabitr-navigator li a {
    font-weight: 500
  }

  header nav ul.inhabitr-navigator li:last-child {
    border-bottom: none
  }

  header nav .megaMenuNavigation {
    display: block;
    height: 100%;
    overflow: auto
  }

  header nav .megaMenuNavigation ul.megaMenuList {
    height: auto !important
  }

  header .roomBuilderMenu {
    padding: 5px 0 !important
  }

  header .cart-item-count {
    top: -7px;
    left: 15px;
    padding: 2px 7px;
    border-radius: 50px;
    font-size: 9px;
    font-weight: 700;
    background-color: #F7C132;
    color: #000
  }

  header .navbar-light .navbar-toggler {
    border: 0
  }

  #slider .slider-images img {
    width: 100%;
    height: 250px
  }

  #slider .slick-dots {
    justify-content: left;
    bottom: -40px !important;
    left: 35%;
    text-align: left
  }

  #slider .slick-dots button {
    width: 0.9rem;
    height: 0.9rem
  }

  .search--container {
    padding: 15px 0 5px;
    margin-top: 5px;
    margin-right: 0 !important;
    position: fixed;
    top: 75px;
    z-index: 111;
    background: #fff;
    width: 100%;
    left: 12px
  }

  footer.main-footer {
    padding: 20px;
    padding-bottom: 25px
  }

  footer.main-footer .footer-hide {
    display: none
  }

  footer.main-footer .footerNavigation {
    margin-top: 20px
  }

  footer.main-footer .footerNavigation h5.title {
    background: url(../images/down-arrow.svg) no-repeat 100% !important
  }

  footer.main-footer .footerNavigation .footer-content {
    padding: 15px 20px 0px
  }

  footer.main-footer .copyright {
    float: left;
    margin-top: 15px
  }

  footer.main-footer .mobile-footer a {
    display: block;
    text-align: center
  }

  footer.main-footer .mobile-footer .description {
    text-align: center
  }

  footer.main-footer .mobile-footer .newsletter-subscription {
    margin: 0 30px
  }

  footer.main-footer .mobile-footer .newsletter-btn {
    margin: 0 95px
  }

  footer.main-footer .chat-content i.chat-icon svg {
    right: 20px;
    bottom: 20px
  }

  footer.main-footer .chat-content i.go-top svg {
    bottom: 80px !important;
    right: 15px
  }

  .home-slick .slick-dots {
    bottom: 0px !important
  }

  #slider .mobile-position {
    display: flex;
    flex-flow: column;
    width: 100%;
    margin: 0
  }

  #slider .slider-content {
    padding: 10px 30px
  }

  #slider .slider-content .get-started {
    margin: 10px 0px 51px 0px
  }

  #slider .slider-content .description {
    padding-right: 0;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.04em
  }

  #slider .home-content {
    order: 2;
    padding: 60px 20px 40px 40px
  }

  #slider .home-content .home-title {
    font-size: 20px;
    line-height: 1.3
  }

  #slider .home-content p {
    font-size: 15px !important
  }

  #slider .slider-images {
    order: 1;
    padding: 0
  }

  #furnishYourSpace {
    padding: 10px 25px 15px
  }

  #furnishYourSpace .furnishContent {
    padding: 0
  }

  #furnishYourSpace .furnishContent .title {
    font-size: 16px;
    line-height: 21px;
    min-height: 40px
  }

  #furnishYourSpace .furnishContent div.img {
    padding: 15px 0px 0px
  }

  #furnishYourSpace .furnishContent div.img svg {
    width: 70%
  }

  #studentsAndInterns {
    padding: 30px 10px
  }

  #studentsAndInterns .divider .row {
    width: 100%;
    margin: 0
  }

  #studentsAndInterns .student-content {
    padding-right: 0;
    border-right: none
  }

  #studentsAndInterns .universities-logo ul {
    padding: 0;
    margin-top: 40px !important
  }

  #studentsAndInterns .universities-logo ul li img {
    width: 100%
  }

  #featuredFurniture {
    background-color: #FFC847;
    padding: 50px 10px
  }

  #featuredFurniture .featured-slider {
    width: 100% !important;
    margin-bottom: 25px
  }

  #featuredFurniture .featured-slider .slick-dots {
    bottom: -30px !important
  }

  #featuredFurniture .featured-slider .slick-dots li.slick-active button {
    background: #000
  }

  #featuredFurniture .furniture-images img.main-img {
    width: 300px
  }

  #featuredFurniture .furniture-images img.display-img {
    width: 120px;
    height: 100px;
    bottom: 15px
  }

  #featuredFurniture .furniture-images .furniture-title {
    font-size: 15px
  }

  #featuredFurniture .furniture-content {
    padding: 10px 12px
  }

  #roomBuilderSection .rb-container {
    text-align: center;
    margin: 30px 30px 0
  }

  #roomBuilderSection .rb-container .title {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 36px;
    color: #000000;
    padding: 0 12px
  }

  #roomBuilderSection .rb-container .content {
    padding-right: 0 !important
  }

  #roomBuilderSection .rb-container .room-svg i {
    position: relative !important;
    top: 0
  }

  #roomBuilderSection .rb-container .room-svg img {
    margin: 0
  }

  #roomBuilderSection .rb-container .content .title {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 36px;
    color: #000000;
    padding: 0;
    margin-top: 40px
  }

  #testimonials {
    background: #F8F8F8;
    margin-top: 0;
    padding: 25px 0 70px
  }

  #testimonials .slick-dots {
    bottom: 20px
  }

  #testimonials .slick-dots button {
    background-color: lightgray
  }

  #testimonials .slick-dots li.slick-active button {
    background-color: #FFC847
  }

  #testimonials .testimonial-content {
    padding: 50px 30px
  }

  #testimonials .testimonial-content .quote {
    font-size: 15px;
    line-height: 25px;
    position: relative;
    margin-top: 45px
  }

  #testimonials .testimonial-content .quote span svg {
    fill: black;
    opacity: .1
  }

  #testimonials .testimonial-content .quote span.top {
    top: -20px;
    left: 0
  }

  #testimonials .testimonial-content .quote span.bottom {
    bottom: -20px;
    right: 0
  }

  #testimonials .testimonial-content .quote .right-quote-0 {
    left: 0
  }

  #testimonials .testimonial-content .quote .left-quote-0 {
    right: 0
  }

  #testimonials .testimonial-content .author {
    font-size: 14px;
    line-height: 21px;
    padding-top: 10px !important
  }

  #testimonials .testimonial-content .right-quote {
    left: -5px;
    top: 120px
  }

  #testimonials .testimonial-content .left-quote {
    right: -4px;
    bottom: 120px
  }

  #instagramBlock {
    padding: 40px 10px 0
  }

  #instagramBlock h5.title {
    font-size: 24px;
    line-height: 34px
  }

  #instagramBlock h5.title span {
    padding-right: 40px
  }

  #instagramBlock i svg {
    position: absolute;
    top: -58px;
    right: -8px
  }

  #instagramBlock .description {
    padding-right: 0
  }

  #instagramBlock img.main-img {
    width: 100%;
    height: 100%
  }

  #instagramBlock ul.gallery {
    margin-top: 25px
  }

  #instagramBlock ul.gallery img {
    width: 100%;
    height: 110px
  }

  #breadcrumbs .container,
  #title_block .container {
    padding: 20px;
    margin: 0 !important
  }

  #title_block {
    padding: 0
  }

  #title_block i {
    width: 100%;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    color: #3B3838;
    margin-bottom: 15px
  }

  #title_block h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    color: #3B3838
  }

  #title_block p {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #000000
  }

  i.rb_title svg {
    width: 75px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px
  }

  .button-container .beginBtn {
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 23px;
    letter-spacing: 0.04em;
    padding: 20px 90px
  }

  .button-container .checkoutBtn {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 33px;
    padding: 10px 30px;
    border-radius: 30px;
    float: none !important
  }

  .button-container .checkoutBtn .price {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 33px;
    color: #000000
  }

  .rb_content #categoryCarousel .item {
    text-align: center;
    margin-right: 10px;
    padding: 25px 15px;
    width: 43%;
    margin-bottom: 30px !important
  }

  .rb_content #categoryCarousel .item p {
    font-size: 13px;
    line-height: 20px
  }

  .rb_content .slick-slider .slick-track {
    width: 100% !important
  }

  .rb_content svg {
    width: 125px
  }

  #buildPage .build-page-padding {
    padding: 0 20px
  }

  #buildPage #yourRooms .filter-rooms {
    padding-left: 0;
    border-bottom: 0;
    padding-bottom: 0 !important;
    padding-top: 30px !important
  }

  #buildPage #yourRooms .filter-rooms .lease-length-content {
    margin: 15px 10px 0;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    padding: 10px
  }

  #buildPage #yourRooms .filter-rooms .lease-length-content label {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 23px;
    color: #000000;
    padding: 0
  }

  #buildPage #yourRooms .filter-rooms .lease-length-content div:nth-child(2) {
    padding: 0
  }

  #buildPage #yourRooms h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
    color: #524C4C
  }

  #buildPage #addAllRoomsToCart .add-rooms-to-cart div:first-child {
    text-align: center
  }

  #buildPage #addAllRoomsToCart .add-rooms-to-cart .text-center {
    order: 2;
    margin-bottom: 15px
  }

  #buildPage #addAllRoomsToCart .add-rooms-to-cart .checklist_container {
    height: 140px
  }

  #buildPage #addAllRoomsToCart .add-rooms-to-cart .checklist_container button.restart--selection {
    top: 10px
  }

  #buildPage #addAllRoomsToCart .add-rooms-to-cart .checklist_container button.btn-add-rooms-to-cart {
    bottom: 20px;
    margin-top: 0 !important
  }

  #buildPage #breadcrumbs .container {
    padding: 10px 0 !important
  }

  #buildPage .monthUpdater {
    margin-top: 0;
    justify-content: flex-end
  }

  #buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms {
    margin-top: 30px;
    width: auto;
    overflow: scroll;
    padding: 0
  }

  #buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms {
    padding: 5px 10px 40px
  }

  #buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms li {
    font-size: 12px;
    padding: 20px 30px 40px
  }

  #buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms li svg {
    width: 100px
  }

  #buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms li span.message {
    font-size: 8px;
    padding: 0;
    position: absolute;
    width: 85%;
    left: 12px
  }

  #buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms li:first-child {
    margin-left: 10px;
    padding: 23px 40px !important
  }

  #buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms li:first-child p {
    font-size: 10px !important
  }

  #buildPage #addAllRoomsToCart .add-rooms-to-cart .list-of-rooms ul.rooms li .select_this_room {
    padding-top: 0
  }

  #buildPage #roomsContent .productsContent .content .action-buttons {
    left: 75px;
    top: 50%
  }

  #buildPage #roomsContent .productsContent .content .action-buttons button.view-details {
    display: none !important
  }

  #buildPage #roomsContent .productsContent .content.item_block .productImage {
    height: 270px
  }

  #buildPage #roomsContent .productsContent .content.item_block .action-buttons {
    left: 78px;
    top: 63%;
    height: auto !important
  }

  #buildPage #roomsContent .productsContent .content.item_block .action-buttons button {
    width: 115px !important;
    font-size: 12px !important;
    height: 35px !important;
    padding: 0;
    margin: 12px auto
  }

  #buildPage #roomsContent .productsContent .content.item_block .action-buttons button.swap-item {
    background: #FFC847 !important;
    color: #000000
  }

  #buildPage #roomsContent .productsContent .content.item_block .action-buttons button.view-details {
    background: #000000 !important;
    color: #ffffff;
    display: block !important
  }

  #buildPage #roomsContent .productsContent .content.item_block .action-buttons .swap-btn-tooltip-container {
    display: none !important
  }

  #buildPage #roomsContent .productsContent .content .productImage i svg {
    width: 155px
  }

  #buildPage #roomsContent .productsContent .content .productImage img {
    height: 155px;
    padding: 30px 0 0
  }

  #buildPage .productsContent {
    margin-top: 20px
  }

  #buildPage .productsContent .mobile-box {
    padding: 0 5px;
    margin-bottom: 10px !important
  }

  #buildPage .productsContent .last-tile i {
    width: 65px
  }

  #buildPage .packagesSlider div.col-md-3 {
    margin-bottom: 20px;
    padding: 10px 30px
  }

  #buildPage #anyAdditional .card img {
    padding-top: 0 !important;
    width: auto;
    object-fit: contain;
    margin: 0
  }

  .modal-content {
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
    margin-top: 100px
  }

  .modal-content .modal-header {
    margin-bottom: 0 !important
  }

  .modal-content .modal-header .btn-close {
    margin: 0.5rem 0.5rem -0.5rem auto
  }

  .modal-dialog {
    margin: 0
  }

  #addItemModal .active--set .user--selected-set {
    left: 13% !important
  }

  #addItemModal .modal-body .container {
    max-width: 100%;
    padding-left: 0
  }

  #addItemModal .modal-body .container .col-6 {
    padding-right: 0
  }

  #addItemModal .modal-header .btn-close {
    top: 20px
  }

  #addItemModal .modal-body {
    margin-top: 0
  }

  #addItemModal .modal-body .action-buttons .swap-item {
    display: none !important
  }

  #addItemModal .modal-body .action-buttons .view-details {
    display: block !important
  }

  #addItemModal .modal-body .container #filter .filter-sidebar {
    margin: 0 0 25px
  }

  #addItemModal .modal-body .container .card img {
    margin-top: 35px;
    height: 80px
  }

  #addItemModal .modal-body .container .filter-container {
    margin-bottom: 30px
  }

  #addItemModal .modal-body .container .filter-container i.inhabitr-icon svg {
    width: 45px;
    height: 40px
  }

  #addItemModal .products--with-filter .container .product-listing #productListing #filter .filter-sidebar {
    top: 95px;
    padding: 30px 35px !important;
    height: 100%;
    overflow-y: scroll;
    width: 100% !important;
    box-shadow: none;
    border-top-left-radius: 38px;
    border-top-right-radius: 38px;
    border: 2px solid
  }

  #addItemModal .products--with-filter .container .product-listing #productListing #filter .filter-sidebar .filterHead h2 {
    padding: 0 0 10px;
    border: 0
  }

  #addItemModal .products--with-filter .container .product-listing #productListing #filter .filter-sidebar .filterHead .mobile-filter-icon {
    top: 27px !important;
    left: -275px
  }

  #addItemModal .products--with-filter .container .product-listing #productListing #filter .filter-sidebar .curated-filter {
    padding: 10px 50px;
    margin-bottom: -15px !important
  }

  #addItemModal .button-container .beginBtn {
    padding: 20px
  }

  #addRoomModal .modal-body {
    padding: 0 10px
  }

  #holdUp .modal-content .modal-body .same-font-style {
    width: 85%
  }

  #addRoomModal .modal-body .categories {
    padding-left: 0
  }

  #buildPage #roomsContent .productsContent .last-tile .productImage {
    padding: 25px 0px 14px 0px
  }

  #buildPage #roomsContent .productsContent .last-tile p {
    font-size: 10px !important
  }

  #addItemModal .auto-pack-alignment {
    padding: 0 15px
  }

  #addItemModal .auto-pack-alignment .slick-arrow {
    z-index: 11;
    position: absolute;
    top: 60px
  }

  #addItemModal .auto-pack-alignment .slick-arrow img {
    width: 25px !important;
    height: auto !important;
    margin-top: 0 !important
  }

  #addItemModal .auto-pack-alignment .slick-previous {
    left: -20px
  }

  #addItemModal .auto-pack-alignment .slick-next {
    right: -20px !important
  }

  #addItemModal .auto-pack-alignment button.slick-previous {
    left: -15px;
    z-index: 11
  }

  #addItemModal .auto-pack-alignment button.slick-next {
    top: 50%;
    left: 90%
  }

  #addItemModal .modal-body .container .card p {
    height: 55px
  }

  .detailsPage button.close {
    right: 15px;
    top: 10px
  }

  .detailsPage .modal.left .modal-dialog {
    width: inherit;
    max-width: 100% !important
  }

  .detailsPage .modal.left .modal-dialog .modal-content {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px
  }

  .detailsPage .modal.left .modal-body {
    padding: 0 15px 80px;
    margin-top: 100px
  }

  .detailsPage .modal.left .modal-body .cart-block {
    padding: 0 20px
  }

  .detailsPage .modal.left .modal-body .productDiscounted {
    padding: 0
  }

  .detailsPage .modal.left .modal-body .new-design .new-price-section {
    margin-right: 25px
  }

  .detailsPage .modal.left .modal-body .new-design .new-price-section .new-card {
    padding: 0
  }

  .detailsPage .modal.left .modal-body .new-design .new-price-section .new-card label {
    text-align: center;
    float: inherit;
    width: 100%
  }

  .detailsPage .modal.left .modal-body .new-design .new-price-section .new-card .productSliders img {
    height: 60px
  }

  .detailsPage .modal.left .modal-body .new-design .new-price-section .new-card .productSliders .swap-icon {
    top: 5px;
    right: 5px
  }

  .detailsPage .modal.left .modal-body .new-design .new-price-section h1 {
    font-size: 23px;
    line-height: 36px
  }

  .detailsPage .modal.left .modal-body .new-design .new-price-section .price-section {
    padding: 0;
    margin: 0 20px
  }

  .detailsPage .modal.left .modal-body .new-design .new-price-section .price-section li {
    margin-right: 0
  }

  .detailsPage .modal.left .modal-body .new-design .new-price-section .price-section .separate-first {
    left: 181px
  }

  .detailsPage .modal.left .modal-body .new-design .new-price-section ul.slick-dots {
    bottom: -30px;
    left: 40%
  }

  .detailsPage .modal.left .modal-body .new-design .new-price-section ul.slick-dots li {
    background: lightgrey;
    border-radius: 50px
  }

  .detailsPage .modal.left .modal-body .new-design .qtySection {
    padding: 0 15px
  }

  .detailsPage .modal.left .modal-body .auto-pack-popup .go-to-rb-section {
    margin-bottom: 300px
  }

  .detailsPage .modal.left .modal-body ul.image-slider {
    margin-bottom: 0;
    padding: 0 20px
  }

  .detailsPage .modal.left .modal-body ul.image-slider li img {
    height: 200px;
    object-fit: contain
  }

  .detailsPage .other-details p.desc {
    height: 500px
  }

  .detailsPage .new-add-to-cart {
    float: none !important
  }

  .detailsPage #details-popup .new-design .go-to-rb-section .col-md-3,
  .detailsPage #details-popup .new-design .go-to-rb-section .col-md-9 {
    width: 100%
  }

  #howItWorks .txt-center {
    text-align: center;
    justify-content: center
  }

  #howItWorks .container {
    padding: 10px 20px
  }

  #howItWorks .container .pageHead .cities li {
    padding: 0px 0px 5px 10px
  }

  #howItWorks .container .pageHead .faq li a {
    font-size: 13px
  }

  #howItWorks .what-we-offer {
    padding: 10px 30px
  }

  #howItWorks .what-we-offer .details .description {
    padding-right: 0;
    line-height: 30px
  }

  #howItWorks .what-we-offer .details .less-line-height {
    line-height: 25px
  }

  #howItWorks .what-we-offer .details .offer-btn {
    padding: 10px 15px;
    margin-right: 10px
  }

  #howItWorks .what-we-offer .details .contact-details {
    display: block
  }

  #howItWorks .blog {
    padding: 10px 30px
  }

  #howItWorks .blog .card {
    margin-bottom: 30px
  }

  #studentsAndInterns .student-content {
    padding: 40px 25px !important
  }

  #studentsAndInterns .student-content .description {
    padding-right: 0
  }

  #studentsAndInterns .universities-logo {
    padding: 0px 25px
  }

  .studentsPackages {
    padding: 30px 20px !important;
    margin-bottom: 50px
  }

  .studentsPackages .mobile-display-content {
    display: contents
  }

  .studentsPackages select {
    width: 80%;
    margin: auto;
    margin-bottom: 20px
  }

  .studentsPackages select.select-room {
    margin-right: auto
  }

  .studentsPackages .packagesSlider .card {
    margin-bottom: 40px
  }

  .studentsPackages .view-collection {
    font-size: 10px;
    padding: 8px 15px;
    width: auto;
    margin-right: 0
  }

  .studentsPackages div:first-child {
    margin-top: 0 !important
  }

  .product-listing #breadcrumbs {
    padding: 15px 15px 0px;
    overflow: hidden
  }

  .product-listing #breadcrumbs h1 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    color: #000000;
    padding-top: 10px
  }

  .product-listing #breadcrumbs .navigation {
    padding: 15px 5px 5px;
    border-bottom: 5px solid #FFC847;
    margin-bottom: 0 !important
  }

  .product-listing #breadcrumbs .navigation .title {
    margin-top: -5px;
    padding: 0 20px
  }

  .product-listing #breadcrumbs .navigation nav {
    padding-left: 10px
  }

  .product-listing #breadcrumbs .navigation nav ol.breadcrumb li a {
    font-size: 10px
  }

  .product-listing #breadcrumbs .navigation .filter-container {
    margin: 0
  }

  .product-listing #breadcrumbs .navigation h6 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 23px;
    color: #000000;
    padding-top: 0 !important
  }

  .product-listing #breadcrumbs .navigation h1 {
    font-size: 18px;
    line-height: 25px
  }

  .product-listing #breadcrumbs .mobile-filter {
    width: 100%;
    margin: 7px 0;
    border-radius: 25px;
    font-style: normal;
    font-weight: 800;
    font-size: 12px;
    line-height: 27px;
    color: #2D2A2A
  }

  .product-listing #breadcrumbs .curated-nav svg {
    width: 25px
  }

  .product-listing #productListing {
    padding: 25px 25px
  }

  .product-listing #productListing #filter .product-content .card {
    width: auto
  }

  .product-listing #productListing #filter .filter-sidebar {
    display: none;
    position: fixed !important;
    background: #fff;
    top: 80px;
    left: 0;
    z-index: 2;
    height: 100%;
    overflow: scroll;
    padding: 35px 35px !important;
    box-shadow: 6px -1px 5px rgba(0, 0, 0, 0.25)
  }

  .product-listing #productListing #filter .filter-sidebar .filterHead {
    border-bottom: 5px solid #FFC847
  }

  .product-listing #productListing #filter .filter-sidebar .filterHead .mobile-filter-icon {
    top: 75px !important;
    left: -275px
  }

  .product-listing #productListing #filter .filter-sidebar .filterHead .mobile-filter-icon svg {
    background: #FFC847;
    width: 30px;
    border-radius: 50px
  }

  .product-listing #productListing #filter .filter-sidebar .filterHead .inhabitr-icon svg {
    float: right
  }

  .product-listing #productListing #filter .filter-sidebar .filterHead h2,
  .product-listing #productListing #filter .filter-sidebar .filterHead .filter-title-main {
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 23px;
    color: #000000;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 10px
  }

  .product-listing #productListing #filter .filter-sidebar .filterHead .showing-text {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 23px;
    color: #000000;
    display: block
  }

  .product-listing #productListing #filter .filter-sidebar .mobile-filter-content {
    padding-left: 30px;
    border-bottom: 1px solid #E5E5E5
  }

  .product-listing #productListing #filter .filter-sidebar .mobile-filter-content .title h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.02em;
    color: #2D2A2A
  }

  .product-listing #productListing #filter .filter-sidebar .mobile-filter-content select {
    width: 80%
  }

  .product-listing #productListing #filter .filter-sidebar .mobile-divider {
    padding: 15px 30px;
    border-bottom: 1px solid #E6E6E6
  }

  .product-listing #productListing #filter .filter-sidebar .mobile-divider h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.02em;
    color: #2D2A2A
  }

  .product-listing #productListing #filter .filter-sidebar #color-filter {
    margin-bottom: 150px
  }

  .product-listing #productListing #filter h5 {
    min-height: auto
  }

  .product-listing #productListing #filter .card-price {
    min-height: auto
  }

  .mobilePageDetailContainer {
    padding: 0
  }

  .new-design .padding-left {
    padding-left: 20px
  }

  .new-design .monthUpdater .input-month {
    width: 20px
  }

  .new-design .description_content p {
    padding: 0 10px
  }

  .new-design .monthUpdater .input-group-btn button,
  .new-design .monthUpdater .month-text button {
    padding: 0px 5px;
    font-size: 14px
  }

  .new-design .included-items {
    border-radius: 5px;
    background-color: #E2E2E2 !important;
    width: 100%;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 33px;
    text-align: left;
    color: #182836;
    margin: 0 25px
  }

  .new-design .variations_row select {
    width: 100%
  }

  .new-design .new-price-section {
    background: transparent;
    box-shadow: none
  }

  .new-design .new-price-section .new-card {
    padding: 0
  }

  .new-design .new-price-section .new-card label {
    float: left
  }

  .new-design .new-price-section .new-card .buy-calculator-link {
    padding: 0;
    justify-content: flex-end
  }

  .new-design .new-price-section .new-card .buy-calculator-link a {
    font-size: 10px
  }

  .new-design .new-price-section .new-card .new-add-to-cart,
  .new-design .new-price-section .new-card .btn-customize {
    padding: 18px 30px;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 23px;
    color: #3B3838
  }

  .new-design .new-price-section .new-card .btn-customize {
    background-color: #000000;
    color: #ffffff
  }

  .new-design .new-price-section .new-card .product_description {
    display: inline
  }

  .new-design .new-price-section .price-section {
    margin-top: 20px !important;
    margin: 0 50px
  }

  .new-design .new-price-section .price-section .seperator {
    height: 75px
  }

  .new-design .new-price-section .price-section .separate-first {
    left: 155px
  }

  .new-design .new-price-section .price-section li.price-list {
    min-width: 90px;
    padding: 14px 10px 0px 7px
  }

  .new-design .new-price-section .price-section li.price-list .actual-price {
    font-size: 14px;
    line-height: 23px
  }

  .new-design .new-price-section .price-section li.price-list .priceForMonth {
    font-size: 12px
  }

  .new-design .new-price-section .div-line {
    padding: 0;
    display: inline-flex;
    width: 100%
  }

  .new-design .new-price-section .div-line i {
    margin-left: 5px
  }

  .new-design .new-price-section .div-line li {
    display: flex;
    min-width: auto
  }

  .new-design .new-price-section .div-line li .monthUpdater {
    margin-top: 0;
    padding-left: 0 !important
  }

  .new-design .qtySection .qtyUpdator {
    width: 100% !important
  }

  .new-design .furniture_included h5 {
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 30px;
    text-align: center;
    color: #3B3838
  }

  .new-design .boxDetailView {
    background: #ffffff;
    margin-top: 0 !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    padding-top: 0 !important
  }

  .new-design .boxDetailView #anyAdditional {
    display: unset
  }

  .new-design .boxDetailView #anyAdditional .slick-next {
    right: -12px !important
  }

  .new-design .boxDetailView #anyAdditional .slick-prev {
    left: -12px !important
  }

  .new-design .boxDetailView #anyAdditional .packagesSlider {
    margin: 0 auto
  }

  .new-design .boxDetailView .top-line {
    padding-bottom: 0 !important
  }

  .new-design .boxDetailView .top-line .card-body {
    padding: 0
  }

  .new-design .boxDetailView .top-line .card-body .slick-prev {
    left: 20px !important;
    z-index: 111
  }

  .new-design .boxDetailView .top-line .packagesSlider .slick-next {
    right: -5px !important
  }

  .new-design .boxDetailView .mobile-tabs {
    margin-top: 20px
  }

  .new-design .boxDetailView .mobile-tabs ul {
    list-style-type: none;
    display: flex;
    padding: 0
  }

  .new-design .boxDetailView .mobile-tabs ul li {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
    color: #000000
  }

  .new-design .boxDetailView .mobile-tabs ul li span.list {
    padding: 5px 15px
  }

  .new-design .boxDetailView .mobile-tabs ul li:after {
    content: "|"
  }

  .new-design .boxDetailView .mobile-tabs ul li:last-child:after {
    content: ""
  }

  .new-design .boxDetailView .mobile-tabs ul li.active {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
    color: #000000;
    border-radius: 5px
  }

  .new-design .boxDetailView .mobile-tabs ul li.active span.list {
    background: #FFC847;
    margin: 10px;
    border-radius: 5px
  }

  .new-design .boxDetailView .mobile-tabs ul li.active:after {
    font-weight: normal
  }

  .new-design .boxDetailView .card {
    margin: 0
  }

  .new-design .boxDetailView .included-item-list .count {
    padding: 5px 11px;
    font-size: 12px
  }

  .new-design .boxDetailView .included-item-list .included-furnitures {
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    margin: 10px
  }

  .new-design .boxDetailView .included-item-list .included-furnitures .col-md-3 {
    order: 1;
    margin-bottom: 15px;
    margin-top: 20px !important
  }

  .new-design .boxDetailView .included-item-list .included-furnitures .col-md-2 {
    order: 2;
    margin-top: 0 !important
  }

  .new-design .boxDetailView .included-item-list .included-furnitures .col-md-6 {
    order: 3;
    margin-top: 0 !important;
    padding: 0 40px 0px 0 !important
  }

  .new-design .boxDetailView .included-item-list .included-furnitures .image_holder {
    justify-content: center
  }

  .new-design .boxDetailView .included-item-list .included-furnitures .item-name {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 26px;
    color: #000000
  }

  .new-design .boxDetailView .included-item-list .included-furnitures p.m-0 {
    font-size: 12px;
    font-weight: normal
  }

  .new-design .boxDetailView .included-item-list .included-furnitures ul {
    height: 75px;
    overflow: auto
  }

  .new-design .boxDetailView .included-item-list img {
    margin-top: 20px
  }

  .new-design .boxDetailView .included-item-list .slick-previous {
    left: 10px
  }

  .new-design .boxDetailView .included-item-list .slick-next {
    right: 20px !important
  }

  .new-design .boxDetailView .included-item-list .slick-arrow {
    position: absolute;
    top: 130px;
    z-index: 1
  }

  .new-design .boxDetailView .included-item-list .slick-arrow img {
    width: 40px;
    height: auto
  }

  .new-design .desc-div {
    border-left: 0px;
    padding-left: 0;
    margin: 0;
    padding-top: 0 !important
  }

  .new-design .desc-div .product_description {
    padding-bottom: 0 !important
  }

  .new-design .benefits-list .benefits-list-text ul li:first-child,
  .new-design .benefits-list .benefits-list-text ul li:nth-child(2),
  .new-design .benefits-list .benefits-list-text ul li:nth-child(3) {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 36px;
    letter-spacing: 0.03em;
    color: #000000
  }

  .new-design .benefits-list .white-glove ul li:first-child,
  .new-design .benefits-list .white-glove ul li:nth-child(2),
  .new-design .benefits-list .white-glove ul li:nth-child(3),
  .new-design .benefits-list .inhabitr-rates ul li:first-child,
  .new-design .benefits-list .inhabitr-rates ul li:nth-child(2),
  .new-design .benefits-list .inhabitr-rates ul li:nth-child(3) {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.03em;
    color: #000000
  }

  .new-design #pageTitle_breadcrumb {
    margin: 0;
    background-color: #F8F8F8 !important
  }

  .new-design #pageTitle_breadcrumb .remove-margin-mobile {
    margin-top: 0 !important;
    padding: 40px 0 0 7px
  }

  .new-design .productGallery {
    padding: 20px 0px 0px 7px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
    border-radius: 10px
  }

  .new-design .productGallery img {
    height: 200px !important;
    padding: 10px 20px 0px 15px;
    width: 100% !important
  }

  .new-design .productGallery ul {
    margin: -27px 0 27px 0;
    position: relative
  }

  .new-design .productGallery ul li {
    padding: 25px 3px
  }

  .new-design .productGallery ul li .alternateOfferedLabel {
    bottom: 80%;
    right: 5px;
    left: 20px
  }

  .new-design .productGallery ul li .alternateOfferedLabel span,
  .new-design .productGallery ul li .alternateOfferedLabel .as_select_more {
    font-size: 12px;
    line-height: 3px
  }

  .new-design .productGallery ul li .alternateOfferedLabel img {
    max-width: 70px !important;
    height: 50px !important
  }

  .new-design .productGallery ul.slick-dots {
    bottom: 0 !important;
    left: 0 !important;
    padding: 0;
    margin: 0
  }

  .new-design .productGallery ul.slick-dots li {
    padding: 10px 3px
  }

  .new-design .productGallery .slick-dots li button {
    background: lightgrey;
    width: 15px;
    height: 15px
  }

  .new-design .productGallery .slick-dots li.slick-active button {
    background: #FFC847
  }

  .new-design .productSliders {
    display: none
  }

  .new-design #detailPageContent {
    padding: 0
  }

  .new-design #detailPageContent .bg-transparent {
    background: #F8F8F8 !important
  }

  .new-design #detailPageContent .bg-transparent i {
    margin-left: 10px;
    background: #fff;
    padding: 5px 6px;
    border-radius: 5px
  }

  .new-design #detailPageContent .bg-transparent i svg {
    width: 18px
  }

  .new-design #detailPageContent .product_name {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0.05em;
    color: #1D3143;
    background: #F8F8F8;
    margin: 0 !important;
    padding: 15px 25px
  }

  .new-design #detailPageContent .remove-margin-mobile {
    margin: 0 !important;
    padding: 10px;
    background: #F8F8F8
  }

  .new-design .go-to-rb-section {
    background: #fff;
    padding: 5px
  }

  .new-design .go-to-rb-section .customize--btn {
    font-size: 10px;
    width: auto
  }

  .new-design .go-to-rb-section .text-center svg {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 70px
  }

  .new-design .go-to-rb-section ul {
    padding-left: 0
  }

  #businessPage .row {
    width: 100%;
    margin: 0
  }

  #businessPage .container {
    padding: 25px
  }

  #businessPage .container .mt-5 {
    margin-top: 0 !important
  }

  #businessPage .container .right-padding,
  #businessPage .container .left-padding {
    padding: 0
  }

  #businessPage .container .box .sectionImg {
    padding: 0
  }

  #businessPage .container .box .sectionImg img {
    height: 230px
  }

  #businessPage .container .box .content {
    padding: 30px;
    margin-bottom: 30px
  }

  #businessSinglePage section:nth-child(even) {
    background: #F6F6F6
  }

  #businessSinglePage #slider .slider-content .description {
    padding-right: 0 !important
  }

  #businessSinglePage ul.key-contents {
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    display: flex !important;
    flex-flow: row wrap
  }

  #businessSinglePage #cityPage #slider .home-content {
    padding: 30px 25px 45px !important
  }

  #businessSinglePage #whyWorkWithUs {
    padding: 0 0 40px
  }

  #businessSinglePage #whyWorkWithUs img {
    height: 240px
  }

  #businessSinglePage #whyWorkWithUs .row {
    width: 100%;
    margin: 0
  }

  #businessSinglePage #whyWorkWithUs .row .col-md-6 {
    padding: 0
  }

  #businessSinglePage #whyWorkWithUs .content {
    padding: 30px !important
  }

  #businessSinglePage #whyWorkWithUs .content h3.title {
    padding: 0 !important
  }

  #businessSinglePage #projects {
    padding: 20px 0 0
  }

  #businessSinglePage #projects .galleryDetails .col-md-4 {
    padding: 0
  }

  #businessSinglePage #contactUs {
    padding: 0
  }

  #businessSinglePage #contactUs .contact-us-hospitality {
    padding-top: 40px
  }

  #businessSinglePage #contactUs .contact-us-hospitality .add-padding {
    padding: 0 30px 30px !important
  }

  #businessSinglePage #contactUs .contact-us-hospitality form {
    margin-top: 25px;
    padding: 20px 30px
  }

  #businessSinglePage #contactUs #pillars .col-md-4 {
    margin-bottom: 20px
  }

  #businessSinglePage #contactUs #pillars .name,
  #businessSinglePage #contactUs #pillars .designation,
  #businessSinglePage #contactUs #pillars .phone,
  #businessSinglePage #contactUs #pillars .email {
    font-size: 15px
  }

  #businessSinglePage #howItWorksBusinessMobile img {
    width: 230px;
    height: 226px;
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.25));
    border-radius: 120px;
    text-align: center;
    margin: 0 auto !important;
    background: #fff;
    padding: 6px
  }

  #businessSinglePage #howItWorksBusinessMobile .name {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #7C7373
  }

  #businessSinglePage #howItWorksBusinessMobile .card {
    background: #FFFEFE;
    border: 1px solid #D9D9D9;
    border-radius: 5px
  }

  #businessSinglePage #howItWorksBusinessMobile .client-box p.title {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 23px;
    color: #424242
  }

  #businessSinglePage #howItWorksBusinessMobile .client-box .description {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #000000
  }

  #businessSinglePage #howItWorksBusinessMobile .inhabitr-box {
    background: #ECECEC;
    border: 1px solid #D9D9D9;
    border-radius: 5px
  }

  #businessSinglePage #howItWorksBusinessMobile .inhabitr-box .title {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 23px;
    color: #424242
  }

  #businessSinglePage #howItWorksBusinessMobile .inhabitr-box .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #000000
  }

  #businessSinglePage #projectsMobile ul.project-nav li {
    padding-right: 5px
  }

  #businessSinglePage #projectsMobile ul.project-nav li img {
    width: 100%;
    height: 50px
  }

  #businessSinglePage #projectsMobile ul.project-nav li:nth-child(8) {
    padding-right: 0
  }

  #businessSinglePage #projectsMobile .slick-arrow {
    position: absolute;
    bottom: 310%
  }

  #businessSinglePage #projectsMobile .slick-arrow img {
    width: 20px;
    height: 20px
  }

  #businessSinglePage #projectsMobile .slick-previous {
    left: -22px !important
  }

  #businessSinglePage #projectsMobile .slick-next {
    right: -22px !important
  }

  #additionalModal .modal-content .modal-header .searchProducts input.search-products {
    margin-top: 20px
  }

  #additionalModal .modal-content .modal-body .products-list .card img {
    width: 100%;
    height: 200px;
    object-fit: contain
  }

  #additionalModal .modal-content .btn-close {
    right: 5px;
    top: 5px
  }

  #authModal .login-content form#login-form {
    margin: 0
  }

  #authModal .login-content .socialLogins i svg {
    width: 40px
  }

  #authModal.modal {
    z-index: 1111 !important
  }

  #addItemModal .modal-body .container .card div.action-buttons button {
    display: none
  }

  .detailsPage .modal-body .cart-block div:first-child {
    margin: 0
  }

  .no-items-in-cart {
    padding: 0;
    margin: auto 0
  }

  .cartPage .modal {
    z-index: 1111
  }

  .cartPage .modal.right.fade .modal-dialog {
    width: 100% !important
  }

  .cartPage .modal-content {
    margin-top: 0
  }

  .cartPage .modal-header {
    border-bottom: none;
    text-align: right
  }

  .cartPage .cart-header {
    margin: 0;
    padding: 8px 15px
  }

  .cartPage .cart-header button.close {
    top: -50px
  }

  .cartPage .cart-header label,
  .cartPage .cart-header .monthUpdater {
    margin-top: 15px !important
  }

  .cartPage .cart-header .mobile-lease-length {
    padding: 0 12px !important
  }

  .cartPage .cart-header p.expected-date {
    margin: 0
  }

  .cartPage .modal-body .cart-content .products-content {
    margin: 15px
  }

  .cartPage .modal-body .cart-content .products-content .img-content {
    padding: 10px 15px 0px 0 !important
  }

  .cartPage .modal-body .cart-content .products-content .img-content img.image {
    width: 100%;
    height: 90px;
    margin: 0 8px
  }

  .cartPage .modal-body .cart-content .products-content .qtyUpdator {
    margin-top: 10px
  }

  .cartPage .modal-body .cart-content .products-content .product-details {
    padding: 5px 10px 0
  }

  .cartPage .modal-body .cart-content .products-content .product-details span.purchaseType {
    margin-left: 0
  }

  .cartPage .modal-body .cart-content .products-content .product-details h3.title {
    line-height: 25px;
    font-size: 11px
  }

  .cartPage .modal-body .cart-content .products-content .product-details .qtyUpdator .item-height {
    height: 25px
  }

  .cartPage .modal-body .cart-content .products-content .product-details span.price {
    font-size: 11px
  }

  .cartPage .modal-body .cart-content .scrollable {
    height: 400px
  }

  .cartPage .modal-body .cart-content .decreaseScrollHeight {
    height: 250px !important
  }

  .cartPage .modal-body .cart-content .rbCartSection .rb--products .products-content {
    display: inline-flex
  }

  .cartPage .modal-body .cart-content .rbCartSection .border-divider {
    margin-top: 15px
  }

  .cartPage .modal-body #cart-footer .margin {
    margin: 0
  }

  .cartPage .modal-body #cart-footer p.label {
    font-size: 12px;
    margin: 20px 5px 0
  }

  .cartPage .modal-body #cart-footer .cart-control {
    font-size: 10px
  }

  .cartPage .modal-body #cart-footer .call-to-action {
    padding: 15px !important
  }

  .cartPage .modal-body #cart-footer button.btn-checkout {
    padding: 12px
  }

  #cartPage .display-mobile-contents {
    display: contents
  }

  #cartPage .checkoutContent {
    padding: 0
  }

  #cartPage .checkoutContent .container-with-padding {
    padding-bottom: 25px !important
  }

  #cartPage .orderDetailsSection {
    margin: 0 auto
  }

  #cartPage .orderDetailsSection h1 {
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
    line-height: 45px;
    letter-spacing: 0.1em;
    margin-top: 20px !important
  }

  #cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-circle {
    width: 40px;
    height: 40px;
    line-height: 40px
  }

  #cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-right {
    margin-left: 20px;
    top: 42px
  }

  #cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-left {
    margin-right: 20px;
    top: 42px
  }

  #cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-title {
    font-size: 14px;
    line-height: 15px
  }

  #cartPage .orderDetailsSection #steps .md-stepper-horizontal .md-step.active .md-step-title {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0.03em;
    color: #444444
  }

  #cartPage .orderDetailsSection .zipcode-and-rent .rent-duration .left-radius {
    padding-right: 0
  }

  #cartPage .orderDetailsSection .zipcode-and-rent .rent-duration .monthUpdater .month-text {
    padding-right: 20px
  }

  #cartPage .orderDetailsSection .productsList {
    margin: 0 10px
  }

  #cartPage .orderDetailsSection .productsList .img {
    padding-left: 10px;
    padding-right: 0
  }

  #cartPage .orderDetailsSection .productsList .img img {
    width: 100%;
    height: 100px
  }

  #cartPage .orderDetailsSection .productsList .product-name h5 {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.03em;
    color: #000000;
    height: 40px
  }

  #cartPage .orderDetailsSection .productsList .product-name button {
    padding: 0px 15px
  }

  #cartPage .orderDetailsSection .qtySection {
    display: contents
  }

  #cartPage .orderDetailsSection .qtySection .qtyUpdator {
    max-width: 110px
  }

  #cartPage .orderDetailsSection .qtySection .qtyUpdator input {
    font-size: 12px
  }

  #cartPage .orderDetailsSection .qtySection .price {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.03em;
    color: #000000
  }

  #cartPage .orderDetailsSection .qtySection .move-qty {
    width: 100%;
    margin: 0 5px
  }

  #cartPage .orderDetailsSection .qtySection .move-price {
    position: absolute;
    bottom: 77px;
    right: -12px
  }

  #cartPage #anyAdditional {
    margin: 0 !important;
    padding-bottom: 0 !important
  }

  #cartPage #anyAdditional h4 {
    padding-left: 35px
  }

  #cartPage #anyAdditional .packagesSlider {
    margin: 0 auto;
    padding: 0 20px
  }

  #cartPage #anyAdditional .packagesSlider .slick-next {
    right: 10px !important
  }

  #cartPage #anyAdditional .packagesSlider .slick-prev {
    left: 10px !important
  }

  #cartPage .orderSummarySection {
    padding: 0 25px;
    margin: 0 auto
  }

  #cartPage .orderSummarySection .button-container {
    padding: 20px 70px !important
  }

  #cartPage .packagesSlider .col-md-4 {
    margin-bottom: 20px
  }

  #billingPage .display-mobile-contents {
    display: contents
  }

  #billingPage .title h2 {
    font-size: 18px
  }

  #billingPage .checkoutContent {
    padding: 0
  }

  #billingPage .checkoutContent .container-with-padding {
    padding-bottom: 25px !important
  }

  #billingPage .details--container {
    background: transparent;
    padding: 0
  }

  #billingPage .details--container .card {
    padding: 0 !important;
    border: none;
    width: 100%;
    overflow: hidden
  }

  #billingPage .details--container .title {
    margin: 5px 25px
  }

  #billingPage .details--container .schedule {
    margin-left: 25px
  }

  #billingPage .details--container .schedule .slick-track {
    overflow: hidden;
    min-width: 100% !important
  }

  #billingPage .details--container .mobile--first-block .service-and-addons,
  #billingPage .details--container .mobile--first-block .buy-accidental-coverage-div,
  #billingPage .details--container .mobile--first-block .break-early-fee-div {
    margin: 0 25px !important
  }

  #billingPage .details--container .mobile--first-block .rent-deposit-div,
  #billingPage .details--container .mobile--first-block .rent-accidental-coverage-div,
  #billingPage .details--container .mobile--first-block .buy-accidental-coverage-div {
    margin: 0 1px 25px !important
  }

  #billingPage .orderDetailsSection {
    margin: 0 auto;
    background: #fff
  }

  #billingPage .orderDetailsSection .bg-grey {
    background: #F5F5F5
  }

  #billingPage .orderDetailsSection h1 {
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
    line-height: 45px;
    letter-spacing: 0.1em;
    margin-top: 50px !important;
    margin-bottom: 0 !important
  }

  #billingPage .orderDetailsSection .qtySection {
    margin-top: 10px !important
  }

  #billingPage .orderDetailsSection .qtySection .price {
    text-align: left
  }

  #billingPage .orderDetailsSection .qtySection .qtyUpdator {
    width: 55% !important;
    margin-left: 10px
  }

  #billingPage .orderDetailsSection .qtySection .item-height {
    height: 32px
  }

  #billingPage .orderDetailsSection .product--container {
    padding: 0 !important;
    box-shadow: none
  }

  #billingPage .orderDetailsSection .product--container .productsList {
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    width: 90%;
    margin: auto
  }

  #billingPage .orderDetailsSection .product--container .productsList .img {
    padding-left: 0 !important;
    padding-right: 0;
    text-align: center;
    margin-bottom: 50px
  }

  #billingPage .orderDetailsSection .product--container .productsList .img img {
    width: 100%;
    height: 115px
  }

  #billingPage .orderDetailsSection .product--container .productsList .img button.btn-rent {
    background: #FFC847;
    border-radius: 50px;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 26px;
    letter-spacing: 0.03em;
    color: #000000;
    padding: 0 30px;
    margin-top: 10px
  }

  #billingPage .orderDetailsSection .product--container .productsList .product-name button {
    padding: 5px 10px;
    font-size: 15px !important;
    text-align: left
  }

  #billingPage .orderDetailsSection #steps {
    width: 100%;
    margin: 0 auto;
    background-color: transparent;
    padding: 0
  }

  #billingPage .orderDetailsSection #steps .md-stepper-horizontal {
    width: 70% !important
  }

  #billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-circle {
    width: 40px;
    height: 40px;
    line-height: 40px
  }

  #billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-right {
    margin-left: 20px;
    top: 42px
  }

  #billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-left {
    margin-right: 20px;
    top: 42px
  }

  #billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-title {
    font-size: 14px;
    line-height: 15px
  }

  #billingPage .orderDetailsSection #steps .md-stepper-horizontal .md-step.active .md-step-title {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0.03em;
    color: #444444
  }

  #billingPage .orderDetailsSection .schedule .slick-list {
    padding: 0 20% 0 0 !important
  }

  #billingPage .orderDetailsSection .accepted-agreement label,
  #billingPage .orderDetailsSection .accepted-agreement a {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.03em
  }

  #billingPage .orderDetailsSection .schedule .box {
    padding: 0 20px
  }

  #billingPage .orderDetailsSection .schedule .slick-next {
    right: 35px !important
  }

  #billingPage .orderDetailsSection .schedule .slick-prev {
    left: 10px !important;
    z-index: 111
  }

  #billingPage .orderDetailsSection .service-and-addons p.desc,
  #billingPage .orderDetailsSection .service-and-addons p {
    padding-right: 0
  }

  #billingPage .orderDetailsSection .service-and-addons .price {
    float: right;
    padding: 13px 0px 20px 0px;
    text-align: start
  }

  #billingPage .orderDetailsSection .service-and-addons .checkbox_button {
    padding-bottom: 0 !important;
    margin-bottom: 15px
  }

  #billingPage .orderDetailsSection .service-and-addons .col-md-9 {
    padding-top: 0 !important
  }

  #billingPage .orderDetailsSection .rent_deposit_block,
  #billingPage .orderDetailsSection .buy-accidental-coverage-div,
  #billingPage .orderDetailsSection .break-early-fee-div {
    margin-bottom: 20px
  }

  #billingPage .orderDetailsSection .break-early-fee-div {
    background-color: #F8F9FA !important
  }

  #billingPage .orderSummarySection .need-help p {
    line-height: 18px
  }

  #billingPage .orderSummarySection .coupon-content .same-font {
    margin: 16px 13px
  }

  #billingPage .orderSummarySection .zipcode-and-rent {
    padding: 0 !important
  }

  #billingPage .orderSummarySection .zipcode-and-rent .rent-duration label {
    margin-right: 10px
  }

  #billingPage .orderSummarySection p.icon {
    font-size: 12px
  }

  #deliveryPage .form-control {
    font-size: 0.7rem
  }

  #deliveryPage .display-mobile-contents {
    display: contents
  }

  #deliveryPage .checkoutContent {
    padding: 0
  }

  #deliveryPage .orderDetailsSection {
    margin: 0 auto
  }

  #deliveryPage .orderDetailsSection h1 {
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
    line-height: 45px;
    letter-spacing: 0.1em;
    margin-top: 20px !important
  }

  #deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-circle {
    width: 40px;
    height: 40px;
    line-height: 40px
  }

  #deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-right {
    margin-left: 20px;
    top: 42px
  }

  #deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-bar-left {
    margin-right: 20px;
    top: 42px
  }

  #deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step .md-step-title {
    font-size: 14px;
    line-height: 15px
  }

  #deliveryPage .orderDetailsSection #steps .md-stepper-horizontal .md-step.active .md-step-title {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0.03em;
    color: #444444
  }

  #deliveryPage .orderDetailsSection .mobile-padding-time {
    margin: 0 80px
  }

  #deliveryPage .orderDetailsSection .title {
    margin: 0 30px
  }

  #deliveryPage .orderDetailsSection .bestTimesTitles,
  #deliveryPage .orderDetailsSection .bestTimes,
  #deliveryPage .orderDetailsSection .formFields {
    margin: 0 0 0 30px
  }

  #deliveryPage .orderDetailsSection .remove-margin-mobile {
    margin: 0;
    padding: 0
  }

  #deliveryPage .orderDetailsSection .padding-zero {
    padding: 0
  }

  #deliveryPage .how-it-works .orderDetailsSection {
    padding: 0px 50px
  }

  #deliveryPage .how-it-works .slick-previous {
    position: absolute;
    left: -15px;
    top: 80px;
    width: auto
  }

  #deliveryPage .how-it-works .slick-next {
    position: absolute;
    right: -15px !important;
    top: 80px;
    width: auto
  }

  #deliveryPage .orderSummarySection {
    padding: 0 30px 45px 30px
  }

  #deliveryPage .orderSummarySection .inner-wrapper-sticky {
    transform: none !important
  }

  #deliveryPage .orderSummarySection .selectedTime {
    width: 60%;
    justify-content: center;
    margin: 0 auto
  }

  #deliveryPage .orderSummarySection .selectedTime .column:last-child {
    margin: 5px 0
  }

  #deliveryPage .infoSection .bestTimes {
    padding: 25px 15px;
    display: inline-block;
    margin: 0 0 20px
  }

  #deliveryPage .infoSection .bestTimes ul {
    padding: 0;
    display: contents
  }

  #deliveryPage .infoSection .bestTimes ul li {
    float: left;
    padding: 25px 8px 0px 0px
  }

  #deliveryPage .infoSection .bestTimes ul li label {
    width: max-content
  }

  #mobileSteps {
    background-color: #F8F8F8;
    width: 100%;
    margin-right: 0;
    margin-left: 0
  }

  #mobileSteps ul {
    list-style-type: none;
    display: block;
    padding: 35px 10px;
    background: antiquewhite;
    margin: 0
  }

  #mobileSteps ul li {
    padding: 10px 20px 0
  }

  #mobileSteps ul li a {
    text-decoration: none
  }

  #mobileSteps ul li a .step-count {
    background-color: #FFC847;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 33px;
    color: #1B1B1C;
    padding: 7px 15px;
    border-radius: 50px;
    border: 0
  }

  #mobileSteps ul li a .step-name {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 33px;
    text-transform: uppercase;
    margin-left: 10px;
    color: #1B1B1C
  }

  #mobileSteps ul li a .step-icon {
    right: 25px;
    top: 30px
  }

  .wizard {
    margin: 0 !important
  }

  .wizard #steps {
    display: none
  }

  .wizard .begin-wizard {
    padding: 0 15px 15px 15px;
    width: 100%;
    position: relative;
    margin: 75px 10px
  }

  .wizard .begin-wizard .user-icon {
    top: 0;
    left: 0;
    position: relative !important;
    width: 100%
  }

  .wizard .begin-wizard .user-icon svg {
    width: 100%;
    margin-bottom: 45px
  }

  .wizard .wizard-steps {
    padding-left: 0
  }

  .wizard .wizard-steps li span.selected-option {
    display: none
  }

  .wizard .beginBtn {
    padding: 12px 0;
    margin-bottom: 0 !important;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 23px;
    color: #262626;
    margin: 0;
    width: 145px
  }

  .wizard .mobileFontSize {
    font-size: 9px !important
  }

  .wizard .btn-start {
    padding: 15px 70px;
    width: 185px;
    margin: 0
  }

  .wizard #rbSteps {
    margin-bottom: 100px
  }

  .wizard #rbSteps h5 {
    font-size: 19px
  }

  .wizard #rbSteps .step {
    padding: inherit
  }

  .wizard #allSteps {
    display: block !important;
    padding: 100px 0 0 !important
  }

  .wizard #allSteps ul.step-navigation {
    width: inherit;
    display: inline-block;
    padding: 0 20px !important;
    justify-content: space-evenly;
    margin-top: 0 !important
  }

  .wizard #allSteps ul.step-navigation li {
    padding: 10px 0;
    position: inherit;
    display: flex;
    min-height: 50px
  }

  .wizard #allSteps ul.step-navigation li:after {
    content: ""
  }

  .wizard #allSteps ul.step-navigation li.active a .step-name {
    position: absolute;
    font-size: 13px
  }

  .wizard #rbSteps .container .questionBox {
    padding: 30px
  }

  .wizard #rbSteps .container .optionBox {
    padding: 0 20px 0px 20px;
    margin-bottom: 120px
  }

  .wizard #rbSteps .container .optionBox .option {
    margin: auto
  }

  .wizard #rbSteps .mobile-row {
    max-width: 100%
  }

  .wizard #rbSteps #categoryCarousel .col-md-4 {
    width: 80%;
    margin: auto
  }

  .wizard #rbSteps #categoryCarousel .col-md-8 {
    width: 77%;
    margin: 20px auto 0
  }

  .wizard #rbSteps #categoryCarousel .month-updater {
    padding: 0 5px !important
  }

  .wizard #rbSteps #categoryCarousel .optionType {
    margin-bottom: 110px !important
  }

  .wizard #rbSteps #categoryCarousel .optionType .col-md-4 {
    width: 90% !important;
    margin: 15px 0 !important
  }

  .wizard #rbSteps .step .updater select {
    width: 100%
  }

  #wizard-style-2 .begin-wizard {
    box-shadow: none;
    background: transparent
  }

  #wizard-style-2 .begin-wizard .row {
    width: 100%;
    margin: 0
  }

  #wizard-style-2 .begin-wizard .row .col-md-4 {
    text-align: center
  }

  #wizard-style-2 .begin-wizard .row .col-md-4 .user-icon {
    float: revert !important
  }

  #wizard-style-2 .begin-wizard .row .col-md-8 {
    padding: 15px 30px !important;
    text-align: center
  }

  #wizard-style-2 #orderWizard {
    padding: 0 !important
  }

  #wizard-style-2 #orderWizard #orderSteps {
    margin-bottom: 100px
  }

  #wizard-style-2 #orderWizard #orderSteps .bg_light_grey {
    padding: 30px !important
  }

  #wizard-style-2 #orderWizard .commonBox .userSelectedFloorPlans {
    padding: 15px !important
  }

  #wizard-style-2 #orderWizard .commonBox .userSelectedFloorPlans .packageSelected {
    font-size: 14px
  }

  #wizard-style-2 #orderWizard .commonBox .userSelectedFloorPlans ul li .withQty .qty-selector {
    padding-left: 6px
  }

  #wizard-style-2 #orderWizard .commonBox .userSelectedFloorPlans ul li .withQty .qty-selector .qtyUpdator {
    width: 75px
  }

  #wizard-style-2 #orderWizard .commonBox .userSelectedFloorPlans ul li .withQty .optionSelected {
    font-size: 12px
  }

  #wizard-style-2 #orderWizard .commonBox .userSelectedFloorPlans ul li .withQty .qDown,
  #wizard-style-2 #orderWizard .commonBox .userSelectedFloorPlans ul li .withQty .qUp {
    padding: .375rem 5px
  }

  #wizard-style-2 #orderWizard .commonBox .optionList .option svg {
    width: 75px;
    height: auto
  }

  #wizard-style-2 #orderWizard .commonBox .optionList .option .package-desc {
    font-size: 12px;
    margin: 0
  }

  #wizard-style-2 #orderWizard .commonBox .optionList .option .addNew svg {
    width: 35px
  }

  #wizard-style-2 .rentBudgetBox .boxx {
    padding: 20px !important;
    margin: 0 !important
  }

  #wizard-style-2 .rentBudgetBox .boxx .option--selected {
    position: absolute
  }

  #wizard-style-2 .rentBudgetBox .step .updater select {
    width: 100%;
    padding: 10px 15px;
    font-size: 11px
  }

  #wizard-style-2 .rentBudgetBox .optionBox {
    margin-top: 30px
  }

  #wizard-style-2 .rentBudgetBox .optionBox .boxx {
    margin-bottom: 60px !important
  }

  #wizard-style-2 .button-container button {
    padding: 10px 35px;
    margin-right: 15px !important;
    margin-bottom: 0 !important;
    margin-left: 0
  }

  #profile h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    color: #3B3838;
    padding: 40px 30px 20px
  }

  #profile .container {
    padding: 0
  }

  #profile .container .sidebar {
    margin: 20px 0;
    box-shadow: none;
    padding: 0 25px !important
  }

  #profile .container .sidebar .mobile--profile-button {
    width: 100%;
    text-align: left;
    padding: 15px 5px;
    font-family: inherit;
    font-size: 18px;
    font-weight: 600
  }

  #profile .container .sidebar .dropdown-toggle::after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    float: right;
    border: solid #FFC847;
    border-width: 6px 6px 0px 0px;
    display: inline-block;
    padding: 6px
  }

  #profile .container .sidebar button.show:after {
    transform: rotate(-225deg)
  }

  #profile .container .sidebar ul {
    margin: 5px 6px;
    display: none
  }

  #profile .container .right-sidebar {
    padding: 0 30px !important
  }

  #profile .container .right-sidebar button.edit-profile {
    float: left;
    margin-top: 15px
  }

  #profile .container .right-sidebar button.add-card {
    float: left;
    margin: 15px 5px 30px
  }

  #profile .container .no-mobile-padding {
    padding: 0 !important
  }

  #profile .mobile--orders {
    padding: 0 !important
  }

  #profile .mobile--orders h4 {
    padding: 0 30px
  }

  #profile .mobile--orders .order-padding {
    padding: 0 50px !important
  }

  #profile .mobile--orders .empty {
    margin: 0
  }

  #profile .mobile--orders #ordersList {
    width: inherit;
    margin: 0;
    padding: 15px 25px
  }

  #profile .mobile--orders #ordersList h2.order-title {
    padding-top: 20px
  }

  #profile .mobile--orders #ordersList .card {
    display: block;
    height: 170px
  }

  #profile .mobile--orders #ordersList .card p.payment-type {
    text-align: left !important
  }

  #profile .mobile--orders #ordersList .card a.btn-view {
    background: #F9C423;
    border-radius: 50px;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 28px;
    text-transform: uppercase;
    color: #141414;
    padding: 5px 45px !important
  }

  #profile .mobile--orders #ordersList .card .mobile-order-3 {
    float: left
  }

  #profile .mobile--orders #ordersList .card .mobile-order-2 {
    float: right
  }

  #profile #orderDetails {
    padding: 10px 30px
  }

  #profile #orderDetails .actions ul {
    white-space: nowrap;
    flex-direction: column;
    margin-bottom: 0 !important
  }

  #profile #orderDetails .actions ul li {
    margin: 0 0 25px
  }

  #profile .service--req-details .right-sidebar h4 {
    min-height: 90px
  }

  #profile .service--req-details .right-sidebar h4 a {
    padding: 7px 0px 7px 25px;
    width: 83%;
    margin: 0 !important;
    float: left
  }

  .swapPopup .modal-body .container h6 {
    left: 23%
  }

  .swapPopup .modal-body .container .card img {
    margin-top: 20px
  }

  #cityPage #slider .home-content {
    padding: 30px 25px 0 !important
  }

  #cityPage #cityFurniture {
    padding: 80px 0 0
  }

  #cityPage #cityFurniture img {
    height: auto
  }

  #cityPage #cityMaps .col-md-5 {
    padding: 20px 0 !important
  }

  #cityPage #cityMaps .col-md-5 .container {
    padding: 0 30px 40px !important
  }

  #cityPage #cityMaps .col-md-7 img {
    height: auto
  }

  #cityPage #areasWeServe .description {
    padding: 0 20px;
    margin: 10px 0 !important
  }

  #cityPage #areasWeServe .description li {
    width: 33.33%
  }

  #swapItemModal .modal-body .container {
    min-height: auto !important;
    padding: 0 !important
  }

  .login-content {
    margin: 20px 0 0
  }

  .register-content {
    margin: 0;
    padding: 30px 50px
  }

  #not--found-page .main--svg svg {
    width: 100%;
    height: auto
  }

  #not--found-page .box {
    padding: 0 25px;
    text-align: center
  }

  #not--found-page .box .back-to-home {
    display: block !important;
    text-align: center
  }

  #not--found-page .remove--padding-and-margin {
    padding: 0 !important;
    margin: 0 !important
  }

  #not--found-page .not-found--footer {
    padding: 50px 30px 0
  }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait),
only screen and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  .ipad-display-grid {
    display: grid
  }

  .ipad-width-60 {
    width: 60%
  }

  .ipad-width-40 {
    width: 40%
  }

  .ipad-width-50 {
    width: 50%
  }

  #breadcrumbs .container {
    padding: 0
  }

  #Wrapper {
    padding: 0 !important
  }

  #Wrapper header {
    position: sticky !important;
    width: 100%;
    z-index: 111;
    top: 0;
    left: 0
  }

  #Wrapper header .cart-item-count {
    top: -7px;
    left: 30px;
    padding: 2px 7px;
    border-radius: 50px;
    font-size: 9px;
    font-weight: 700;
    background-color: #F7C132;
    color: #000
  }

  #Wrapper header input.search {
    background: url(../images/search-grey.svg) no-repeat 5.2% #F8F8F8 !important;
    padding: 10px 70px
  }

  #Wrapper header .text-black {
    color: #3b3838 !important
  }

  #Wrapper header .navbar-toggler {
    border-color: #ff66cb
  }

  #Wrapper header nav {
    padding: 15px
  }

  #Wrapper header nav a.navbar-brand {
    width: 50%
  }

  #Wrapper header nav img.logo {
    width: 260px
  }

  #Wrapper header nav .navbar-nav {
    display: contents !important
  }

  #Wrapper header nav .navbar-nav li {
    text-align: center
  }

  #Wrapper header nav .navbar-nav li span.num-cart-new {
    top: -15px;
    left: 20px;
    padding: 3px 7px;
    border-radius: 50px;
    font-size: 9px;
    font-weight: 700;
    background-color: #FFC847;
    color: #000000
  }

  #Wrapper header nav #headerContent {
    display: none !important
  }

  #Wrapper header nav i.inhabitr-icon svg {
    width: 35px
  }

  #Wrapper header nav .get-started-text {
    font-family: Libre Franklin;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: #FFFFFF
  }

  #Wrapper header nav .navbar-toggler {
    padding: 0;
    display: block
  }

  #Wrapper header nav .navbar-toggler-icon {
    width: 1.8em;
    height: 1.8em
  }

  #Wrapper header nav .navbar-collapse {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1111;
    left: 0;
    top: 0;
    overflow: auto;
    background-color: #fff
  }

  #Wrapper header nav i.close svg {
    width: 40px
  }

  #Wrapper header nav .mobile-dropdown-menu {
    padding: 10px 35px;
    display: flex !important
  }

  #Wrapper header nav .mobile-dropdown-menu img {
    width: 240px
  }

  #Wrapper header nav ul.inhabitr-navigator li {
    margin: 0 45px;
    border-bottom: 1px solid #E6E6E6;
    padding: 10px;
    position: relative
  }

  #Wrapper header nav ul.inhabitr-navigator li a {
    text-align: left;
    line-height: 21px
  }

  #Wrapper header nav ul.inhabitr-navigator li .dropdown-toggle::after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    float: right;
    border: solid #FFC847;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 4px
  }

  #Wrapper header nav ul.inhabitr-navigator li a.show:after {
    transform: rotate(-135deg)
  }

  #Wrapper header nav ul.inhabitr-navigator li div.secondLevelMenu {
    width: 100% !important;
    border-top: 0;
    box-shadow: none !important;
    padding: 0 15px;
    height: auto;
    top: auto;
    position: static;
    display: none
  }

  #Wrapper header nav ul.inhabitr-navigator li div.secondLevelMenu .megaMenuNavigation ul.megaMenuList {
    height: auto
  }

  #Wrapper header nav ul.inhabitr-navigator li div.secondLevelMenu .megaMenuNavigation ul.megaMenuList li {
    padding: 10px 0px 5px 0px;
    width: 100% !important;
    margin: 0 15px;
    text-align: left
  }

  #Wrapper header nav ul.inhabitr-navigator li div.secondLevelMenu .megaMenuNavigation ul.megaMenuList li:last-child {
    border-bottom: none
  }

  #Wrapper header nav ul.inhabitr-navigator li div.secondLevelMenu .megaMenuNavigation ul.megaMenuList li a {
    font-weight: 500
  }

  #Wrapper header nav ul.inhabitr-navigator li .megasubmenu {
    left: 0;
    top: 0;
    min-width: auto
  }

  #Wrapper header nav ul.inhabitr-navigator li ul.firstLevelMenu {
    background-color: transparent;
    width: auto !important;
    left: 0;
    box-shadow: none !important;
    padding: 0;
    height: auto;
    position: relative
  }

  #Wrapper header nav ul.inhabitr-navigator li ul.firstLevelMenu li a.desktop-link {
    display: none
  }

  #Wrapper header nav ul.inhabitr-navigator li ul.firstLevelMenu li a.mobile-link {
    display: block
  }

  #Wrapper header nav ul.inhabitr-navigator li ul.firstLevelMenu li a {
    padding-left: 0;
    font-size: 16px;
    font-weight: 500
  }

  #Wrapper header nav ul.inhabitr-navigator li ul.firstLevelMenu li:hover {
    box-shadow: none !important
  }

  #Wrapper header nav ul.inhabitr-navigator li .dropdown-menu .has-submenu {
    padding: 10px 0px;
    box-shadow: none !important
  }

  #Wrapper header nav ul.inhabitr-navigator li .dropdown-item {
    font-weight: 500
  }

  #Wrapper header nav ul.inhabitr-navigator li a {
    font-weight: 500;
    font-size: 22px
  }

  #Wrapper header nav ul.inhabitr-navigator li:last-child {
    border-bottom: none;
    text-align: left
  }

  #Wrapper header nav ul.inhabitr-navigator li #about-container #showAboutMenu {
    padding: 30px 10px 0;
    position: relative
  }

  #Wrapper header nav ul.inhabitr-navigator li #about-container #showAboutMenu .close {
    top: 5px;
    right: 5px
  }

  #Wrapper header nav ul.inhabitr-navigator li .roomBuilderSecondLevel {
    display: none !important
  }

  #Wrapper header nav .megaMenuNavigation {
    display: block;
    height: 100%;
    overflow: auto
  }

  #Wrapper header nav .profile-container .showProfileMenu {
    border-top: 5px solid #000000;
    min-width: 150px;
    padding: 10px 0;
    position: absolute
  }

  #Wrapper header nav .profile-container .showProfileMenu a {
    font-size: 12px;
    font-weight: 600;
    color: #FFC847;
    padding: 10px 20px
  }

  #Wrapper header nav .profile-container:hover .showProfileMenu,
  #Wrapper header nav .profile-container:hover .dropdown-menu {
    display: block !important
  }

  #Wrapper header nav.white .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important
  }

  #Wrapper header .roomBuilderMenu {
    padding: 5px 0 !important
  }

  #Wrapper #slider .slide {
    width: 100%
  }

  #Wrapper #slider .slide .mobile-position {
    width: 100%;
    padding: 0;
    margin: 0
  }

  #Wrapper #slider .slide .home-content {
    text-align: center;
    left: 0;
    width: 100%;
    order: 2
  }

  #Wrapper #slider .slide .home-content .black-btn {
    margin: 0 !important
  }

  #Wrapper #slider .slide .home-content a.get-started {
    margin-right: 15px
  }

  #Wrapper #slider .slide .slider-images {
    width: 100%;
    padding: 0;
    margin: 0;
    order: 1
  }

  #Wrapper #slider .slide .slider-content ul.description {
    list-style-type: none;
    padding: 0 !important
  }

  #Wrapper #aboutPhoenix #impressionBlock {
    padding: 50px 0
  }

  #Wrapper #aboutPhoenix .aboutBlock {
    margin: 100px 30px !important
  }

  #Wrapper #aboutPhoenix .aboutBlock .mobile-padding-0 {
    padding-right: 20px !important
  }

  #Wrapper #aboutPhoenix .aboutBlock .post-pay {
    padding-left: 20px !important
  }

  #Wrapper #aboutPhoenix .aboutBlock .post-pay .post-pay-text {
    font-size: 25px
  }

  #Wrapper #aboutPhoenix .aboutBlock .marginTop {
    margin-top: 40px
  }

  #Wrapper #aboutPhoenix .aboutBlock .img {
    height: 390px
  }

  #Wrapper #aboutPhoenix .aboutBlock .img-2 {
    height: 330px
  }

  #Wrapper #whyWorkWithUs .row {
    padding: 0 60px
  }

  #Wrapper #whyWorkWithUs .row .col-md-6 {
    width: 100%
  }

  #Wrapper #whyWorkWithUs img {
    height: 400px
  }

  #Wrapper #businessSinglePage #howItWorksBusiness .row:nth-child(3) .col-md-1,
  #Wrapper #businessSinglePage #howItWorksBusiness .row:nth-child(4) .col-md-1 {
    width: 15%
  }

  #Wrapper #businessSinglePage #howItWorksBusiness .row:nth-child(3) .col-md-3,
  #Wrapper #businessSinglePage #howItWorksBusiness .row:nth-child(3) .col-md-4,
  #Wrapper #businessSinglePage #howItWorksBusiness .row:nth-child(4) .col-md-3,
  #Wrapper #businessSinglePage #howItWorksBusiness .row:nth-child(4) .col-md-4 {
    width: 28%
  }

  #Wrapper #businessSinglePage #howItWorksBusiness .row.text-center .col-md-4 {
    padding: 0 20px
  }

  #Wrapper #businessSinglePage #furnishBlock .container {
    padding: 0 !important
  }

  #Wrapper #businessSinglePage #contactUs {
    background-color: #F6F6F6
  }

  #Wrapper #businessSinglePage #contactUs #pillars .phone,
  #Wrapper #businessSinglePage #contactUs #pillars .email {
    font-size: 16px
  }

  #Wrapper #howItWorksBlock {
    padding: 70px 35px
  }

  #Wrapper #howItWorksBlock .works-content .title {
    font-size: 35px
  }

  #Wrapper #howItWorksBlock .works-content p {
    padding-right: 0
  }

  #Wrapper #howItWorksBlock .block-steps .col-10 {
    padding-left: 15px !important
  }

  #Wrapper #testimonials .card {
    min-height: 600px
  }

  #Wrapper #furnishYourSpace {
    padding: 20px 0
  }

  #Wrapper #furnishYourSpace .col-md-3 {
    width: 50%
  }

  #Wrapper #roomBuilderSection .rb-container {
    margin: 0
  }

  #Wrapper #roomBuilderSection .rb-container .tablet-width-100 {
    padding: 65px 0 !important
  }

  #Wrapper #roomBuilderSection .rb-container .tablet-title {
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 23px;
    line-height: 37px;
    color: #3B3838;
    padding: 0 65px 50px
  }

  #Wrapper #roomBuilderSection .rb-container .room-svg img {
    margin: 0;
    padding: 0
  }

  #Wrapper #roomBuilderSection .rb-container .col-md-5 {
    width: 100%;
    padding: 0
  }

  #Wrapper #roomBuilderSection .rb-container .col-md-7 {
    width: 100%
  }

  #Wrapper #roomBuilderSection .rb-container .tablet-row {
    width: 100%;
    margin: 0
  }

  #Wrapper #roomBuilderSection .rb-container .tablet-row .tablet-col {
    width: 50%
  }

  #Wrapper #instagramBlock .container {
    padding: 0
  }

  #Wrapper #instagramBlock .container img.main-img {
    height: 82%
  }

  #Wrapper #instagramBlock .container ul.gallery li img {
    height: 90px
  }

  #Wrapper #blog .blog_details .dynamic-list ol {
    background-color: #0a53be
  }

  #Wrapper #blog .blog_details .dynamic-list figure img {
    width: 100%;
    height: auto
  }

  #Wrapper .product-listing #breadcrumbs .navigation {
    padding: 0 40px
  }

  #Wrapper .product-listing #breadcrumbs .navigation .title h1 {
    font-size: 18px
  }

  #Wrapper .product-listing #breadcrumbs .navigation .filter-container {
    display: block !important;
    margin: 25px 0
  }

  #Wrapper .product-listing #breadcrumbs .navigation .filter-container .col-md-6 {
    padding: 0
  }

  #Wrapper .product-listing #breadcrumbs .navigation .filter-container #mobile-filter {
    font-size: 22px;
    font-weight: 600;
    background: #444444;
    color: #fff;
    padding: 12px 40px 12px 20px
  }

  #Wrapper .product-listing #breadcrumbs .navigation .filter-container #mobile-filter i.inhabitr-icon svg {
    width: 50px
  }

  #Wrapper .product-listing #productListing {
    padding: 0 56px 0 60px
  }

  #Wrapper .product-listing #productListing #filter .filter-sidebar {
    display: none !important;
    position: fixed !important;
    background: #fff;
    top: 135px;
    left: 0;
    z-index: 2;
    height: 100%;
    overflow: scroll;
    padding: 35px 35px !important;
    box-shadow: 6px -1px 5px rgba(0, 0, 0, 0.25);
    width: 100%
  }

  #Wrapper .product-listing #productListing #filter .filter-sidebar .filterHead {
    display: block !important;
    border-bottom: 5px solid #FFC847
  }

  #Wrapper .product-listing #productListing #filter .filter-sidebar .filterHead h2 {
    font-size: 25px
  }

  #Wrapper .product-listing #productListing #filter .filter-sidebar .filterHead h6 {
    font-size: 16px
  }

  #Wrapper .product-listing #productListing #filter .filter-sidebar .filterHead .inhabitr-icon {
    float: right
  }

  #Wrapper .product-listing #productListing #filter .filter-sidebar .filterHead .inhabitr-icon svg {
    width: 50px
  }

  #Wrapper .product-listing #productListing #filter .filter-sidebar .curated-filter {
    width: 50%;
    margin: auto
  }

  #Wrapper .product-listing #productListing #filter .filter-sidebar .curated-filter label {
    font-size: 22px;
    margin-top: 25px
  }

  #Wrapper .product-listing #productListing #filter .filter-sidebar .curated-filter select {
    padding: 20px 30px !important;
    font-size: 21px
  }

  #Wrapper .product-listing #productListing #filter .product-content {
    width: 100%
  }

  #Wrapper .product-listing #productListing #filter .product-content .ajax__block .col-md-4,
  #Wrapper .product-listing #productListing #filter .product-content .extra__packages .col-md-4 {
    width: 50%
  }

  #Wrapper .mobilePageDetailContainer {
    padding: 0
  }

  #Wrapper .new-design .padding-left {
    padding-left: 20px
  }

  #Wrapper .new-design nav ol {
    margin: 0 0 30px 30px
  }

  #Wrapper .new-design nav ol li,
  #Wrapper .new-design nav ol a {
    font-size: 16px
  }

  #Wrapper .new-design .monthUpdater .input-month {
    width: 30px
  }

  #Wrapper .new-design .monthUpdater .input-group-btn,
  #Wrapper .new-design .monthUpdater input,
  #Wrapper .new-design .monthUpdater .month-text {
    height: 50px;
    font-size: 18px
  }

  #Wrapper .new-design .description_content p {
    padding: 0 10px
  }

  #Wrapper .new-design .monthUpdater .input-group-btn button,
  #Wrapper .new-design .monthUpdater .month-text button {
    padding: 0px 15px;
    font-size: 18px
  }

  #Wrapper .new-design .bg-transparent {
    margin-bottom: 30px
  }

  #Wrapper .new-design .bg-transparent .included-items {
    border-radius: 5px;
    background-color: #E2E2E2 !important;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 60px;
    text-align: left;
    color: #182836;
    margin: auto;
    width: 50%
  }

  #Wrapper .new-design .variations_row select {
    width: 90%;
    margin: auto;
    font-size: 18px;
    height: 40px
  }

  #Wrapper .new-design .new-price-section {
    background: transparent;
    box-shadow: none
  }

  #Wrapper .new-design .new-price-section .new-card {
    padding: 20px 15px
  }

  #Wrapper .new-design .new-price-section .new-card label {
    float: left;
    font-size: 18px
  }

  #Wrapper .new-design .new-price-section .new-card .buy-calculator-link {
    padding: 0;
    justify-content: flex-end
  }

  #Wrapper .new-design .new-price-section .new-card .buy-calculator-link a {
    font-size: 15px
  }

  #Wrapper .new-design .new-price-section .new-card .new-add-to-cart,
  #Wrapper .new-design .new-price-section .new-card .btn-customize {
    padding: 25px 60px;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 23px;
    color: #3B3838
  }

  #Wrapper .new-design .new-price-section .new-card .btn-customize {
    background-color: #000000;
    color: #ffffff
  }

  #Wrapper .new-design .new-price-section .new-card .product_description {
    display: inline
  }

  #Wrapper .new-design .new-price-section .price-section {
    margin: 20px 50px 40px !important
  }

  #Wrapper .new-design .new-price-section .price-section .seperator {
    height: 75px
  }

  #Wrapper .new-design .new-price-section .price-section .separate-first {
    left: 155px
  }

  #Wrapper .new-design .new-price-section .price-section li.price-list {
    min-width: 130px;
    padding: 14px 10px 0px 7px;
    border: 1px solid #325A7D
  }

  #Wrapper .new-design .new-price-section .price-section li.price-list .actual-price {
    font-size: 20px;
    line-height: 23px
  }

  #Wrapper .new-design .new-price-section .price-section li.price-list .priceForMonth {
    font-size: 16px
  }

  #Wrapper .new-design .new-price-section .div-line {
    padding: 0;
    display: inline-flex;
    width: 100%
  }

  #Wrapper .new-design .new-price-section .div-line i {
    margin-left: 5px
  }

  #Wrapper .new-design .new-price-section .div-line li {
    display: flex;
    min-width: auto
  }

  #Wrapper .new-design .new-price-section .div-line li .monthUpdater {
    margin-top: 0;
    padding-left: 0 !important
  }

  #Wrapper .new-design .qtySection .qtyUpdator {
    width: 55% !important;
    margin: auto
  }

  #Wrapper .new-design .qtySection .qtyUpdator .item-height {
    height: 40px;
    font-size: 18px
  }

  #Wrapper .new-design .furniture_included h5 {
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 30px;
    text-align: center;
    color: #3B3838
  }

  #Wrapper .new-design .boxDetailView {
    background: #ffffff;
    margin-top: 0 !important;
    padding: 0 60px !important
  }

  #Wrapper .new-design .boxDetailView .col-md-5,
  #Wrapper .new-design .boxDetailView .col-md-6 {
    width: 100%
  }

  #Wrapper .new-design .boxDetailView .mobile-tabs {
    display: block !important
  }

  #Wrapper .new-design .boxDetailView .description_title,
  #Wrapper .new-design .boxDetailView .features_title,
  #Wrapper .new-design .boxDetailView .features-mobile,
  #Wrapper .new-design .boxDetailView .benefits-mobile {
    display: none !important
  }

  #Wrapper .new-design .boxDetailView #anyAdditional {
    display: unset
  }

  #Wrapper .new-design .boxDetailView #anyAdditional .slick-next {
    right: -12px !important
  }

  #Wrapper .new-design .boxDetailView #anyAdditional .slick-prev {
    left: -12px !important
  }

  #Wrapper .new-design .boxDetailView #anyAdditional .packagesSlider {
    margin: 0 auto
  }

  #Wrapper .new-design .boxDetailView .top-line {
    padding-bottom: 0 !important
  }

  #Wrapper .new-design .boxDetailView .top-line .card-body {
    padding: 0
  }

  #Wrapper .new-design .boxDetailView .top-line .card-body .slick-prev {
    left: 20px !important;
    z-index: 111
  }

  #Wrapper .new-design .boxDetailView .top-line .packagesSlider .slick-next {
    right: -5px !important
  }

  #Wrapper .new-design .boxDetailView .mobile-tabs {
    margin-top: 20px
  }

  #Wrapper .new-design .boxDetailView .mobile-tabs ul {
    list-style-type: none;
    display: flex;
    padding: 0;
    justify-content: center;
    margin: 50px 0
  }

  #Wrapper .new-design .boxDetailView .mobile-tabs ul li {
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    line-height: 30px;
    text-transform: uppercase;
    color: #000000
  }

  #Wrapper .new-design .boxDetailView .mobile-tabs ul li span.list {
    padding: 5px 15px
  }

  #Wrapper .new-design .boxDetailView .mobile-tabs ul li:after {
    content: "|"
  }

  #Wrapper .new-design .boxDetailView .mobile-tabs ul li:last-child:after {
    content: ""
  }

  #Wrapper .new-design .boxDetailView .mobile-tabs ul li.active {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    color: #000000;
    border-radius: 5px
  }

  #Wrapper .new-design .boxDetailView .mobile-tabs ul li.active span.list {
    background: #FFC847;
    margin: 10px;
    border-radius: 5px
  }

  #Wrapper .new-design .boxDetailView .mobile-tabs ul li.active:after {
    font-weight: normal
  }

  #Wrapper .new-design .boxDetailView .card {
    margin: 0 20px 0 0
  }

  #Wrapper .new-design .boxDetailView .included-item-list .count {
    padding: 7px 10px;
    font-size: 20px
  }

  #Wrapper .new-design .boxDetailView .included-item-list .included-furnitures {
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    margin: 10px;
    padding: 30px;
    height: 460px
  }

  #Wrapper .new-design .boxDetailView .included-item-list .included-furnitures .col-md-3 {
    order: 1;
    margin-bottom: 15px;
    margin-top: 20px !important;
    width: 100%
  }

  #Wrapper .new-design .boxDetailView .included-item-list .included-furnitures .col-md-2 {
    order: 2;
    margin-top: 0 !important
  }

  #Wrapper .new-design .boxDetailView .included-item-list .included-furnitures .col-md-6 {
    order: 3;
    margin-top: 0 !important;
    padding: 0 40px 0px 0 !important;
    width: 100%
  }

  #Wrapper .new-design .boxDetailView .included-item-list .included-furnitures .col-md-4 {
    width: 100%
  }

  #Wrapper .new-design .boxDetailView .included-item-list .included-furnitures .image_holder {
    justify-content: center
  }

  #Wrapper .new-design .boxDetailView .included-item-list .included-furnitures .item-name {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 26px;
    color: #000000;
    margin-top: 20px
  }

  #Wrapper .new-design .boxDetailView .included-item-list .included-furnitures p.m-0 {
    font-size: 12px;
    font-weight: normal
  }

  #Wrapper .new-design .boxDetailView .included-item-list .included-furnitures ul {
    height: 75px;
    overflow: auto
  }

  #Wrapper .new-design .boxDetailView .included-item-list img {
    margin-top: 20px;
    width: 100%;
    height: 100%
  }

  #Wrapper .new-design .boxDetailView .included-item-list .slick-previous {
    left: -40px
  }

  #Wrapper .new-design .boxDetailView .included-item-list .slick-next {
    right: -40px !important
  }

  #Wrapper .new-design .boxDetailView .included-item-list .slick-arrow {
    position: absolute;
    top: 225px;
    z-index: 1
  }

  #Wrapper .new-design .boxDetailView .included-item-list .slick-arrow img {
    width: 40px;
    height: auto
  }

  #Wrapper .new-design .desc-div {
    border-left: 0px;
    padding-left: 0;
    margin: 0;
    padding-top: 0 !important
  }

  #Wrapper .new-design .desc-div .product_description {
    padding-bottom: 0 !important
  }

  #Wrapper .new-design .benefits-list svg {
    width: 70px
  }

  #Wrapper .new-design .benefits-list .benefits-list-text ul li:first-child,
  #Wrapper .new-design .benefits-list .benefits-list-text ul li:nth-child(2),
  #Wrapper .new-design .benefits-list .benefits-list-text ul li:nth-child(3) {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0.03em;
    color: #000000
  }

  #Wrapper .new-design .benefits-list .white-glove ul li:first-child,
  #Wrapper .new-design .benefits-list .white-glove ul li:nth-child(2),
  #Wrapper .new-design .benefits-list .white-glove ul li:nth-child(3),
  #Wrapper .new-design .benefits-list .inhabitr-rates ul li:first-child,
  #Wrapper .new-design .benefits-list .inhabitr-rates ul li:nth-child(2),
  #Wrapper .new-design .benefits-list .inhabitr-rates ul li:nth-child(3) {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 18px;
    letter-spacing: 0.03em;
    color: #000000
  }

  #Wrapper .new-design #pageTitle_breadcrumb {
    margin: 0;
    background-color: #F8F8F8 !important;
    border-bottom: 5px solid #FFC847
  }

  #Wrapper .new-design #pageTitle_breadcrumb .remove-margin-mobile {
    margin-top: 0 !important;
    padding: 40px 0 0 7px
  }

  #Wrapper .new-design .productGallery {
    padding: 0 0px 0px 7px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
    border-radius: 10px
  }

  #Wrapper .new-design .productGallery img {
    height: 400px !important;
    padding: 10px 20px 0px 15px;
    width: 100% !important
  }

  #Wrapper .new-design .productGallery ul {
    margin: -27px 0 27px 0;
    position: relative
  }

  #Wrapper .new-design .productGallery ul li {
    padding: 0 3px
  }

  #Wrapper .new-design .productGallery ul li .not--available {
    bottom: 20px
  }

  #Wrapper .new-design .productGallery ul.slick-dots {
    bottom: 15px !important;
    left: 0 !important;
    padding: 0;
    margin: 0
  }

  #Wrapper .new-design .productGallery ul.slick-dots li {
    padding: 10px 3px
  }

  #Wrapper .new-design .productGallery .slick-dots li button {
    background: lightgrey;
    width: 15px;
    height: 15px
  }

  #Wrapper .new-design .productGallery .slick-dots li.slick-active button {
    background: #FFC847
  }

  #Wrapper .new-design .productGallery .alternateOfferedLabel {
    bottom: 75%;
    right: 20px
  }

  #Wrapper .new-design .productGallery .alternateOfferedLabel img {
    height: 50px !important;
    width: 50px !important;
    padding: 0
  }

  #Wrapper .new-design .productSliders {
    display: none
  }

  #Wrapper .new-design #detailPageContent {
    padding: 0
  }

  #Wrapper .new-design #detailPageContent .tablet-container {
    padding: 50px 95px;
    background-color: #f8f8f8
  }

  #Wrapper .new-design #detailPageContent .show--in-tablet {
    display: block !important
  }

  #Wrapper .new-design #detailPageContent .hide--in-tablet {
    display: none !important
  }

  #Wrapper .new-design #detailPageContent .bg-transparent i {
    margin-left: 10px;
    background: #fff;
    padding: 5px 6px;
    border-radius: 5px
  }

  #Wrapper .new-design #detailPageContent .bg-transparent i svg {
    width: 18px
  }

  #Wrapper .new-design #detailPageContent .product_name {
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 23px;
    letter-spacing: 0.05em;
    color: #1D3143;
    margin: 0 !important;
    padding: 40px 25px 25px;
    text-align: center
  }

  #Wrapper .new-design #detailPageContent .remove-margin-mobile {
    margin: 0 !important;
    padding: 10px
  }

  #Wrapper .new-design #detailPageContent .remove-margin-mobile .col-md-7,
  #Wrapper .new-design #detailPageContent .remove-margin-mobile .col-md-5 {
    width: 100%
  }

  #Wrapper .new-design .go-to-rb-section {
    background: #fff;
    padding: 5px
  }

  #Wrapper .new-design .go-to-rb-section p {
    font-size: 14px
  }

  #Wrapper .new-design .go-to-rb-section .customize--btn {
    font-size: 13px;
    width: auto
  }

  #Wrapper .new-design .go-to-rb-section .text-center svg {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 70px
  }

  #Wrapper #billingPage .orderDetailsSection .mobile-width-100 {
    width: 100%;
    margin: 0
  }

  #Wrapper #billingPage .orderDetailsSection .mobile-width-100 #steps {
    padding: 0;
    margin: 0
  }

  #Wrapper #billingPage .orderDetailsSection .checkoutContent,
  #Wrapper #billingPage .orderDetailsSection .cart-page-sidebar {
    width: 100%
  }

  #Wrapper #billingPage .orderDetailsSection .checkoutContent .cart_items_div .room-name,
  #Wrapper #billingPage .orderDetailsSection .cart-page-sidebar .cart_items_div .room-name {
    width: 100%;
    margin: 0
  }

  #Wrapper #billingPage .orderDetailsSection .checkoutContent .cart_items_div .product--container .productsList .img,
  #Wrapper #billingPage .orderDetailsSection .cart-page-sidebar .cart_items_div .product--container .productsList .img {
    width: 20%;
    padding: 0
  }

  #Wrapper #billingPage .orderDetailsSection .checkoutContent .cart_items_div .product--container .productsList .img img,
  #Wrapper #billingPage .orderDetailsSection .cart-page-sidebar .cart_items_div .product--container .productsList .img img {
    width: 110px;
    height: 110px
  }

  #Wrapper #billingPage .orderDetailsSection .checkoutContent .cart_items_div .product--container .productsList .product-name,
  #Wrapper #billingPage .orderDetailsSection .cart-page-sidebar .cart_items_div .product--container .productsList .product-name {
    width: 50%
  }

  #Wrapper #billingPage .orderDetailsSection .checkoutContent .cart_items_div .product--container .productsList .qtySection,
  #Wrapper #billingPage .orderDetailsSection .cart-page-sidebar .cart_items_div .product--container .productsList .qtySection {
    width: 30%
  }

  #Wrapper #billingPage .orderDetailsSection .zipcode-and-rent label {
    margin: auto 10px
  }

  #Wrapper #billingPage .orderDetailsSection .display-mobile-contents {
    margin: 20px 30px 30px 30px
  }

  #Wrapper #billingPage .tablet-box-margin {
    margin: 0 50px
  }

  #Wrapper #billingPage .orderSummarySection .updated--sidebar .card {
    padding: 0 25px 0
  }

  #Wrapper #billingPage .orderSummarySection button.checkout {
    width: 40% !important
  }

  #Wrapper #billingPage .schedule .box .type {
    line-height: 20px
  }

  #Wrapper #buildPage .build-page-padding {
    padding: 8px 60px 5px 60px
  }

  #Wrapper #buildPage #yourRooms .filter-rooms .col-md-2 {
    width: 35%
  }

  #Wrapper #buildPage #yourRooms .filter-rooms .wizard--selection {
    display: none !important
  }

  #Wrapper #buildPage #yourRooms .filter-rooms .col-md-7,
  #Wrapper #buildPage #yourRooms .filter-rooms .col-md-10,
  #Wrapper #buildPage #yourRooms .filter-rooms .col-md-4 {
    width: 65%
  }

  #Wrapper #buildPage .add-rooms-to-cart .checklist_container {
    width: 32%
  }

  #Wrapper #buildPage .add-rooms-to-cart .list-of-rooms {
    width: 65%
  }

  #Wrapper #buildPage #roomsContent .list {
    justify-content: center
  }

  #Wrapper #buildPage #roomsContent .list .image-holder {
    width: 50%;
    margin-bottom: 35px
  }

  #Wrapper #buildPage #roomsContent .list .productsContent {
    width: 100%
  }

  #Wrapper #buildPage #roomsContent .list .productsContent .mobile-box {
    width: 33.33%
  }

  #Wrapper #buildPage #roomsContent .list .productsContent .content .action-buttons {
    width: 100% !important;
    border-radius: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    display: block !important;
    left: 100px;
    top: 50%
  }

  #Wrapper #buildPage #roomsContent .list .productsContent .content .action-buttons button {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important
  }

  #Wrapper #buildPage #roomsContent .list .productsContent .content.item_block .productImage {
    height: 290px
  }

  #Wrapper #buildPage #roomsContent .list .productsContent .content.item_block .action-buttons {
    width: 100% !important;
    border-radius: 0 !important;
    padding: 0 !important;
    height: auto !important;
    display: block !important;
    left: 100px;
    top: 70%
  }

  #Wrapper #buildPage #roomsContent .list .productsContent .content.item_block .action-buttons button {
    font-size: 12px !important;
    width: 145px !important;
    display: block !important;
    margin: auto
  }

  #Wrapper #buildPage #roomsContent .list .productsContent .content.item_block button.swap-item {
    background: #FFC847 !important
  }

  #Wrapper #buildPage #roomsContent .list .productsContent .content.item_block button.view-details {
    background: #3B3838 !important
  }

  #Wrapper footer {
    padding: 20px
  }

  #Wrapper footer input {
    width: 100%
  }

  #Wrapper footer ul.listOfPages li {
    width: 100%
  }

  #Wrapper footer .footer {
    padding: 40px 20px
  }

  #Wrapper footer .footer .footerNavigation {
    padding: 10px 0
  }

  #Wrapper footer .footer img.footer-logo {
    width: 100%
  }

  #Wrapper footer .footer .footer-content p a.value {
    font-size: 12px
  }

  #Wrapper footer.addMarginCallToAction {
    margin-bottom: 140px
  }

  #Wrapper .call-to-action {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background: #fff;
    text-align: center;
    z-index: 11;
    padding: 30px 20px !important;
    box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.1);
    width: 100% !important;
    margin: 0 !important
  }

  #Wrapper .collapse:not(.show) {
    display: none !important
  }

  #Wrapper .navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
    display: revert !important
  }

  #Wrapper .search--container {
    padding: 5px 35px
  }

  #Wrapper .hide-home-design-tablet {
    display: none !important
  }

  #Wrapper .show-home-design-tablet {
    display: block !important
  }

  #Wrapper .desktop-show {
    display: none !important
  }

  #Wrapper .desktop-hide {
    display: block !important
  }

  #Wrapper .tablet-width-100 {
    width: 100%;
    margin: 0
  }

  #Wrapper .other-title {
    display: none
  }

  #Wrapper .tablet-title {
    display: block
  }

  #Wrapper .ipad-home-page-padding {
    padding: 25px 30px !important
  }

  #Wrapper .home-page-padding {
    padding: 25px 55px
  }

  #Wrapper .ipad-padding-right-0 {
    padding-right: 0 !important
  }

  #Wrapper .ipad-padding-left-0 {
    padding-left: 0 !important
  }

  #Wrapper .ipad-padding-0 {
    padding: 0 !important
  }

  #Wrapper .ipad-margin-right-0 {
    margin-right: 0 !important
  }

  #Wrapper .ipad-margin-left-0 {
    margin-left: 0 !important
  }

  #Wrapper .ipad-margin-0 {
    margin: 0 !important
  }

  #Wrapper #anyAdditional {
    margin: 0 15px
  }

  #Wrapper .right-arrow {
    right: -40px
  }

  #Wrapper .left-arrow {
    left: -40px
  }

  #Wrapper .tablet-order-1 {
    order: 1
  }

  #Wrapper .tablet-order-2 {
    order: 2
  }

  #authModal .login-content form#login-form {
    margin: 0
  }

  #authModal .register-content,
  #authModal .guest-content {
    padding: 0;
    margin: 0
  }

  .login-content {
    margin: 100px
  }

  .register-content {
    margin: 65px;
    padding: 20px 40px
  }

  .wizard .beginBtn {
    margin-bottom: 0 !important
  }

  .wizard .begin-wizard {
    padding: 100px 70px 15px
  }

  .wizard .begin-wizard .user-icon {
    top: -105px;
    left: 30%
  }

  .wizard #rbSteps {
    margin-bottom: 150px
  }

  #wizard-style-2 #orderSteps {
    margin-bottom: 235px
  }

  #wizard-style-2 #orderSteps .optionList .ipad-width-50 {
    width: 50%
  }

  #wizard-style-2 #orderSteps .optionList .ipad-width-40 {
    width: 40%
  }

  #wizard-style-2 #orderSteps .optionList .ipad-width-40 svg {
    width: 100%
  }

  #wizard-style-2 #orderSteps .optionList .ipad-width-60 {
    width: 60%
  }

  #wizard-style-2 #orderWizard .commonBox .optionList .option.ipad--boxx .package-desc {
    font-size: 12px;
    line-height: 20px;
    min-height: 65px
  }

  #wizard-style-2 .rentBudgetBox .row .col-md-6 {
    width: 100%
  }

  #wizard-style-2 .rentBudgetBox .row #categoryCarousel {
    margin-top: 85px
  }

  #wizard-style-2 .button-container button {
    margin: 0 !important;
    font-size: 30px;
    padding: 20px 80px
  }

  #wizard-style-2 .button-container button:first-child {
    margin-right: 20px !important
  }

  #categoryCarousel .item {
    width: 20%
  }

  #categoryCarousel .col-md-4 {
    width: 45%;
    height: 380px
  }

  .wizard-steps {
    padding: 0
  }

  .wizard-steps li {
    padding: 0 0 15px 0
  }

  #addItemModal,
  #swapItemModal,
  #addRoomModal {
    padding-right: 0
  }

  #addItemModal .modal-dialog,
  #swapItemModal .modal-dialog,
  #addRoomModal .modal-dialog {
    max-width: 700px
  }

  #addItemModal .modal-header .col-md-2,
  #swapItemModal .modal-header .col-md-2,
  #addRoomModal .modal-header .col-md-2 {
    width: 30%
  }

  #addItemModal .modal-header .col-md-10,
  #swapItemModal .modal-header .col-md-10,
  #addRoomModal .modal-header .col-md-10 {
    width: 70%
  }

  #addItemModal .modal-header .header .search-content input.search-products,
  #swapItemModal .modal-header .header .search-content input.search-products,
  #addRoomModal .modal-header .header .search-content input.search-products {
    width: 95%;
    padding: 1px 40px;
    margin: 45px 0;
    font-size: 13px
  }

  #addItemModal .modal-header .header .search-content .showing-result,
  #swapItemModal .modal-header .header .search-content .showing-result,
  #addRoomModal .modal-header .header .search-content .showing-result {
    left: 85px !important;
    width: auto
  }

  #addItemModal .modal-header .header hr,
  #swapItemModal .modal-header .header hr,
  #addRoomModal .modal-header .header hr {
    width: 45%
  }

  #addItemModal .modal-body .container #filter .filter-sidebar,
  #swapItemModal .modal-body .container #filter .filter-sidebar,
  #addRoomModal .modal-body .container #filter .filter-sidebar {
    margin: 0
  }

  #addItemModal .modal-body .container .item_,
  #swapItemModal .modal-body .container .item_,
  #addRoomModal .modal-body .container .item_ {
    width: 50%
  }

  #addItemModal .auto-pack-alignment,
  #swapItemModal .auto-pack-alignment,
  #addRoomModal .auto-pack-alignment {
    padding: 35px
  }

  #addRoomModal {
    padding-right: 0
  }

  #addRoomModal .modal-dialog {
    max-width: 750px
  }

  #addRoomModal .modal-body {
    padding: 0 35px
  }

  #addRoomModal .modal-body .button-container {
    padding: 0
  }

  .cartPage .modal-body .cart-content .scrollable {
    height: 560px
  }

  #additionalModal .modal-dialog {
    max-width: 700px
  }

  #additionalModal .modal-header .col-md-3,
  #additionalModal .modal-header .col-md-7 {
    width: 50%
  }

  #additionalModal .modal-content .modal-body .ajax__block .col-md-3 {
    width: 48.33%
  }

  #additionalModal .modal-content .modal-body .filter ul li button.btn-view {
    line-height: normal
  }

  #swapItemModal .modal-header .search-content .col-md-5 {
    width: 100%
  }

  #swapItemModal .modal-body #similarProductsBody .col-md-3 {
    width: 33.33%
  }

  #swapItemModal .swapPopup .modal-body .container h6 {
    left: 12px
  }

  #howItWorks .what-we-offer {
    padding: 0 40px
  }

  #howItWorks .what-we-offer .details .offer-btn {
    font-size: 12px;
    padding: 15px 20px
  }

  #howItWorks .what-we-offer .details .description {
    padding-right: 0
  }

  #howItWorks .container {
    padding: 0 20px !important
  }

  #howItWorks .blog {
    padding: 0 40px
  }

  #howItWorks .blog .packagesSlider {
    padding: 0 10px
  }

  #howItWorks .blog .packagesSlider .slick-previous {
    left: -20px !important
  }

  #howItWorks .blog .packagesSlider .slick-next {
    right: -20px !important
  }

  #cityPage #slider .home-content .home-title br {
    display: none
  }

  #cityPage #slider .home-content .description br {
    display: none
  }

  #cityPage #cityFurniture {
    padding: 0
  }

  #cityPage #cityFurniture .row {
    width: 100%;
    margin: 0
  }

  #cityPage #cityFurniture .row .col-md-5,
  #cityPage #cityFurniture .row .col-md-6,
  #cityPage #cityFurniture .row .col-md-7 {
    width: 100%;
    text-align: center;
    padding: 0
  }

  #cityPage #cityFurniture .row .col-md-5 img.tablet-border,
  #cityPage #cityFurniture .row .col-md-6 img.tablet-border,
  #cityPage #cityFurniture .row .col-md-7 img.tablet-border {
    border-bottom: 10px solid #FFC847
  }

  #cityPage #cityFurniture .row .col-md-5 img,
  #cityPage #cityFurniture .row .col-md-6 img,
  #cityPage #cityFurniture .row .col-md-7 img {
    object-fit: cover
  }

  #cityPage #cityMaps,
  #cityPage #studentsAndInterns {
    padding: 0
  }

  #cityPage #cityMaps .container-fluid,
  #cityPage #studentsAndInterns .container-fluid {
    padding: 0
  }

  #cityPage #cityMaps .row,
  #cityPage #studentsAndInterns .row {
    width: 100%;
    margin: 0
  }

  #cityPage #cityMaps .row .col-md-5,
  #cityPage #cityMaps .row .col-md-7,
  #cityPage #cityMaps .row .col-md-6,
  #cityPage #studentsAndInterns .row .col-md-5,
  #cityPage #studentsAndInterns .row .col-md-7,
  #cityPage #studentsAndInterns .row .col-md-6 {
    width: 100%;
    padding: 0
  }

  #cityPage #cityMaps .student-content,
  #cityPage #studentsAndInterns .student-content {
    padding: 80px !important
  }

  #cityPage #areasWeServe .container {
    padding: 0;
    max-width: fit-content
  }

  #cityPage #areasWeServe .container .row {
    width: 100%;
    margin: 0
  }

  #cityPage #areasWeServe .description li {
    width: 20%
  }

  .studentsAndInternsDetailsPage .divider .row {
    width: 100%;
    margin: 0
  }

  .studentsAndInternsDetailsPage .divider .row .col-md-6 {
    width: 100%
  }

  .studentsAndInternsDetailsPage .divider .row .student-content {
    padding: 50px !important
  }

  .studentsPackages {
    padding: 50px 60px
  }

  .studentsPackages .title,
  .studentsPackages #room-subcategory {
    margin-bottom: 25px;
    margin-top: 20px
  }

  .studentsPackages select {
    width: 100%;
    margin-right: 0 !important;
    float: right
  }

  .studentsPackages select .select-room {
    margin-right: 0
  }

  .studentsPackages .view-collection {
    margin: auto
  }

  .discountedSets .col-md-4,
  .discountedSets .col-md-8 {
    width: 50%
  }

  #deliveryPage form .checkoutContent,
  #deliveryPage form .orderSummarySection,
  #deliveryPage form .display-mobile-contents {
    width: 100%;
    margin: 0
  }

  #deliveryPage form .orderSummarySection {
    padding: 100px;
    width: 100%;
    margin: 0
  }

  #deliveryPage form .orderSummarySection button.checkout {
    width: 50%
  }

  #deliveryPage .how-it-works {
    padding: 20px 40px
  }

  #deliveryPage .how-it-works .card {
    padding: 15px 20px
  }

  #deliveryPage .how-it-works .card .card-title {
    min-height: 65px
  }

  #deliveryPage .how-it-works .card .card-desc {
    min-height: 90px
  }

  #profile h2 {
    padding: 45px
  }

  #profile .container .col-md-12 {
    margin: 0
  }

  #profile .container .mobile-padding-zero {
    width: 100%
  }

  #profile .container .sidebar {
    width: 100%
  }

  #profile .container .sidebar .mobile--profile-button {
    display: block !important;
    width: 100%;
    text-align: left;
    padding: 25px 25px;
    font-family: inherit;
    font-size: 18px;
    font-weight: 600
  }

  #profile .container .sidebar ul {
    display: none
  }

  #profile .container .sidebar .dropdown-toggle::after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    float: right;
    border: solid #FFC847;
    border-width: 6px 6px 0px 0px;
    display: inline-block;
    padding: 6px
  }

  #profile .container .sidebar button.show:after {
    transform: rotate(-225deg)
  }

  #profile .container .right-sidebar {
    width: 100%;
    padding: 40px 5px !important
  }

  #profile .container .right-sidebar button.edit-profile {
    float: right
  }

  #profile .finalAmount .col-md-7 {
    width: 40%
  }

  #profile .finalAmount .col-md-5 {
    width: 60%
  }

  #authModal .modal-dialog {
    max-width: 650px
  }

  .detailsPage .modal-body .new-design .new-price-section .new-card label {
    width: auto
  }

  #businessPage .container {
    padding: 50px
  }

  #businessPage .container .row {
    width: 100%;
    margin: 0
  }

  #businessPage .container .row .col-md-6 {
    width: 100%;
    padding: 0
  }

  #businessPage .container .row .col-md-6 img {
    height: 400px !important
  }

  #businessPage .container .box .content {
    padding: 30px;
    margin-bottom: 50px
  }

  #businessPage .container .box .content .title {
    font-size: 25px
  }

  #businessPage .container .box .content .description {
    font-size: 20px;
    line-height: 27px
  }

  #not--found-page .ipad-width-100 {
    width: 100%;
    text-align: center
  }

  #not--found-page .remove--padding-and-margin {
    padding: 0 !important;
    margin: 0 !important
  }

  #not--found-page .box .back-to-home {
    display: block !important
  }

  #not--found-page .not-found--footer {
    margin-top: 30px
  }
}

@media only screen and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  #Wrapper .new-design .new-price-section .price-section li.price-list {
    min-width: 120px
  }

  #Wrapper .new-design .productGallery ul.slick-dots {
    bottom: 0px !important
  }

  #Wrapper .new-design .boxDetailView {
    padding: 0 110px !important
  }

  #Wrapper .new-design #detailPageContent .tablet-container {
    padding: 50px 170px
  }

  #Wrapper .new-design .variations_row select {
    width: 80%;
    margin: auto;
    font-size: 20px;
    height: 60px
  }

  #Wrapper .new-design .qtySection .qtyUpdator {
    width: 80% !important;
    margin: 0
  }

  #Wrapper .new-design .qtySection .qtyUpdator button {
    font-size: 30px
  }

  #Wrapper .new-design .qtySection .qtyUpdator .item-height {
    height: 60px;
    font-size: 20px
  }

  #Wrapper .new-design .alert {
    padding: 30px 15px
  }

  #Wrapper .new-design .alert i svg {
    width: 55px
  }

  #Wrapper .new-design .alert p {
    font-size: 15px;
    line-height: 30px
  }

  #Wrapper #billingPage .tablet-box-margin {
    margin: 0 130px
  }

  #Wrapper #billingPage .orderDetailsSection .product--container .productsList .img img {
    width: 153px;
    height: 140px
  }

  #Wrapper #billingPage .orderDetailsSection .display-mobile-contents {
    margin: 20px 60px 30px 60px
  }

  #Wrapper #buildPage .build-page-padding {
    padding: 8px 80px 5px 80px;
    margin: 0
  }

  #Wrapper #buildPage #roomsContent .list .image-holder {
    width: 40%
  }

  #addItemModal .modal-xl {
    max-width: 950px
  }

  #addItemModal .modal-header .col-md-2 {
    width: 20%
  }

  #addItemModal .modal-header .col-md-10 {
    width: 80%
  }

  #addItemModal .modal-header .header .search-content input.search-products {
    width: 95%;
    padding: 1px 40px;
    margin: 45px 0;
    font-size: 13px
  }

  #addItemModal .modal-header .header .search-content .showing-result {
    left: 200px !important;
    width: 200px
  }

  #addItemModal .modal-header .header hr {
    width: 55%
  }

  #additionalModal .modal-dialog {
    max-width: 950px
  }
}

/*# sourceMappingURL=app.css.map */