@charset "UTF-8";
@font-face {
  font-family: "DroidSans";
  src: url("https://haliden.com/fonts/droid-sans/DroidSans.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "DroidSerifItalic";
  src: url("https://haliden.com/fonts/droid-serif/droid-serif-italic.ttf") format("truetype");
  font-display: swap;
}
body {
  width: 100vw !important;
  margin: 0;
  padding: 0;
  font-family: "DroidSans", "sans-serif";
  color: #6e6e6e;
  background-color: #F5F5F5;
  font-size: 1.2rem;
}

img {
  color: #cdcdcd;
}

.head-height {
  background-color: #f5f5f5;
}

.logo {
  width: clamp(12.5rem, 11.285vw + 7.08rem, 20.625rem);
  height: auto;
  margin-bottom: calc(9px + 0.35vw);
}

.logo-spacer {
  width: 9vw;
}

.strap-line {
  color: #7f6e29;
  font-family: "DroidSerifItalic" !important;
  letter-spacing: clamp(0rem, 0.087vw - 0.042rem, 0.063rem);
  margin: 0 0 0 2vw;
  align-self: flex-end;
}

.head-bg {
  background-color: #f5f5f5 !important;
}

.logo-wrapper {
  margin-left: 9vw;
}

.strap-line h1 {
  font-size: clamp(1.0375rem, 2.031vw + 0.063rem, 2.5rem) !important;
}

.title h1,
.title h2 {
  text-transform: uppercase;
  font-size: clamp(1.75rem, 0.694vw + 1.417rem, 2.25rem) !important;
  font-family: DroidSans;
  margin-bottom: 20px;
  padding-left: 0;
  color: #b19a3f;
}

@media screen and (max-width: 768px) {
  .logo {
    margin-top: 20px;
    display: block;
    margin-left: 90px;
    margin-bottom: 0;
  }
  .logo-wrapper {
    margin-left: 0;
  }
  .title h2 {
    font-size: 1.2rem !important;
    margin: 0 0 10px 0 !important;
    text-align: center !important;
  }
  .strap-line {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center !important;
  }
  .sl1,
  .sl2 {
    display: block;
    text-align: center;
    padding-top: 5px;
    margin: 0;
    font-size: 1.2rem;
  }
  #sl-toggle {
    bottom: 75px !important;
  }
}
@font-face {
  font-display: block;
  font-family: bootstrap-icons;
  src: url("https://haliden.com/fonts/bootstrap-icons.woff2") format("woff2"), url("https://haliden.com/fonts/bootstrap-icons.woff") format("woff");
}
.bi::before,
[class*=" bi-"]::before,
[class^=bi-]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-envelope-at::before {
  content: "\f84c";
}

.bi-whatsapp::before {
  content: "\f618";
}

.bi-globe2::before {
  content: "\f3ef";
}

.bi-facebook::before {
  content: "\f344";
}

.bi-instagram::before {
  content: "\f437";
}

.bi-suit-heart::before {
  content: "\f59e";
}

.bi-suit-heart-fill::before {
  content: "\f59d";
}

.bi-circle-fill::before {
  content: "\f287";
}

.bi-caret-up-fill::before {
  content: "\f235";
}

.bi-arrow-up-circle::before {
  content: "\f13a";
}

/* Navigation */
.tel-text .bi {
  margin-bottom: 0 !important;
  font-size: clamp(1.125rem, 1.91vw + 0.208rem, 2.5rem) !important;
  margin-right: 0.5vw !important;
  margin-left: 0.5vw !important;
}

.navbar {
  height: 68px !important;
  background-color: #e5dfc7 !important;
  width: 100%;
  padding-left: 8vw !important;
  margin-left: 0 !important;
  padding: 0;
}

.navbar-nav, .nav-link {
  font-family: "DroidSans", sans-serif;
  height: 68px !important;
  font-size: clamp(0.875rem, 0.955vw + 0.417rem, 1.5625rem);
  color: #765222 !important;
  display: inline-flex;
  align-items: center;
  letter-spacing: clamp(0rem, 0.174vw - 0.083rem, 0.125rem);
}

.nav-link:hover {
  color: #fff !important;
  padding-top: 5px;
  background-color: #d5be6e !important;
}

.dropdown-item {
  color: #765222;
  background-color: #f5f5f5;
  font-size: 1rem;
}

.dropdown-item:hover {
  background-color: #d5be6e !important;
  color: #fff !important;
  height: 30px !important;
  margin-bottom: 0;
}

.navbar-nav,
.nav-link,
.phone-link,
.tel-text {
  margin-right: clamp(0rem, 0.694vw - 0.333rem, 0.5rem);
  margin-left: clamp(0rem, 0.694vw - 0.333rem, 0.5rem);
}

.nav-spacer {
  margin-left: clamp(1.125rem, 12.326vw - 4.792rem, 10rem);
}

.phone-spacer {
  margin-left: clamp(0.375rem, 1.215vw - 0.208rem, 1.25rem);
}

.dropdown-menu {
  width: -moz-max-content !important;
  width: max-content !important;
}

.navbar-light .navbar-toggler {
  border: solid 1px #765222;
  position: absolute;
  margin-bottom: 10px;
  bottom: 0;
  margin-left: 10px;
}

#Home .navbar-light .navbar-toggler {
  margin-bottom: -10px !important;
}

.navbar-collapse {
  position: relative; /* Stop berger menu moving */
}

.navbar-light .navbar-toggler-icon {
  background-image: url("https://haliden.com/img/SVG/hamberger-off.svg");
  width: 30px;
  height: 30px;
}

.navbar-light .navbar-toggler-icon:hover {
  background-image: url("https://haliden.com/img/SVG/hamberger-on.svg");
  width: 30px;
  height: 30px;
}

.nav-bottom {
  height: 5px;
  background-color: #fff;
  width: 100%;
  display: block;
}

@media screen and (max-width: 768px) {
  .navbar {
    height: 0 !important;
    padding-left: 0 !important;
  }
  .navbar-collapse { /* Stop berger menu moving */
    position: absolute;
    width: 100%;
    top: 100%;
  }
  .navbar-nav > li > .dropdown-menu {
    background-color: #fff;
  }
  .navbar-nav > li > .dropdown-menu a {
    color: #765222;
  }
  .nav-link {
    background-color: #e5dfc7;
    padding: 10px 0 10px 10px;
    height: 32px !important;
    width: 160px;
    color: #765222 !important;
    font-size: 1rem !important;
  }
  .nav-bottom {
    display: none;
  }
  .nav-spacer,
  .phone-spacer {
    margin: 0;
  }
  .nav-link:hover {
    background-color: #d5be6e !important;
    color: #fff !important;
  }
  .navbar-toggler:focus {
    outline: none !important;
    box-shadow: none;
  }
  .bi {
    font-size: 1.6rem !important;
  }
}
/* Carousel */
#headcarousel {
  border-bottom: solid 5px black !important;
  margin-top: 144px !important;
}

#headcarousel .carousel-caption {
  top: 100%;
  left: 0;
  width: 100%;
  text-align: end;
  padding-right: 10%;
  font-size: clamp(0.75rem, 0.868vw + 0.333rem, 1.375rem);
  color: #545557;
  font-family: "DroidSerifItalic";
  padding-top: 12px;
}

.carousel-inner {
  overflow: visible;
}

.carousel-item img {
  aspect-ratio: auto 1916/682;
}

.caption-wrapper {
  background-color: #e5dfc7;
  width: 100%;
  height: clamp(6.25rem, 5.208vw + 3.75rem, 10rem);
}

.caro-wrapper {
  width: 80%;
  margin-left: 10%;
}

.caro-caption h2 {
  font-size: clamp(0.938rem, 2vw - 0.021rem, 2.378rem) !important;
  letter-spacing: 0.11vw;
  padding: 0;
  margin: 0;
  color: #765222;
  font-family: "DroidSans" !important;
}

.caption-wrapper .left {
  background-image: url("https://haliden.com/img/carousel/left-circle-off.webp") !important;
  width: clamp(1.625rem, 1.563vw + 0.875rem, 2.75rem);
  height: clamp(1.625rem, 1.563vw + 0.875rem, 2.75rem);
  background-size: cover;
  background-position: center;
  margin-right: 20px;
}

.caption-wrapper .right {
  background-image: url("https://haliden.com/img/carousel/right-circle-off.webp") !important;
  width: clamp(1.625rem, 1.563vw + 0.875rem, 2.75rem);
  height: clamp(1.625rem, 1.563vw + 0.875rem, 2.75rem);
  background-color: #e5dfc7 !important;
  background-size: cover;
  background-position: center;
  margin-left: 20px;
}

/* change transition duration to control the speed of fade effect */
@media (hover: hover) and (pointer: fine) {
  .caption-wrapper .left:hover {
    background-image: url("https://haliden.com/img/carousel/left-circle-on.webp") !important;
  }
  .caption-wrapper .right:hover {
    background-image: url("https://haliden.com/img/carousel/right-circle-on.webp") !important;
  }
}
@media screen and (max-width: 767px) {
  .caption-wrapper {
    height: 120px;
  }
  #headcarousel .carousel-caption {
    text-align: center;
    padding-right: 0;
    font-size: 0.85rem;
    padding-top: 5px;
  }
  .caro-caption h2 {
    font-size: 0.75rem !important;
    color: #765222;
  }
  .caro-wrapper {
    width: 90%;
    margin-left: 5%;
  }
  .caption-wrapper .left {
    margin-right: 10px;
  }
  .caption-wrapper .right {
    margin-left: 10px;
  }
  .carousel-item img {
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #headcarousel {
    margin-top: 125px !important;
  }
}
/* Tiles */
.tile-row {
  margin-left: 0;
}

.tile {
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

.tile-wrapper .overlay a {
  text-decoration: none !important;
  color: #fff !important;
}

.tile-wrapper:hover .overlay a:hover {
  color: #d5be6e !important;
}

.tile-wrapper img {
  aspect-ratio: auto 800/300;
}

.overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 65%;
  max-width: 500px;
  max-height: 300px;
  background-color: rgba(90, 90, 90, 0.7);
  border: solid 3px #fff;
  border-radius: 25px;
  text-align: start;
  padding: 20px 10px 10px 20px;
  color: #fff;
  display: none;
  backdrop-filter: blur(6px);
}

.overlay-head {
  display: inline-flex;
  margin: 4px 0 0 0;
  padding: 0;
}

.overlay-head h2 {
  font-size: clamp(1rem, 0.521vw + 0.75rem, 1.375rem);
  letter-spacing: 0.022rem;
}

.overlay-text {
  font-size: clamp(1rem, 0.434vw + 0.792rem, 1.3125rem) !important;
  letter-spacing: 0.022rem;
  /*margin: 0!important;*/
}

.tile-wrapper:hover .overlay {
  display: block;
}

.info-icon {
  display: inline-flex;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("https://haliden.com/img/tiles/info_off.webp");
  background-size: 1.8rem;
  margin: 0 0 4px 16px;
}

.tile-wrapper:hover .overlay a:hover .info-icon {
  background-image: url("https://haliden.com/img/tiles/info_on.webp") !important;
}

@media screen and (max-width: 991px) {
  .info-icon {
    width: 24px;
    height: 24px;
    background-size: 24px;
  }
}
hr {
  border: none;
  border-top: 4px solid #c7c2a4;
  width: 84% !important;
  margin: 0 auto;
  opacity: 0.8;
}

.home-text-top,
.home-text-bottom {
  width: 80%;
  height: auto;
  padding: 0;
  margin: 1vw 0 1vw 0;
}

.hr-tt-top {
  margin-top: 25px;
}

.hr-tt-bottom {
  display: block;
  margin-bottom: 25px;
}

.hr-bt-bottom {
  margin-bottom: 25px;
}

.hr-bt-top {
  display: block;
  margin-top: 25px;
}

#Home .aoc {
  font-weight: 500;
}

#Home p {
  font-size: clamp(1rem, 1.389vw + 0.333rem, 2rem);
  padding: 0;
  margin: 12px 0 12px 0;
  line-height: 1.5;
}

.home-text-bottom a {
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
  color: #765222;
}

.home-text-bottom a:hover {
  color: #d5be6e;
}

@media (max-width: 767px) {
  .home-text-top,
  .home-text-bottom {
    width: 100%;
    padding: 10px 0 10px 0;
  }
  #Home p {
    font-size: 1.2rem !important;
    margin: 5px 10px 5px 30px;
  }
  .home-text-top {
    padding-bottom: 0px;
    margin-bottom: 0;
  }
  .hr-tt-bottom {
    display: none;
  }
  .hr-bt-top {
    display: none;
  }
  .home-text-bottom {
    padding-top: 0;
    margin-top: 0;
  }
}
/* Footer */
.spacer {
  width: 9.8vw;
}

.footer-top {
  position: relative;
  background-color: #e5dfc7;
  padding-bottom: 0;
  height: 150px;
  margin-top: 0px;
}

.footer-heading {
  color: #545557;
  font-size: 25px;
  height: 40px;
  margin-left: 9vw;
  font-family: "DroidSans", sans-serif;
  padding-top: 10px;
  margin-bottom: 10px !important;
}

.footer-item .footer-tel {
  font-size: 1.2rem;
  font-weight: 600;
}

.footer-item a {
  text-decoration: none;
  padding-right: clamp(1.5rem, -0.167em + 3.472vw, 4rem);
  color: #765222 !important;
}

.footer-item a:hover {
  color: #6a94ae !important;
}

.footer-item .bi {
  font-size: 2.25rem;
}

.footer-item {
  display: flex;
  align-items: center;
  margin-left: 9vw;
}

.footer-mid {
  background-color: #ece8d9;
  height: 80px;
  padding-top: 15px;
}

.upper-icons {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-bottom: 10px;
}

.lower-icons {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 15px;
}

.lapada-bg {
  position: absolute;
  top: 0;
  right: clamp(4.375rem, 11.285vw - 1.042rem, 12.5rem);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  height: 150px;
  width: 150px;
  background-image: url("https://haliden.com/img/SVG/lapada.svg");
}

.copy-hali {
  margin: 0;
  padding-left: 9vw;
  font-size: 1.125rem;
  color: #545557;
}

.footer-bottom {
  height: 40px;
  background-color: #f5f5f5;
}

@media screen and (max-width: 768px) {
  .copy-hali {
    text-align: center;
    font-size: 0.85rem;
    padding: 0;
    margin: 0;
  }
  .footer-top {
    margin-top: 0px;
  }
  .footer-item {
    margin-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .upper-icons {
    margin-left: 0;
    padding-left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .lower-icons {
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 20px;
  }
  .footer-container .bi {
    font-size: 1.8rem;
  }
  .footer-item a {
    padding-right: 20px;
    font-size: clamp(1.125rem, 0.434vw + 0.917rem, 1.438rem);
  }
  .footer-item .footer-tel {
    font-size: 1rem;
  }
  .footer-heading {
    margin-left: 0;
    margin-bottom: 10px !important;
    font-size: clamp(1.438rem, 0.174vw + 1.354rem, 1.563rem);
    text-align: center;
  }
  .lapada-bg {
    display: none;
  }
}
/* Contact */
.form-spacer {
  width: 7.5vw;
}

.contact-wrapper {
  margin-top: calc(85px + 4vw);
  padding: 50px 20px 0 0 !important;
  margin-left: 7.5vw !important;
}

.head-bg {
  background-color: #f5f5f5 !important;
}

#contact input,
#contact textarea {
  font-family: DroidSans;
  color: #c5bf9b;
  font-size: 15px;
}

#contact a:hover {
  text-decoration: none;
}

#contact a:focus {
  outline: none;
}

#contact textarea {
  resize: none;
  border: none;
  overflow-y: scroll;
}

#contact .form-group {
  position: relative;
  display: block;
  margin-bottom: 48px;
  padding: 0 30px 0 20px;
}

#contact .form-group span {
  font-size: 1.1rem;
  color: #545557;
  position: absolute;
  top: 11px;
  transition: all 0.2s ease;
  transform-origin: 0 0;
  cursor: text;
}

#contact .form-group span.border {
  height: 2px;
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 41px;
  transform: scaleX(0);
  transition: all 0.15s ease;
  background: #f5f5f5;
}

#contact .form-control {
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #a6a5a1;
  display: block;
  width: 100%;
  height: 43px;
  font-size: 1rem;
  background: 0 0;
  font-family: DroidSans;
  color: #a6a5a1 !important;
  padding-left: 30px;
  font-weight: normal !important;
}

#contact .form-control:focus,
#contact .form-control:valid {
  border-bottom: 2px solid #fff;
  box-shadow: none;
}

#contact .form-control:focus + span,
#contact .form-control:valid + span {
  transform: translateY(-22px) scale(0.8);
}

#contact .form-control:focus + span + .border,
#contact .form-control:valid + span + .border {
  transform: scaleX(1);
}

#contact textarea.form-control {
  padding-top: 10px;
  padding-bottom: 10px;
  height: 100px;
  border: none;
}

#contact-form button {
  border: none;
  margin: 60px 0 10px 20px;
  cursor: pointer;
  display: flex;
  padding: 0;
  background: 0 0;
  color: #765222;
  text-transform: uppercase;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  font-family: DroidSans;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

#contact-form button:hover {
  color: #d5be6e !important;
  background-image: none;
  font-weight: 500;
}

#contact-form button:hover i {
  transform: translateX(4px);
}

.form-rule {
  width: 92% !important;
  color: #a6a5a1;
  margin-left: 3% !important;
}

#contact hr {
  border: 1.5px solid #a6a5a1;
  width: 100%;
  margin: 0 auto;
  opacity: 1;
}

.tel-no-wrapper {
  height: 30px;
}

.tel-no {
  margin-left: 5vw;
  font-size: clamp(1.063rem, 0.608vw + 0.771rem, 1.5rem) !important;
}

.right-icons {
  color: #545557;
  font-size: 30px;
}

.icons-wrapper {
  margin-top: 10px;
  padding: 0 20px 0 20px;
}

.icon-spacer {
  padding-top: 44px;
  margin-left: 5vw;
}

.right-icons:hover {
  color: #d5be6e;
}

.company-info {
  height: 40px;
  padding: 5px 0 5px 0;
  font-size: 1rem;
  color: #545557;
}

.info-rule {
  width: 80% !important;
  color: #a6a5a1;
}

.map-title {
  margin: 30px 0 20px 0;
  padding: 0;
}

.google-map {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
  margin: 0 0 30px 0;
  width: 100%;
}

.google-map iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

@media screen and (max-width: 768px) {
  #contact .form-control {
    height: 25px;
  }
  #contact .form-group span {
    top: 0;
  }
  .contact-wrapper {
    margin-top: 30px;
    margin-left: 0 !important;
    padding: 50px 20px 0 20px;
  }
  .contact-wrapper p {
    margin: 0 20px 0 20px;
  }
  .company-info {
    width: 100%;
    margin-bottom: 0;
    font-size: 1rem;
    height: auto;
    width: 100%;
  }
  .icons-wrapper {
    margin-top: 0;
    padding: 30px 0px 0 0px;
  }
  .icon-spacer {
    padding-top: 25px;
  }
  .map-title {
    margin: 20px 10px 10px 40px !important;
  }
  .google-map {
    margin: 0 20px 30px 30px;
    width: 95%;
  }
}
.ship-spacer {
  width: 7.5vw;
}

.bg {
  background-color: #f5f5f5 !important;
}

.ship-wrapper {
  margin-top: calc(85px + 4vw);
  padding: 50px 20px 0 30px;
}

#shipping p {
  text-align: justify;
  text-justify: auto;
  font-size: clamp(1rem, 0.347vw + 0.833rem, 1.25rem);
}

@media (max-width: 767px) {
  .ship-wrapper {
    margin-top: 30px;
    padding: 50px 20px 0 20px;
  }
  #shipping p {
    text-align: left;
  }
}
/* About Haliden */
#haliden .about-spacer {
  width: 7.3vw;
}

.bg {
  background-color: #f5f5f5 !important;
}

#haliden .about-wrapper {
  margin-top: calc(85px + 4vw) !important;
  padding: 50px 20px 0 30px !important;
}

/*     #haliden .about-wrapper .title h2 {
    text-transform: uppercase;
    font-size: clamp(1.75rem, calc(.694vw + 1.417rem), 2.25rem)!important;
    font-family: DroidSans;
    margin-bottom:20px;
    padding-left: 0;
    color: #b19a3f;
}*/
#haliden .about-sub-head {
  font-size: clamp(1.25rem, 0.521vw + 1rem, 1.625rem);
}

#haliden p {
  text-align: justify;
  text-justify: auto;
  font-size: clamp(1rem, 0.347vw + 0.833rem, 1.25rem);
}

.hali-image {
  margin-right: 20px;
}

.hali-image img {
  margin: 5px 0 20px 0;
}

@media (max-width: 767px) {
  #haliden p {
    text-align: left;
  }
  #haliden .about-wrapper {
    margin-top: 0 !important;
    padding: 80px 20px 0 20px !important;
  }
  #haliden .about-wrapper .title h2 {
    margin-bottom: 20px;
  }
  .hali-image {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }
  .hali-image img {
    margin-bottom: 30px;
  }
}
/* Repair and restoration */
.repair-spacer {
  width: 7.5vw;
}

.bg {
  background-color: #f5f5f5 !important;
}

.repair-wrapper {
  margin-top: calc(85px + 4vw);
  padding: 50px 20px 0 30px;
}

.caption {
  text-align: center;
}

h2 {
  font-size: clamp(1.375rem, 0.347vw + 1.208rem, 1.625rem) !important;
}

#repair p {
  text-align: justify;
}

@media (max-width: 767px) {
  .repair-wrapper {
    margin-top: 30px;
    padding: 50px 20px 0 20px;
  }
  #repair p {
    text-align: left;
  }
}
/* Cleaning */
.clean-spacer {
  width: 7.5vw;
}

.clean-wrapper {
  margin-top: calc(85px + 4vw);
  padding: 30px 20px 0 30px;
}

.vid-head {
  font-size: clamp(0.85rem, 1.076vw + 0.333rem, 1.625rem) !important;
  color: #765222;
  font-style: italic;
  padding-top: 10px;
}

.video {
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 36px;
}

.clean-sub-head {
  font-size: clamp(1.375rem, 0.347vw + 1.208rem, 1.625rem) !important;
}

#clean p {
  text-align: justify;
  text-justify: auto;
  font-size: clamp(1rem, 0.347vw + 0.833rem, 1.25rem);
}

#clean .contact {
  color: #765222;
  font-size: clamp(0.875rem, 0.521vw + 0.625rem, 1.25rem);
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

#clean .contact:hover {
  color: #d5be6e;
  cursor: pointer;
}

#clean .ion-range {
  width: 20vw;
  margin-bottom: 20px;
}

.cost-wrapper {
  margin-left: 30px;
  height: 83px;
  width: 10vw;
  border-bottom: 5px solid #d1d6e0;
  padding-top: 8px;
  font-weight: 600;
}

.cost-head {
  margin-top: 30px;
}

.cost-calc {
  border: 2px solid #6e6e6e;
  padding: 0 20px 0 30px;
  margin: 10px 0 20px 0;
}

#cost {
  padding-top: 10px;
  font-weight: bold;
}

.cost-extras {
  margin-left: 15px;
}

.cost-extras ul li {
  list-style: none;
  font-size: clamp(1rem, 0.347vw + 0.833rem, 1.25rem);
}

.cost-extras ul li:before {
  content: "•";
  font-size: 2.2rem;
  vertical-align: middle;
  line-height: 20px;
  color: #9bacb3;
  padding-right: 6px;
}

.clean-col-2 {
  margin-top: 100px;
}

.clean-logos-wrapper {
  margin-top: 40px;
}

.clean-contact {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .clean-wrapper {
    margin-top: 0;
    padding: 50px 20px 0 20px;
  }
  .vid-head {
    font-size: 1rem;
  }
  #clean p {
    text-align: left;
  }
  #clean .ion-range {
    width: 50vw !important;
  }
  #clean .cost-wrapper {
    width: 20vw !important;
    padding: 0;
    height: 59px;
  }
  #cost {
    padding-top: 0;
  }
  .cost-extras {
    margin-left: 40px;
  }
  .cost-extras ul li {
    font-size: 1.1rem;
  }
  .clean-col-2 {
    margin-top: 0 !important;
  }
}
/* Search */
.search-wrapper {
  margin-top: calc(85px + 4vw);
  padding: 50px 20px 0 9.4vw;
}

.page-title {
  height: 40px;
}

#Search .search-sub-head h2 {
  font-size: clamp(1rem, 0.694vw + 0.667rem, 1.5rem) !important;
}

#search-id,
#search-string {
  color: #545557;
  border: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 2px solid rgba(166, 165, 161, 0.6);
}

#search legend {
  padding-top: 20px;
  font-size: 0.6rem !important;
  color: #545557;
}

.form-control::-moz-placeholder {
  color: #a6a5a1 !important;
  font-size: 0.8rem;
}

.form-control::placeholder {
  color: #a6a5a1 !important;
  font-size: 0.8rem;
}

#search .first-col {
  margin-right: 20px;
  margin-bottom: 20px;
}

#search .second-col {
  margin-left: 20px;
  margin-bottom: 20px;
}

#Search .search-btn,
#search .search-btn {
  color: #765222;
  font-family: DroidSans;
  text-decoration: underline;
}

#search .search-btn:hover {
  color: #d5be6e;
}

#Search input[type=radio],
#search input[type=radio] {
  display: none;
}

#Search label,
#search label {
  padding: 0.1em;
  display: inline-block;
  cursor: pointer;
  color: #545557;
  font-size: 12px;
}

#Search label:hover,
#search label:hover {
  color: #d5be6e;
}

#Search input[type=radio]:checked + label,
#search input[type=radio]:checked + label {
  border-bottom: 3px solid #765222;
}

#Search input[type=radio]:checked + label:hover,
#search input[type=radio]:checked + label:hover {
  border-bottom-color: #d5be6e;
}

#search-form1 button,
#search-form2 button,
#search-form4 button,
#search-form5 button {
  border: none;
  margin: 40px 0 40px 0;
  cursor: pointer;
  padding: 0;
  background: 0;
  color: #765222;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
  font-size: 1.1rem;
  letter-spacing: 0.1rem;
  font-family: DroidSansBold;
}

#search-form4 button {
  margin: 102px 0 0 0;
}

#search button:hover {
  color: #d5be6e !important;
  background-image: none;
  font-weight: 500;
}

#search-form5 {
  padding-top: 50px;
  padding-bottom: 0px;
}

#search-form4 {
  padding-top: 50px;
  padding-bottom: 18px;
}

.price-wrapper {
  padding-top: 15px !important;
  padding-bottom: 25px;
  margin-top: 16px;
}

#search hr {
  border: none;
  border-top: 2px solid #a6a5a1;
  width: 100% !important;
  margin: 0 auto;
  opacity: 1;
}

#search #met,
#search #imp {
  font-size: 0.9rem;
}

#search legend {
  font-size: 1.1rem !important;
}

.search-header h1 {
  color: #b19a3f;
  margin-left: 25px;
}

.search-sub-head {
  padding: 8px 0 0 30px;
}

#Search hr {
  border: none;
  border-top: 3px solid #b19a3f;
  width: 80% !important;
  margin: 0 auto;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .search-wrapper {
    margin-top: 40px !important;
  }
  .search-sub-head h2 {
    font-size: 1.2rem !important;
  }
  #search-form4 button {
    margin: 0;
  }
  #search .second-col {
    margin-left: 0;
    margin-bottom: 0;
  }
}
/* Terms and Conditions */
.terms-spacer {
  width: 7.5vw;
}

.bg {
  background-color: #f5f5f5 !important;
}

#terms .terms-wrapper {
  margin-top: calc(85px + 4vw);
  padding: 50px 20px 0 30px;
}

#terms li {
  text-align: justify;
  text-justify: auto;
  font-size: clamp(1rem, 0.347vw + 0.833rem, 1.25rem);
  padding-bottom: 10px;
}

#terms .terms-wrapper ul li {
  list-style: none;
}

#terms .terms-wrapper ul li:before {
  content: "•";
  font-size: 2.2rem;
  vertical-align: middle;
  line-height: 20px;
  color: #9bacb3;
  margin-left: -30px;
  padding-right: 18px;
}

@media (max-width: 767px) {
  #terms .terms-wrapper {
    margin-top: 30px;
    padding: 50px 20px 0 20px;
  }
  #terms .title h2 {
    margin-bottom: 20px;
  }
  #terms li {
    padding-bottom: 0;
  }
}
/*Privacy policy */
.priv-spacer {
  width: 7.5vw;
}

.bg {
  background-color: #f5f5f5 !important;
}

.priv-wrapper {
  margin-top: calc(85px + 4vw);
  padding: 50px 20px 0 30px;
}

#privacy h2 {
  font-size: clamp(1.25rem, 0.347vw + 1.083rem, 1.5rem);
}

#privacy p {
  text-align: justify;
  text-justify: auto;
  font-size: clamp(1rem, 0.347vw + 0.833rem, 1.25rem);
}

.google-link,
.priv-email {
  color: #765222;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

.google-link:hover,
.priv-email:hover {
  color: #d5be6e;
}

@media (max-width: 767px) {
  .priv-wrapper {
    margin-top: 30px;
    padding: 50px 20px 0 20px;
  }
  #privacy h2 {
    font-size: 1.1rem !important;
  }
  #privacy p {
    text-align: left;
  }
}
/* Valuations */
.val-spacer {
  width: 7.5vw;
}

.bg {
  background-color: #f5f5f5 !important;
}

.val-wrapper {
  margin-top: calc(85px + 4vw);
  padding: 50px 20px 0 30px;
}

#valuations p {
  text-align: justify;
  text-justify: auto;
  font-size: clamp(1rem, 0.347vw + 0.833rem, 1.25rem);
}

@media (max-width: 767px) {
  .val-wrapper {
    margin-top: 30px;
    padding: 50px 20px 0 20px;
  }
  .val-wrapper .title h2 {
    margin-bottom: 20px;
  }
  #valuations p {
    text-align: left;
  }
}
/* Moth proofing */
.moth-spacer {
  width: 7.5vw;
}

.bg {
  background-color: #f5f5f5 !important;
}

.moth-wrapper {
  margin-top: calc(85px + 4vw);
  padding: 50px 20px 0 30px;
}

.moth-sub-head {
  font-size: clamp(1.25rem, 0.521vw + 1rem, 1.625rem);
}

#moth .figure-caption {
  margin-bottom: 10px;
}

#moth p {
  text-align: justify;
  text-justify: auto;
  font-size: clamp(1rem, 0.347vw + 0.833rem, 1.25rem);
}

@media (max-width: 767px) {
  #moth p {
    text-align: left;
  }
  .moth-wrapper {
    margin-top: 30px;
    padding: 50px 20px 0 20px;
  }
}
/* Underlay */
.underlay-spacer {
  width: 7.5vw;
}

.bg {
  background-color: #f5f5f5 !important;
}

.underlay-wrapper {
  margin-top: calc(85px + 4vw);
  padding: 50px 20px 0 30px;
}

.caption {
  text-align: center;
}

#underlay .figure-img {
  margin-bottom: 10px;
}

#underlay p {
  text-align: justify;
  text-justify: auto;
  font-size: clamp(1rem, 0.347vw + 0.833rem, 1.25rem);
}

.underlay-list li {
  list-style: none;
  font-size: clamp(1rem, 0.347vw + 0.833rem, 1.25rem);
}

.underlay-list li:before {
  content: "•";
  font-size: 2.2rem;
  vertical-align: middle;
  color: #9bacb3;
  margin-left: -30px;
  padding-right: 10px;
}

@media (max-width: 767px) {
  .underlay-wrapper {
    margin-top: 30px;
    padding: 50px 20px 0 20px;
  }
  .underlay-wrapper .title h2 {
    margin-bottom: 20px;
  }
  #underlay p {
    text-align: left;
  }
}
/* Ion range slider */
.irs {
  font-family: "DroidSans";
}

.irs--modern {
  height: 55px;
}

.irs--modern.irs-with-grid {
  height: 55px;
}

.irs--modern .irs-line {
  top: 25px;
  height: 5px;
  background-color: #d1d6e0;
  background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
  border: 1px solid #a3adc1;
  border-bottom-width: 0;
  border-radius: 5px;
}

.irs--modern .irs-bar {
  top: 25px;
  height: 5px;
  background: #765222;
  background: linear-gradient(to bottom, #765222 0%, #c7c2a4 100%);
}

.irs--modern .irs-bar--single {
  border-radius: 5px 0 0 5px;
}

.irs--modern .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(209, 214, 224, 0.5);
}

.irs--modern .irs-handle {
  top: 37px;
  width: 12px;
  height: 13px;
  border: 1px solid #a3adc1;
  border-top-width: 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}

.irs--modern .irs-handle > i:nth-child(1) {
  position: absolute;
  display: block;
  top: -4px;
  left: 1px;
  width: 6px;
  height: 6px;
  border: 1px solid #a3adc1;
  background: white;
  transform: rotate(45deg);
}

.irs--modern .irs-handle > i:nth-child(2) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 10px;
  height: 12px;
  background: #e9e6e6;
  background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
  border-radius: 0 0 3px 3px;
}

.irs--modern .irs-handle > i:nth-child(3) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 3px;
  left: 3px;
  width: 4px;
  height: 5px;
  border-left: 1px solid #a3adc1;
  border-right: 1px solid #a3adc1;
}

.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
  border-color: #7685a2;
  background: #c3c7cd;
  background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
}

.irs--modern .irs-handle.state_hover > i:nth-child(1),
.irs--modern .irs-handle:hover > i:nth-child(1) {
  border-color: #7685a2;
}

.irs--modern .irs-handle.state_hover > i:nth-child(3),
.irs--modern .irs-handle:hover > i:nth-child(3) {
  border-color: #48536a;
}

.irs--modern .irs-min,
.irs--modern .irs-max {
  top: 0;
  font-size: 11px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  color: white;
  background-color: #d1d6e0;
  border-radius: 5px;
}

.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
  font-size: 15px;
  line-height: 1.333;
  text-shadow: none;
  padding: 2px 5px;
  background-color: #f5f5f5; /*#c5bf9b;*/
  color: #545557;
  border-radius: 5px;
}

.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #d5be6e;
}

.irs--modern .irs-grid {
  height: 25px;
}

.irs--modern .irs-grid-pol {
  background-color: #dedede;
}

.irs--modern .irs-grid-text {
  color: silver;
  font-size: 13px;
}

.irs-grid-pol.small {
  height: 0;
}

/* Rug pages */
.rug-wrapper {
  margin-top: calc(85px + 4vw);
  padding: 50px 20px 0 9.4vw;
}

.rug-wrapper title h2 {
  text-transform: uppercase;
  font-size: clamp(1.375rem, 1.215vw + 0.792rem, 2.25rem) !important;
  font-family: DroidSans;
  margin-bottom: 10px;
  padding-left: 0;
  color: #b19a3f;
}

#details input[type=radio] {
  display: none;
}

#details label {
  padding: 0.1em;
  display: inline-block;
  cursor: pointer;
  color: #545557;
  font-size: 12px;
}

#details label:hover {
  color: #d5be6e;
}

#details input[type=radio]:checked + label {
  border-bottom: 3px solid #765222;
  color: #545557;
}

#details input[type=radio]:checked + label:hover {
  border-bottom-color: #d5be6e;
}

#details {
  margin-top: 22px;
}

#details .rug-detail {
  font-size: 0.8rem;
  margin: 0;
  padding: 0;
}

.rug-box {
  border-bottom: #c7c2a4 3px solid;
}

.main-img {
  max-height: 500px !important;
  width: 100% !important;
}

/* Rug pages */
#details figure {
  color: #a6a5a1 !important;
  font-family: DroidSans;
  font-size: clamp(0.934rem, 0.434vw + 0.729rem, 1.25rem);
}

.page-bottom-wrapper {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin-top: 10px;
}

.page-bottom-wrapper a {
  text-decoration: none;
  color: #756222;
}

.page-bottom-wrapper a:hover {
  color: #d5be6e;
}

.up-wrapper {
  position: relative;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer !important;
}

.up-caret {
  height: 50px;
  color: #765222 !important;
}

.up {
  position: absolute;
  bottom: 0;
  color: #765222 !important;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

.up:hover {
  color: #d5be6e !important;
}

.rug-bottom-hr {
  display: flex;
  justify-content: center;
  margin: 0 0 30px 0;
  color: #b19a3f !important;
}

.fav-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding-left: 0;
  margin-right: 0;
  padding-top: 0;
}

.info-icon {
  font-weight: 600;
  text-align: center;
  color: #765222;
  font-size: 1.2rem;
}

.info-icon:hover {
  color: #d5be6e;
  cursor: pointer;
  font-weight: 600;
}

.figure-caption {
  color: #765222;
}

.rug-info:hover {
  cursor: pointer;
}

.over {
  width: 65%;
  height: auto;
  background-color: rgba(90, 90, 90, 0.7);
  border: solid 2px #fff;
  border-radius: 12px;
  padding: 4px;
  color: #fff;
  display: none;
  backdrop-filter: blur(8px);
  font-size: clamp(0.75rem, 0.347vw + 0.583rem, 1rem);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.over-wrapper {
  position: relative;
}

.over-wrapper:hover .over {
  display: block;
}

@media screen and (max-width: 768px) {
  #details {
    padding: 0;
    margin: 0;
  }
  .rug-wrapper .title h2 {
    margin-bottom: 0;
  }
  .rug-wrapper {
    margin-top: 30px;
    padding: 50px 20px 0 20px;
  }
  .rug-image .bi {
    margin-bottom: 10px;
  }
}
/* Rug info */
.top-controls {
  margin-left: 9vw;
  width: 90% !important;
  max-width: 1400px;
}

#rug-info hr {
  margin-left: 9vw;
  width: 90% !important;
  max-width: 1400px;
}

.rug-info-wrapper {
  margin-top: calc(85px + 4vw);
  padding: 50px 9vw 0 20px;
}

#rug-info h2 {
  font-size: clamp(1.25rem, 0.694vw + 0.917rem, 1.75rem);
  margin-bottom: 10px;
}

.details-wrapper {
  margin-left: 9vw;
}

.figure {
  display: inline-block;
  text-align: center;
  margin-bottom: -14px;
}

figcaption {
  align-self: flex-start;
}

.carousel-img-wrapper {
  padding: 0;
  margin: 20px 0 10px 0;
  flex: 0 0 auto;
  min-width: 120px;
  max-height: 500px;
  max-width: 400px;
}

#info-carousel .carousel-inner img {
  max-height: 500px;
  padding: 0;
  margin: 0;
  width: 100%;
}

.carousel-btn-wrapper {
  flex: 0 0 100px;
  margin: 15px 3vw 10px 20px;
  height: 510px;
}

.carousel-btn button[data-bs-target] {
  width: 96px;
  height: 96px;
  border: 2px solid #f5f5f5;
  opacity: 1;
  margin-bottom: 42px;
  overflow: hidden;
}

.carousel-btn button[data-bs-target]:focus,
.carousel-btn button[data-bs-target]:hover {
  border: 2px solid #d5be6e;
  opacity: 1;
}

.carousel-btn button[data-bs-target] img {
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  font-size: 0.7rem;
}

#info-carousel .active.carousel-item-end,
#info-carousel .active.carousel-item-start {
  transition-duration: 600ms;
  transition-delay: 0ms;
}

#info-carousel .carousel-item-next,
#info-carousel .carousel-item-prev {
  transition-duration: 600ms;
  transition-delay: 600ms;
}

.hi-res-img {
  cursor: pointer;
}

.click-hires {
  color: #b19a3f;
  text-align: center;
  font-style: italic;
  font-size: clamp(1.1rem, 0.608vw + 0.771rem, 1.5rem);
}

#rug-info .desc {
  color: #6e6e6e !important;
  font-size: clamp(1rem, 0.347vw + 0.833rem, 1.25rem);
  text-align: justify;
  text-justify: auto;
  margin-bottom: 0;
}

#rug-info .info-list ul {
  list-style-type: none;
}

#rug-info .info-list li {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  font-size: clamp(0.84375rem, 0.391vw + 0.656rem, 1.125rem);
}

#rug-info .info-list li::before {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  padding: 0;
  background: #9bacb3;
  margin-right: 0.4rem;
  display: inline-block;
  line-height: 0.6rem;
}

.rug-info:hover {
  cursor: pointer;
}

.details-wrapper {
  margin-left: 9vw;
  width: 90%;
  max-width: 1400px;
}

.info-wrapper .bi {
  vertical-align: -0.125em;
  font-size: 1.2rem;
  color: #765222;
}

.info-wrapper .bi:hover {
  color: #d5be6e;
}

.info-lead {
  font-weight: 600;
}

.sold {
  color: red;
  text-transform: uppercase;
  margin-left: 10px;
  font-weight: 600;
}

#rug-info .info-text-wrapper {
  margin-left: 9vw;
  width: 90% !important;
  max-width: 1400px;
}

#rug-info .info-text {
  color: #b19a3f;
  font-size: clamp(1rem, 0.347vw + 0.833rem, 1.25rem);
  width: 38vw;
  max-width: 680px;
  text-align: justify;
  text-justify: auto;
}

#rug-info .left {
  background-image: url("https://haliden.com/img/carousel/left-circle-off.webp") !important;
  width: clamp(1.625rem, 1.563vw + 0.875rem, 2.75rem);
  height: clamp(1.625rem, 1.563vw + 0.875rem, 2.75rem);
  background-size: cover;
  background-position: center;
  margin-right: 0;
  cursor: pointer;
}

#rug-info .right {
  background-image: url("https://haliden.com/img/carousel/right-circle-off.webp") !important;
  width: clamp(1.625rem, 1.563vw + 0.875rem, 2.75rem);
  height: clamp(1.625rem, 1.563vw + 0.875rem, 2.75rem);
  background-size: cover;
  background-position: center;
  margin-left: 0;
  cursor: pointer;
}

#rug-info .left:hover {
  background-image: url("https://haliden.com/img/carousel/left-circle-on.webp") !important;
}

#rug-info .right:hover {
  background-image: url("https://haliden.com/img/carousel/right-circle-on.webp") !important;
}

#rug-info .back {
  color: #765222;
  font-size: clamp(0.875rem, 0.521vw + 0.625rem, 1.25rem);
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

#rug-info .back:hover {
  color: #d5be6e;
  cursor: pointer;
}

#rug-info #similar {
  margin-top: 10px;
  margin-left: 9vw;
  width: 90% !important;
  max-width: 1400px;
}

#rug-info .similar-head {
  font-size: 1.1rem;
  text-align: start;
}

#rug-info .similar-img {
  height: 200px;
  width: auto;
}

#rug-info .similar-caption {
  font-size: 0.9rem;
}

@media screen and (max-width: 767px) {
  .rug-info-wrapper {
    margin-top: 40px !important;
    padding-top: 40px;
  }
  #info-carousel .carousel-inner img {
    margin: 0 !important;
    height: auto;
    max-width: 280px !important;
  }
  .carousel-img-wrapper {
    flex: 1 1 auto;
    padding: 0;
    margin: auto;
    height: auto;
    max-width: 280px;
  }
  .carousel-btn button[data-bs-target] img {
    width: 55px;
    height: 55px;
    padding-right: 5px;
  }
  .carousel-btn button[data-bs-target] {
    width: 66px;
    height: 66px;
    margin: 0 !important;
  }
  .carousel-btn-wrapper {
    margin: 0;
    padding: 10px;
    flex: 0 0 60px;
    display: flex;
    justify-content: center;
  }
  #rug-info .similar-head {
    font-size: 0.85rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #info-carousel .carousel-inner img {
    margin: 0 !important;
    max-width: 330px !important;
  }
  .carousel-img-wrapper {
    flex: 1 1 auto;
    padding: 0;
    margin: auto;
    max-width: 330px;
  }
  .carousel-btn button[data-bs-target] img {
    width: 65px;
    height: 65px;
    padding-right: 3px;
  }
  .carousel-btn button[data-bs-target] {
    width: 78px;
    height: 78px;
    margin: 0px 5px 0 6px;
  }
  .carousel-btn-wrapper {
    margin: 0;
    padding: 10px;
    flex: 0 0 60px;
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 991px) {
  #rug-info hr {
    margin: auto;
  }
  .top-controls {
    width: 100% !important;
    margin-left: 0;
  }
  #rug-info .title h2 {
    margin-top: 20px;
    text-align: center;
  }
  .details-wrapper {
    margin-left: 0;
  }
  .figure {
    margin-top: 0px;
  }
  #rug-info .info-list li {
    font-size: 1.1rem;
  }
  #rug-info .info-list li {
    font-size: 0.8rem;
    text-align: center;
  }
  .click-hires {
    padding: 0;
  }
  .details-wrapper {
    margin-left: 0;
    width: 100%;
  }
  #rug-info .info-text-wrapper {
    margin-left: 0;
    width: 100% !important;
    height: auto;
  }
  #rug-info .info-text-spacer {
    width: 0 !important;
  }
  #rug-info .info-text {
    width: 100%;
    max-width: 100%;
    flex: auto;
    margin: 0 !important;
    font-size: 1rem;
    padding: 0 10px 0 10px;
  }
  #rug-info .desc {
    font-size: 1rem;
    padding: 0 10px 0 10px;
  }
  .info-wrapper {
    max-width: 100%;
  }
  .info-wrapper .bi {
    padding-left: 10px;
  }
  #rug-info #similar {
    width: 100% !important;
    margin-left: 0 !important;
  }
  #rug-info .similar-head {
    font-size: 0.9rem;
    margin: 10px 0 10px 10px !important;
  }
}
/* Modals */
#details .print-btn,
#privacy .modal-btn,
#privacy .priv-btn,
#contact .form-btn {
  font-size: 0.8rem;
  height: 1.6rem !important;
  width: 3.5rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 0;
}

#searchDB .search-btn {
  width: auto;
  height: 1.6rem !important;
  padding-top: 0;
  padding-bottom: 0;
}

.modal-close {
  padding: 0;
  color: #765222;
  font-size: 20px;
  text-transform: uppercase;
}

.modal-close:hover {
  color: #d5be6e;
  cursor: pointer;
}

#hi-res-img .modal-dialog {
  margin-top: 0.7rem;
}

/*Pagination */
.pagination {
  display: inline-flex;
  position: relative;
}

.pagination .list-inline-item:not(:last-child) {
  margin: 0 0.04rem;
  padding: 0;
}

.pagination li a.page-link {
  /*color: #c5bf9b;*/
  color: #545557;
  background: transparent;
  font-size: 0.8rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.5rem;
  height: 1.6rem;
  width: 1.6rem;
  margin: 0.1rem;
  padding: 0;
  border: none;
  display: block;
  position: relative;
  z-index: 0;
  transition: all 0.5s ease 0s;
}

/*font-size: 1.23rem;
line-height: 1.36rem;
border: 2px solid #c5bf9b;
border-radius: .8rem;*/
.pagination li a.page-link:focus,
.pagination li.active a.page-link {
  color: #545557;
  background-color: #f5f5f5;
  border: 2px solid #765222;
  border-radius: 0.8rem;
  box-shadow: none;
}

.pagination li a.page-link:hover,
.pagination li.active a.page-link:hover {
  border-color: #d5be6e;
}

.pagination li a.page-link:before,
.pagination li a.page-link:after {
  content: "";
  height: 100%;
  width: 100%;
  border-radius: 0.8rem;
  opacity: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  transition: all 0.3s ease 0s;
}

.pagination li a.page-link:after {
  border-radius: 0;
  width: 0;
  border: none;
}

.pagination li a.page-link:hover:before,
.pagination li a.page-link:focus:before,
.pagination li.active a.page-link:hover:before,
.pagination li.active a.page-link:before {
  transform: scaleY(1.2);
}

.pagination li a.page-link:hover:after,
.pagination li a.page-link:focus:after,
.pagination li.active a.page-link:hover:after,
.pagination li.active a.page-link:after {
  width: 100%;
}

@media only screen and (max-width: 480px) {
  .pagination {
    font-size: 0;
    display: inline-block;
  }
  .pagination li {
    display: inline-block;
    vertical-align: top;
  }
}
/* Zoom page */
/* Zoom buttons */
.full-page {
  background-image: url("https://haliden.com/img/SVG/full-page-off.svg");
  height: 36px;
  width: 36px;
}

.zoom-out {
  background-image: url("https://haliden.com/img/SVG/zoom-out-off.svg");
  height: 39px;
  width: 39px;
}

.zoom-in {
  background-image: url("https://haliden.com/img/SVG/zoom-in-off.svg");
  height: 38px;
  width: 38px;
}

.close {
  background-image: url("https://haliden.com/img/SVG/close-off.svg");
  height: 38px;
  width: 38px;
}

.full-page:hover {
  background-image: url("https://haliden.com/img/SVG/full-page-on.svg");
  height: 36px;
  width: 36px;
}

.zoom-out:hover {
  background-image: url("https://haliden.com/img/SVG/zoom-out-on.svg");
  height: 39px;
  width: 39px;
}

.zoom-in:hover {
  background-image: url("https://haliden.com/img/SVG/zoom-in-on.svg");
  height: 38px;
  width: 38px;
}

.close:hover {
  background-image: url("https://haliden.com/img/SVG/close-on.svg");
  height: 38px;
  width: 38px;
}

.rotate-right {
  background-image: url("https://haliden.com/img/SVG/rotate-right-off.svg");
  height: 38px;
  width: 38px;
}

.rotate-right:hover {
  background-image: url("https://haliden.com/img/SVG/rotate-right-on.svg");
  height: 38px;
  width: 38px;
}

.rotate-left {
  background-image: url("https://haliden.com/img/SVG/rotate-left-off.svg");
  height: 38px;
  width: 38px;
}

.rotate-left:hover {
  background-image: url("https://haliden.com/img/SVG/rotate-left-on.svg");
  height: 38px;
  width: 38px;
}

.download {
  background-image: url("https://haliden.com/img/SVG/download-off.svg");
  height: 38px;
  width: 38px;
  margin-bottom: 4px !important;
}

.download:hover {
  background-image: url("https://haliden.com/img/SVG/download-on.svg");
  height: 38px;
  width: 38px;
  margin-bottom: 4px !important;
}

#openseadragon {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.zoom-wrapper {
  position: relative;
  height: 700px;
  margin-top: calc(120px + 5vw) !important;
  padding: 50px 20px 0 30px !important;
  border: none !important;
}

.zoom-icons-wrapper {
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#modalContent {
  background: #f5f5f5;
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  width: 300px;
}

.spinner {
  border: 6px solid #f5f5f5;
  border-top: 6px solid #7f6e29;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: 20px auto;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#saveLink {
  border: none;
  margin-bottom: 20px;
  cursor: pointer;
  padding: 0;
  background: 0 0;
  color: #765222;
  text-transform: uppercase;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  font-family: DroidSans;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

#saveLink:hover {
  color: #d5be6e !important;
  background-image: none;
  font-weight: 500;
}

#saveLink:hover i {
  transform: translateX(4px);
}

#zoom .footer-top {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .zoom-wrapper {
    margin-top: 70px !important;
    height: 400px;
  }
}
.fav-wrapper {
  margin-top: calc(85px + 4vw);
  padding: 30px 20px 30px 9.4vw;
}

.favs-back {
  text-decoration: underline;
  color: #765222;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
  font-size: clamp(0.934rem, 0.434vw + 0.729rem, 1.25rem);
}

.favs-back:hover {
  color: #d5be6e;
}

@media screen and (max-width: 767px) {
  #favorites .fav-wrapper {
    margin-top: 0;
    padding: 40px 20px 0 20px;
  }
}
#error {
  background-image: url("https://haliden.com/img/carousel/showroomwideN_1920.webp");
  background-repeat: no-repeat;
  background-size: cover;
}

#error::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: -1;
}

#error h1 {
  text-transform: uppercase;
  font-size: clamp(1.75rem, 0.694vw + 1.417rem, 2.25rem);
  color: #fff;
  text-shadow: 3px 3px 0 rgb(0, 0, 0);
}

#error p {
  font-size: 2.6rem;
  font-size: clamp(1.5rem, 0.694vw + 1.167rem, 2rem);
  font-family: DroidSans, sans-serif;
  color: #fff;
  text-shadow: 3px 3px 0 rgb(0, 0, 0);
}

#error a {
  background-color: #e5dfc7;
  color: #765222;
}

#error a:hover {
  color: #ffffff;
  background-color: #d5be6e;
}

.scroll-to-top {
  z-index: 1042;
  right: 1.5rem;
  bottom: 2.5rem;
  display: none;
}

.scroll-to-top a {
  width: 2.5rem;
  height: 2.5rem;
  background-color: rgba(229, 223, 199, 0);
  color: #765222;
}/*# sourceMappingURL=haliden.css.map */