@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;
}
/*---------- button ----------*/
.btn {	
	background-color: #000; 
	color: #fff; 
	border-color: #000; 
	border-radius: 0;
	font-family: 'thai_sans_literegular';
	font-size:16px;
	min-width:150px;
	text-transform: uppercase;
	letter-spacing: 2px;
	outline: none;
} 
.btn:hover { 
	background-color: #666; 
	color: #fff; 
	border-color: #000; 
	border-radius: 0;
}
.btn2 {
	background-color: #fff; 
	color: #333; 
	border-color: #000; 
	border-radius: 0;
}

.btn-add-to-bag {
	font-size: 20px;
	text-transform: uppercase;
	width: 250px;
}




/*---------- Form ----------*/

.nd-form-control { 
	font-family: 'tahoma'; 
	font-size: 12px;
	text-transform:uppercase;
	background-color: #f6f6f6;
	border: none;
	outline: none;
	padding: 5px;
	color: #999;
}
.nd-control-label {
	font-family: 'thai_sans_literegular';
	font-weight: normal;
	font-size: 18px;	
	letter-spacing: 1px;
	text-transform: uppercase;
}
.nd-btn { 
	background-color: #000; 
	font-size: 18px; 
	font-family: 'thai_sans_literegular'; 
	color: #fff; 
	border: 1px solid #000;
	outline: none;
	padding: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.nd-btn:hover { background-color: #666; }

#contact-form {
	border:1px solid #e5e5e5;
	padding:25px;
	margin-top:20px;
	margin-bottom: 20px;
}
#contact-form  input,
#contact-form  select,
#contact-form  textarea {
	width:100%;
}
#contact-form  .row:first-child { margin-top: 0; }
#contact-form  .row { margin-top: 15px; }

.zinput {
	outline: none; 
	padding: 5px; 
	font-family:'tahoma'; 
	letter-spacing:1px; 
	font-size:14px; 
	border: 1px solid #ccc;
	margin-top: 20px;
}
.zinput:focus {
	border: 1px solid #333;
}



/* ---------- OWL CAROUSEL ---------- */
#owl-demo { text-align: center; margin:30px auto 0 auto; padding:0; width:80% !important; max-width:2000px !important;  }
.slide-img { 
	width:100% !important;
	max-width:2000px !important; 
}
/*To move navigation buttons outside use these settings:*/
.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
}
.owl-theme .owl-controls .owl-buttons .owl-prev{
	top:45%; 
	left: 10px;
	background:none;
}
.owl-theme .owl-controls .owl-buttons .owl-next{
	top:45%;
	right: 10px;
	background:none;
}

@media (min-width: 768px) { 
	/* Hide dots */
	.owl-pagination { display:none !important;  }
}
@media (max-width: 767px) { 
	/* Hide navigation */
	.owl-theme .owl-controls .owl-buttons .owl-prev{
		display:none;	
	}
	.owl-theme .owl-controls .owl-buttons .owl-next{
		display:none;
	}
}

/*---------- Home ----------*/

.home-img { width:100% !important; margin-top:25px; } 



/* ---------- Header ---------- */
/* BEGIN - hamburger menu */
button.lines-button {
    border: none;
    background: none;
	outline: none;
}
button.lines-button span {
    display: block;
}
.lines-button {
    padding: 15px 0;
}
.lines-button:active {
    transition: 0;
}
.lines {
    display: inline-block;
    width: 22px;
    height: 3px;
    position: relative;
    top: -2px;
}
.lines:before,
.lines:after {
    display: inline-block;
    width: 22px;
    height: 3px;
    position: absolute;
    left: 0;
    content: '';
}
.lines:before {
    top: 6px;
}
.lines:after {
    top: -6px;
}
.lines,
.lines:before,
.lines:after {
    background-color: #000;
}
/* END - hamburger menu #ffce00*/



.header { border-bottom:1px solid #333; width:80% !important; margin-top:10px; padding:0 0 10px 0; text-align: center; position:relative; }
.logo { margin:0 auto 0 auto; }
@media (max-width: 767px) { 
	/* set logo to left */
	.header { text-align: left; }
	.logo { margin-left: 40px; max-height:60px; }
}
.nav-menu, .nav-shopping-bag, .nav-search { position:absolute; top:15px; color:#333; outline:none !important; }
.nav-shopping-bag:hover { text-decoration:none; }
.nav-menu { left:0; }
.nav-menu:hover, .nav-search { cursor:pointer; }
.nav-shopping-bag { right: 40px }
.nav-search { right: 0; }
.nav-menu  img , .nav-shopping-bag img, .nav-search img { max-height:30px; }


.nav-menu a i { color:#333 !important; } 
ul.sf-menu li a span { font-family:'thai_sans_literegular'; font-size:20px; text-decoration:none !important; }

ul.sf-menu li.dropdown ul { border-bottom:none; border-left:none; border-right:none; text-transform:uppercase; }
ul.sf-menu li.dropdown ul li a { font-family:'thai_sans_literegular'; font-size:18px; }
ul.sf-menu li.dropdown ul li a:hover { color:#ccc; }



@media (max-width: 414px) {
	.nav-menu  img , .nav-shopping-bag img, .nav-search img { height: 23px; margin-top:5px;  }
	.logo { height:35px; margin-left: 30px; margin-top:11px; }
	.nav-shopping-bag { right: 30px }
	
}
/*
@media (min-width: 376px and max-width: 767px) {
	.nav-menu  img , .nav-shopping-bag img, .nav-search img { height: 25px; }
	.logo { max-height:40px; margin-left: 40px; margin-top:8px; }
	.nav-shopping-bag { right: 30px }
	
}
*/
@media (max-width: 500px) {
	.modal-fullscreen .modal-content { margin-left:-30px !important; } /*ชิดซ้าย*/
}


/* .modal-fullscreen */
.modal-fullscreen {
	background: transparent; 
}
.modal-fullscreen .modal-content {
	background: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none; 
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .99;
  filter: alpha(opacity=99);
}

/* .modal-fullscreen size: we use Bootstrap media query breakpoints */
.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .modal-fullscreen .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 970px;
	/*top: 50px;*/
  }
}
@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
     width: 1170px;
	 /*top: 100px;*/
  }
}

.main-cat, .sub-cat1, .sub-cat2 { list-style: none; }
.sub-cat1, .sub-cat2 { margin-left: -20px; }
.main-cat > li  > a , .sub-cat1 > li  > a, .sub-cat2 > li  > a { font-family: 'thai_sans_literegular'; color:#333; list-style: none; text-transform: uppercase; }
.main-cat > li  > a:hover , .sub-cat1 > li  > a:hover, .sub-cat2 > li  > a:hover { text-decoration: none; color:#ccc; } 

.main-cat > li  > a { font-size: 22px; font-weight: bold; letter-spacing: 1px; }
.sub-cat1 > li  > a { font-size: 18px; letter-spacing: 1px; line-height: 29px; }
.sub-cat2 > li  > a { font-size: 16px; }
 
/*---------- breadcrumb ---------- */
.breadcrumb { background-color:#fff; margin-bottom:0; }
.breadcrumb li, .breadcrumb li a { font-size:16px; color:#aaa; font-family: 'thai_sans_literegular'; text-transform: uppercase; }

@media (max-width: 767px) { 
.breadcrumb li, .breadcrumb li a {
	font-size:12px; }
}


/* ---------- Product Grid ---------- */
.products-grid > div { margin-top: 10px; text-align:center; }
@media (max-width: 767px) { .products-grid > div { padding:5px; margin-top: 0px; } }

.product-preview { position: relative; }
.product-img { width:100%; }

/* BEGIN - Product Image Fade in/out ********************************/
.product-preview {
	text-align: center;
	position: relative;
	/*max-width: 350px;*/
	overflow: hidden;
	/*border: 1px dotted transparent;
	padding-bottom: 50px*/
}
.product-preview:hover {
	/*border-color: #cacaca;*/
	/*padding-bottom: 10px*/
}

.product-preview .preview {
	position: relative
}
.product-preview .preview .img-responsive {
	width: 100%;
	opacity: 1;
	position: relative
}
.product-preview .preview .img-default {
	opacity: 1;
	-webkit-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
	z-index: 2
}
.product-preview .preview .img-second {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}
.product-preview:hover .preview .img-second {
	opacity: 1
}
.product-preview:hover .preview .img-default {
	opacity: 0
}
/* END - Product Image Fade in/out  ********************************************/


.products-name { font-family: 'thai_sans_literegular'; font-size: 18px; color:#333; text-transform: uppercase; display: block;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 }
.products-name:hover { text-decoration:none !important; color:#333; }
.products-price { font-family: 'thai_sans_literegular'; font-size: 18px; color:#333; display:block;  }
.products-price-old { 
	font-size: 18px; 
	color:#333; 
	text-decoration: line-through;
}

@media (min-width: 992px){
	.clearfix-3 { clear: both; }
	.clearfix-2 { display: none; }
}
@media (max-width: 991px){
	.clearfix-2 { clear:both; }
	.clearfix-3 { display: none; }
}

@media (max-width: 767px) { /*products_grid mobile*/
  .products-name{
    font-size: 14px; color:#777;
  }
  .products-price{
	font-size:14px;
  }
  .products-price-old { 
	font-size: 14px;
}
}
.products-color { margin-top: 20px; }
.products-color  > span { 
	border:1px solid #333; 
	padding:1px; 
	margin:0; 
	display: inline-block;
	margin-right: 5px;
}
.products-color  > span.dummy { 
	border:1px solid #fff; 
}
.products-color  > span:last-child { margin-right: 0px; } 
.products-color > span > span { 
	width:18px;
	height:18px; 
	display:block;
	margin: 0;
	padding:0;
}

h1.category-name-header { 
	font-family: 'thai_sans_literegular'; 
	padding:0; margin:0; 
	font-size: 30px; 
	font-weight: normal; 
	display:block; 
	text-align:center;
	text-transform: uppercase;
	color:#666;
}

@media (max-width: 767px) { 
	h1.category-name-header { font-size: 22px; }
}
		
/* ---------- Product Detail ---------- */
.product-detail > h1  { 
	font-family: 'thai_sans_literegular'; 
	padding:0; margin:0; font-size: 32px; font-weight: normal; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
}
.product-detail > span.product-price   { 
	font-family: 'thai_sans_literegular'; 
	padding:0; margin:0; font-size: 22px; font-weight: normal; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
}
.product-detail > span.product-price-old {
	font-family: 'thai_sans_literegular'; 
	padding:0; margin:0; font-size: 22px; 
	font-weight: normal; 
	text-decoration: line-through !important;
	letter-spacing: 1px;
}

.product-detail > h5.sku {
	font-size: 22px;
	margin:0;
	padding:0;
	/*margin-top: -5px;*/
	font-family: 'thai_sans_literegular'; 
	text-transform: uppercase; 
	color:#afafaf;
}

@media (max-width: 767px) {  /*products details mobile*/
  .product-detail {
    margin-top: 20px;
  }
  .product-detail > h1  { 
  font-size: 22px;
  }.product-detail > h5.sku {
	font-size: 20px;
}
.product-detail > span.product-price   { 
	font-size: 20px; 
}
.product-detail > span.product-price-old  { 
	font-size: 20px; 
}
  /*.product-gallery { clear: both; }*/
}
.panel-heading a {
	font-family: 'thai_sans_literegular'; 
    text-transform: uppercase; 
	letter-spacing: 1px;	
}
.panel-heading a:after {
    content: url(../image/minus-empty.png);
    float: right; 
    color: grey;    
}
.panel-heading a.collapsed:after {
    content: url(../image/plus-empty.png);
}
.panel-body { font-size:12px; font-family:'tahoma'; }
div.panel-body { border-top:1px solid #222 !important; }

.nav-pills li a { 
	font-family: 'thai_sans_literegular'; 
	font-size: 18px;
	border: 1px solid #000;
	letter-spacing: 1px;
	border-radius: 0px;
	padding: 4px; 
	background-color:#fff;
	color: #000;
	text-transform: uppercase;
} 
.nav-pills li a:hover { 
	background-color:#666;
	color: #fff;
} 
.nav-pills li.active a, .nav-pills li.active a:hover, .nav-pills li.active a:focus { 
	background-color:#000;
	color:#fff;
} 
.tab-pane { font-size: 12px; font-family:'tahoma'; }

.social-share a img { width: 28px; background-color: #000; }
.social-share a img.facebook:hover { background-color: #3b5998; }
.social-share a img.twitter:hover { background-color: #33ccff; }
.social-share a img.pinterest:hover { background-color: #cc2127; }
.social-share a img.google-plus:hover { background-color: #cc2127; }
.social-share a img.instagram:hover { background-color: #935b28; }

.product-form  > .row > .col-sm-2 {
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'thai_sans_literegular'; 
}


.product-form  > .row:first-child {
	margin-top: 0px;
}
.product-form  > .row {
	margin-top: 15px;
}
.product-form  > .row:last-child {
	margin-top: 20px;
}

.product-form  .col-sm-10 select{
	font-family: 'thai_sans_literegular'; 
	font-size: 16px;
	text-transform: uppercase;
}
.select-size, .select-qty {
	border: 1px solid #eaedeb;
	outline: none;
	text-transform: uppercase;
	font-size: 18px;
	padding:7px;
	width: 150px;
	letter-spacing: 1px;
	cursor: pointer;
	margin-top: 0;
	font-family: 'thai_sans_literegular';
	background-color: #efeaeb;
}
.select-size:hover, .select-size:focus, .select-qty:hover, .select-qty:focus  {
	background-color: #eaedeb;
}
.select-size option, .select-qty option { background-color: #fff; }

input[name="color_name"] { display: none; }
input[name="color_name"]:checked + label.color { border:1px solid #ccc; }
label.color { padding:3px; border:1px solid #e6edee; margin:0; cursor: pointer; margin-right:5px; }
label.color i { display:block; width:27px; height:27px; }
/*label.color { padding:1px; border:1px solid #e6edee; margin:0; cursor: pointer; }
label.color i { display:block; width:23px; height:23px; }*/
.size-guide { font-size:17px; font-family: 'thai_sans_literegular'; margin-left:10px; color:#333; cursor:pointer; text-decoration:underline; text-transform: uppercase;}

/* ---------- Shopping Cart ---------- */
.shopping-cart { margin-top:20px; }
.shopping-cart-header{ 
	font-family: 'thai_sans_literegular'; 
	padding:0; margin:0; 
	font-size: 30px; 
	font-weight: normal; 
	text-align:left;
}
table.shopping-cart-table { width: 100%; min-width: 500px; }
table.shopping-cart-table thead { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
table.shopping-cart-table thead th { 
	padding: 12px 0 12px 0; 
	font-family: 'thai_sans_literegular'; 
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase; 
}
table.shopping-cart-table tbody td { 
	padding: 15px 0px 0px 0;
	font-family: 'thai_sans_literegular';
	font-size: 18px;
	text-transform: uppercase; 
}
table.shopping-cart-table tbody td input[type="number"]{ 
	border: 1px solid #eaedeb;
	outline: none;
	font-family: 'thai_sans_literegular';
	font-size: 18px;
	width: 50px;
	padding: 2px;
}
table.shopping-cart-table tbody tr:nth-last-child(2) td { 
	padding-bottom: 15px !important;
}
.shopping-cart-table-total { border-top: 2px solid #000; background-color:#f5f5f5; border-bottom: 1px solid #ccc;  }
.shopping-cart-table-total td  { padding: 20px !important; letter-spacing: 2px; font-size: 26px !important;  }
.remove-item { text-decoration: underline; color:#333; font-size:16px; }
.remove-item:hover { text-decoration: none; }

@media (max-width: 767px) { 
	table.shopping-cart-table thead { border-top:none; } 
	table.shopping-cart-table thead th:first-child, table.shopping-cart-table tbody td:first-child{ padding-left: 15px; } 
	table.shopping-cart-table tbody td:last-child, table.shopping-cart-table tbody td:last-child{ padding-right: 15px; }
}
@media (max-width: 548px) { 
	.cart-action  .proceed-to-checkout { margin-top:10px; } 
}
/*
@media (max-width: 300px) {
	.btn-checkout { margin-top:20px;  }
}*/


/* ---------- Contact Us ---------- */
.zcontact-form input[type=text], 
.zcontact-form input[type=email],
.zcontact-form textarea  { 
	width: 100%;
}

/* ---------- Checkout ---------- */
.checkout-header{ 
	font-family: 'thai_sans_literegular'; 
	padding:0; margin:0; 
	font-size: 30px; 
	font-weight: normal; 
	text-align:left;
}
.checkout { margin-top:20px; }

.checkout > div > input, .checkout > div > textarea { 
	outline: none; 
	padding: 8px; 
	font-family:'tahoma'; 
	letter-spacing:1px; font-size:14px; 
	border: 1px solid #ccc;
	margin-top: 20px;
}

.checkout > div > input:focus, .checkout > div > textarea:focus { 
	border: 1px solid #333;
}
@media (max-width: 533px) { 
	.checkout-action  .place-an-order { margin-top:10px; } 
}
/* ---------- Footer ---------- */
.footer { text-align:center; padding:20px; margin-top:30px; text-align:center; border-top:1px solid #ccc; }
.footer > a { margin: 0 10px 0 10px; color:#333; font-family: 'thai_sans_literegular'; font-size: 18px; text-transform: uppercase; }
.footer a:hover { color:#555; text-decoration: none; }
.footer div.copyright { margin: 20px 0 20px 0; color:#555; font-family: 'thai_sans_literegular'; font-size: 16px; text-align:center }

@media (max-width:400px) {
	.footer > a { font-size: 14px; }
}
@media (max-width:320px) {
	.footer > a { font-size: 12px; }
}

.follow-us a { margin-right: 10px; }
.follow-us a:last-child { margin-right: 0; }
.follow-us a img   { width: 28px; background-color: #000; }
.follow-us a img.facebook:hover { background-color: #3b5998; }
.follow-us a img.twitter:hover { background-color: #33ccff; }
.follow-us a img.pinterest:hover { background-color: #cc2127; }
.follow-us a img.google-plus:hover { background-color: #cc2127; }
.follow-us a img.instagram:hover { background-color: #935b28; }