
.popularGoods {max-width: 1240px; margin: 28px auto 20px auto;}
	.popularGoods .title {max-width: 1160px; margin: 0 auto 28px auto; position: relative;}
		/*
		.popularGoods .title div {font-size: 13px; color: #424242; text-transform: uppercase; cursor: pointer;
			padding: 14px 35px 12px 66px; border: 2px solid #E6E6E6; border-radius: 30px; position: absolute; top: 0; left: 0;
		}
			.popularGoods .title div:after {position: absolute; content: ""; background: url("images/menu.svg") no-repeat center;
				background-size: 16px; left: 34px; width: 20px; height: 16px;
			}
		*/
		.popularGoods h2 {font-size: 28px; text-align: center;}

	#popularGoods {padding: 25px 40px 15px 40px; box-sizing: border-box; overflow: hidden;}
	.popularGoods .owl-stage-outer {overflow: visible !important;}
	.popularGoods .owl-stage {display: flex;}
	.popularGoods .owl-stage:after {content: none !important;}
		.popularGoods .owl-item {border: 1px solid #F4F4F4; margin: 0 -1px 0 0;}
		.popularGoods .owl-item:not(.active) {opacity: 0; transition: opacity .3s ease, height .3s ease; backface-visibility: inherit; height: 0;}
			.popularGoods .owl-item:not(.active) .product {padding: 30px 60px 20px 60px; transition: padding .3s ease;}
		.popularGoods .owl-item.active {opacity: 1; transition: opacity .9s ease, box-shadow .3s ease;}
		.popularGoods .owl-item:hover {box-shadow: 0px 30px 70px rgba(0, 0, 0, .075); border-color: #fff; z-index: 1; background: #fff;}

			.product {padding: 40px 35px 32px 35px; position: relative;}
				.PG_contains {position: relative;}
					.productImage {margin: 0 auto 35px auto; position: relative;}
						.productImage a {width: 100%; height: 200px; margin: 0 auto; display: block; background-position: center; background-repeat: no-repeat;}
						.productImage a:last-child {position: absolute; top: 0; left: 0; right: 0; opacity: 0;}
						
					.PG_text {position: relative; padding: 118px 0 0 0;}
					.PG_text.discount {padding: 95px 0 0 0;}
						.PG_text .name {line-height: 28px; max-height: 52px; overflow: hidden; position: absolute; top: 0;}
							.PG_text .name:not(.redcodeColor) {color: #121212;}
						.PG_text .price {font-size: 20px;}
							.PG_text .price span {font-size: 13px;}
						.PG_text .priceOld {position: relative; font-size: 13px; text-decoration: line-through; color: #A6A6A6; margin: 0 0 7px 0; display: inline-block;}
							.PG_text .priceOld span {position: absolute; border-width: 1px; display:none; border-style: solid; padding: 4px 9px 5px 11px; top: -5px; right: -67px;}
							.PG_text .priceOld span.float {right: -77px;}
						.PG_text .status {margin: 21px 0 0 0; font-size: 12px;}
					
				.PG_offers {position: absolute; top: 20px; left: 20px; display: flex; align-items: flex-start; flex-direction: column;}
					.PG_offers div {margin: 0 0 5px 0; font-size: 11px; color: #fff; border-radius: 2px; padding: 6px 9px;}
					.PG_offers div:last-child {margin-bottom: 0;}


	.popularGoods .owl-nav {position: absolute; top: 50%; width: 100%; left: 0; height: 0; margin: -50px 0 0 0;}
		.popularGoods .owl-nav div {width: 48px; height: 48px; border-radius: 50%; position: relative; background: #fff;
			box-shadow: 0px 20px 20px rgba(0, 0, 0, .05), 0px 10px 10px rgba(0, 0, 0, .05), 0px 5px 5px rgba(0, 0, 0, .05), 0px 2px 2px rgba(0, 0, 0, .05);
		}
			.popularGoods .owl-nav div:hover {box-shadow: 0px 20px 20px rgba(0, 0, 0, .05), 0px 10px 10px rgba(0, 0, 0, .05), 0px 5px 5px rgba(0, 0, 0, .05), 0px 2px 2px rgba(0, 0, 0, .15);}
		.popularGoods .owl-prev {float: left; margin: 0 0 0 15px;}
			.popularGoods .owl-prev svg {position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -6px;}
		.popularGoods .owl-next {float: right; margin: 0 15px 0 0;}
			.popularGoods .owl-next svg {position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -2px;}
		.popularGoods .owl-nav div.disabled {display: none;}
		
		
	.popularGoods .owl-dots {margin: 40px 0 0 0; justify-content: center; display: flex; align-items: center;}
		.popularGoods .owl-dot {width: 5px; height: 5px; margin: 0 10px 0 0; border-radius: 50%;}
		.popularGoods .owl-dot.active {width: 6px; height: 6px;}
		.popularGoods .owl-dot:not(.active) {background: #d7d7d7;}
		.popularGoods .owl-dot:last-child {margin-right: 0;}
			.popularGoods .owl-dot span {}
		

@media all and (max-width: 1190px) {
	.productImage a {height: 230px; width: 230px;}
	.PG_text {padding: 98px 0 0 0;}
	.PG_text.discount {padding: 75px 0 0 0;}
}

@media all and (max-width: 1000px) {
	.productImage a {height: 200px; width: 200px;}
	.PG_text {padding: 118px 0 0 0;}
	.PG_text.discount {padding: 95px 0 0 0;}
}

@media all and (max-width: 920px) {
	.productImage a {height: 230px; width: 230px;}
	.PG_text {padding: 98px 0 0 0;}
	.PG_text.discount {padding: 75px 0 0 0;}
}

@media all and (max-width: 740px) {
	.productImage a {height: 200px; width: 200px;}
	.PG_text {padding: 118px 0 0 0;}
	.PG_text.discount {padding: 95px 0 0 0;}
}

@media all and (max-width: 630px) {
	.productImage a {height: 240px; width: 240px;}
	.PG_text {padding: 98px 0 0 0;}
	.PG_text.discount {padding: 75px 0 0 0;}
}

@media all and (max-width: 500px) {
	#popularGoods {padding: 25px 20px 15px 20px; box-sizing: border-box; overflow: hidden;}
}

@media all and (max-width: 360px) {
	.productImage a {height: 200px; width: 200px;}
	.PG_text {padding: 118px 0 0 0;}
	.PG_text.discount {padding: 95px 0 0 0;}
}

