﻿.dateitem:not(.other-month) {
  background-color: #fff;
}

.dateitem {
  color: #939393;
  font-weight: 500;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all .3s ease-in-out !important;
}

.dateitem.disabled {
  pointer-events: none;
  opacity: .2;
}

.other-month {
  background: unset !important;
  pointer-events: none !important;
  background-color: unset !important;
  color: var(--White) !important;
  background: none !important;
  box-shadow: none !important;
  color: transparent !important;
}

.daylist {
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(7, minmax(calc(calc(100% / 7) - 0.5rem), 10vw));
  grid-template-rows: repeat(5, minmax(calc(5vh), calc(calc(100% / 7) - 0.5rem)));
  position: relative;
}

.dateitem {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: .1rem;
  width: 3.6rem;
  height: 3.6rem;
}


.dateitem:hover,
.dateitem.selected {
  color: white;
  border: 1px solid var(--CustomColor9);
  background: var(--CustomColor9) !important;
  box-shadow: none;
}


.daylistheader {
  display: grid;
  grid-template-columns: repeat(7, minmax(calc(calc(100% / 7) - 0.5rem), 10vw));
  grid-template-rows: repeat(5, minmax(calc(100% / 2), calc(calc(100% / 7) - 0.5rem)));
  position: relative;
}

.clockcontainer {
  /* position: fixed; */
  /* background: transparent; */
  /* width: 20rem; */
  height: 20rem;
}

.clockcase {
  width: 20rem;
  height: 20rem;
  /* top: 50%; */
  /* left: 50%; */
  /* transform: translate(-50%, -50%); */
  /* margin: auto; */
  background: #fff;
  border-radius: 50%;
  /* box-shadow: inset 40px 40px 90px rgba(0, 0, 0, 0.2),
    inset 10px 10px 30px rgba(0, 0, 0, 0.5), 20px 20px 30px rgba(0, 0, 0, 0.4),
    40px 40px 60px rgba(0, 0, 0, 0.4); */
  /* position: absolute; */
  z-index: 1;
}

.centerwasher {
  /* position: absolute; */
  width: 1rem;
  height: 2rem;
  top: 50.3%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: 20;
}

.citylabel {
  position: absolute;
  color: #000000;
  top: 19%;
  left: 50%;
  height: 8%;
  transform: translate(-50%, 0%);
  text-align: center;
  font-family: arial;
  font-size: 100%;
}

.datelabel {
  position: absolute;
  color: #000000;
  bottom: 30%;
  left: 50%;
  height: 8%;
  transform: translate(-50%, 0%);
  text-align: center;
  font-family: arial;
  font-size: 85%;
}

.hourhand,
.secondhand,
.minutehand {
  background: #000;
  position: absolute;
  z-index: 2;
}

.hourhand {
  width: 30%;
  top: 49%;
  left: 45.5%;
  height: 2%;
  transform-origin: 16%;
  border-top-right-radius: 20%;
  border-bottom-right-radius: 20%;
  box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.4);
  background: var(--CustomColor9);
}

.minutehand {
  width: 45%;
  height: 1%;
  top: 49.5%;
  left: 45%;
  transform-origin: 11%;
  border-top-right-radius: 30%;
  border-bottom-right-radius: 30%;
  box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.4);
}

.secondhand {
  width: 45%;
  height: 0.5%;
  top: 50.1%;
  left: 44.2%;
  transform-origin: 13%;
  box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.4);
}

.minutedotright {
  height: 100%;
  width: 1%;
  background-color: #000000;
  border-radius: 50%;
  float: right;
}

.minutedotleft {
  height: 100%;
  width: 1%;
  background-color: #000000;
  border-radius: 50%;
  float: left;
}

.minutediv {
  position: absolute;
  border: none;
  height: 1%;
  width: 100%;
  background: transparent;
  top: 49.5%;
  left: 50%;
}

.leftmark {
  width: 7%;
  height: 100%;
  background: #000000;
  float: left;
}

.rightmark {
  width: 7%;
  height: 100%;
  background: #000000;
  float: right;
}

@media screen and (min-width: 960px) {
  .w-lg-50 {
    width: 41%;
  }

  .daylist {
    grid-template-rows: repeat(5, minmax(calc(11vh), calc(calc(100% / 7) - 0.5rem)));
  }

  .dateitem {
    width: 5rem;
    height: 5rem;
  }
}

.Product-Detail svg {
  height: 1.4rem;
  width: 1.4rem;
}

.Product-Detail .btn {
  border: none;
  background: transparent;
}

.Product-Detail li {
  list-style: none;
}

.icon_sochial {
  flex: 1 1 0;
}

.Product-Detail .product li.active {
  border-bottom: 0.1rem solid var(--accent-color3);
}

.Product-Detail .MagicScroll-horizontal :where(.mcs-button-arrow-prev, .mcs-button-arrow-next) {
  top: calc(50% - 8px) !important;
}

@media only screen and (max-width: 600px) {
  .technicals .technical-list-value {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .technicals .technical-list-key {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.Product-Detail .bootstrap-touchspin .input-group-text {
  flex: 0 0 20%;
  display: block;
  cursor: pointer;
  background: transparent;
}

.Product-Detail .bootstrap-touchspin .input-group-text .btn {
  padding: 0.5rem 1.2em !important;
  cursor: pointer;
}

.Product-Detail .bootstrap-touchspin .input-group-text .btn-default {
  width: 100%;
}

.Product-Detail .bootstrap-touchspin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  border-radius: calc(var(--b-radius) * 2);
  border: 0.1em solid var(--accent-color);
}

.Product-Detail .bootstrap-touchspin [required] {
  border: 0 !important
}

.Product-Detail .bootstrap-touchspin .input-group-btn button {
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
}


.Product-Detail .form-control::placeholder {
  padding: 1em;
  text-align: right;
}

.Product-Detail .price-wrapper .form-control {
  height: auto;
  background: none;
  text-align: center !important;
  max-width: 4rem;
  border: none;
  width: 4rem;
}

.Product-Detail .form-control {
  height: 3rem;
  background: none;
  border: none;
  width: 100%;
}

.Product-Detail textarea.form-control {
  height: 10rem;
  line-height: 1rem;
  padding-top: 1rem;
}


.Product-Detail .addtowish svg .border {
  fill: var(--accent-color3);
}

.Product-Detail .addtowish svg .background {
  fill: none;
}

.Product-Detail .addtowish.active svg .background {
  fill: var(--accent-color3);
}

.Product-Detail .technical-list ul {
  list-style: none;
  margin: 0;
}

.tab-contents .technical-list-key,
.tab-contents .technical-text {
  background: var(--silverLight);
  border-radius: calc(var(--b-radius) * 2);
  padding: 0.5rem 1rem;
}

.tab-contents .technical-list-key {
  color: var(--Black)
}

.tab-contents .technical-checkboxlist {
  gap: 1em;
}

.tab-contents .technical-item {
  align-items: center;
}

.c-product__params-more.is-active {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.c-product_attributes,
.c-product_params {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-product__params {
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.c-product__params ul {
  list-style: none;
  padding: 0;
  color: #55565a;
  margin: 20px 0;
  font-size: 12px;
  font-size: 13.712px;
  line-height: 1.833;
}

.c-product__params ul:before {
  content: attr(data-title);
  font-size: 14px;
  line-height: 1.571;
  display: list-item;
  font-weight: 700;
  margin-bottom: 10px;
}

.c-product__params ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  width: 100%;
  color: #686868;
  margin: 2px 0;
}

.c-product__params ul li span {
  margin-left: 5px;
  white-space: normal;
}

.c-product__params ul li span:last-of-type {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  cursor: pointer;
}

.c-product__params-more {
  display: none !important;
}

.c-product__params ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #ccc;
  vertical-align: middle;
  margin-left: 5px;
  border-radius: 50%;
}

.Product-Detail .model-options {
  border-top: 0.1em solid var(--light-silver);
}


.Product-Detail .addToBasket {
  border: 0
}

.Product-Detail .addToBasket[disabled] {
  filter: blur(4px);
  cursor: not-allowed;
}

.Product-Detail .ProductGallery {
  height: 80%;
  width: 80%;
  position: relative;
  display: block;
}

.ProductGallery-Thumbs {}

.ProductGallery-Thumbs img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media (max-width:767px) {
  .ProductGallery-Thumbs {
    height: 6rem;
  }
}

.attributes-group-items span {
  text-wrap: nowrap;
  text-align: center;
}

.attributes-group-items.swiper .attribute-select.active {
  background: linear-gradient(to right, var(--accent-color), var(--accent-color4), var(--accent-color));
  transition: all ease-in-out 0.4s;
  -webkit-transition: all ease-in-out 0.4s;
  -moz-transition: all ease-in-out 0.4s;
  -ms-transition: all ease-in-out 0.4s;
  -o-transition: all ease-in-out 0.4s;
}

.attributes-group-items.swiper.color .attribute-select.active {
  background: unset;
}

@media (max-width:680px) {

  .swiper-vertical>.swiper-wrapper {
    flex-direction: row !important;
  }
}

svg.barcode {
  max-width: unset;
  height: auto;
  max-height: unset;
}

.color.swiper .attribute-colors {
  height: 3rem;
  outline: 0;
  border: 0;
}

.color.swiper .attribute-colors.active:before {
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  width: 0.4rem;
  height: 0.8rem;
  border: solid var(--White);
  border-width: 0 0.15em 0.15em 0;
  margin: -0.15em -0.15em 0 -0.15em;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}

.Product-Detail .model-items .ModelItem {
  display: none;
}

.Product-Detail .model-items .model-item label {
  padding: 0.5rem;
  border: 0.1em solid #f1f1f1;
  background: none;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.Product-Detail .model-items .model-item input:checked+label {
  background: #D2E2D1 !important;
  border: 0.1em solid var(--accent-color);
  border-radius: 1rem;
}

.Product-Detail .Maxmize {
  bottom: 1rem;
  right: 1rem;
  display: block;
  width: 2rem;
  height: 2rem;
}

.FullSwiper {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  transition: all ease-in-out 480ms;
  width: 100vw;
  height: 100vh;
  padding: 3rem;
}

.FullSwiper.active {
  z-index: 99999;
  opacity: 1;
  visibility: visible;

}

.FullSwiper .Close {
  top: 1rem;
  left: 1rem;
  height: 2rem;
  width: 2rem;
  display: block;
  cursor: pointer;
}

.FullSwiper .Close::after,
.FullSwiper .Close::before {
  content: '';
  position: absolute;
  top: 1rem;
  left: 0rem;
  width: 2rem;
  height: 0.2rem;
  background-color: var(--White);
}

.FullSwiper .Close::after {
  transform: rotate(135deg);
}

.FullSwiper .Close::before {
  transform: rotate(-135deg);
}

.FullSwiper .ProductGallery-Slider {
  height: 90%;
  padding-bottom: 2rem;
}

.FullSwiper .ProductGallery-Thumbs {
  height: 10%;
}

.FullSwiper .swiper .swiper-slide {
  display: flex;
  justify-content: center;
}

.FullSwiper .swiper img {
  height: 100%;
  width: auto;
  display: block;
  object-fit: contain;
}

.FullSwiper .ProductGallery-Thumbs img {
  object-fit: cover
}

.FullSwiper .ProductGallery-Thumbs .swiper-slide {
  border: 0.1em solid var(--silverLight)
}




.HorizontalTabs {
  position: relative;
  height: 100%;
  display: block
}

.HorizontalTabs .tab {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.HorizontalTabs .tab label {
  padding: 0.7rem 1.5rem !important;
  border: .1rem solid var(--silverLight);
  border-radius: calc(var(--b-radius) * 2);
  cursor: pointer;
  transition: .3s linear;

}

.HorizontalTabs .tab h1,
.HorizontalTabs .tab h2,
.HorizontalTabs .tab h3,
.HorizontalTabs .tab h4,
.HorizontalTabs .tab h5,
.HorizontalTabs .tab h6,
.HorizontalTabs .tab strong {
  font-size: 1rem;
  line-height: 2;
  margin: 0;
}

.HorizontalTabs .tab label.active {
  background: var(--accent-color);
  color: var(--White);
}

.HorizontalTabs .tab label.active>* {
  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
}

.HorizontalTabs .tab-contents {
  border: .1rem solid var(--silverLight);
  border-radius: calc(var(--b-radius) * 2);
  padding: 1rem;
}

@keyframes tabfade {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@media(max-width:768px) {
  .HorizontalTabs .tab {
    overflow-x: auto
  }

  .HorizontalTabs .tab label {
    flex: 1 0 auto
  }
}

.insetshadow-1.active {
  color: white;
  border: 1px solid var(--CustomColor9);
  background: var(--CustomColor9) !important;
  box-shadow: none;
}

.tourism {
  grid-template-columns: repeat(20, 5%);
}

.tourism [for="fromtodate"] {
  grid-column: 1 / 11;
  grid-row: 1 / 2;
}

.tourism .range-from-wrap {
  grid-column: 2 / 10;
  grid-row: 2 / 3;
}

.tourism .range-to-wrap {
  grid-column: 11 / 20;
  grid-row: 2 / 3;
}

.tourism .selected-date {
  grid-row: 3 / 4;
  grid-column: 1 / 21;
}

.tourism .selected-date input {
  border: none;
  background: none;
  text-align: center;
}

@media(max-width:768px) {
  .tourism {
    grid-template-columns: auto;
  }

  .tourism .range-to-wrap,
  .tourism .range-from-wrap {
    grid-column: 1 / 2;
    grid-row: auto;
  }

  .tourism .selected-date {
    grid-column: 1 / 2;
    grid-row: unset;
    flex-direction: column;
    gap: 1.5rem;
  }
}

.attributes-group-items {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
}

button i.icon {
  width: 24px;
  height: 24px;
  display: block;
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat
}

button i.icon.inline {
  display: inline-block
}

.share-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwIDEwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0zNi43NjQsNTBjMCwwLjMwOC0wLjA3LDAuNTk4LTAuMDg4LDAuOTA1bDMyLjI0NywxNi4xMTljMi43Ni0yLjMzOCw2LjI5My0zLjc5NywxMC4xOTUtMy43OTcgIEM4Ny44OSw2My4yMjgsOTUsNzAuMzM4LDk1LDc5LjEwOUM5NSw4Ny44OSw4Ny44OSw5NSw3OS4xMTgsOTVjLTguNzgsMC0xNS44ODItNy4xMS0xNS44ODItMTUuODkxYzAtMC4zMTYsMC4wNy0wLjU5OCwwLjA4OC0wLjkwNSAgTDMxLjA3Nyw2Mi4wODVjLTIuNzY5LDIuMzI5LTYuMjkzLDMuNzg4LTEwLjE5NSwzLjc4OEMxMi4xMSw2NS44NzMsNSw1OC43NzEsNSw1MGMwLTguNzgsNy4xMS0xNS44OTEsMTUuODgyLTE1Ljg5MSAgYzMuOTAyLDAsNy40MjcsMS40NjgsMTAuMTk1LDMuNzk3bDMyLjI0Ny0xNi4xMTljLTAuMDE4LTAuMzA4LTAuMDg4LTAuNTk4LTAuMDg4LTAuOTE0QzYzLjIzNiwxMi4xMSw3MC4zMzgsNSw3OS4xMTgsNSAgQzg3Ljg5LDUsOTUsMTIuMTEsOTUsMjAuODczYzAsOC43OC03LjExLDE1Ljg5MS0xNS44ODIsMTUuODkxYy0zLjkxMSwwLTcuNDM2LTEuNDY4LTEwLjE5NS0zLjgwNkwzNi42NzYsNDkuMDg2ICBDMzYuNjkzLDQ5LjM5NCwzNi43NjQsNDkuNjg0LDM2Ljc2NCw1MHoiPjwvcGF0aD48L3N2Zz4=")
}

.heart-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHg9IjBweCIgeT0iMHB4Ij48dGl0bGU+QXJ0Ym9hcmQgMzc8L3RpdGxlPjxwYXRoIGQ9Ik04OS44LDE0LjE5YTI4LDI4LDAsMCwwLTM5LjU5LDBsLS4yMS4yLS4yLS4yQTI4LDI4LDAsMCwwLDEwLjEzLDUzLjcxbDM3LDM5YTQsNCwwLDAsMCw1LjgxLDBMODkuOCw1My43OUEyOCwyOCwwLDAsMCw4OS44LDE0LjE5Wm0tNS43MywzNEw1MCw4NC4xOGwtMzQuMTQtMzZBMjAsMjAsMCwwLDEsNDQuMTUsMTkuODVsMywzYTQsNCwwLDAsMCw1LjY1LDBsMy0zQTIwLDIwLDAsMSwxLDg0LjA3LDQ4LjIxWiI+PC9wYXRoPjwvc3ZnPg==")
}

.active .heart-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZjExNTE1IiB4bWxuczp4PSJodHRwOi8vbnMuYWRvYmUuY29tL0V4dGVuc2liaWxpdHkvMS4wLyIgeG1sbnM6aT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZUlsbHVzdHJhdG9yLzEwLjAvIiB4bWxuczpncmFwaD0iaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3dpdGNoPjxmb3JlaWduT2JqZWN0IHJlcXVpcmVkRXh0ZW5zaW9ucz0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZUlsbHVzdHJhdG9yLzEwLjAvIiB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIj48L2ZvcmVpZ25PYmplY3Q+PGcgaTpleHRyYW5lb3VzPSJzZWxmIj48cGF0aCBkPSJNOTAuMSwxNi41Yy00LjktNC45LTExLjUtNy40LTE4LTcuNGMtNi41LDAtMTMsMi41LTE4LDcuNGwtNC4yLDQuMmwtNC4yLTQuMmMtNC45LTQuOS0xMS41LTcuNC0xOC03LjQgICAgYy02LjcsMC0xMy40LDIuNi0xOC40LDcuOWMtOS42LDEwLjEtOSwyNi4xLDAuOCwzNS45bDM2LjcsMzYuN2MxLjcsMS43LDQuNCwxLjcsNiwwbDM3LjEtMzcuMUMxMDAsNDIuNiwxMDAsMjYuNCw5MC4xLDE2LjV6Ij48L3BhdGg+PC9nPjwvc3dpdGNoPjwvc3ZnPg==")
}

#sharing .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 .sharing-btn.email {
  background: #ef5662;
  border: 1px solid #ef5662
}

#sharing .sharing-btn.whatsapp {
  background: #1bd741;
  border: 1px solid #1bd741
}

#sharing .sharing-btn.facebook {
  background: #4d8deb;
  border: 1px solid #4d8deb
}

#sharing .sharing-btn.twitter {
  background: #4dcceb;
  border: 1px solid #4dcceb
}

#sharing .sharing-btn.copylink {
  width: 94px;
  border: 1px solid #81858b;
  color: #81858b;
  padding-right: 20px
}

#sharing .sharing-btn.email:before,
#sharing .sharing-btn.whatsapp:before,
#sharing .sharing-btn.facebook:before,
#sharing .sharing-btn.twitter:before,
#sharing .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 .sharing-btn.email:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHg9IjBweCIgeT0iMHB4Ij48dGl0bGU+bWFpbDUwPC90aXRsZT48cGF0aCBkPSJNOTkuOTUsNDcuN1Y0Ny4yM3EwLTQuOSwwLTkuOFYyNy41NWwwLDBhMTIuODIsMTIuODIsMCwwLDAtLjA2LTMuMTZjMC0uMDcsMC0wLjE0LDAtMC4yMXYwYy0wLjg1LTUtNS4yLTguNDItMTAuNTgtOC40Mkg1MS43djBIMjUuMThjLTUuMTUsMC0xMC40OCwwLTE1LjcyLjA4YTguNSw4LjUsMCwwLDAtNi41OSwzLjA3QTEyLDEyLDAsMCwwLC4yNCwyNC4xOSwxMS4yNCwxMS4yNCwwLDAsMCwwLDI2LjNIMFY0NC40MVEwLDQ4LjY5LDAsNTNWNTNjMCw2Ljc0LDAsMTMuNzEsMCwyMC41NkExMC42MiwxMC42MiwwLDAsMCwzLjEzLDgxLjJhMTAuMzksMTAuMzksMCwwLDAsNy4zOSwzLjA4aDMwYzE2LDAsMzIuNTcsMCw0OC44NiwwQTEwLjgsMTAuOCwwLDAsMCwxMDAsNzMuNjVDOTkuOSw2NSw5OS45Miw1Ni4yMSw5OS45NSw0Ny43Wm0tMy41NiwyNmE3LjIsNy4yLDAsMCwxLTcsN2MtMTYuNjYsMC0zMy42MSwwLTUwLDBIMTAuNTJhNi44LDYuOCwwLDAsMS00LjgzLTIsNyw3LDAsMCwxLTIuMDgtNWMwLTYuODYsMC0xMy44MywwLTIwLjU4VjUzcTAtNC4yNywwLTguNTRWMzUuNjhDNC4yNywzNi41LDUsMzcuMjcsNS42NiwzOGE0Miw0MiwwLDAsMCw3Ljg0LDYuMWMwLjcyLDAuNDcsMS40My45NCwyLjE0LDEuNDIsNy42Nyw1LjIzLDE1LjI5LDEwLjM1LDIyLjY1LDE1LjI0QTczLjYyLDczLjYyLDAsMCwwLDQ1LjU3LDY1YTkuNTQsOS41NCwwLDAsMCw0LjM2LDEuMDYsMTEuMTYsMTEuMTYsMCwwLDAsNC4yNi0uOSw0MS40NCw0MS40NCwwLDAsMCw3LjUxLTQuMzlsMC43LS40OEM3MC42Nyw1NC43MSw3OS4xMiw0OSw4Ny4zLDQzLjU3bDEuNzYtMS4xOGEzMC4zOSwzMC4zOSwwLDAsMCw3LjMtNi42M3YxLjY2cTAsNC45LDAsOS44djAuNDdDOTYuMzEsNTYuMjEsOTYuMjksNjUsOTYuMzksNzMuN1pNMzYuNTIsMTkuMzNINDguMDl2MEg4OS4yM2MzLjU5LDAsNi40OCwyLjIzLDcsNS40M2wwLDAuMTZhMTAuMjIsMTAuMjIsMCwwLDEtMS42NSw3Yy0xLjA2Ljg5LTIuMDgsMS43Mi0zLjE1LDIuNDgtNS4zMSwzLjczLTEwLjg3LDcuNTktMTUuNzcsMTEtNC41OCwzLjE4LTkuMzIsNi40OC0xNCw5Ljc3YTI3LjY5LDI3LjY5LDAsMCwxLTcuNzksNC4wNSwxMiwxMiwwLDAsMS03LjUxLjEyLDI3LjU3LDI3LjU3LDAsMCwxLTcuMzItMy42NFEzNCw1Mi4xMiwyOC45Myw0OC41N2wtMC4yNC0uMTZjLTQuMTEtMi44OC04LjM2LTUuODYtMTIuNTItOC44MS0xLjIxLS44NS0yLjQ1LTEuNjctMy42NS0yLjQ2YTYyLjE4LDYyLjE4LDAsMCwxLTcuMTQtNS4yQTExLjM2LDExLjM2LDAsMCwxLDQsMjlhOC41Niw4LjU2LDAsMCwxLS4yMy00LjA3QTguMzgsOC4zOCwwLDAsMSw1LjY0LDIxLjJhNC45Miw0LjkyLDAsMCwxLDMuODctMS43OGM1LjIyLS4wNywxMC41My0wLjA3LDE1LjY3LTAuMDhIMzYuNTJaIj48L3BhdGg+PC9zdmc+")
}

#sharing .sharing-btn.whatsapp:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTI4IDEyODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik02NSwyQzMwLjgsMiwzLDI5LjgsMyw2NGMwLDE1LjgsNS45LDMwLjgsMTYuNyw0Mi4zbC0xMy44LDEzdjYuN0g2NWMzNC4yLDAsNjItMjcuOCw2Mi02MlM5OS4yLDIsNjUsMnogTTY1LDExOEgxOC45ICAgbDEyLjMtMTEuNWwtNC4zLTQuM0MxNi42LDkyLDExLDc4LjQsMTEsNjRjMC0yOS44LDI0LjItNTQsNTQtNTRzNTQsMjQuMiw1NCw1NFM5NC44LDExOCw2NSwxMTh6Ij48L3BhdGg+PHBhdGggZD0iTTY0LjMsODAuNmMtNi40LTQuMS0xMS44LTkuNy0xNS43LTE2LjNsNi43LTYuN1YzOS43SDMzLjdDMzMuNyw3MSw1OSw5Ni4zLDkwLjMsOTYuM1Y3NC44bC0yMC4yLDBMNjQuMyw4MC42eiI+PC9wYXRoPjwvZz48L3N2Zz4=")
}

#sharing .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 .sharing-btn.twitter:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTk3LjkwMywyNi4zNTJjLTAuMjc1LTAuOTQ3LTEuMDk0LTEuNjM0LTIuMDczLTEuNzQxbC0xMS43OTMtMS4yOThDODAuODMzLDE1LjQxNCw3NS41NCw5LjgzNyw2OC42NTUsNy4xMzYgIGMtMi4zMjEtMC45MS00Ljc5Ni0xLjM3MS03LjM1NC0xLjM3MWMtMTEuMzA3LDAtMjEuNDg1LDguODkxLTIyLjY4OCwxOS44MmMtMC4yNjMsMi4zODgtMC4xNSw0Ljc1MSwwLjMxMiw3LjAyMkwyMC4yMywxNy4wNDggIGMtMC41MjEtMC40MzQtMS4xOTctMC42MjktMS44NzEtMC41NDRjLTAuNjcyLDAuMDg3LTEuMjc4LDAuNDUtMS42NzEsMS4wMDJjLTAuMTksMC4yNjctMTguMjEyLDI2LjE0OCwyLjAzNSw0Ny43ICBDMTMuMzU0LDY5LjYxNCw1LjAwNiw3Ni4xNTMsMy4xOTUsNzcuNTY5Yy0wLjU2OCwwLjQ0NC0wLjkwOSwxLjExNi0wLjkzNCwxLjgzN2MtMC4wMjUsMC43MTksMC4yNzEsMS40MTMsMC44MDcsMS44OTUgIGM3Ljg5OCw3LjA5NiwxNy42NjcsMTEuNDYyLDI4LjI1LDEyLjYyNmMxLjg1NSwwLjIwNCwzLjczOCwwLjMwOCw1LjU5NSwwLjMwOGMwLjAwMiwwLDAuMDAxLDAsMC4wMDMsMCAgYzI1LjgwNiwwLDQ3LjQtMTkuMzcyLDUwLjIyOS00NS4wNjJjMC40NDMtNC4wNDIsMC40Ny04LjI3NSwwLjA3OS0xMi4zM2w5Ljg2NC03LjkwOUM5Ny44NTYsMjguMzE3LDk4LjE3OCwyNy4yOTgsOTcuOTAzLDI2LjM1MnogICBNODMuMTMzLDMzLjg3NWMtMC42NTcsMC41MjctMC45OTYsMS4zNTYtMC44OTYsMi4xOTNjMC40OTQsNC4wOTUsMC41MTcsOC40NDIsMC4wNjIsMTIuNTcyICBjLTIuNTU2LDIzLjIxNy0yMi4wNjgsNDAuNzIzLTQ1LjM4Nyw0MC43MjFjLTEuNjgsMC0zLjM4My0wLjA5My01LjA2My0wLjI3OGMtOC41ODktMC45NDQtMTYuNTg0LTQuMjIzLTIzLjI5My05LjUyNCAgYzMuOTkxLTMuMTM3LDExLjM5NS04Ljk4NywxNS4zNDktMTIuMzIxYzAuNTMyLTAuNDQ4LDAuODQ3LTEuMTAyLDAuODY1LTEuNzk3YzAuMDE5LTAuNjk0LTAuMjYtMS4zNjQtMC43NjctMS44NDEgIGMtMTYuNzk4LTE1Ljc5NS04LjQyMS0zNC42MDctNC43NDktNDEuMDI0bDI2LjQ3NSwyMi4wMzJjMS4wMTIsMC44NDMsMi41MTIsMC43MjgsMy4zODQtMC4yNmMwLjg3My0wLjk4OCwwLjgwMi0yLjQ5LTAuMTYxLTMuMzkxICBjLTQuMTA2LTMuODQ2LTYuMTA5LTkuMjU1LTUuNDk2LTE0Ljg0YzAuOTM5LTguNTM2LDguOTQ0LTE1LjQ4LDE3Ljg0NC0xNS40OGMxLjk0NywwLDMuODIzLDAuMzQ4LDUuNTc1LDEuMDM1ICBjNi4wMzgsMi4zNjksMTAuNDU3LDcuMzI5LDEzLjEzMywxNC43NDJjMC4zNDgsMC45NjMsMS4yNDYsMS41NzgsMi4yMjgsMS42MDJsNy4yMTUsMC43OTRMODMuMTMzLDMzLjg3NXoiPjwvcGF0aD48cGF0aCBkPSJNNjMuNzg5LDE5LjcwOWMtMy45NDktMC40MzYtNy40MDEsMi40MTgtNy44MjcsNi4yNzVjLTAuNDI5LDMuODg3LDIuMzg3LDcuMzk4LDYuMjc0LDcuODI2ICBjMC4yNjMsMC4wMjksMC41MjMsMC4wNDMsMC43ODIsMC4wNDNjMy42MiwwLDYuNjQ5LTIuNzE1LDcuMDQ2LTYuMzE3QzcwLjQ5MiwyMy42NDksNjcuNjc4LDIwLjEzOCw2My43ODksMTkuNzA5eiBNNjUuMjIxLDI3LjAwMyAgYy0wLjEzNCwxLjIxLTEuMjI2LDIuMDk0LTIuNDUxLDEuOTY0Yy0xLjIxNi0wLjEzNC0yLjA5OC0xLjIzMy0xLjk2My0yLjQ0OWMwLjEyMy0xLjEyOCwxLjA3LTEuOTc5LDIuMjAzLTEuOTc5ICBjMC4wODEsMCwwLjE2NCwwLjAwNCwwLjI0NiwwLjAxM0M2NC40NzMsMjQuNjg3LDY1LjM1NCwyNS43ODcsNjUuMjIxLDI3LjAwM3oiPjwvcGF0aD48L3N2Zz4=")
}

#sharing .sharing-btn.copylink:before {
  background-position: right;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiBmaWxsPSIjODE4NThiIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggc3R5bGU9ImZvbnQtc2l6ZTptZWRpdW07Zm9udC1zdHlsZTpub3JtYWw7Zm9udC12YXJpYW50Om5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zdHJldGNoOm5vcm1hbDt0ZXh0LWluZGVudDowO3RleHQtYWxpZ246c3RhcnQ7dGV4dC1kZWNvcmF0aW9uOm5vbmU7bGluZS1oZWlnaHQ6bm9ybWFsO2xldHRlci1zcGFjaW5nOm5vcm1hbDt3b3JkLXNwYWNpbmc6bm9ybWFsO3RleHQtdHJhbnNmb3JtOm5vbmU7ZGlyZWN0aW9uOmx0cjtibG9jay1wcm9ncmVzc2lvbjp0Yjt3cml0aW5nLW1vZGU6bHItdGI7dGV4dC1hbmNob3I6c3RhcnQ7YmFzZWxpbmUtc2hpZnQ6YmFzZWxpbmU7b3BhY2l0eToxO2NvbG9yOiMwMDAwMDA7ZmlsbDojODE4NThiO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDo2O21hcmtlcjpub25lO3Zpc2liaWxpdHk6dmlzaWJsZTtkaXNwbGF5OmlubGluZTtvdmVyZmxvdzp2aXNpYmxlO2VuYWJsZS1iYWNrZ3JvdW5kOmFjY3VtdWxhdGU7Zm9udC1mYW1pbHk6U2FuczstaW5rc2NhcGUtZm9udC1zcGVjaWZpY2F0aW9uOlNhbnMiIGQ9Ik0gMzYgNSBDIDMyLjE3Mzg5MiA1IDI5IDguMTczODkxNiAyOSAxMiBMIDI5IDIxIEwgMjQgMjEgQyAyMC4xNzM4OTIgMjEgMTcgMjQuMTczODkyIDE3IDI4IEwgMTcgODggQyAxNyA5MS44MjYxMDggMjAuMTczODkyIDk1IDI0IDk1IEwgNjQgOTUgQyA2Ny44MjYxMDggOTUgNzEgOTEuODI2MTA4IDcxIDg4IEwgNzEgNzkgTCA3NiA3OSBDIDc5LjgyNjEwOCA3OSA4MyA3NS44MjYxMDggODMgNzIgTCA4MyAyNiBBIDMuMDAwMyAzLjAwMDMgMCAwIDAgODIuMTI1IDIzLjg3NSBMIDY0LjEyNSA1Ljg3NSBBIDMuMDAwMyAzLjAwMDMgMCAwIDAgNjIgNSBMIDM2IDUgeiBNIDM2IDExIEwgNTkgMTEgTCA1OSAyNiBBIDMuMDAwMyAzLjAwMDMgMCAwIDAgNjIgMjkgTCA3NyAyOSBMIDc3IDcyIEMgNzcgNzIuNjA1ODkyIDc2LjYwNTg5MiA3MyA3NiA3MyBMIDM2IDczIEMgMzUuMzk0MTA4IDczIDM1IDcyLjYwNTg5MiAzNSA3MiBMIDM1IDEyIEMgMzUgMTEuMzk0MTA4IDM1LjM5NDEwOCAxMSAzNiAxMSB6IE0gNjUgMTUuMjUgTCA3Mi43NSAyMyBMIDY1IDIzIEwgNjUgMTUuMjUgeiBNIDI0IDI3IEwgMjkgMjcgTCAyOSA3MiBDIDI5IDc1LjgyNjEwOCAzMi4xNzM4OTIgNzkgMzYgNzkgTCA2NSA3OSBMIDY1IDg4IEMgNjUgODguNjA1ODkyIDY0LjYwNTg5MiA4OSA2NCA4OSBMIDI0IDg5IEMgMjMuMzk0MTA4IDg5IDIzIDg4LjYwNTg5MiAyMyA4OCBMIDIzIDI4IEMgMjMgMjcuMzk0MTA4IDIzLjM5NDEwOCAyNyAyNCAyNyB6ICI+PC9wYXRoPjwvc3ZnPg==")
}

#sharing #sharing-email {
  margin: 20px 0px
}

#sharing #sharing-email .input-group-text {
  padding: 0px 5px
}