@charset "utf-8";

/*********************************************************************
*
* Breadcrumbs
*/
.breadcrumbs-custom {
	position: relative;
	overflow: hidden;
	padding: 40px 0;
	text-align: center;
	background-color: #cccccc;
	z-index: 1;
}

.breadcrumbs-custom  h2.breadcrumbs-custom-title{font-size:2em;}

.breadcrumbs-custom-path {
	margin-left: -15px;
	margin-right: -15px;
	font-size: 14px;
	line-height: 1.33;
	font-weight: 500;
	letter-spacing: 0.1em;
	font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.breadcrumbs-custom-path > * {
	padding-left: 15px;
	padding-right: 15px;
}

.breadcrumbs-custom-path a {
	display: inline;
	vertical-align: middle;
}

.breadcrumbs-custom-path a, .breadcrumbs-custom-path a:active, .breadcrumbs-custom-path a:focus {
	color: #7dcbe8;
}

.breadcrumbs-custom-path li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.breadcrumbs-custom-path li::after {
	content: "/";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: -8px;
	color: rgba(255, 255, 255, 0.53);
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}

.breadcrumbs-custom-path li:last-child:after {
	display: none;
}

.breadcrumbs-custom-path a:hover {
	color: #ffffff;
}

.breadcrumbs-custom-path li.active {
	color: rgba(255, 255, 255, 0.53);
}

* + .breadcrumbs-custom-path {
	margin-top: 14px;
}

@media (min-width: 576px) {
	* + .breadcrumbs-custom-path {
		margin-top: 18px;
	}
}

@media (min-width: 1200px) {
	.breadcrumbs-custom  h2.breadcrumbs-custom-title{font-size:3em;}
	.breadcrumbs-custom {
		padding: 100px 0;
	}
}

@media (min-width: 1600px) {
	.breadcrumbs-custom  h2.breadcrumbs-custom-title{font-size:4em;}
	.breadcrumbs-custom-inset {
		max-width: 1920px;
		margin-left: auto;
		margin-right: auto;
 		padding-left: 0px;
		padding-right: 0px;
	}
}

h5.breadcrumbs-custom-title{color: rgba(180,180,180,0.9);}
h5.breadcrumbs-custom-title .tname{display:none;}
@media (max-width: 767px) {
	h5.breadcrumbs-custom-title .tname{display:contents;}
	h5.breadcrumbs-custom-title .pname{display:none;}
}

.box-position {
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% + 150px);
	height: calc(100% + 150px);
	will-change: transform;
	-webkit-animation: bgPos 100s linear infinite;
	animation: bgPos 100s linear infinite;
	-webkit-transform: translate3d(-75px, -75px, 0) rotate(0.001deg);
	transform: translate3d(-75px, -75px, 0) rotate(0.001deg);
	background-position: 50% 50%;
	background-size: cover;
	z-index: -1;
}

@-webkit-keyframes bgPos {
	25% {
		-webkit-transform: translate3d(-150px, -150px, 0) rotate(0.001deg);
		transform: translate3d(-150px, -150px, 0) rotate(0.001deg);
	}
	75% {
		-webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);
		transform: translate3d(0, 0, 0) rotate(0.001deg);
	}
}

@keyframes bgPos {
	25% {
		-webkit-transform: translate3d(-150px, -150px, 0) rotate(0.001deg);
		transform: translate3d(-150px, -150px, 0) rotate(0.001deg);
	}
	75% {
		-webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);
		transform: translate3d(0, 0, 0) rotate(0.001deg);
	}
}

#breadcrumbs-wsctypeA{border-bottom:1px solid #B6B8C3;background-color:#E8EAF6;}
#breadcrumbs-wsctypeA .breadcrumbs-wsctypeA-path-wrap{display:flex;flex-direction:row-reverse;}
#breadcrumbs-wsctypeA ul.breadcrumbs-wsctypeA-path{display:flex;flex-direction:row;flex-wrap:wrap;}
#breadcrumbs-wsctypeA ul.breadcrumbs-wsctypeA-path>li{position:relative;line-height:48px;font-size:18px;padding:0px 16px;color:#303F9F;}
#breadcrumbs-wsctypeA ul.breadcrumbs-wsctypeA-path>li a{color:#303F9F;}
#breadcrumbs-wsctypeA ul.breadcrumbs-wsctypeA-path>li select{
	border:1px solid #6bc3f0;height:34px;padding:0px 16px;margin:4px 0px;color:#6bc3f0;background-color:#E3F2FD;
}
#breadcrumbs-wsctypeA ul.breadcrumbs-wsctypeA-path>li select>option:selected{color:#FF0000;}
#breadcrumbs-wsctypeA ul.breadcrumbs-wsctypeA-path>li + li::before{
	font-family: 'Material Icons';
	content:'navigate_next';
	-webkit-font-feature-settings:'liga';
	position:absolute;top:0px;left:-10px;
	color:#B6B8C3;
	font-szie:30px;
}
#breadcrumbs-wsctypeA ul.breadcrumbs-wsctypeA-path>li:first-child{padding-left:0px;}

.section-path p.breadcrumbs {
    position:absolute;bottom:7px;right:0px;
    text-align:right;
    font-family: 'Titillium Web', sans-serif;
    /* margin-top:3px; */
}



/*
*
* Product
*/
.product {
	position: relative;
	text-align: center;
	max-width: 270px;
	margin-left: auto;
	margin-right: auto;
}

.product.box-ordered-item::before {
	position: absolute;
	display: inline-block;
	text-align: center;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	padding-top: 2px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	letter-spacing: 0;
	font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	border-radius: 50%;
	color: #ffffff;
	background: #68b6d3;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	z-index: 1;
}

.product-2 {
	text-align: left;
	max-width: 260px;
}

.product-2 .unit {
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: -14px;
	margin-left: -20px;
}

.product-2 .unit > * {
	margin-bottom: 14px;
	margin-left: 20px;
}

.product-2 .button.button-sm {
	min-width: auto;
}

.product-2 .product-figure {
	max-width: 100px;
}

.product-2 .product-button {
	display: none;
}

.product-2 * + .button {
	margin-top: 6px;
}

@media (min-width: 576px) {
	.product-2 {
		max-width: none;
	}
}

@media (max-width: 991px) {
	.product-title {
		font-size: 20px;
	}
}

@media (min-width: 992px) {
	.product-2 {
		text-align: center;
	}
	.product-2 .product-figure {
		max-width: none;
	}
	.product-2 .product-button {
		display: block;
	}
	.product-2 .button.button-sm {
		display: none;
	}
}

.product-figure {
	position: relative;
	overflow: hidden;
	background: #f4f4f4;
	transition: all .3s ease;
}

.product-figure img {
	width: 100%;
	-webkit-transform: none;
	transform: none;
	transition: inherit;
}

.product-button {
	margin: 0 10px 10px;
}

.product-button .button {
	width: 100%;
}

.product-title {
	font-weight: 400;
}

.product-title a, .product-title a:focus, .product-title a:active {
	color: inherit;
}

.product-title a:hover {
	color: #b8a190;
}

.product-price {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	line-height: 1;
	letter-spacing: .075em;
	font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: #5ca7c3;
}

.product-price-old {
	color: #9b9b9b;
	text-decoration: line-through;
}

.product-price-old + .product-price {
	margin-left: 4px;
}

@media (min-width: 992px) {
	.desktop .product.box-ordered-item::before {
		display: none;
	}
	.desktop .product-figure::before {
		position: absolute;
		text-align: center;
		content: '';
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		visibility: hidden;
		background: rgba(17, 17, 17, 0.39);
		transition: all .3s ease;
		pointer-events: none;
		z-index: 1;
	}
	.desktop .product-button {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: absolute;
		margin: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		-webkit-transform: translate3d(0, 15px, 0);
		transform: translate3d(0, 15px, 0);
		opacity: 0;
		visibility: hidden;
		transition: all .3s ease;
		pointer-events: none;
		z-index: 1;
	}
	.desktop .product-button .button {
		width: auto;
		pointer-events: auto;
	}
	.desktop .product.active .product-figure::before,
	.desktop .product:hover .product-figure::before {
		-webkit-transform: scale(0.93);
		transform: scale(0.93);
		opacity: 1;
		visibility: visible;
	}
	.desktop .product.active .product-figure img,
	.desktop .product:hover .product-figure img {
		-webkit-transform: scale(1.04);
		transform: scale(1.04);
	}
	.desktop .product.active .product-button,
	.desktop .product:hover .product-button {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
		visibility: visible;
		transition-delay: .18s;
	}
}

* + .product-title {
	margin-top: 14px;
}

* + .product-price-wrap {
	margin-top: 2px;
}