.radio-type-active {
		border: 1.5px #272525 solid !important;
		padding: 0.2vw 0.7vw 0.2vw 0.9vw;
	    border-radius: 20px;
		box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	}

	.button-border {
		border : 1px #272525 solid;
		border-radius: 0px;
		box-shadow: inset 0 0 0 0 #fafafa;
		-webkit-transition: ease-out 0.4s;
		-moz-transition: ease-out 0.4s;
		transition: ease-out 0.4s;
	}

	.button-border:hover {
		/* background-color: whitesmoke; */
		/* border: 1px solid blue; */
		transition-duration: 0.4s;

		box-shadow: inset 0 100px 0 0 #fafafa;
	}

	.form-check-input.type-product {
		border: 0px;
		height: 0.5em;
	}

	.img-slide {
		width: 4vw; 
		background-color: white; 
		height: 4vw;
	}

	.color-1 {
		color: #272525 !important;
	}

	.color-disable {
		color: #dee2e6;
	}

	.t-none {
		transition: none !important;
	}

	.border-type {
		border: 1.5px transparent;
		padding: 0.2vw 0.6vw 0.2vw 0.6vw;
	}

	.ket-product-active {
		padding: 0.2em 0.5em;
	    border-top-left-radius: 8px;
	    border-top-right-radius: 8px;
	    border: 1px #D9D9D9 solid;
	    color: 	black !important;
	}

	.ket-scroll {
		overflow-y: scroll;
		max-height: 14em;
	}

	.radio-type-active input[type="radio"]:checked {
		opacity: 0;
		margin-left: -1em;
	}

	/* .form-check-label {
		margin-right: 0.4em;
	} */

    swiper-container {
      width: 100%;
      height: 100%;
    }

    swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;

	   display: -webkit-box;
	   display: -ms-flexbox;
	   display: -webkit-flex;
	   display: flex;
	   -webkit-box-pack: center;
	   -ms-flex-pack: center;
	   -webkit-justify-content: center;
	   justify-content: center;
	   -webkit-box-align: center;
	   -ms-flex-align: center;
	   -webkit-align-items: center;
	   align-items: center;
    }

    swiper-slide img {
      display: sw </swiper-slidek;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .mySwiper {
      height: 80%;
      width: 100%;
    }

    .mySwiper2 {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .mySwiper2 swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .mySwiper2 .swiper-slide-thumb-active {
      opacity: 1;
    }

    swiper-slide img {
      display: sw </swiper-slidek;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .swiper-button-next, .swiper-button-prev {
		top: var(--swiper-navigation-top-offset,41%) !important;

	}

	.top-navigation-slider {
		top: var(--swiper-navigation-top-offset,41%) !important;
	}

    .h-120 {
    	height: 120px;
    }

    .warning {
    	border-color: #e94e4e;
    	box-shadow: 0 0 0 0.2rem rgb(255,0,0,.25);
    	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .affix {
	  position: fixed;
	  top:0;
	  width: 100%;
	  opacity: 1;
	  z-index: 1 !important;
	}

	.mug-desktop {
		max-height: 450px;
		overflow: auto;
	}

	.img-mug-desktop {
/*		position: absolute;*/
		width: 370px;
		height: auto; 
		z-index: 1;
	}

	.img-mug-mobile {
		width: 250px;
		height: auto;
		z-index: 1;
	}

	.font-modal {
		font-size: 8pt !important;
	}

	.font-modal small {
		font-size: 8pt !important;
	}

	.font-bold-design {
		font-weight: 600;
	}

	.l-space-2 {
		letter-spacing: 2px;
	}

	.l-space-3 {
		letter-spacing: 3px;
	}

	.f-18 {
		font-size: 18px;
	}

	.nav-tabs .nav-link.active
	{
		color: #212529 !important;

	}
	.nav-tabs .nav-link:hover 
	{
		color: #212529 !important;
	}