.price-ranges-info input {
  background-color: transparent;
  border: none;
}

.Product .ImageBox {
  height: 14rem;
}

.ProductList .Product .P-img {
  flex: 1 0 70%;
  display: grid;
  place-items: center;
}

.ProductList .Product .P-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.is-special {
  border-top: 0.3rem solid var(--accent-color);
}

.ProductList .Product .P-img .Discount {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: 5px;
  top: 5px;
  font-size: 0.9rem;
  width: 30px;
  height: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.favoriteBtn.active {
  color: red
}

.addToBasket.active {
  color: var(--accent-color3)
}

.Page-Cover .BrandCover {
  border-radius: 0 0 20rem 20rem;
}

.Page-Cover .BrandCover img {
  mix-blend-mode: multiply;
}

.ProductList svg {
  max-height: 1.5rem;
  max-width: 1.5rem;
}

.sortorder option {
  min-height: 1rem;
}

.FilterBody .check-moding {
  max-height: 30rem;
  overflow-y: auto;
}

.ShopFilter {
  border: 0.1em solid var(--accent-color);
  margin-top: 1.5rem;
  border-radius: calc(var(--b-radius) * 3);
  overflow: hidden;
}

/**********************OnlyActiveAndDiscounted************************/
.only-active-check-label::after,
.only-dis-check-label::after {
  content: '';
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  transition: all .2s;
  border-radius: 50%;
  background: var(--accent-color);
  border: 0.1em solid var(--accent-color4);
  top: 0;
  left: 0;
}

.only-active-check-label::before,
.only-dis-check-label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  border-radius: calc(var(--b-radius) * 4);
  transition: background-color .2s;
  width: 3rem;
  height: 1.5rem;
  background: var(--silver);
  display: inline-block;
  transition: all 0.4s;
  -webkit-border-radius: calc(var(--b-radius) * 4);
  -moz-border-radius: calc(var(--b-radius) * 4);
  -ms-border-radius: calc(var(--b-radius) * 4);
  -o-border-radius: calc(var(--b-radius) * 4);
}

.only-active-check:checked+label::after,
.only-dis-check:checked+label::after {
  left: 1.5rem;
}

.only-active-check:checked+label::before,
.only-dis-check:checked+label::before {
  background-color: var(--accent-color4);
}

@media(max-width:768px) {
  .productstabinfo .SideBar {
    top: 0;
    right: -100%;
    background: var(--White);
    height: 100vh;
    transition: all ease-in-out 0.4s;
    display: block;
    padding: 0;
    z-index: 22;
  }

  .productstabinfo .SideBar.active {
    right: 0
  }

  .productstabinfo .SideBar:after {
    content: '';
    position: fixed;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.2);
    z-index: -1;
    display: block;
    right: 0;
    top: 0;
    backdrop-filter: blur(3px);
    opacity: 0;
    transition: all ease-in-out 0.5s;
    visibility: hidden;
  }

  .productstabinfo .SideBar.active:after {
    opacity: 1;
    visibility: visible;
  }

  .productstabinfo .SideBar #listfilters {
    padding-top: 10vh;
    position: relative;
    z-index: 22222222;
    background: var(--White);
    padding: 10vh 0.5rem 0;
    height: 100vh;
    width: 100%;
    overflow: auto;
  }

  .CloseFilter-BTN {
    left: -3rem;
    top: 15vh;
    writing-mode: vertical-rl;
    border-radius: 0.5rem 0 0 0.5rem;
    color: var(--White);
  }
}

.pagination {
  list-style: none;
  display: flex;
  gap: 0.5rem;
}

.pagination .page-item:before,
.pagination .page-item:after {
  content: '';
  position: absolute;
}

.pagination .page-item {
  background: var(--Lsilver);
  position: relative;
  z-index: 3;
  overflow: hidden;
  border-radius: var(--b-radius);
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination .page-item::before {
  width: calc(100% + 1rem);
  left: -0.3rem;
  height: calc(100% + 1rem);
  display: block;
  top: -0.2rem;
  z-index: -1;
  border: 0.27rem solid var(--sh-dark);
  border-radius: inherit;
  filter: blur(3px);
  -webkit-filter: blur(3px);
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  -o-border-radius: inherit;
}

.pagination .page-item::after {
  width: calc(100% + 2rem);
  right: -0.3rem;
  height: calc(100% + 1.5rem);
  display: block;
  bottom: 0;
  z-index: 2;
  border: 0.36rem solid var(--White);
  border-radius: inherit;
  filter: blur(3px);
  -webkit-filter: blur(3px);
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  -o-border-radius: inherit;
}

.pagination .page-item .page-link {
  color: var(--Black);
  padding: 0.5rem 1rem;
  z-index: 22;
  position: relative;
}

.pagination .page-item.active {
  background: var(--accent-color);
}

.pagination .page-item.active .page-link {
  color: var(--White);
}


.SeoDescription {
  /* max-height: 30rem; */

}

.SeoDescription p a {
  color: var(--accent-color3);
  font-weight: bold;
}

.check-moding select {
  width: 100%;
}

.VendorsGroup .swiper-slide {
  width: 20%;
}

.VendorsGroup .swiper-slide.BeSeller {
  width: 39.5rem;
}

#ecommerce-txt-search {
  background: transparent;
  outline: 0;
  border: 0;
  padding: 2rem;
}

#ecommerce-txt-search::placeholder {
  color: rgba(0, 0, 0, 0.5)
}

.ecommerce-search-btn {
  left: 0.5rem;
  top: 1rem;
  z-index: 5;
  cursor: pointer;
  display: block;
}

.ecommerce-search-result {
  top: 100%;
  background: var(--White);
  z-index: -1;
  width: 100%;
  max-height: 0vh;
  transition: all ease-in-out 0.380s;
  opacity: 0;
}

.ecommerce-search-result.active {
  max-height: 100vh;
  opacity: 1;
  z-index: 22;
}

.HorizontalTabs {
  position: relative;
  height: 100%;
  display: block;
  z-index: 222;
  background: var(--White);
}

.HorizontalTabs .tab {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.HorizontalTabs .tab label {
  padding: 1rem !important;
  flex: 1 0 max-content;
  text-align: center;
  cursor: pointer;
  transition: .3s linear;
  background: var(--silver);
  color: var(--Black);
}

.HorizontalTabs .tab h1,
.HorizontalTabs .tab h2,
.HorizontalTabs .tab h3,
.HorizontalTabs .tab h4,
.HorizontalTabs .tab h5,
.HorizontalTabs .tab h6,
.HorizontalTabs .tab strong {
  font-size: 1em;
  line-height: 2em
}

.HorizontalTabs .tab label.active {
  flex: 2 0 max-content;
  background: var(--accent-color);
  color: var(--White);
}

.HorizontalTabs .tab-content {
  display: none;
  padding: 2em .5em;
  opacity: 0;
  animation: .4s linear tabfade
}

.HorizontalTabs .tab-content.active {
  display: block;
  opacity: 1;
}

@keyframes tabfade {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.addToBasket,
.SharePopUp,
.favoriteBtn {
  border-radius: 50%;
  box-shadow: var(--box-shadow);
  display: block;
  background: var(--White);
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width:960px) {
  .VendorsGroup .swiper-slide {
    width: 20rem;
  }
}

@media (max-width:768px) {
  .VendorsGroup .swiper-slide {
    width: 17rem;
  }

  .VendorsGroup .swiper-slide.BeSeller {
    width: calc(100% - 1rem);
  }

  .p-lg-relative {
    position: relative;
  }
}

@media (max-width:540px) {
  .VendorsGroup .swiper-slide {
    width: 15rem;
  }
}

.verndorinfosvgs {
  /* width: 4rem; */
  /* height: 4rem; */
  left: 0;
  right: 0;
  margin: auto;
  top: -2rem;
}

.verndorinfosvgs svg {

  background: var(--accent-color4);

  max-width: 4rem !important;

  max-height: 3.4rem !important;
}

.VendorsGroup .VendorName {
  min-height: 4rem;
  display: block;
}

#panorama {
  width: 100%;
  height: 400px;
}

#vendormap {
  width: 100%;
  height: 400px;
}

#sharing,
.sharing-modal {
  .sharing-btn {
    width: 32px;
    height: 32px;
    line-height: 28px;
    border-radius: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: inline-block;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    position: relative
  }

  .sharing-btn.email {
    background: #ef5662;
    border: 1px solid #ef5662
  }

  .sharing-btn.whatsapp {
    background: #1bd741;
    border: 1px solid #1bd741
  }

  .sharing-btn.facebook {
    background: #4d8deb;
    border: 1px solid #4d8deb
  }

  .sharing-btn.twitter {
    background: #4dcceb;
    border: 1px solid #4dcceb
  }

  .sharing-btn.copylink {
    width: 94px;
    border: 1px solid #81858b;
    color: #81858b;
    padding-right: 20px
  }

  .sharing-btn.email:before,
  .sharing-btn.whatsapp:before,
  .sharing-btn.facebook:before,
  .sharing-btn.twitter:before,
  .sharing-btn.copylink:before {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .sharing-btn.email:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHg9IjBweCIgeT0iMHB4Ij48dGl0bGU+bWFpbDUwPC90aXRsZT48cGF0aCBkPSJNOTkuOTUsNDcuN1Y0Ny4yM3EwLTQuOSwwLTkuOFYyNy41NWwwLDBhMTIuODIsMTIuODIsMCwwLDAtLjA2LTMuMTZjMC0uMDcsMC0wLjE0LDAtMC4yMXYwYy0wLjg1LTUtNS4yLTguNDItMTAuNTgtOC40Mkg1MS43djBIMjUuMThjLTUuMTUsMC0xMC40OCwwLTE1LjcyLjA4YTguNSw4LjUsMCwwLDAtNi41OSwzLjA3QTEyLDEyLDAsMCwwLC4yNCwyNC4xOSwxMS4yNCwxMS4yNCwwLDAsMCwwLDI2LjNIMFY0NC40MVEwLDQ4LjY5LDAsNTNWNTNjMCw2Ljc0LDAsMTMuNzEsMCwyMC41NkExMC42MiwxMC42MiwwLDAsMCwzLjEzLDgxLjJhMTAuMzksMTAuMzksMCwwLDAsNy4zOSwzLjA4aDMwYzE2LDAsMzIuNTcsMCw0OC44NiwwQTEwLjgsMTAuOCwwLDAsMCwxMDAsNzMuNjVDOTkuOSw2NSw5OS45Miw1Ni4yMSw5OS45NSw0Ny43Wm0tMy41NiwyNmE3LjIsNy4yLDAsMCwxLTcsN2MtMTYuNjYsMC0zMy42MSwwLTUwLDBIMTAuNTJhNi44LDYuOCwwLDAsMS00LjgzLTIsNyw3LDAsMCwxLTIuMDgtNWMwLTYuODYsMC0xMy44MywwLTIwLjU4VjUzcTAtNC4yNywwLTguNTRWMzUuNjhDNC4yNywzNi41LDUsMzcuMjcsNS42NiwzOGE0Miw0MiwwLDAsMCw3Ljg0LDYuMWMwLjcyLDAuNDcsMS40My45NCwyLjE0LDEuNDIsNy42Nyw1LjIzLDE1LjI5LDEwLjM1LDIyLjY1LDE1LjI0QTczLjYyLDczLjYyLDAsMCwwLDQ1LjU3LDY1YTkuNTQsOS41NCwwLDAsMCw0LjM2LDEuMDYsMTEuMTYsMTEuMTYsMCwwLDAsNC4yNi0uOSw0MS40NCw0MS40NCwwLDAsMCw3LjUxLTQuMzlsMC43LS40OEM3MC42Nyw1NC43MSw3OS4xMiw0OSw4Ny4zLDQzLjU3bDEuNzYtMS4xOGEzMC4zOSwzMC4zOSwwLDAsMCw3LjMtNi42M3YxLjY2cTAsNC45LDAsOS44djAuNDdDOTYuMzEsNTYuMjEsOTYuMjksNjUsOTYuMzksNzMuN1pNMzYuNTIsMTkuMzNINDguMDl2MEg4OS4yM2MzLjU5LDAsNi40OCwyLjIzLDcsNS40M2wwLDAuMTZhMTAuMjIsMTAuMjIsMCwwLDEtMS42NSw3Yy0xLjA2Ljg5LTIuMDgsMS43Mi0zLjE1LDIuNDgtNS4zMSwzLjczLTEwLjg3LDcuNTktMTUuNzcsMTEtNC41OCwzLjE4LTkuMzIsNi40OC0xNCw5Ljc3YTI3LjY5LDI3LjY5LDAsMCwxLTcuNzksNC4wNSwxMiwxMiwwLDAsMS03LjUxLjEyLDI3LjU3LDI3LjU3LDAsMCwxLTcuMzItMy42NFEzNCw1Mi4xMiwyOC45Myw0OC41N2wtMC4yNC0uMTZjLTQuMTEtMi44OC04LjM2LTUuODYtMTIuNTItOC44MS0xLjIxLS44NS0yLjQ1LTEuNjctMy42NS0yLjQ2YTYyLjE4LDYyLjE4LDAsMCwxLTcuMTQtNS4yQTExLjM2LDExLjM2LDAsMCwxLDQsMjlhOC41Niw4LjU2LDAsMCwxLS4yMy00LjA3QTguMzgsOC4zOCwwLDAsMSw1LjY0LDIxLjJhNC45Miw0LjkyLDAsMCwxLDMuODctMS43OGM1LjIyLS4wNywxMC41My0wLjA3LDE1LjY3LTAuMDhIMzYuNTJaIj48L3BhdGg+PC9zdmc+")
  }

  .sharing-btn.whatsapp:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTI4IDEyODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik02NSwyQzMwLjgsMiwzLDI5LjgsMyw2NGMwLDE1LjgsNS45LDMwLjgsMTYuNyw0Mi4zbC0xMy44LDEzdjYuN0g2NWMzNC4yLDAsNjItMjcuOCw2Mi02MlM5OS4yLDIsNjUsMnogTTY1LDExOEgxOC45ICAgbDEyLjMtMTEuNWwtNC4zLTQuM0MxNi42LDkyLDExLDc4LjQsMTEsNjRjMC0yOS44LDI0LjItNTQsNTQtNTRzNTQsMjQuMiw1NCw1NFM5NC44LDExOCw2NSwxMTh6Ij48L3BhdGg+PHBhdGggZD0iTTY0LjMsODAuNmMtNi40LTQuMS0xMS44LTkuNy0xNS43LTE2LjNsNi43LTYuN1YzOS43SDMzLjdDMzMuNyw3MSw1OSw5Ni4zLDkwLjMsOTYuM1Y3NC44bC0yMC4yLDBMNjQuMyw4MC42eiI+PC9wYXRoPjwvZz48L3N2Zz4=")
  }

  .sharing-btn.facebook:before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 155.139 155.139' style='enable-background:new 0 0 155.139 155.139;' xml:space='preserve'%3E%3Cg%3E%3Cpath id='f_1_' style='fill:%23ffffff;' d='M89.584,155.139V84.378h23.742l3.562-27.585H89.584V39.184 c0-7.984,2.208-13.425,13.67-13.425l14.595-0.006V1.08C115.325,0.752,106.661,0,96.577,0C75.52,0,61.104,12.853,61.104,36.452 v20.341H37.29v27.585h23.814v70.761H89.584z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E")
  }

  .sharing-btn.twitter:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTk3LjkwMywyNi4zNTJjLTAuMjc1LTAuOTQ3LTEuMDk0LTEuNjM0LTIuMDczLTEuNzQxbC0xMS43OTMtMS4yOThDODAuODMzLDE1LjQxNCw3NS41NCw5LjgzNyw2OC42NTUsNy4xMzYgIGMtMi4zMjEtMC45MS00Ljc5Ni0xLjM3MS03LjM1NC0xLjM3MWMtMTEuMzA3LDAtMjEuNDg1LDguODkxLTIyLjY4OCwxOS44MmMtMC4yNjMsMi4zODgtMC4xNSw0Ljc1MSwwLjMxMiw3LjAyMkwyMC4yMywxNy4wNDggIGMtMC41MjEtMC40MzQtMS4xOTctMC42MjktMS44NzEtMC41NDRjLTAuNjcyLDAuMDg3LTEuMjc4LDAuNDUtMS42NzEsMS4wMDJjLTAuMTksMC4yNjctMTguMjEyLDI2LjE0OCwyLjAzNSw0Ny43ICBDMTMuMzU0LDY5LjYxNCw1LjAwNiw3Ni4xNTMsMy4xOTUsNzcuNTY5Yy0wLjU2OCwwLjQ0NC0wLjkwOSwxLjExNi0wLjkzNCwxLjgzN2MtMC4wMjUsMC43MTksMC4yNzEsMS40MTMsMC44MDcsMS44OTUgIGM3Ljg5OCw3LjA5NiwxNy42NjcsMTEuNDYyLDI4LjI1LDEyLjYyNmMxLjg1NSwwLjIwNCwzLjczOCwwLjMwOCw1LjU5NSwwLjMwOGMwLjAwMiwwLDAuMDAxLDAsMC4wMDMsMCAgYzI1LjgwNiwwLDQ3LjQtMTkuMzcyLDUwLjIyOS00NS4wNjJjMC40NDMtNC4wNDIsMC40Ny04LjI3NSwwLjA3OS0xMi4zM2w5Ljg2NC03LjkwOUM5Ny44NTYsMjguMzE3LDk4LjE3OCwyNy4yOTgsOTcuOTAzLDI2LjM1MnogICBNODMuMTMzLDMzLjg3NWMtMC42NTcsMC41MjctMC45OTYsMS4zNTYtMC44OTYsMi4xOTNjMC40OTQsNC4wOTUsMC41MTcsOC40NDIsMC4wNjIsMTIuNTcyICBjLTIuNTU2LDIzLjIxNy0yMi4wNjgsNDAuNzIzLTQ1LjM4Nyw0MC43MjFjLTEuNjgsMC0zLjM4My0wLjA5My01LjA2My0wLjI3OGMtOC41ODktMC45NDQtMTYuNTg0LTQuMjIzLTIzLjI5My05LjUyNCAgYzMuOTkxLTMuMTM3LDExLjM5NS04Ljk4NywxNS4zNDktMTIuMzIxYzAuNTMyLTAuNDQ4LDAuODQ3LTEuMTAyLDAuODY1LTEuNzk3YzAuMDE5LTAuNjk0LTAuMjYtMS4zNjQtMC43NjctMS44NDEgIGMtMTYuNzk4LTE1Ljc5NS04LjQyMS0zNC42MDctNC43NDktNDEuMDI0bDI2LjQ3NSwyMi4wMzJjMS4wMTIsMC44NDMsMi41MTIsMC43MjgsMy4zODQtMC4yNmMwLjg3My0wLjk4OCwwLjgwMi0yLjQ5LTAuMTYxLTMuMzkxICBjLTQuMTA2LTMuODQ2LTYuMTA5LTkuMjU1LTUuNDk2LTE0Ljg0YzAuOTM5LTguNTM2LDguOTQ0LTE1LjQ4LDE3Ljg0NC0xNS40OGMxLjk0NywwLDMuODIzLDAuMzQ4LDUuNTc1LDEuMDM1ICBjNi4wMzgsMi4zNjksMTAuNDU3LDcuMzI5LDEzLjEzMywxNC43NDJjMC4zNDgsMC45NjMsMS4yNDYsMS41NzgsMi4yMjgsMS42MDJsNy4yMTUsMC43OTRMODMuMTMzLDMzLjg3NXoiPjwvcGF0aD48cGF0aCBkPSJNNjMuNzg5LDE5LjcwOWMtMy45NDktMC40MzYtNy40MDEsMi40MTgtNy44MjcsNi4yNzVjLTAuNDI5LDMuODg3LDIuMzg3LDcuMzk4LDYuMjc0LDcuODI2ICBjMC4yNjMsMC4wMjksMC41MjMsMC4wNDMsMC43ODIsMC4wNDNjMy42MiwwLDYuNjQ5LTIuNzE1LDcuMDQ2LTYuMzE3QzcwLjQ5MiwyMy42NDksNjcuNjc4LDIwLjEzOCw2My43ODksMTkuNzA5eiBNNjUuMjIxLDI3LjAwMyAgYy0wLjEzNCwxLjIxLTEuMjI2LDIuMDk0LTIuNDUxLDEuOTY0Yy0xLjIxNi0wLjEzNC0yLjA5OC0xLjIzMy0xLjk2My0yLjQ0OWMwLjEyMy0xLjEyOCwxLjA3LTEuOTc5LDIuMjAzLTEuOTc5ICBjMC4wODEsMCwwLjE2NCwwLjAwNCwwLjI0NiwwLjAxM0M2NC40NzMsMjQuNjg3LDY1LjM1NCwyNS43ODcsNjUuMjIxLDI3LjAwM3oiPjwvcGF0aD48L3N2Zz4=")
  }

  .sharing-btn.copylink:before {
    background-position: right;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiBmaWxsPSIjODE4NThiIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggc3R5bGU9ImZvbnQtc2l6ZTptZWRpdW07Zm9udC1zdHlsZTpub3JtYWw7Zm9udC12YXJpYW50Om5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zdHJldGNoOm5vcm1hbDt0ZXh0LWluZGVudDowO3RleHQtYWxpZ246c3RhcnQ7dGV4dC1kZWNvcmF0aW9uOm5vbmU7bGluZS1oZWlnaHQ6bm9ybWFsO2xldHRlci1zcGFjaW5nOm5vcm1hbDt3b3JkLXNwYWNpbmc6bm9ybWFsO3RleHQtdHJhbnNmb3JtOm5vbmU7ZGlyZWN0aW9uOmx0cjtibG9jay1wcm9ncmVzc2lvbjp0Yjt3cml0aW5nLW1vZGU6bHItdGI7dGV4dC1hbmNob3I6c3RhcnQ7YmFzZWxpbmUtc2hpZnQ6YmFzZWxpbmU7b3BhY2l0eToxO2NvbG9yOiMwMDAwMDA7ZmlsbDojODE4NThiO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDo2O21hcmtlcjpub25lO3Zpc2liaWxpdHk6dmlzaWJsZTtkaXNwbGF5OmlubGluZTtvdmVyZmxvdzp2aXNpYmxlO2VuYWJsZS1iYWNrZ3JvdW5kOmFjY3VtdWxhdGU7Zm9udC1mYW1pbHk6U2FuczstaW5rc2NhcGUtZm9udC1zcGVjaWZpY2F0aW9uOlNhbnMiIGQ9Ik0gMzYgNSBDIDMyLjE3Mzg5MiA1IDI5IDguMTczODkxNiAyOSAxMiBMIDI5IDIxIEwgMjQgMjEgQyAyMC4xNzM4OTIgMjEgMTcgMjQuMTczODkyIDE3IDI4IEwgMTcgODggQyAxNyA5MS44MjYxMDggMjAuMTczODkyIDk1IDI0IDk1IEwgNjQgOTUgQyA2Ny44MjYxMDggOTUgNzEgOTEuODI2MTA4IDcxIDg4IEwgNzEgNzkgTCA3NiA3OSBDIDc5LjgyNjEwOCA3OSA4MyA3NS44MjYxMDggODMgNzIgTCA4MyAyNiBBIDMuMDAwMyAzLjAwMDMgMCAwIDAgODIuMTI1IDIzLjg3NSBMIDY0LjEyNSA1Ljg3NSBBIDMuMDAwMyAzLjAwMDMgMCAwIDAgNjIgNSBMIDM2IDUgeiBNIDM2IDExIEwgNTkgMTEgTCA1OSAyNiBBIDMuMDAwMyAzLjAwMDMgMCAwIDAgNjIgMjkgTCA3NyAyOSBMIDc3IDcyIEMgNzcgNzIuNjA1ODkyIDc2LjYwNTg5MiA3MyA3NiA3MyBMIDM2IDczIEMgMzUuMzk0MTA4IDczIDM1IDcyLjYwNTg5MiAzNSA3MiBMIDM1IDEyIEMgMzUgMTEuMzk0MTA4IDM1LjM5NDEwOCAxMSAzNiAxMSB6IE0gNjUgMTUuMjUgTCA3Mi43NSAyMyBMIDY1IDIzIEwgNjUgMTUuMjUgeiBNIDI0IDI3IEwgMjkgMjcgTCAyOSA3MiBDIDI5IDc1LjgyNjEwOCAzMi4xNzM4OTIgNzkgMzYgNzkgTCA2NSA3OSBMIDY1IDg4IEMgNjUgODguNjA1ODkyIDY0LjYwNTg5MiA4OSA2NCA4OSBMIDI0IDg5IEMgMjMuMzk0MTA4IDg5IDIzIDg4LjYwNTg5MiAyMyA4OCBMIDIzIDI4IEMgMjMgMjcuMzk0MTA4IDIzLjM5NDEwOCAyNyAyNCAyNyB6ICI+PC9wYXRoPjwvc3ZnPg==")
  }

  #sharing-email {
    margin: 20px 0px
  }

  #sharing-email .input-group-text {
    padding: 0px 5px
  }
}

.is-special {
  border-top: 0.3rem solid var(--accent-color);
}

.bpl .aspect-ratio {
  width: calc(100% / 3);
}

.social-media {
  .title {
    color: var(--accent-color);
  }
}

@media(max-width:960px) {
  .social-media {
    .items {
      width: calc(100% / 3);
    }
  }
}