#gyemantkereso {padding-top: 40px;}
	#gyemantkereso * {color: white;}
	#gyemantkereso h3 {margin-bottom: 3%;}
	#gyemantkereso h2 {font-size: 16px !important; font-weight: bold; margin-bottom: 3%;}
	#gyemantkereso .search {}
		#gyemantkereso .search .col {float: left; width: calc(33.33334% - 2px); border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; padding: 1% 2%;}
		#gyemantkereso .search .row .col:nth-last-child(2) {border-right: 0;}
		#gyemantkereso .search .row:nth-child(4) .col {border-bottom: 0;}
		#gyemantkereso .search .row:nth-child(4) .col {padding-bottom: 4%;}
			
			#gyemantkereso .search .col .items {}
				#gyemantkereso .search .col .items .item {float: left; width: 18%; text-align: center; padding: 0 1%; margin: 1%; opacity: 0.6; cursor: pointer;}
					#gyemantkereso .search .col .items .item .img {margin: 0 auto; width: 100%; border-radius: 50%; overflow: hidden; border: 1px solid #D8D8D8;}
						#gyemantkereso .search .col .items .item .img img {display: block; width: 100%; border-radius: 50%;}
					#gyemantkereso .search .col .items .item span {text-transform: uppercase; font-size: 9px;}
				#gyemantkereso .search .col .items .item:hover, #gyemantkereso .search .col .items .item.active {opacity: 1;}
					#gyemantkereso .search .col .items .item.active .img {border-color: #F5A623;}
					#gyemantkereso .search .col .items .item.active span {}
					
			#gyemantkereso .search .col.sliderBlock {overflow: hidden;}
			
				#colorChk {float: right; text-align: right; width: 150px;}
					#colorChk span {display: inline-block; vertical-align: top;}
					#colorChk span.name {line-height: 24px; cursor: pointer; transition: 0.3s;}
					#colorChk span.name.active {color: #F4A637 !important;}
					#colorChk span.chkcontent {margin: 0 5px; height: 20px; width: 40px; border: 2px solid #F4A637; position: relative; background-color: #F4A637; border-radius: 30px; cursor: pointer;}
					#colorChk span.chkcontent:before {content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 24px; background-color: white; transition: 0.3s;}
					#colorChk span.chkcontent.white:before {left: 0;}
					#colorChk span.chkcontent.fancy:before {left: 20px;}
			
				#gyemantkereso .search .col.sliderBlock .white-colors {display: none;}
				#gyemantkereso .search .col.sliderBlock .white-colors.active {display: block;}
					#gyemantkereso .search .col.sliderBlock .labels {margin-bottom: 15px; font-size: 11px;}
						#gyemantkereso .search .col.sliderBlock .labels span {display: block; float: left; text-transform: uppercase; text-align: center;}
						#gyemantkereso .search .col.sliderBlock .labels span.active {}
					#gyemantkereso .search .col.sliderBlock .rangeSlider {margin-bottom: 20px;}
					#gyemantkereso .search .col.sliderBlock .values {line-height: 30px;}
						#gyemantkereso .search .col.sliderBlock .values .min {float: left;}
							#gyemantkereso .search .col.sliderBlock .values .min input {border: 0; font-weight: bold; display: inline-block; vertical-align: top; width: 65px; text-align: right; height: 30px; padding-left: 5px; padding-right: 5px; background-color: #868686; border-radius: 4px;}
						#gyemantkereso .search .col.sliderBlock .values .max {float: right;}
							#gyemantkereso .search .col.sliderBlock .values .max input {border: 0; font-weight: bold; display: inline-block; vertical-align: top; width: 65px; text-align: right; height: 30px; padding-left: 5px; padding-right: 5px; background-color: #868686; border-radius: 4px;}
							
				#gyemantkereso .search .col.sliderBlock .fancy-colors {display: none; padding-top: 20px;}
				#gyemantkereso .search .col.sliderBlock .fancy-colors.active {display: block;}
				
					#gyemantkereso .search .col.sliderBlock .fancy-colors .item {float: left; margin: 0 10px 5px 0;}
						#gyemantkereso .search .col.sliderBlock .fancy-colors .item input {opacity: 0;}
						#gyemantkereso .search .col.sliderBlock .fancy-colors .item label {display: inline-block; vertical-align: top; position: relative; font-size: 10px; padding-left: 8px; line-height: 22px; text-transform: uppercase; cursor: pointer;}
						#gyemantkereso .search .col.sliderBlock .fancy-colors .item label:before {position: absolute; top: 0px; left: -18px; content: ''; border: 1px solid #D9D9D9; border-radius: 4px; width: 20px; height: 20px;}
						#gyemantkereso .search .col.sliderBlock .fancy-colors .item label:after {content: ''; position: absolute; top: 1px; left: -17px; width: 20px; height: 20px; background-color: #F4A637; color: white; opacity: 0; background-image: url('images/pipe.jpg'); background-position: center center; background-repeat: no-repeat; transition: 0.3s;}
					
					#gyemantkereso .search .col.sliderBlock .fancy-colors .item label:hover:before {border-color: #F4A637;}
					
					#gyemantkereso .search .col.sliderBlock .fancy-colors .item.active {}
						#gyemantkereso .search .col.sliderBlock .fancy-colors .item.active label {font-weight: bold;}
						#gyemantkereso .search .col.sliderBlock .fancy-colors .item.active label:before {border-color: #F4A637;}
						#gyemantkereso .search .col.sliderBlock .fancy-colors .item.active label:after {opacity: 1;}
							
				
	#gyemantkereso .list {}
		#gyemantkereso .list .listItems {}
		
		#gyemantkereso .list .row {display: block; line-height: 30px; padding: 2px; margin-bottom: 1px; background-color: #868686; cursor: pointer;}
		#gyemantkereso .list .row:hover {background-color: #222222;}
			#gyemantkereso .list .row .col {text-align: center; float: left; width: calc((100% / 7));}
				#gyemantkereso .list .row .col img {display: inline-block; vertical-align: top; height: 30px; width: auto;}
				div#wrapper div#content div.contentMain div.contentMainText #gyemantkereso .list .row .col img {height: 30px !important; width: auto !important;}
				
				#gyemantkereso .list .row .col.stock img {display: inline-block; vertical-align: top; height: 20px; width: auto; margin: 5px 0;}
				div#wrapper div#content div.contentMain div.contentMainText #gyemantkereso .list .row .col.stock img {height: 20px !important; width: auto !important;}
				
		#gyemantkereso .list .row.head {background-color: #111111;}
			#gyemantkereso .list .row.head .col {font-weight: bold;}
			#gyemantkereso .list .row.head .col input {margin-right: 5px;display: inline-block;vertical-align: top;margin-top: 8px;}
			
			#gyemantkereso .list .row.head .col[data-sort="1"] {cursor: pointer; position: relative; background-color: #222222;}
			#gyemantkereso .list .row.head .col.asc:after {content: ''; display: block; position: absolute; right: 10%; top: 8px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #F5A623;}
			#gyemantkereso .list .row.head .col.desc:after {content: ''; display: block; position: absolute; right: 10%; top: 8px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #F5A623;}
			
			
	#gyemantkereso .clear {display: block; float: none; clear: both;}
	
	
	#gyemantkereso .ui-widget-content {background-color: #e6e6e6; background-image: url(''); border-color: #e6e6e6;}
	#gyemantkereso .ui-slider-horizontal {height: 0.6em;}
	#gyemantkereso .ui-widget-header {background-color: #f5a623; background-image: url(''); border-color: #f5a623;}
	#gyemantkereso .ui-slider-horizontal .ui-slider-handle {top: -0.4em; border-radius: 50%; background-color: white; border-color: white; background-image: url(''); box-shadow: 0 0 4px 0px rgba(0,0,0,0.4); cursor: pointer;}
	#gyemantkereso .ui-slider-horizontal .ui-slider-handle.ui-state-hover {background-color: #f5a623; background-image: url(''); border-color: #f5a623;}
	#gyemantkereso .ui-slider-horizontal .ui-slider-handle.ui-state-active {background-color: #f5a623; background-image: url(''); border-color: #f5a623;}
	
	
	
	
	#gyemantkereso .productSheet {display: none; position: fixed; top: 0; left: 50%; transform: translateX(-50%); max-width: 1280px; width: 100%; height: 100vh; background-color: white; color: #494949 !important; z-index: 100; font-size: 12px !important; max-height: 100vh; overflow-y: auto;}
		#gyemantkereso .productSheet .close {position: absolute; top: 10px; right: 70px; cursor: pointer; width: 40px; text-align: center; line-height: 40px; color: white !important; font-size: 18px; text-transform: uppercase; font-weight: bold; background-color: black; border: 2px solid black;}
		#gyemantkereso .productSheet .close:hover {background-color: white; color: black !important;}
		#gyemantkereso .productSheet .inner {padding: 70px 70px 25px;}
			#gyemantkereso .productSheet .imageBlock {float: left; width: 45%; padding: 2%;}
				#gyemantkereso .productSheet .imageBlock .img {display: block; margin-bottom: 10%;}
					#gyemantkereso .productSheet .imageBlock .img img {display: block; max-width: 100%; margin: 0 auto;}
				#gyemantkereso .productSheet .imageBlock p {font-size: 11px !important; line-height: 120% !important; color: #494949 !important;}
				
			#gyemantkereso .productSheet .textBlock {float: left; width: 55%; border-left: 3px solid #EBEBEB; padding: 2%;}
				#gyemantkereso .productSheet .textBlock h1 {font-weight: bold; text-transform: uppercase; margin: 0; color: #494949 !important;}
				#gyemantkereso .productSheet .textBlock .price {font-weight: 100; font-size: 30px !important; padding: 6% 0; color: #494949 !important;}
				#gyemantkereso .productSheet .textBlock .button {cursor: pointer; display: block; width: 40%; min-width: 220px; line-height: 66px; color: white !important; background-color: #F5A623; text-transform: uppercase; text-align: center; font-size: 20px !important; font-weight: bold; padding: 0; border: 0;} 
				
				#gyemantkereso .productSheet .textBlock .contact_form {display: none;}
					#gyemantkereso .productSheet .textBlock h1, #gyemantkereso .productSheet .textBlock .contact_form label, #gyemantkereso .productSheet .textBlock .contact_form input, #gyemantkereso .productSheet .textBlock .contact_form textarea {color: #868686;}
				
				#gyemantkereso .productSheet .textBlock ul {display: block; margin: 0 !important; padding: 5% 0; font-size: 11px !important; text-transform: uppercase;}
					#gyemantkereso .productSheet .textBlock ul li {display: block; border-bottom: 2px solid #F1F1F1; padding: 3px 10px;}
						#gyemantkereso .productSheet .textBlock ul li span {display: inline-block; vertical-align: top; width: 50%; font-size: 11px !important; color: #494949 !important;}
						#gyemantkereso .productSheet .textBlock ul li strong {display: inline-block; vertical-align: top; width: 50%; font-size: 11px !important; color: #494949 !important;}
				#gyemantkereso .productSheet .textBlock p {line-height: 120% !important; color: #494949 !important;}
					#gyemantkereso .productSheet .textBlock p a {text-decoration: underline;}
				

				
@media only screen and (max-width: 1280px) {
	#gyemantkereso .productSheet .inner {padding: 70px 20px 25px !important;}
	#gyemantkereso .productSheet .close {right: 20px;}
}

@media only screen and (max-width: 1000px) {
	#gyemantkereso .search .col.sliderBlock .labels {font-size: 9px;}
}

@media only screen and (max-width: 800px) {
	#gyemantkereso .search .col {width: 100%; float: none; height: auto !important; border-right: 0px !important; border-bottom: 3px solid #EBEBEB !important;}
	#gyemantkereso .search .col .items .item {width: 9%; margin: 0.5%; padding: 0 0.5%;}
	#gyemantkereso .search .col .items {margin: 0 -3%;}
	#gyemantkereso .list .row:hover {font-weight: normal;}
	
	#gyemantkereso .list .row .col.shape span {display: none;}
}

@media only screen and (max-width: 700px) {
	
}

@media only screen and (max-width: 600px) {
	#gyemantkereso .productSheet .imageBlock {display: none;}
	#gyemantkereso .productSheet .textBlock {float: none; width: 100%; border: 0; padding: 0;}
	
	#gyemantkereso .productSheet .textBlock .button {line-height: 46px; font-size: 16px !important;}
	
	#gyemantkereso .list .row .col {width: calc((100% / 6));}
	#gyemantkereso .list .row .col.color {display: none;}
}

@media only screen and (max-width: 500px) {
	#gyemantkereso .search .col .items .item {width: 18%; margin: 1%; padding: 0 1%;}
	#gyemantkereso .list .row {margin: 0 -4% 2px;}
}

@media only screen and (max-width: 420px) {
	#gyemantkereso .list .row .col {width: calc((100% / 3));}
}