div#workArea {max-width: 1240px; margin: 0 auto;}

.catalogElement {max-width: 1160px; margin: 0 auto;}

	#catalogElementHeader {margin: 88px 0 35px 0; position: relative;}
	
		/* GALLERY */
		#catalogGallery {width: 415px; position: relative; float: left;}
		#wrapper.animationON #catalogGallery {animation: fadeInUp_30px 1.2s ease;}
		
			#catalogOffers {position: absolute; top: 0; left: 0; display: flex; flex-direction: column; align-items: flex-start; z-index: 2;}
				#catalogOffers div {border-radius: 2px; font-size: 11px; color: #fff; padding: 6px 9px; margin: 0 0 5px 0;}
				#catalogOffers div:last-child {margin: 0;}
			
			#catalogGallerySlider {margin: 0 0 20px 0;}
				#catalogGallerySlider .slide {height: 310px;}
			
			#catalogGalleryCarousel {margin: 0 0 0 -30px; width: 415px; padding: 20px 30px 45px 30px; display: flex; flex-wrap: wrap;}
				#catalogGalleryCarousel div {margin: 0 0 -1px -1px; padding: 15px; box-sizing: border-box; border: 1px solid #F0F0F0; width: 25%;
					cursor: pointer; text-align: center;
				}
				#catalogGalleryCarousel div.active {border-color: #fff; box-shadow: 0px 20px 50px rgba(0, 0, 0, .09), 0px 0px 1px rgba(0, 0, 0, .07);
					position: relative;
				}
					#catalogGalleryCarousel div img {max-height: 68px; max-width: 100%; display: block; margin: 0 auto;}
				
		/* GALLERY */
		
		
		/* CATALOG BRIEF */
		#catalogBrief {max-width: 310px; float: left; margin: 0 0 0 60px;}
		#wrapper.animationON #catalogBrief {animation: fadeInUp_30px 1.2s ease;}
		
			#catalogBrief .vendorCode {margin: 0 0 30px 0;}
			
			#catalogBrief div {color: #9C9C9C; line-height: 28px; font-size: 13px; letter-spacing: 0.01em;}
				#catalogBrief span:first-child {}
				#catalogBrief span:last-child {color: #121212;}
			
			#catalogBrief .allCharacteristic {margin: 30px 0 0 0;}
		/* CATALOG BRIEF */
		
		
		/* BLOCK BUY */
		#catalogBlockBuy {width: 330px; border-radius: 7px; 0px 15px 40px rgba(0, 0, 0, .045);
			padding: 32px 36px 40px 36px; box-sizing: border-box; font-size: 13px; background: #fff; float: right; margin-top: -20px;
		}
		#wrapper.animationON #catalogBlockBuy {animation: fadeIn 1.2s ease;}
		
			#catalogBlockBuy .price {margin: 0 0 23px 0; font-size: 26px; line-height: 27px;}
				#catalogBlockBuy .price span {font-size: 13px;}
			#catalogBlockBuy .blockBuyStatus {margin: 0 0 30px 0;}
			#catalogBlockBuy .blockBuyText {line-height: 26px; margin: 0 0 40px 0;}
			
			#catalogBlockBuy .addProduct {max-width: 258px; text-align: center; border-radius: 100px; letter-spacing: .05em; font-size: 14px;
				color: #fff; cursor: pointer; padding: 16px 0; margin: 0 auto; position: static; width: auto; height: auto;
			}
				#catalogBlockBuy .addProduct div {opacity: 0; height: 0; position: static; border-radius: 0;}
				#catalogBlockBuy .addProduct div:last-child {display: flex; align-items: center; justify-content: center; margin: 0;}
					#catalogBlockBuy .addProduct div:last-child svg {margin: 0 15px 0 0; position: static; opacity: 1;}
					
				#catalogBlockBuy .addProduct div:first-child.ready {opacity: 1; height: 100%; transition: opacity .3s ease .4s, height .1s ease .4s;}
				#catalogBlockBuy .addProduct div:first-child:not(.ready) {transition: opacity .3s ease;}
				
				#catalogBlockBuy .addProduct div:first-child:not(.ready) ~ .svgOk {opacity: 1; height: 100%; transition: opacity .3s ease .4s;}
				#catalogBlockBuy .addProduct div:first-child.ready ~ .svgOk {transition: opacity .3s ease, height .1s ease .3s;}
		/* BLOCK BUY */
	
	
	/* TABULATION */
	#catalogElementInformation {margin: 0 0 60px 0;}
	#wrapper.animationON #catalogElementInformation {animation: fadeInUp_30px 1.2s ease;}

		#catalogInformationHeader {margin: 0 0 30px 0; font-size: 13px; display: flex;}
			#catalogInformationHeader div {display: inline-block; border-radius: 40px; padding: 14px 23px; cursor: pointer; color: #FFF;
				margin: 0 13px 15px 0;
			}
			#catalogInformationHeader div.active {padding: 15px 23px;}
			#catalogInformationHeader div:not(.active) {background: #FBFBFB; border: 1px solid #E3E3E3; color: #717171;}
			#catalogInformationHeader div:last-child {margin-right: 0;}
				
		#catalogInformationBody {}
			#catalogInformationBody > div:not(.active) {display: none;}
			
			#catalogDescription {max-width: 760px; line-height: 28px; color: #4C5052;}
			
			#catalogCharacteristics {max-width: 760px;}
				#catalogCharacteristics div {margin: 0 0 13px 0; display: flex; justify-content: space-between; border-bottom: 1px #e3e3e3 dashed;
					padding: 0 10px 14px 10px; font-size: 15px; color: #4C5052;
				}
				#catalogCharacteristics div:last-child {margin-bottom: 0;}
					#catalogCharacteristics div span:first-child {color: #121212;}
			
			#catalogDocuments {}
				#catalogDocuments > div {display: flex; max-width: 600px; flex-wrap: wrap; justify-content: space-between;}
					.catalogDocument {margin: 25px 0 0 0; display: flex; align-items: center; width: 46%;}
					.catalogDocument:nth-child(1), .catalogDocument:nth-child(2) {margin-top: 0;}
						.catalogDocument .iconDocuments {position: relative;}
							.catalogDocument .iconDocuments svg {min-width: 41px;}
							.catalogDocument .iconDocuments p {font-size: 11px; position: absolute; bottom: 18.5px; left: 14px; text-transform: uppercase;}
						.catalogDocument .text {font-size: 14px; margin: -7px 0 0 16px; overflow: hidden;}
							.catalogDocument .text div {margin: 0 0 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
								.catalogDocument .text a:not(.redcodeColor) {color: #121212;}
							.catalogDocument .text p {color: #8C8C8C;}
			
			#catalogFAQ {max-width: 760px;}
				#catalogFAQ > div {margin: 0 0 6px 0; border: 1px solid #F2F2F2; 
					transition: background .7s ease, box-shadow .3s ease;
				}
					#catalogFAQ > div:hover {border: 1px solid transparent; 
					box-shadow: 0px 30px 70px rgba(0, 0, 0, .075);
				}
				#catalogFAQ > div.open {box-shadow: 0px 20px 60px rgba(0, 0, 0, .03), 0px 15px 40px rgba(0, 0, 0, .045); background: #fff;}
				#catalogFAQ > div.open svg {transform: rotate(180deg);}
					#catalogFAQ > div p {padding: 26px 90px 26px 35px; line-height: 28px; cursor: pointer; position: relative;}
						#catalogFAQ > div svg {position: absolute; transition: transform .4s ease; top: 50%; right: 30px;
							margin: -3px 0 0 0;
						}
					#catalogFAQ > div div {padding: 3px 66px 40px 35px; display: none; line-height: 28px; color: #5a5e61;}
	/* TABULATION */
	
	
	
	/* OTHER GOODS */
	.catalogOtherGoods {max-width: 1240px; margin: 0 auto;}
		.catalogOtherGoods h2 {line-height: 26px; max-width: 1160px; margin: 0 auto 13px auto; font-size: 19px;}
	
		#catalogOtherGoods {padding: 25px 40px 80px 40px; box-sizing: border-box; overflow: hidden;}
			#catalogOtherGoods .owl-stage-outer {overflow: visible !important;}
			#catalogOtherGoods .owl-stage {display: flex;}
			#catalogOtherGoods .owl-stage:after {content: none !important;}
				#catalogOtherGoods .owl-item {border: 1px solid #f4f4f4; margin: 0 -1px 0 0;}
				#catalogOtherGoods .owl-item:not(.active) {opacity: 0; transition: opacity .3s ease; backface-visibility: inherit; height: 0;}
					#catalogOtherGoods .owl-item:not(.active) .COG_item {padding: 30px 60px 20px 60px; transition: padding .3s ease;}
				#catalogOtherGoods .owl-item.active {opacity: 1; transition: opacity .9s ease, box-shadow .3s ease;}
				#catalogOtherGoods .owl-item:hover {box-shadow: 0px 30px 70px rgba(0, 0, 0, .075); border-color: #fff; z-index: 1;
					background: #fff;
				}
				#catalogOtherGoods .owl-item:hover .basket {opacity: 1;}

					.COG_item {padding: 40px 35px 32px 35px; position: relative;}
						.COG_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;}
								
							.COG_text {position: relative; padding: 118px 0 0 0;}
							.COG_text.discount {padding: 95px 0 0 0;}
								.COG_text .name {line-height: 28px; max-height: 52px; overflow: hidden; position: absolute; top: 0;}
									.COG_text .name:not(.redcodeColor) {color: #121212;}
								.COG_text .price {font-size: 20px;}
									.COG_text .price span {font-size: 13px;}
								.COG_text .priceOld {position: relative; font-size: 13px; text-decoration: line-through; color: #A6A6A6; margin: 0 0 7px 0; display: inline-block;}
									.COG_text .priceOld span {position: absolute; border-width: 1px; border-style: solid; padding: 4px 9px 5px 11px; top: -5px;
										right: -67px; display: none;
									}
									.COG_text .priceOld span.float {right: -77px;}
								.COG_text .status {margin: 21px 0 0 0; font-size: 12px;}
							
							.COG_contains .basket {position: absolute; bottom: 25px; right: 0; width: 48px; height: 48px; border-radius: 50%;
								transition: opacity .2s ease; text-align: center; line-height: 57px;
							}
								.COG_contains .basket div {position: absolute; width: 100%; height: 100%; border-radius: 50%;}
									.COG_contains .basket div.ready {cursor: pointer;}
									.COG_contains .basket div.ready .svgBasket {opacity: 1;}
									.COG_contains .basket div:not(.ready) ~ .svgOk {opacity: 1;}
								.COG_contains .basket svg {position: absolute; top: 50%; left: 50%; opacity: 0;}
									.COG_contains .basket .svgBasket {margin: -8.5px 0 0 -11.5px; transition: opacity .3s ease; z-index: 2;}
									.COG_contains .basket .svgOk {margin: -7px 0 0 -9.5px; transition: opacity .3s ease .4s;}
	
						.COG_offers {position: absolute; top: 20px; left: 20px; display: flex; align-items: flex-start; flex-direction: column;}
							.COG_offers div {margin: 0 0 5px 0; font-size: 11px; color: #fff; border-radius: 2px; padding: 6px 9px;}
							.COG_offers div:last-child {margin-bottom: 0;}
			
		.catalogOtherGoods .owl-nav {position: absolute; top: 50%; width: 100%; left: 0; height: 0; margin: -75px 0 0 0;}
			.catalogOtherGoods .owl-nav div {width: 48px; height: 48px; border-radius: 50%; background-color: #fff;
				box-shadow: 0px 20px 20px rgba(0, 0, 0, .04), 0px 10px 10px rgba(0, 0, 0, .04), 0px 5px 5px rgba(0, 0, 0, .04), 0px 2px 2px rgba(0, 0, 0, .04), 0px 1px 1px rgba(0, 0, 0, .1);
			}
			.catalogOtherGoods .owl-nav .owl-prev {float: left; margin: 0 0 0 15px; position: relative;}
				.catalogOtherGoods .owl-nav .owl-prev svg {position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -6px;}
			.catalogOtherGoods .owl-nav .owl-next {float: right; margin: 0 15px 0 0; position: relative;}
				.catalogOtherGoods .owl-nav .owl-next svg {position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -2px;}
			.catalogOtherGoods .owl-nav div.disabled {display: none;}
			
		.catalogOtherGoods .owl-dots {margin: 50px 0 0 0; justify-content: center; display: flex; align-items: center;}
			.catalogOtherGoods .owl-dot {width: 5px; height: 5px; margin: 0 10px 0 0; border-radius: 50%;}
			.catalogOtherGoods .owl-dot.active {width: 6px; height: 6px;}
			.catalogOtherGoods .owl-dot:not(.active) {background: #CFCFCF;}
			.catalogOtherGoods .owl-dot:last-child {margin-right: 0;}
				.catalogOtherGoods .owl-dot span {}
	/* OTHER GOODS */

@media all and (max-width: 1270px) {
	#catalogOtherGoods {padding: 25px 0 90px 0;}
}

@media all and (max-width: 1200px) {
	#catalogGallery {width: 36%;}
		#catalogGalleryCarousel {width: 100%;}
			#catalogGalleryCarousel div {width: 104px;}
	#catalogBrief {max-width: 22%; margin-left: 4%;}	


		#catalogOtherGoods .owl-item:hover {box-shadow: none; background: none; border-color: #ECECEC;}
	
	.catalogOtherGoods .owl-nav {display: none;}
	
	.catalogOtherGoods .owl-dots {margin: 40px 0 0 0; flex-wrap: wrap;}
		.catalogOtherGoods .owl-dot {width: 14px; height: 14px; margin: 0 15px 15px 0;}
		.catalogOtherGoods .owl-dot.active {width: 14px; height: 14px;}
}

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

@media all and (max-width: 1000px) {
	#catalogGallery {width: 50%;}
	#catalogBrief {display: none;}
	#catalogCharacteristics {max-width: 100%;}
	#catalogDescription {max-width: 100%;}
	.productImage a {height: 200px; width: 200px;}
	.COG_text {padding: 118px 0 0 0;}
	.COG_text.discount {padding: 95px 0 0 0;}
}

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


@media all and (max-width: 800px) {
	#catalogElementHeader {flex-wrap: wrap; text-align: center; margin-bottom: 60px;}
		#catalogGallery {width: 100%;}
			#catalogGalleryCarousel {padding: 20px 0px 60px 0px; margin: 0;}
		#catalogBlockBuy {display: inline-block; text-align: left; float: none;}
			#catalogBlockBuy p {margin: 0 auto;}
			
	#catalogInformationHeader {flex-wrap: wrap;}
}

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

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

@media all and (max-width: 510px) {
	#catalogCharacteristics div {padding: 0 10px 5px 10px;}
	
	.catalogDocument {width: 100%;}
	.catalogDocument:nth-child(2) {margin: 25px 0 0 0;}
}

@media all and (max-width: 450px) {
	#catalogGallerySlider .slide {height: 260px;}
	#catalogGalleryCarousel {justify-content: center;}
	
	#catalogCharacteristics div span:nth-child(2) {max-width: 40%; text-align: right;}
}

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

@media all and (max-width: 375px) {
	#catalogGalleryCarousel div {width: 80px;}
	#catalogBlockBuy {width: 100%;}
	#catalogDocuments {padding: 20px;}
}