.grd-ocean-1 {
	background: rgb(7,80,168);
	background: -moz-linear-gradient(90deg, rgba(7,80,168,1) 0%, rgba(17,222,255,1) 20%, rgba(23,96,196,1) 50%, rgba(23,29,132,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(7,80,168,1) 0%, rgba(17,222,255,1) 20%, rgba(23,96,196,1) 50%, rgba(23,29,132,1) 100%);
	background: linear-gradient(90deg, rgba(7,80,168,1) 0%, rgba(17,222,255,1) 20%, rgba(23,96,196,1) 50%, rgba(23,29,132,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0750a8",endColorstr="#171d84",GradientType=1);
}

.grd-ocean-2 {
	background: rgb(12,151,212);
background: -moz-linear-gradient(90deg, rgba(12,151,212,1) 0%, rgba(17,222,255,1) 20%, rgba(23,96,196,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(12,151,212,1) 0%, rgba(17,222,255,1) 20%, rgba(23,96,196,1) 100%);
background: linear-gradient(90deg, rgba(12,151,212,1) 0%, rgba(17,222,255,1) 20%, rgba(23,96,196,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0c97d4",endColorstr="#1760c4",GradientType=1);
}

.grd-ocean-3 {
	background: rgb(117,199,235);
	background: -moz-linear-gradient(90deg, rgba(117,199,235,1) 0%, rgba(145,240,255,1) 20%, rgba(110,166,244,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(117,199,235,1) 0%, rgba(145,240,255,1) 20%, rgba(110,166,244,1) 100%);
	background: linear-gradient(90deg, rgba(117,199,235,1) 0%, rgba(145,240,255,1) 20%, rgba(110,166,244,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#75c7eb",endColorstr="#6ea6f4",GradientType=1);
}

.grd-ocean-4 {
	background: rgb(153,222,252);
	background: -moz-linear-gradient(90deg, rgba(153,222,252,1) 0%, rgba(193,246,255,1) 20%, rgba(173,207,255,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(153,222,252,1) 0%, rgba(193,246,255,1) 20%, rgba(173,207,255,1) 100%);
	background: linear-gradient(90deg, rgba(153,222,252,1) 0%, rgba(193,246,255,1) 20%, rgba(173,207,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99defc",endColorstr="#adcfff",GradientType=1);
}

.grd-ocean-5 {
	background: rgb(188,235,255);
background: -moz-linear-gradient(90deg, rgba(188,235,255,1) 0%, rgba(215,249,255,1) 20%, rgba(203,225,255,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(188,235,255,1) 0%, rgba(215,249,255,1) 20%, rgba(203,225,255,1) 100%);
background: linear-gradient(90deg, rgba(188,235,255,1) 0%, rgba(215,249,255,1) 20%, rgba(203,225,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bcebff",endColorstr="#cbe1ff",GradientType=1);
}

.grd-ocean-6 {
	background: rgb(43,81,107);
background: -moz-linear-gradient(90deg, rgba(43,81,107,1) 0%, rgba(118,149,166,1) 29%, rgba(47,84,110,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(43,81,107,1) 0%, rgba(118,149,166,1) 29%, rgba(47,84,110,1) 100%);
background: linear-gradient(90deg, rgba(43,81,107,1) 0%, rgba(118,149,166,1) 29%, rgba(47,84,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b516b",endColorstr="#2f546e",GradientType=1);
}

.grd-darken-1 {
	background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 49%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 49%, rgba(0,0,0,1) 100%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 49%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.grd-darken-spot {
	background: rgb(0,0,0);
	background: -moz-radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.grd-darken-tilt-shift {background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 34%, rgba(0,0,0,0) 66%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 34%, rgba(0,0,0,0) 66%, rgba(0,0,0,1) 100%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 34%, rgba(0,0,0,0) 66%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.grd-darken-tilt-shift-white {
	background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 34%, rgba(255,255,255,0) 66%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 34%, rgba(255,255,255,0) 66%, rgba(255,255,255,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 34%, rgba(255,255,255,0) 66%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

hr.lg {
	height: 24px;
}

hr.md {
	height: 8px;
}

hr.sm {
	height: 4px;
}

hr.opq {
	opacity: 1;
}

.b-lcream {
	background-color: #edebe6;
}

.b-cream-2 {
	background-color: #fcf9f0;
}

.b-dblue {
	background-color: #005f87;
}

.b-dred {
	background-color: #c70c4f;
}

.b-daqua {
	background-color: #22a5ae;
}

.b-mred {
	background-color: #cb3333;
}

.f-lcream {
	color: #fff8e8;
}

.f-daqua {
	color: #1d505e;
}


.f-maqua {
	color: #3a7d8f;
}

.f-mgray {
	color: #777777;
}

.f-dbrown {
	color: #1c1712;
}


.f-mbrown {
	color: #938d86;
}


.radley-regular {
  font-family: "Radley", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 2px;
}

.radley-regular-italic {
  font-family: "Radley", serif;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 2px;
}


  .open-sans {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
  }



.beiruti-200 {
  font-family: "Beiruti", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}



.logo-thumbnail {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../media/logo_thumbnail.png);
	opacity: 0.75;
}


.navbar-logo {
	border-radius: 32px;
	width: 32px;
	height: 32px;
}


.navbar {
	min-height: 64px;
}

.navbar-toggler {
	position: absolute;
	right: 48px;
}


.navbar-brand.list {
	display: inline-block;
}


@media only screen and (min-width: 992px) {
  #navbar {
  	display: flex;
  	justify-content: center;
  }

  .navbar-toggler {
  	position: inherit;
  }


	.navbar-brand.btn.list {
		display:none;
	}


}



.jumbotron {
	min-height: 500px;
}


.hovering-menu {
    position: absolute;
    width: auto;
    height: auto;
    right: 30px;
    top: 90px;
    width: 200px;
    z-index: 10;
}


a {
	text-decoration: none;
	color: rgba(0,0,0,.55);
}

a, a:active, a:visited {
	color: rgba(0,0,0,.55);
}
a:hover {
	color: rgba(0,0,0,.55);
}


.hovering-menu-link {
	overflow: hidden;
  transition: all 0.5s;
}

.hovering-menu-link:active {
	background-color: rgba(0,0,0,0.1);
}

.hovering-menu-link-hr {
	opacity: 0.1;
}

.enlarge-y {
	height: 0;
}

.enlarge-y.visible {
	height: 50px;
}



.opacity-ease-in {
    opacity: 0;
}

.opacity-ease-in.visible {
    opacity: 1;
    transition: opacity 0.15s ease-in;
}



.body-bkg {
	background: rgb(188,235,255);
	background: -moz-radial-gradient(circle, rgba(188,235,255,0.64693627450980393) 0%, rgba(189,234,255,0) 100%);
	background: -webkit-radial-gradient(circle, rgba(188,235,255,0.64693627450980393) 0%, rgba(189,234,255,0) 100%);
	background: radial-gradient(circle, rgba(188,235,255,0.64693627450980393) 0%, rgba(189,234,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bcebff",endColorstr="#bdeaff",GradientType=1);
}


  .video-container-still {
    z-index: -3;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../media/main-bkg-video-1.jpg);
  }

  .video-container {
    z-index: 0;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
  }


 .opal-necklace-closeup {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../media/opal-necklace-jumbotron-mobile.jpg);
  }


 .silver-necklace-closeup {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../media/silver-necklace-jumbotron-mobile.jpg);
  }



 .divider-1 {
 		width: 100%;
 		height: 16px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../media/divider-1.png);
  }

 .divider-2 {
 		width: 100%;
 		height: 24px;
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../media/divider-2.png);
  }

 .divider-3 {
 		width: 100%;
 		height: 48px;
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../media/divider-3.png);
  }


	.corner-1 {
		opacity: 0.5;
	  position: absolute;
		width: 32px;
		height: 32px;
	  background-position: center center;
	  background-size: contain;
	  background-repeat: no-repeat;
	}

 .corner-1.bl {
 	  left: 5px;
 	  bottom: -3px;
	  background-image: url(../media/corner-bl.png);
  }

 .corner-1.br {
 	  right: 5px;
 	  bottom: -3px;
	  background-image: url(../media/corner-br.png);
  }

 .corner-1.tl {
 	  left: 5px;
 	  top: -3px;
	  background-image: url(../media/corner-tl.png);
  }

 .corner-1.tr {
 	  right: 5px;
 	  top: -3px;
	  background-image: url(../media/corner-tr.png);
  }


.carousel-control-next, .carousel-control-prev {
  width: auto !important;
}

.carousel-control-container {
	background-color: #3f5e6b;
}

@media only screen and (min-width: 992px) {
  .silver-necklace-closeup {
    background-image: url(../media/silver-necklace-jumbotron-close-up.jpg);
  }

 .opal-necklace-closeup {
    background-image: url(../media/opal-necklace-jumbotron-close-up.jpg);
	}


}



.blue-title-bkg {
	background-image: url(../media/blue-title-bkg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}


.b-steel {
	background: rgb(29,29,29);
	background: -moz-linear-gradient(112deg, rgba(29,29,29,1) 0%, rgba(87,87,87,1) 19%, rgba(33,33,33,1) 32%, rgba(87,87,87,1) 47%, rgba(66,66,66,1) 58%, rgba(91,91,91,1) 73%);
	background: -webkit-linear-gradient(112deg, rgba(29,29,29,1) 0%, rgba(87,87,87,1) 19%, rgba(33,33,33,1) 32%, rgba(87,87,87,1) 47%, rgba(66,66,66,1) 58%, rgba(91,91,91,1) 73%);
	background: linear-gradient(112deg, rgba(29,29,29,1) 0%, rgba(87,87,87,1) 19%, rgba(33,33,33,1) 32%, rgba(87,87,87,1) 47%, rgba(66,66,66,1) 58%, rgba(91,91,91,1) 73%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d1d1d",endColorstr="#5b5b5b",GradientType=1);
	mix-blend-mode: luminosity;
}




.enlarge {
	transform: scale(0.8);
}

.enlarge.visible {
	transform: scale(1);
  transition: all 0.5s cubic-bezier(0.8, 0, 0.15, 0.99)
}

.hover-enlarge {
  transition: transform 0.1s;
	transform: scale(1);
}

.hover-enlarge:hover {
	transform: scale(1.05);
}

.hover-enlarge:active {
	transform: scale(1.05);
}


	.hover-enlarge-bkg {
    background-size: cover;
	}

	

  .abs-bkg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;


  }

.center-box {
	z-index: 20; 
	position: absolute; 
	top: 20%; 
	height: 60%;
	left: 5%; 
	width: 90%; 
}

  .box-shadow {
    -webkit-box-shadow: -1px 14px 36px 3px rgba(0,0,0,0.61);
    -moz-box-shadow: -1px 14px 36px 3px rgba(0,0,0,0.61);
    box-shadow: -1px 14px 36px 3px rgba(0,0,0,0.61);
  }

  .box-shadow-interactive {
    transition: box-shadow 0.15s ease-in;
    -webkit-box-shadow: -1px 14px 36px 4px rgb(0,0,0,12%);
    -moz-box-shadow: -1px 14px 36px 4px rgb(0,0,0,12%);
    box-shadow: -1px 14px 36px 4px rgb(0,0,0,12%);
  }

  .box-shadow-interactive:hover {
    -webkit-box-shadow: -1px 14px 36px 3px rgba(0,0,0,0.24);
    -moz-box-shadow: -1px 14px 36px 3px rgba(0,0,0,0.24);
    box-shadow: -1px 14px 36px 3px rgba(0,0,0,0.24);
  }
  .box-shadow-interactive:active {
    -webkit-box-shadow: -1px 14px 36px 3px rgba(0,0,0,0.24);
    -moz-box-shadow: -1px 14px 36px 3px rgba(0,0,0,0.24);
    box-shadow: -1px 14px 36px 3px rgba(0,0,0,0.24);
  }

  

@media only screen and (min-width: 1300px) {

.center-box {
	left: 20%; 
	width: 60%; 
}

.hover-enlarge-bkg {
  transition: background-size 1s 0.25s;
    background-size: 100%;
}
.hover-enlarge-bkg:hover {
    background-size: 105%;
}
} 
.join-adventure {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../media/join-adventure.jpg);
    mix-blend-mode: plus-lighter;
}

.stack-gallery-container {
	width: 440px;
	height: 440px;
}

.stack-gallery {
	position: absolute;
	width: 300px;
	height: 200px;
	background-color: red;
}

.stack-gallery.img-1 {
	top: 0;
	left: 0;
}

.stack-gallery.img-2 {
	top: 100px;
	left: 140px;
}

.stack-gallery.img-3 {
	top: 240px;
	left: 0;
}

.rotate-in {
    transform: rotate(50deg);
}

.rotate-in.visible {
    transform: rotate(0deg);
    transition: transform 0.25s ease-in;
}


.wares-img-1 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../media/wares-img-1.jpg);
}

.wares-img-2 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../media/wares-img-2.jpg);
}

.wares-img-3 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../media/wares-img-3.jpg);
}




.icon-board {
		width: 80px; 
		height: 80px;
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-board.ethical {
    background-image: url(../media/icon-ethical.png);
}

.icon-board.shipping {
    background-image: url(../media/icon-shipping.png);
}

.icon-board.handcrafted {
    background-image: url(../media/icon-handcrafted.png);
}

.icon-board.dispatch {
    background-image: url(../media/icon-dispatch.png);
}



.icon-board.tiktok {
	width: 120px; 
	height: 120px;
    background-image: url(../media/tiktok.png);
}










.icon-board.envelope {
	width: 120px; 
	height: 120px;
    background-image: url(../media/envelope-vector.png);
}


.logo-display-white {
    width: 150px;
    height: 150px;
    background-image: url(../media/logo_colorised.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.85;
}




/*

 .don-1 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../media/don-1.png);
  }



 .don-2 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../media/don-2.png);
  }



 .don-3 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../media/don-3.png);
  }



 .don-4 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../media/don-4.png);
  }



 .don-5 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../media/don-5.png);
  }



 .don-6 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../media/don-6.png);
  }



*/

















/*

 .sbdn-1 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../media/sbdn-1.png);
  }



 .sbdn-2 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../media/sbdn-2.png);
  }



 .sbdn-3 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../media/sbdn-3.png);
  }



 .sbdn-4 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../media/sbdn-4.png);
  }

*/
  .item-catalogue.thumbnail {
  	border: none;
  	opacity: 0.5;
  	width: 80px; 
  	height: 80px; 
  	background-color: gray; 
  	float: left;
    
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
  }
  .item-catalogue.thumbnail:hover {
  	opacity: 0.75;
  }

  .item-catalogue.thumbnail:active {
  	opacity: 1;
  }


  .magnifier-btn {
  	position: absolute; 
  	z-index: 22; 
  	width: 50px; 
  	height: 50px; 
  	background-color: rgba(255,255,255,0.75); 
  	color: black; 
  	cursor: pointer; 
  	border-radius: 5px; 
  	bottom: 0; 
  	right: 0;
  	opacity: 0.75;
  }

  .magnifier-btn:hover {
  	opacity: 0.85;
  }


  .magnifier-btn:active {
  	opacity: 0.95;
  }

  .modal-dialog.display-item {
  	width: 800px;
    max-width: calc(100vw - 1rem);
    height: 800px;
    max-height: calc(100vh - 1rem);
  }

  .modal-content.display-item {
  	height: 100%;
  }

  .modal-body.display-item {

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .image-submit-well {
  	min-height: 200px; 
  	background-color: rgba(0,0,0,0.1); 
  	border-radius: 5px;
  }

  .image-submit-well-insert {
  	cursor: pointer;
  	opacity: 0.75;

  }

  .image-submit-well-preview {
  	max-height: 100px;
  	position: relative;
  }
                     
  .image-submit-well-insert:hover {
  	opacity: 0.85;
  }             
  .image-submit-well-insert:active {
  	opacity: 1;
  }


.review-backdrop-img {
	min-height: 400px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.review-box-photo {
	width: 100%; 
	height: 200px; 
	background-color: gray; 
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: 0.9;
}

.review-box-photo:hover {
	opacity: 0.95;
}

.review-box-photo:active {
	opacity: 1;
}



  .lds-grid {
  /* change color here */
  color: #1c4c5b
}
.lds-grid,
.lds-grid div {
  box-sizing: border-box;
}
.lds-grid {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-grid div {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: currentColor;
  animation: lds-grid 1.2s linear infinite;
}
.lds-grid div:nth-child(1) {
  top: 8px;
  left: 8px;
  animation-delay: 0s;
}
.lds-grid div:nth-child(2) {
  top: 8px;
  left: 32px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(3) {
  top: 8px;
  left: 56px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(4) {
  top: 32px;
  left: 8px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(5) {
  top: 32px;
  left: 32px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(6) {
  top: 32px;
  left: 56px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(7) {
  top: 56px;
  left: 8px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(8) {
  top: 56px;
  left: 32px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(9) {
  top: 56px;
  left: 56px;
  animation-delay: -1.6s;
}
@keyframes lds-grid {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}


.order-dot {
	background-color: #fc0341; 
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 10px; 
	height: 10px; 
	z-index: 24; 
	border-radius: 20px;
}



















         .roboto-l {
           font-family: "Roboto", serif;
           font-optical-sizing: auto;
           font-weight: 300;
           font-style: normal;
           font-variation-settings:
             "wdth" 100;
         }
                  .roboto {
           font-family: "Roboto", serif;
           font-optical-sizing: auto;
           font-weight: 600;
           font-style: normal;
           font-variation-settings:
             "wdth" 100;
         }

         .carousel-item.item-catalogue {
            height: 100%;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
         }

         .item-box {
            cursor:pointer;
            border: 2px solid rgba(94, 164, 173,0);
         }

         .item-box:active {
            border: 2px solid rgba(94, 164, 173,0.5);
         }















.basic-link {
    color: #1d505e !important;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
}





.custom-slider {
    --track-color: #caefff;
    --thumb-color: #42b6c1; /* Bootstrap purple */
}

.custom-slider::-webkit-slider-runnable-track {
    background: var(--track-color);
    height: 0.4rem;
    border-radius: 10px;
}

.custom-slider::-webkit-slider-thumb {
    background: var(--thumb-color);
    border: 2px solid white;
    height: 1.1rem;
    width: 1.1rem;
    border-radius: 50%;
    margin-top: -0.35rem; /* centers thumb */
    -webkit-appearance: none;
}

.custom-slider::-moz-range-track {
    background: var(--track-color);
    height: 0.4rem;
    border-radius: 10px;
}

.custom-slider::-moz-range-thumb {
    background: var(--thumb-color);
    border: 2px solid white;
    height: 1.1rem;
    width: 1.1rem;
    border-radius: 50%;
}





































        .switch-label {
            position: relative;
            display: inline-block;
            width: 70px;
            height: 34px;
        }

        .switch-label input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #252525; 
            transition: .3s;
            border-radius: 34px;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            transition: .3s;
            border-radius: 50%;
        }

        /* ON/OFF text styling */
        .slider::after {
            position: absolute;
            color: white;
            font-size: 0.7rem;
            font-weight: 600;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            transition: .3s;
        }

        input:checked + .slider {
            background-color: #252525; 
        }

        input:checked + .slider:before {
            transform: translateX(36px);
        }

        input:checked + .slider::after {
            left: 12px;
            right: auto;
        }