@font-face {
  font-family: Segoe Script;
  src: url(../fonts/segoesc.ttf);
}
@font-face {
  font-family: Segoe Script Bold;
  src: url(../fonts/segoescb.ttf);
}
.fc-time {
	display: none;
}

.wrapper-content {
	display: inline-block;
}
.sortbox.productview{
	width: 255px;
	float: left;
	margin: 0 5px 20px 0;
	position: relative;
	border:1px solid #ddd;
}
.sortbox.cadview{
	width: 49%;
	float: left;
	margin: 0 5px 20px 0;
	position: relative;
	border:1px solid #ddd;
}
.thumbnail{
	padding:0;
	border-radius: 0;
}
.thumbnail .caption{
	padding:0
}

.row.second-header {
	margin-top: 0px;
}

.container-fluid {
	width: 100%;
	margin: 0;
	padding: 0;
	top: 50px;
	position: relative;
}

.KGK-title {
	margin: 0 0 0 0;
	padding: 70px 30px 0 0;
	text-align: center;
}

.catname{
	font-family: Segoe Script;
	font-size: 24px;
	font-weight: 500;
	border-bottom: 1px solid #ead9c8;
	text-transform: capitalize;
	color: #ead9c8;
}
.cattagline{
	font-size: 16px;
    font-weight: normal;
	color: #ead9c8;
}

.hdr-top-block {
	padding: 10px 5px;
}

.col-md-12 .hdr-top-block {
	padding: 30px 0 0 0;
}

.layer-stretch {
	padding: 0;
}

#hdr-wrapper {
	background: url(../images/dc-banner-bg.jpg) no-repeat top;
	background-size: cover;
	/*position: fixed;*/
	width: 100%;
	height: 170px;
	top: 0px;
	z-index: 1;
}

.div_style_no {
	width: 100%;
	display: inline-block;
	font-size: 100%;
	word-wrap: break-word;
	text-align: center;
	color: #000;
	border-top: 1px solid #dcdcdc;
	padding: 0 10px;
}

.div_style_no .span1, .div_style_no .span2 {
	padding: 5px 0px;
	width: 50%;
	float: left;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: -5px;
}

.product-desc {
	padding: 10px 0 0px 0;
}

.div_style_no .span1 {
	
}

.div_style_no .span2 {
	color: #539FB2;
}

.product_desc {
	height: 40px !important;
	display: block;
	overflow: hidden;
	display: none;
}

.product-name {
	padding: 5px 0 0 0 !important;
}

/* .sortbox:hover {
	box-shadow: 0px 1px 1px 2px #ddd;
}*/

.sortbox.productview:hover .fav-product {
	display: block;
}
.sortbox.cadview:hover .fav-product {
	display: block;
}
.product-imitation img {
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    text-align: center;
    display: block;
}

.productview .product-imitation {
    text-align: center;
    padding: 0px 0;
    color: #bebec3;
    font-weight: 600;
    height: 250px;
    align-items: center;
    display: flex;
}
.cadview .product-imitation {
    text-align: center;
    padding: 0px 0;
    color: #bebec3;
    font-weight: 600;
    height: 500px;
    max-height: 500px;
    align-items: center;
    display: flex;
}

.sortbox.cadview:hover .show_remarks{display: block;}
.sortbox.productview:hover .show_remarks{display: block;}
.fav-product i {
	padding: 5px 5px 0 0;
	font-size: 14px;
}

.show_remarks {
	background-color: #ddd;
	border: 1px solid #bbb;
	display: none;
	padding: 5px;
	position: absolute;
	width: 200px;
	top: 20px;
	right: 20px;
	z-index: 1;
}

.remarks_input {
	margin: 0;
	padding: 5px;
	width: 100%;
	background: #fff;
}

.fav-product {
	position: absolute;
	right: 0;
	display: none;
}

.search_catlog {
	float: none;
	position: fixed;
	top: 170px;
	height: 50px;
	margin: 0;
	padding: 7px 15px;
	z-index: 1;
	background: #f1f1f1;
	width:100%;
}

.search_catlog .input-group {
	margin: 0 auto;
	padding: 8px 0;
}

.label_text.sorting{
    display: inline-block;
    font-size: 15px;
}
.label_text.checkbox{
	display: inline-block;
	margin-bottom: -5px;
}
.checkbox .animated-checkbox-label span{
    top: 1px;
    left: 0;
}


.selected_catalog {
	left: -15px;
	position: absolute;
	display: none;
	top: -5px !important;
}

.select_product {
	cursor: pointer;
}

.animated-checkbox-label input:checked ~ span {
	background-color: #5CB85C;
}
.hdr-logo a img{
	width: 60px;
	height: auto;
	padding: 0px 0 0 0;
	opacity: 0.8;
}

.kgkspinner {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	background: url(../images/spinner.gif) no-repeat center center
		rgba(0, 0, 0, 0.2);
	animation: delayVisibility linear 1s;
}

.styleanalytics_header #qrcode {
    position: absolute;
	top: 8px;
	right: 8px;
	background: #FFF;
	padding: 2px;
	height: 104px;
}

.styleanalytics_header #qrcode canvas {
    width: 100px;
}

.scroller_anchor{height:0px; margin:0; padding:0;}
.scroller{margin:0 0 0 0px; z-index:100; height:50px; font-size:18px; font-weight:bold; text-align:center; width:100%;}

.grouptitle{
	background:#f0e6de;
	text-align: center;
	border-bottom: 1px solid #d2c7be;
	margin: -15px -15px 10px -15px;
}

.grouptitle_fix{
	
}




@media (max-width:600px){
	.col-md-12  .hdr-top-block{
		padding:8px;
	}
	.KGK-title{
		margin:0;
		padding: 15px 0px 0 0;
		display: inline-block;
	}
	.hdr-logo a img{padding: 0;}
	#hdr-wrapper{height: 80px;background-position: left;}
	.search_catlog{top: 80px;}
	.container-fluid{top: 50px;}
	.catname{
		font-size: 100%;
	}
	.cattagline{
		font-size: 80%;
	}
	.sortbox.productview, .sortbox.cadview {
		width: 100%;
	}
	.product-imitation{
		height: 250px;
	}
	.styleanalytics_header #qrcode{display: none;}
}
@media screen and (max-height: 768px){
	#hdr-wrapper{height: 140px;}
	.search_catlog{top: 120px;}
	.container-fluid{top: 30px;}
}
@media screen and (max-height: 900px){
	#hdr-wrapper{height: 140px;}
	/*.search_catlog {top: 140px;}*/
	.container-fluid{top: 30px;}
	.KGK-title{padding:50px 30px 0 0;}
}
@media screen and (max-height: 1024px){
	#hdr-wrapper{height: 140px;}
	.search_catlog{top: 120px;}
	.container-fluid{top: 30px;}
	.KGK-title{
		padding: 30px 30px 0 0;
	}
}