#product_view{}


#product_view .cat_product_header{
	padding:10px 15px;margin:0 0 20px 0;background:#fff;
	display:grid;grid-template-columns:auto auto 70px;grid-gap:10px;align-items:center;
}
	#product_view .cat_product_header .map{color:#8b8b8b;}
		#product_view .cat_product_header .map a{color:#8b8b8b;}
		#product_view .cat_product_header .map .seperator{margin:0 4px;}
		#product_view .cat_product_header .map .text{color:#222;}
	#product_view .cat_product_header .select{justify-self:end;}
		#product_view .cat_product_header .select .selectbox{display:inline-block;padding:5px;border:1px solid #ddd;border-radius:5px;}
			#product_view .cat_product_header .select .selectbox select{border:none;}
	#product_view .cat_product_header .icons{justify-self:end;}
		#product_view .cat_product_header .icons a.icon{display:inline-block;width:25px;text-align:center;cursor:pointer;color:#8b8b8b;}
		#product_view .cat_product_header .icons a.icon:nth-child(2){margin:0 0 0 5px;}
		#product_view .cat_product_header .icons a.icon.selected{color:#000;}



	#product_view .container1{margin:30px 0 0 0;}
		#product_view .container1 .grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:25px;align-items:start;}
			#product_view .container1 .grid .self{}
			#product_view .container1 .grid .self.s1{}
				#product_view .container1 .grid .self.s1 .grid2{display:grid;grid-template-columns:minmax(30px,15%) auto;grid-gap:5px;}
					#product_view .container1 .grid .self.s1 .grid2 .self2{}
						#product_view .container1 .grid .self.s1 .grid2 .self2.thumbs{}
							#product_view .container1 .grid .self.s1 .grid2 .self2.thumbs a{display:block;margin:0 0 5px 0;background:#f5f6f8;}
								#product_view .container1 .grid .self.s1 .grid2 .self2.thumbs a img{width:100%;height:auto;}
						#product_view .container1 .grid .self.s1 .grid2 .self2.images{position:relative;}
							#product_view .container1 .grid .self.s1 .grid2 .self2.images img{}
							#product_view .container1 .grid .self.s1 .grid2 .self2.images img.hidden{width:100%;height:auto;}
							#product_view .container1 .grid .self.s1 .grid2 .self2.images img.img{
								position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:0;
								transition:opacity 1500ms;
							}
							#product_view .container1 .grid .self.s1 .grid2 .self2.images img.img.selected{opacity:1;transition:opacity 2500ms;}
			#product_view .container1 .grid .self.s2{}
				#product_view .container1 .grid .self.s2 h1{padding:0;margin:0;color:#000;}
				#product_view .container1 .grid .self.s2 .price{margin:20px 0 0 0;color:#555;}
					#product_view .container1 .grid .self.s2 .price .old{margin:0 15px 0 0;font-size:1.2em;text-decoration:line-through;}
					#product_view .container1 .grid .self.s2 .price .active{font-size:1.4em;}
				#product_view .container1 .grid .self.s2 .info{margin:20px 0 0 0;}
					#product_view .container1 .grid .self.s2 .info p{margin:0 0 10px 0;}
				#product_view .container1 .grid .self.s2 .buy{
					padding:30px 0;margin:30px 0 0 0;
					display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;align-items:center;
					border-top:1px solid #ddd;/*border-bottom:1px solid #ddd;*/
				}
					#product_view .container1 .grid .self.s2 .buy .buy_self{}
					#product_view .container1 .grid .self.s2 .buy .buy_self.s1{justify-self:start;}
						#product_view .container1 .grid .self.s2 .buy .buy_self.s1 .counter{
							display:inline-block;height:30px;line-height:30px;padding:0 10px;
							border:1px solid #ddd;border-radius:15px;
						}
							#product_view .container1 .grid .self.s2 .buy .buy_self.s1 .counter .minus{font-size:0.9em;color:#999;}
							#product_view .container1 .grid .self.s2 .buy .buy_self.s1 .counter .value{margin:0 5px;color:#000;
								
							}
								#product_view .container1 .grid .self.s2 .buy .buy_self.s1 .counter .value .count{}
								#product_view .container1 .grid .self.s2 .buy .buy_self.s1 .counter .value .unit{margin:0 0 0 3px;}
							#product_view .container1 .grid .self.s2 .buy .buy_self.s1 .counter .plus{font-size:0.9em;color:#999;}
					#product_view .container1 .grid .self.s2 .buy .buy_self.s2{justify-self:end;}
						#product_view .container1 .grid .self.s2 .buy .buy_self.s2 a.button{
							position:relative;display:inline-block;
							height:30px;line-height:30px;padding:0 15px;border-radius:15px;color:#fff;
							text-decoration:none;overflow:hidden;
						}
						#product_view .container1 .grid .self.s2 .buy .buy_self.s2 a.button:before{
							content:"";position:absolute;z-index:-2;left:0;top:0;width:100%;height:100%;background:#860000;
						}
						#product_view .container1 .grid .self.s2 .buy .buy_self.s2 a.button:after{
							content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;background:#ff9f0e;
							opacity:0;transition:opacity 300ms;
						}
						#product_view .container1 .grid .self.s2 .buy .buy_self.s2 a.button:hover::after{/*opacity:1;*/}
	#product_view .container2{margin:50px 0 0 0 ;box-shadow:0 0 30px 1px #aaa;}
		#product_view .container2 .head{
			padding:20px 0;
			color:#000;text-align:center;border-bottom:1px solid #ddd;
			font-size:0.9em;
		}
			#product_view .container2 .head a{color:#000;text-decoration:none;}
			#product_view .container2 .head a.selected{text-decoration:underline;}
			#product_view .container2 .head .seperator{margin:0 15px;}
		#product_view .container2 .contents{margin:0 0 100px 0;}
			#product_view .container2 .contents .content{display:none;min-height:400px;padding:50px 30px;text-align:center;}
			#product_view .container2 .contents .content.selected{display:block;}
				#product_view .container2 .contents .content p{margin:0 0 15px 0;}
@media only screen and (max-width:1000px){
	#product_view .container1{font-size:0.9em;}
	#product_view .container1 .grid .self.s2 .price{margin:10px 0 0 0;}
	#product_view .container1 .grid .self.s2 .info{margin:10px 0 0 0;}
	#product_view .container1 .grid .self.s2 .info p{margin:0 0 5px 0;}
	#product_view .container1 .grid .self.s2 .buy{margin:15px 0 0 0;padding:10px 0;}
}
@media only screen and (max-width:800px){
	#product_view .container1 .grid{grid-template-columns:1fr;grid-gap:15px;}
	#product_view .container1 .grid .self.s1{padding:0 20%;}
	#product_view .container1 .grid .self.s2{text-align:center;}
	#product_view .container2{margin:70px 0 0 0;}
	#product_view .container2 .head{padding:15px 0;font-size:0.8em;font-family:montserrat_bold;}
	#product_view .container2 .head .seperator{margin:0 5px;}
}
@media only screen and (max-width:600px){
	#product_view .container2 .head{font-size:0.9em;}
	#product_view .container2 .head a{display:block;margin:0 0 6px 0;}
	#product_view .container2 .head .seperator{display:none;}
	
}
@media only screen and (max-width:500px){
	#product_view .page_map{grid-template-columns:1fr;}
	#product_view .page_map .self.s2{display:none;}
	#product_view .container1 .grid .self.s1{padding:0 10%;}
}