.photo-preview {
	object-fit: cover;
	object-position: center; 
}

.register-box2{
	width:700px;
	/* margin:7% auto */
	margin:1% auto
} @media (max-width:768px){
	.register-box2{
		width:90%;
		/* margin-top:20px */
	}
}

.register-box-body{
	background:#fff;
	padding:20px;
	border-top:0;
	color:#666
}
.register-box-body .form-control-feedback{
	color:#777
}

.register-box-msg{
	margin:0;
	text-align:center;
	padding:0 20px 20px 20px
}

.product-description{
	display:block;
	color:#999;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}

#main-navigation {
	transition: all 0.5s ease;
}

.well-well {
	background-color:rgba(51, 51, 51, 0.6); padding:12px; border-radius: 15px;	
}

.bg-searca, .bg-searca-active, .bg-gold, .bg-gold-active {
	color:#fff !important;
}
.bg-searca {
	background-color:#368B85 !important
}
.bg-gold {
	background-color:#C3BA85 !important
}

.bg-searca-active{
	background-color:#2C706C !important
}

.text-searca{color:#368B85 !important}
.text-gold{color:#C3BA85 !important}
.box.box-gold{border-top-color:#C3BA85}
.box.box-solid.box-gold{border:1px solid #C3BA85}
.box.box-solid.box-gold>.box-header{color:#fff;background:#C3BA85;background-color:#C3BA85}
.box.box-solid.box-gold>.box-header a,.box.box-solid.box-gold>.box-header .btn{color:#fff}

.border{border:1px solid #dee2e6!important}
.border:hover{
    border-color:#C3BA85!important;
	transition:.3s;
}
.border-gold{border-color:#C3BA85!important}

.nav-tabs-custom.tab-gold>.nav-tabs>li.active{border-top-color:#C3BA85}
.nav-tabs-custom.tab-searca>.nav-tabs>li.active{border-top-color:#368B85}

.btn-searca{color:#fff;background-color:#368B85;border-color:#2F7772}
.btn-searca.focus,.btn-searca:focus{color:#fff;background-color:#2C706C;border-color:#20534F}
.btn-searca:hover{color:#fff;background-color:#2F7772;border-color:#25605C}
.btn-searca.active,.btn-searca:active,.open>.dropdown-toggle.btn-searca{color:#fff;background-color:#25605C;border-color:#215450}
.btn-searca.active.focus,.btn-searca.active:focus,.btn-searca.active:hover,.btn-searca:active.focus,.btn-searca:active:focus,.btn-searca:active:hover,.open>.dropdown-toggle.btn-searca.focus,.open>.dropdown-toggle.btn-searca:focus,.open>.dropdown-toggle.btn-searca:hover{color:#fff;background-color:#1D4B48;border-color:#18423F}
.btn-searca.active,.btn-searca:active,.open>.dropdown-toggle.btn-searca{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-searca:focus,fieldset[disabled] .btn-searca:hover{background-color:#368B85;border-color:#2F7772}
.btn-searca .badge{color:#368B85;background-color:#fff}

.custom-control{position:relative;z-index:1;display:block;min-height:1.5rem;padding-left:1.5rem;-webkit-print-color-adjust:exact;color-adjust:exact}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff;box-shadow:none}.custom-control-input:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff;box-shadow:none}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#dee2e6;border:#adb5bd solid 1px;box-shadow:inset 0 .25rem .25rem rgba(0,0,0,.1)}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff;box-shadow:none}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#dee2e6;transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}
.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#dee2e6;transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}
.custom-switch.custom-switch-off-primary .custom-control-input~.custom-control-label::before{background-color:#007bff;border-color:#004a99}.custom-switch.custom-switch-off-primary .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,123,255,.25)}.custom-switch.custom-switch-off-primary .custom-control-input~.custom-control-label::after{background-color:#003e80}.custom-switch.custom-switch-on-primary .custom-control-input:checked~.custom-control-label::before{background-color:#007bff;border-color:#004a99}.custom-switch.custom-switch-on-primary .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,123,255,.25)}.custom-switch.custom-switch-on-primary .custom-control-input:checked~.custom-control-label::after{background-color:#99caff}

/* From uiverse.io by @namecho */
.switch {
	--button-width: 3.5em;
	--button-height: 2em;
	--toggle-diameter: 1.5em;
	--button-toggle-offset: calc((var(--button-height) - var(--toggle-diameter)) / 2);
	--toggle-shadow-offset: 10px;
	--toggle-wider: 3em;
	--color-grey: #cccccc;
	--color-green: #4296f4;
   }
   
   .slider {
	display: inline-block;
	width: var(--button-width);
	height: var(--button-height);
	background-color: var(--color-grey);
	border-radius: calc(var(--button-height) / 2);
	position: relative;
	transition: 0.3s all ease-in-out;
   }
   
   .slider::after {
	content: "";
	display: inline-block;
	width: var(--toggle-diameter);
	height: var(--toggle-diameter);
	background-color: #fff;
	border-radius: calc(var(--toggle-diameter) / 2);
	position: absolute;
	top: var(--button-toggle-offset);
	transform: translateX(var(--button-toggle-offset));
	box-shadow: var(--toggle-shadow-offset) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);
	transition: 0.3s all ease-in-out;
   }
   
   .switch input[type="checkbox"]:checked + .slider {
	background-color: var(--color-green);
   }
   
   .switch input[type="checkbox"]:checked + .slider::after {
	transform: translateX(calc(var(--button-width) - var(--toggle-diameter) - var(--button-toggle-offset)));
	box-shadow: calc(var(--toggle-shadow-offset) * -1) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);
   }
   
   .switch input[type="checkbox"] {
	display: none;
   }
   
   .switch input[type="checkbox"]:active + .slider::after {
	width: var(--toggle-wider);
   }
   
   .switch input[type="checkbox"]:checked:active + .slider::after {
	transform: translateX(calc(var(--button-width) - var(--toggle-wider) - var(--button-toggle-offset)));
   }

   /* mix */

   .switch-label {
	background-color: white;
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 10px 15px 10px 10px;
	cursor: pointer;
	user-select: none;
	border-radius: 10px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	color: black;
   }

   .input-switch + .slider + .action {
	position: relative;
	overflow: hidden;
	display: grid;
   }
   
   .input-switch + .slider + .action span {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 1;
	transition: all .5s;
   }
   
   .input-switch + .slider + .action span.option-1 {
	transform: translate(0px,0%);
	opacity: 1;
   }
   
   .input-switch:checked + .slider + .action span.option-1 {
	transform: translate(0px,-100%);
	opacity: 0;
   }
   
   .input-switch + .slider + .action span.option-2 {
	transform: translate(0px,100%);
	opacity: 0;
   }
   
   .input-switch:checked + .slider + .action span.option-2 {
	transform: translate(0px,0%);
	opacity: 1;
   }

   .box-placeholder2 {
	font-size: 0;
	line-height: 0;
	  
	.text2 {
	  display: inline-block;
	  background-color: #444;
	  height: 12px;
	  border-radius: 100px;
	  margin: 5px 0;
	  min-width: 100px;
	  opacity: .1;
	  animation: fading 1.5s infinite;
	  
	  &:first-child {
		margin-top: 0;
	  }
	  
	  &:last-child {
		margin-bottom: 0;
	  }
	  
	  &.link2 {
		background-color: #337ab7;
		opacity: .4;
	  }
	  
	  &.line2 {
		width: 100%;
	  }
	  
	  &.category2 {
		width: 100px;
		margin-bottom: 10px;
	  }
	}
	
	h4.text2 {
	  height: 20px;
	  margin: 3px 0;
	  opacity: .2;
	}
	
	.image2 {
	  background-color: #f9f9f9;
	}
  }
  
  @keyframes fading {
	0% {
	  opacity: .1;
	}
	
	50% {
	  opacity: .2;
	}
	
	100% {
	  opacity: .1;
	}
  }