@font-face {
    font-family: 'cloud_light';
    src: url('../fonts/cloundsans/cloud-light-webfont.eot');
    src: url('../fonts/cloundsans/cloud-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cloundsans/cloud-light-webfont.woff2') format('woff2'),
         url('../fonts/cloundsans/cloud-light-webfont.woff') format('woff'),
         url('../fonts/cloundsans/cloud-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'thai_sans_literegular';
    src: url('../fonts/thaisanslite/thaisanslite_r1-webfont.eot');
    src: url('../fonts/thaisanslite/thaisanslite_r1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/thaisanslite/thaisanslite_r1-webfont.woff2') format('woff2'),
         url('../fonts/thaisanslite/thaisanslite_r1-webfont.woff') format('woff'),
         url('../fonts/thaisanslite/thaisanslite_r1-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'supermarketregular';
    src: url('../fonts/supermarket/supermarket-webfont.eot');
    src: url('../fonts/supermarket/supermarket-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/supermarket/supermarket-webfont.woff2') format('woff2'),
         url('../fonts/supermarket/supermarket-webfont.woff') format('woff'),
         url('../fonts/supermarket/supermarket-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.tg-banner h1 { font-family: 'supermarketregular'; letter-spacing: 3px; }

/* Navigation */
#tg-navigation > ul > li,
#tg-navigation > ul > li > ul > li { font-family: 'supermarketregular'; font-size: 16.5px; letter-spacing: 2px; }


/* Banner */
.nd-tg-banner h1, .nd-tg-banner li, .nd-tg-banner li a { color: #333 }

/* Slider */
#tg-home-slider .tg-heading-border > h1 { font-family: 'supermarketregular'; font-size: 90px; line-height: 90px; }
@media (max-width: 767px) {
	#tg-home-slider .tg-heading-border > h1 { font-size: 60px; line-height: 50px; }
}
#tg-home-slider .tg-btn { font-family: 'supermarketregular'; letter-spacing: 3px; font-size: 20px; }


/* Product Slider */
#tg-product-slider h3 a { font-family: 'supermarketregular'; font-size: 18px; }
.tg-product-price { font-family: 'supermarketregular'; }


.tg-buynowbox h3 { font-family: 'supermarketregular'; letter-spacing: 4px;  }
.tg-buynowbox .tg-btn { font-family: 'supermarketregular'; font-size: 22px; letter-spacing: 3px; }

.tg-section-heading h2 { font-family: 'supermarketregular'; letter-spacing: 3px; }
.tg-description p { font-family: 'tahoma'; }
.tg-feature-data h3 { font-family: 'supermarketregular'; font-size: 20px; }

/* Contact */
.tg-info h3 { font-family: 'supermarketregular'; font-size: 20px; font-weight: normal; letter-spacing: 2px; }
.tg-info span, .tg-info adress  { font-family: 'tahoma'; }

/* Product */
.tg-product-data .tg-heading-border h2 { font-family: 'supermarketregular'; font-size: 26px; }
.tg-widget-categories h3 a { color: #fff; }
.nd-page-active { background-color: #ccc; }

.quantity{float: left;}
.quantity input,
.quantity em{
	float:left;
	line-height:40px;
	height:46px;
}
/*
.availability{
	float: right;
}*/
/*.nd-brand { float: left; }
.nd-brand img { height: 30px; }*/
#related-product h3 { font-family: 'supermarketregular'; font-size: 26px; letter-spacing: 3px }

/* Product Grid */
.tg-heading-border:after{
	background: none;
}
.tg-shop-grid .tg-heading-border h3{
	margin-bottom: 0;
	font-size: 14px;
}
.tg-product:hover .tg-saletag {
	border-top-color: #505050;
	color: #fff;
}
@media (max-width: 1199px) {
	.nd-clearfix-2 { clear: both; }
	.nd-clearfix-3 { display:none; }
}
@media (min-width: 1200px) {
	.nd-clearfix-2 { display:none; }
	.nd-clearfix-3 { clear: both; }
}


/* Blog */
.tg-heading-border h3 a { font-family: 'supermarketregular'; font-size: 18px; letter-spacing: 2px; }
/* Brand */
.tg-brand { cursor: default }
.tg-brand img{ opacity: 1;}
.tg-brand:hover img{opacity: 1;}
.tg-brand:hover{background: #ffffff;}

/* footer */
a.naver-line:hover {
	background-color: #2cbf13 !important;
	border-color: #2cbf13 !important;
}

