/* ============== Typography Setup =============== */  

html,body{
	padding: 0;
	margin: 0;	 
} 
body{   
	font-family: 'angsana_newregular', arial ,sans-serif; 
	color: #3d3832;
	font-size: 25px; 
	font-weight:normal; 
	margin: 0px;
	padding:0;
	line-height: 1;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; 

	position: relative;
}
 
b, strong{ font-family: 'angsana_newbold'; font-weight: normal;}
h1,h2,h3,h4,h5,h6{  
	font-weight: normal;
	margin:0;  
}

.page{ position: relative; overflow: hidden; }

/* ============== Input =============== */ 
 

.radio-group, 
.checkbox-group{ 
	padding-left:0; 
	position:relative;
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-align:center;
	display:inline-block;
	vertical-align:top
}
.radio-group{ display:inline-block; position:relative}


/* .radio-group input[type="radio"],
.checkbox-group input[type="checkbox"] {
	
	visiblity:hidden;
        opacity:1;
	height: 0;
	position: absolute;
	width: 0
} */
/* .checkbox-group label:before,
.radio-group label:before {
	content: "";
	display: inline-block;

	width:18px;
	height:18px;

	margin-right: 5px;
	position: absolute;
	left:0;
	top:0;
	background-color: #ffffff;
	border:1px solid #ccc;
} */

.radio-group label:before { 
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
	
}
.checkbox-item input[type="checkbox"] {
	/* cursor: pointer; */
	width: 16px;
	height: 16px;
	margin-right: 8px;
	float: left; 
	line-height: 20px;
}
.radio-group label,
.checkbox-group label {
	position:relative;
	/* padding-left:28px; */
	padding-right:10px;
	text-align:left;
	margin:4px 0;
	display:block;
	font-weight:normal;
	font-size:14px;
	line-height:18px;
	cursor:pointer;
	float:left;

	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.checkbox-group label{color: inherit;} 
.radio-group label{color: inherit; padding-left: 28px} 
 
.radio-group input[type="radio"]:checked + label:after {
    content: "";
    color: #ea6f21;
	background-color:#555555;
	border-radius: 50%;
	position:absolute;
	left:4px;
	top:4px;
	width:10px;
	height:10px;
}
/*  

.checkbox-group input[type="checkbox"]:checked + label:after,
.checkbox-group input[type="checkbox"]:checked + .error + label:after {
	content: "вњ�"; 
	width:10px;
	height:10px;
	position:absolute;
	top:0px;
	left:4px;
	display:block; 
	color: #a07936 
	
} */
  
.checkbox-disable.checkbox-group label:before{
	background-color:#c0c0c0;
	border:2px solid #b1b1b1;
	cursor:default !important
}
.checkbox-disable.checkbox-group input[type="checkbox"]:checked + label:after {
	content:'';
}


.select-wrap{
	position:relative;
	padding-left:0 !important;
	cursor:pointer;
	display:block;

	margin-bottom:15px;  
	
}
.select-mb{
    margin-bottom:15px;
}
.select-wrap.inline-block{
	display: inline-block;
}
.select-wrap:before{
	content:'';
	position: absolute;
	right:12px;
	top: 12px;
	 width:9px;
	 height:9px;
	 vertical-align:top;
	 margin-left:2px;
	 border-top: 2px solid rgb(84, 83, 75);
	 border-left: 2px solid rgb(84, 83, 75);
	 -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);  
 
}
 

.select-wrap .customSelect{  
	line-height: 32px;
	height: 35px;
	width:100%;

	color:inherit;
	padding:0 30px 0 12px;   
	cursor:pointer;  
	display:block;
	font-size:14px;
	color: #4d4d4d;
	font-family: tahoma,arial;
	border: 1px solid #ccc;
    background-color:#fff;  
	
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
} 

.select-wrap select{
	width:100%;	
	height: 100% !important
}
.select-wrap select option{ 
	font-size:14px;
	padding:2px;
	color:#8a8c8f; 
	font-family: tahoma,arial;
}

.btn-fb{
	width: auto !important;
	background-color: #3b5998;
	border-color: #3b5998;
	color: #fff;
	text-transform: none;
}
.btn-gg{
	width: auto !important;
	background-color: #dd4b39;
	border-color: #dd4b39;
	color: #fff;
	text-transform: none;
}
.btn-tw{
	width: auto !important;
	background-color: #55acee;
	border-color: #55acee;
	color: #fff;
	text-transform: none;
}

span.error{ display: none !important; }
.form-control.field-error{ border-color: red }

/* ============== Icon Setup   =============== */ 

.icons{
	display:inline-block;
	position:relative;
	vertical-align:top;
	background-image:url(../img/icons.png);
	background-repeat:no-repeat;
}  
.icon-search{
	width: 14px;
	height: 14px;
	background-position: 0 0;
}
.icon-email{
	width: 48px;
	height: 35px;
	background-position:-20px 0;
}
.icon-send{
	width: 17px;
	height: 16px;
	background-position:-1px -17px;
}
.icon-fb{
	width: 67px;
	height: 67px;
	background-position:-74px 0px;
}
.icon-ig{
	width: 67px;
	height: 67px;
	background-position:-143px 0;
}
.icon-tw{
	width: 67px;
	height: 67px;
	background-position:-214px 0;
}
.icon-pin{
	width: 67px;
	height: 67px;
	background-position:-285px 0;
}

.icon-grid{
	width: 14px;
	height: 12px;
	background-position:-20px -39px;
}

.icon-list{
	width: 14px;
	height: 12px;
	background-position:-39px -39px;
}

.icon-cart{
	 background-position: 0 -57px;
    height: 18px;
    width: 21px;
}

.icon-wholesale{
	width: 20px;
	height: 13px;
	background-position:-357px 0;
}
.icon-secure{
	width: 20px;
	height: 16px;
	background-position:-357px -16px
}
.icon-delivery{
	width: 20px;
	height: 16px;
	background-position:-357px -36px
}
.icon-return{
	width: 20px;
	height: 16px;
	background-position:-357px -53px
}

.arrow-left{
	position: absolute;
	left: 0;
	top: 0;
	width:5px;
	 height:5px;
	 vertical-align:top;
	 margin-left:3px;
	 border-top: 1px solid #676767;
	 border-left: 1px solid #676767;
	 -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); 

    -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.arrow-right{
	position: absolute;
	left: -5px;
	top: 0;
	width:5px;
	 height:5px;
	 vertical-align:top;
	 margin-left:3px;
	 border-top: 1px solid #676767;
	 border-left: 1px solid #676767;
	 -webkit-transform: rotate(135deg);
    transform: rotate(135deg); 

    -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.arrow-up{
	position: absolute;
	left:0;
	top: 0;
	 width:15px;
	 height:15px;
	 vertical-align:top;
	 margin-left:1px;
	 border-top: 1px solid #000000;
	 border-left: 1px solid #000000;
	 -webkit-transform: rotate(45deg);
    transform: rotate(45deg);  
}
.arrow-down{
	position: absolute;
	left:0;
	top: 0;
	 width:15px;
	 height:15px;
	 vertical-align:top;
	 margin-left:1px;
	 border-top: 1px solid #000000;
	 border-left: 1px solid #000000;
	 -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);  
} 

/* ============== Header Setup   =============== */ 
   .result{
        position: absolute;        
        z-index: 999;
        top: 100%;
        left: 0;
        width:220px;
    }
   .result p{
        margin: 0;
        padding: 7px 10px;
        border: 1px solid #CCCCCC;
        border-top: none;
        cursor: pointer;
		z-index: 99;
		background: #ffffff;
    }
    .result p:hover{
        background: #ffffff;
    }

.header{
	display: block;
}

.header-primary{
	display: block;
	font-size: 19px;
	font-family: 'angsana_newbold'; 
	line-height: 30px;
	padding:10px 0; 
	border-bottom: 1px solid #796e63;
}
.header-primary .callus{line-height: inherit;}
.header-primary .navbar-nav > li > a{
	padding:0px 15px; 
	line-height: inherit;
}
.header-primary .navbar-nav > li > a:before{ display: none; }

.header-primary .navbar-nav{
	float: right;
}
.header-primary .navbar-nav > li > a{ padding-right:0  }

.dropdown.lang img{
	display: inline-block;
	max-width: 15px;
	vertical-align: middle;
	margin-top: 2px;
}
.dropdown.lang .dropdown-menu{
	width: 80px;
} 
.dropdown.lang .dropdown-menu  li img{ margin-top:0  }
.dropdown.lang .dropdown-menu  li  a{ padding-right:10px; padding-left: 10px; text-align: center;  }

.page-intro .header-secondary  .navbar{
	position: absolute;
	top: 0;
	right: 15px;
}
.page-intro .header-secondary .container{ position: relative; }
/*.header-primary .navbar-nav > li > a .fa{ display: none; }*/


.header-secondary{
	display: block;
	padding:20px 0 5px; 
} 

.page-intro .header{ position: absolute; top: 0; left: 0; width: 100% }

.logo-site{
	width: 170px;
	float: left;
	padding:0 15px 0 0; 
}
.logo-site a{ display: block; }
.logo-site img{ width: 100% }

.company-info{
	float: left;
	border-left:1px solid #c8c3bf; 
	padding:5px 18px 10px; 
	text-align: left;
}
.company-info h4{
	font-family: 'angsana_newbold'; 
	font-size: 24px;
	text-transform: uppercase;
	line-height:19px 
}
.company-info h5{ 
	font-size: 19px;
	text-transform: uppercase;
	line-height:15px;
	margin:5px 0 
}
.company-info p{
	font-size:19px;
	line-height: 15px;
	margin: 0;

} 

.top-page{
	text-align: center;
}

.header-row{
	display: block;
	text-align: right;
}

.search-option{
	display: inline-block;
	vertical-align: top;
	height: 19px;
	padding:0 0;
	border-right:1px solid #696969;  
}
.search-option .inner{ 
	width: 220px;
	position: relative;
	display: block;  
	height: 30px; 
	padding:0 15px;
}
.search-option .form-control{
	display: inline-block;
	vertical-align: top;
	width: 0;
	height: 30px;
	line-height: 30px;
	border-radius: 0px; 
	padding: 0 0;
	margin: 0;
	border: 1px solid #050509; 
	position: absolute;
	right:10px;
	top: -5px;

	opacity: 0;

	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.search-option .btn{
	height: 17px;
	line-height: 17px;
	vertical-align: top;
	margin-top:2px; 
	display: inline-block; 
	position: relative;
	z-index: 9
}

.search-option:hover .form-control{opacity: 1;  width: 100%; padding:0 10px;  }

.dropdown.minicart{
	display: inline-block;
	vertical-align: top;
	height:28px;
}
.dropdown.minicart > a{
	font-size:19px;
	line-height: 17px;
	font-family: tahoma,arial;
	font-size: 14px;

	padding-left: 10px;
	display: block;  
	position: relative;
}
.dropdown.minicart > a .icons{ display: none; }
.dropdown.minicart > a .total{
	width: 20px;
	height: 20px;
	background-color: #a07936;
	border-radius: 50%;
	display: inline-block;
	margin:-2px 5px 0 ;
	vertical-align: top; 
	text-align: center; 
	color: #fff;
	font-family: tahoma,arial;
	font-size: 12px;
	font-weight: bold;

}

.dropdown.minicart .dropdown-menu{
	left: auto;
	right: 0;
	width: 300px;
	top: 25px;

	-webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
            transform: translate(0,0);
}

.dropdown.minicart .dropdown-menu:before { left: auto; right: 17px}
.dropdown.minicart .dropdown-menu:after { left: auto; right: 18px}

.header-secondary .navbar{
	float: right;
	position: relative;
	top: 25px;
}
.header-secondary .navbar-nav > li > a{
	font-size:24px; 
	color: #3c3c3f;
}
.header-secondary .navbar-nav > li:hover > a{ color: #a07936 }


.navbar-main{
	background-color: rgba(255,255,255,0.4);
	padding:15px 0;
	position: relative; 
	top: 10px;
	display: block;
	z-index: 9;
	text-align: center;
 
}
.navbar-main:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 5px;
	bottom: 5px;
	background-color: rgba(255,255,255,0.7);
	z-index: 9;
	display: block;
}
.navbar-main .navbar-collapse{ 
	padding-left: 0; 
	padding-right:0; 
	/*z-index: 9; 
	position: relative; */
}
.navbar-main .navbar-nav{
	/*position: relative;*/
	margin-left:-20px; 
	
}
.navbar-main .navbar-nav > li { 
	margin-left:-2px; 
	line-height: 30px;
	float: none;
	display: inline-block;
	vertical-align: top;
}
.navbar-main .navbar-nav > li > a{
	padding-left:22px;
	padding-right:22px; 
	font-family: 'angsana_newbold';
	font-size:24px; 
	letter-spacing: 1px;
	line-height: 30px;
	text-transform: uppercase;
	position: relative;
	z-index: 99;
}

.navbar-main .navbar-nav > li.noline > a:before{ display: none; }


.navbar-toggle{
	width: 25px;
	height: 25px;
	margin-left:5px; 
} 
.navbar-toggle span {
  background: #221f20;
  border: none;
  height: 3px;
  width:100%;
  position: absolute;
  top: 0;
  left:auto;
  right:0px;
  margin-top:4px;
  -webkit-transition: all .1s ease;
          transition: all .1s ease;
  cursor: pointer;

}
.navbar-toggle span:nth-of-type(2) {
  top: 6px;
}
.navbar-toggle span:nth-of-type(3) {
  top: 12px;
}

.menu-open .navbar-toggle span:nth-of-type(2),
.filter-open .navbar-toggle span:nth-of-type(2){ opacity:0}

.menu-open .navbar-toggle span:nth-of-type(1),
.filter-open .navbar-toggle span:nth-of-type(1){
   -webkit-transform: translateY(6px) translateX(0) rotate(45deg);
      -ms-transform: translateY(6px) translateX(0) rotate(45deg);
          transform: translateY(6px) translateX(0) rotate(45deg);
}
.menu-open .navbar-toggle span:nth-of-type(3),
.filter-open .navbar-toggle span:nth-of-type(3){
   -webkit-transform: translateY(-6px) translateX(0) rotate(-45deg);
      -ms-transform: translateY(-6px) translateX(0) rotate(-45deg);
          transform: translateY(-6px) translateX(0) rotate(-45deg);
}

 
/* ============== Template Elements =============== */ 

.section{
	float: left;
	width: 100%;
}
.section-body{
	display: block;
	padding:30px 0;
	background-color: #f7f7f7; 
	margin-top:30px; 
	margin-bottom:20px; 
}

.section-header{
	text-align: center;
	display: block;
	margin-bottom:80px 
}

.section-banner{
	height: auto;
	background-color: #ccc;
	margin-top:-90px; 
}

.section-banner-intro{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
}

.section-collection{
	background-color: #f5f5f5;
	padding-top: 50px;
	padding-bottom: 20px;
}

.collection-wrap{
	display: block;
	padding-left: 50px;
	padding-right:50px; 
}

.collection-item{
	display: table;
	background-color: #fff;
	width: 100%;
	padding:15px;
	height: auto;
	margin-bottom:30px; 
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 

          -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.collection-photo,
.collection-info{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #000000
}
.collection-photo{
	width: 220px;
	height: 230px;
}
.collection-photo img{
	display: inline-block;
	max-width: 220px;
	max-height: 230px;
}
.collection-info p{
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom:0; 
	color:inherit;
}
.collection-info h2{
	font-size: 100px; 
	margin-bottom:0; 
	color: inherit;
	line-height: 70px;

	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.collection-info h3{
	font-size: 29px; 
	padding-top: 10px;
	margin-top:20px; 
	margin-bottom:0; 
	color: inherit;
	text-transform: uppercase;
	position: relative;
}
.collection-info h3:before{
	content: '';
	width: 30px;
	height: 2px;
	border-top:1px solid #000; 
	position:absolute;
	top:0px;
	left: 50%; 

	-webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
            transform: translate(-50%,0);

	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.collection-item.lg{ padding-top: 0; padding-bottom: 0 }
.collection-item.lg .collection-info p{
	font-size: 29px;
	margin-bottom:5px; 
}
.collection-item.lg .collection-info h3{
	margin-top:25px;
	padding-top: 15px; 
}
.collection-item.lg .collection-photo{
	width: 50%;
	height: 320px;
	text-align: left;
	padding-top:30px 
}

.collection-item.lg .collection-photo img{
	display: inline-block;
	max-width: 100%;
	max-height: 320px;
}

.collection-item:hover{
	color: #a07936;
	-webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05);
          box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05);
}
.collection-item:hover .collection-info h2{
	color: #a07936
}
.collection-item:hover .collection-info h3:before{ width: 60px; }

.section-title{
	text-align: center;
	font-style: italic;
	font-size: 48px;
	position: relative;
	margin-bottom: 40px
}
.section-title span{
	display: inline-block;
	background-color: #fff;
	padding:0 15px; 
	position: relative;
	z-index: 9
}
.section-title:before{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #9b9b9b;
}

.section-category{
	padding-top: 50px;
	padding-bottom: 40px;
}

.section-category .navbar-nav{
	float: none;
	display: inline-block;
}
.section-category .navbar-nav li{ float: left; }
.section-category .navbar-nav li a{
 	display: inline-block;
    line-height: 26px;
    font-size: 30px;
    padding: 0 15px;
    position: relative;
    vertical-align: top;
    color: #7d7064
}
.section-category .navbar-nav > li > a:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 2px;
    height: 15px;
    margin-top:-7px; 
    border-left:1px solid #616263 
   }
  
.section-category .navbar-nav > li:last-child > a:before { display: none; }

.page-intro .section-category{
	padding-top: 0;
	padding-bottom: 0
}
.page-intro .category-wrap{
	padding: 30px;
	background-color: #fff;
	margin-top:-30px  
}

.category-item{
	background-color: #f5f5f5;
	display: block;
	text-align: center;
	padding:15px; 

	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.category-photo{
	display: block;
}
.category-photo img { width: 100% }

.category-detail h2{
	font-size:38px;
	color: #000000;
	text-transform: uppercase; 
	margin-bottom: 10px;

	position: relative;
	top: 0;

	-webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.category-detail p{
	font-size: 13px;
	color: #eeca8d;
	font-family: tahoma, arial;
	margin-bottom: 0;
	position: relative;
	top: 0;


	-webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.category-item:hover .category-detail h2{/* color: #a07936*/ }
.category-item:hover{
	/*color: #a07936;*/
	-webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .15);
          box-shadow: 0 0 10px 5px rgba(0, 0, 0, .10);
}
.category-item:hover .category-detail h2{ top: -15px }
.category-item:hover .category-detail p{ top: -22px }


.category-highlights{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	display: block;
	text-align: center;
	padding-bottom:15px; 

	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.category-photo-highlights{
	display: block;
}
.category-photo-highlights img { width: 100% }

.category-detail-highlights h2{
	font-size:28px;
	color: #5e5e61;
	text-transform: uppercase; 
	margin-bottom: 10px;

	position: relative;
	top: 0;

	-webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.category-detail-highlights p{
	font-size: 13px;
	color: #eeca8d;
	font-family: tahoma, arial;
	margin-bottom: 0;
	position: relative;
	top: 0;


	-webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.category-highlights:hover .category-detail h2{/* color: #a07936*/ }
.category-highlights:hover{
	/*color: #a07936;*/
	-webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .15);
          box-shadow: 0 0 10px 5px rgba(0, 0, 0, .10);
}
.category-highlights:hover .category-detail h2{ top: -15px }
.category-highlights:hover .category-detail p{ top: -22px }


.category-collection{
background: rgba(237,237,237,1);
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
	display: block;
	text-align: center;
	padding-bottom:15px; 
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.category-photo-collection{
	display: block;
}
.category-photo-collection img { width: 100% }

.category-detail-collection h2{
	font-size:24px;
	color: #5e5e61;
	text-transform: uppercase; 
	margin-bottom: 10px;

	position: relative;
	top: 0;

	-webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.category-detail-collection p{
	font-size: 13px;
	color: #eeca8d;
	font-family: tahoma, arial;
	margin-bottom: 0;
	position: relative;
	top: 0;


	-webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.category-collection:hover .category-detail h2{/* color: #a07936*/ }
.category-collection:hover{
	/*color: #a07936;*/
	-webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .15);
          box-shadow: 0 0 10px 5px rgba(0, 0, 0, .10);
}
.category-collection:hover .category-detail h2{ top: -15px }
.category-collection:hover .category-detail p{ top: -22px }



.section-newsletter{ padding-bottom: 40px; }

.form-newsletter{
	display: block;
	text-align: center;
	margin-top: -15px;
}
.form-newsletter p{
	font-size: 15px;
	color: #3d3832;
	margin-bottom: 15px;
	font-family: tahoma, arial;
}
.form-newsletter table{
	width: 620px;
	margin: 0 auto;
}
.form-newsletter .input-group{
	display: block;
}
.form-newsletter .input-group .form-control{
	display: inline-block;
	vertical-align: top;
	width: 500px;
	margin-left: 10px
}
.form-newsletter .input-group .btn{
	padding:0px;
	width: 35px;
	height: 35px;
	line-height: 35px; 
	margin-left:-35px;
	position: relative;
	z-index: 99 
}
.form-newsletter .input-group .btn .icons{ top: 10px; }

.section-followus{ padding-bottom: 50px; }

.followus{
	display: block;
	text-align: center;
	margin-top:-15px; 
} 
.followus .icons{
	margin: 0 25px;
}
.followus .icons:hover{ opacity: 0.75 }

.login-wrap{
	display: block;
	text-align: center;
	margin: 160px 0 100px;
}
.login-wrap .login-title{
	padding-left: 35px;
	padding-right: 35px;
	margin-bottom:20px; 
	cursor: text;
	background-color: #796e63 !important
}

.form-login{
	display:block;
	margin: 0 auto;
	padding: 20px 30px;
	width:480px;
	border:10px solid #e8e8e8;
	background-color: #efefef;
	position: relative;

	-webkit-box-shadow: 6px 2px 9px rgba(0, 0, 0, .4);
          box-shadow: 6px 2px 9px rgba(0, 0, 0, .4);
}
.form-login .inner{
	display: block;
	position: relative;
	z-index: 9
}
.form-login:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border:1px solid #bca693; 
	display: block;
}
.form-login h2{
	text-align: center;
	font-size: 30px; 
	color: #7d7064;
	margin-bottom:15px 
}
.form-login p{
	text-align: center;
	font-size: 18px; 
	color: #7d7064;
	margin-bottom:0;
	position: relative;
	bottom: -10px; 
}
.form-login span{
    color:#b41717;
	font-size:22px;
}
.form-login input{
	height: 40px;
	line-height: 40px;
	border:1px solid #fff; 
}
.form-login .buttons{
	margin: 0;
	display: block;
	text-align: left;
}
.form-login .buttons .forgotpass{
	font-size: 18px;
	color: #7d7064;
}
.form-login .buttons .forgotpass:hover{ text-decoration: underline; }
.form-login .buttons .btn{
	float: right;
	margin-bottom: 5px 
}

.section-body.wSidebar > div > .row{
	margin-left:-10px;
	margin-right:-10px  
}
.section-body.wSidebar > div > .row > div{
	padding-left:10px;
	padding-right:10px  
}

.sidebar{
	background-color: #fff;
	border-top: 5px solid #a07936;
	border-bottom: 5px solid #a07936;
	padding:15px 10px 25px  
}
.sidebar .panel{ margin: 0 }
.sidebar h2{
	font-size: 16px;
	color: #a07936;
	letter-spacing: 1px;
	border-bottom: 1px solid #d6d6d6;
}
.sidebar h2 a,
.sidebar h2 > span{
	color: #a07936;
	display: block;
	padding: 7px 10px
}
.sidebar h2 a .caret{ 
	float: right; 
	margin-top: 7px;
	border:0;


  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent; 
  
  border-left:4px solid #000;  

	/*-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); */

    -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.sidebar h2.open a .caret{
	-webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.sidebar ul{
	padding: 1px 0 0 14px;
	margin: 0;
	list-style-type: none;
}
.sidebar ul li{
	display: block;
	position: relative;
}
.sidebar ul li:first-child{ margin-top:7px  }
.sidebar ul li a{
	display: block;
	font-size: 11px;
	color: #434343;
	padding: 3px 0 3px 18px;
	font-family: tahoma,arial
}
.sidebar ul li a:hover{ color: #a07936 }
.sidebar ul li a:before{
	content: '';
	width: 10px;
	height: 10px;
	background-color: #ccc;
	display: block;
	position: absolute;
	left: 0;
	top: 4px;
	border-radius: 50%;
}
.sidebar ul li.active a:before{
	border-radius: 0;
	width: 15px;
	background-color: transparent;
	background-position: -2px -38px;
	background-image:url(../img/icons.png);
	background-repeat:no-repeat;
}

.sidebar .your-select{
	display: block;
	padding: 0 0px 0
}
.your-select ul{
	padding: 0;
}
.your-select ul li{
	display: block;
	font-size: 12px;
	line-height: 17px;
	font-family: tahoma,arial;
	position: relative; 
	padding: 2px 20px 2px 10px
}
.your-select ul li:hover{ background-color: #f1f1f1 }
.your-select ul li .del{
	width: 15px;
	height: 15px;
	background-color: #878787;
	display: block;
	position: absolute;
	right:5px;
	top: 3px;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
}
.your-select ul li:hover .del{ background-color: #a07936 }
.your-select ul li .del:before{
	content: 'X';
	display: block;
	font-family: tahoma,arial;
	font-weight: bold;
	font-size: 8.5px; 
	color: #fff;
	line-height: 14px;

}

.sidebar.collapse{ display:block; }

.layout-switcher{
	float: left;
	width: 71px;
	height: 35px; 
	margin: 0;
	padding:0;
	list-style-type: none; 
}
.layout-switcher li{
	float: left;
	width: 50%;
	height: 35px;
	border:1px solid #c7c7c7;
	background-color: #fff;
	text-align: center;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.layout-switcher li:hover{ background-color: #f1f1f1 }
.layout-switcher li + li{
	position: relative;
	left: 1px;
}

.layout-switcher li .icons{
	position: absolute;
	top: 50%;
	margin-top:-6px; 
	left: 50%;
	margin-left:-7px; 
}

.layout-switcher li.active{
	border:1px solid #a07936;
	background-color: #a07936 
}

.filter-header { margin-bottom:20px  }
.filter-header .select-wrap{
	float: left;
	width: 205px;
	margin-left:0px; /*16/06/2017*/
	margin-bottom: 0 
}
.filter-header .pagination-wrap,
.filter-footer .pagination-wrap{
	float: right; 
}
.filter-header .pagination,
.filter-footer .pagination{
	margin:0 
}

.filter-footer{
	background-color: #fff;
	position: relative;
	padding: 5px 5px 0;
}

.view-perpage{
	padding: 0 0 0 15px;
	margin:0;
	list-style-type: none;
	display: block;
	float: left;
}
.view-perpage li{
	float: left;
	position: relative;
}
.view-perpage li span,
.view-perpage li a{
	font-size: 14px;
	font-family: tahoma,arial;
	display: block;
	line-height: 35px;
	height: 35px;
	padding: 0 3px;
}
.view-perpage li a:before,
.view-perpage li span:before{
	content: "/\00a0"; 
	color: #000000

}
.view-perpage li:first-child a:before,
.view-perpage li:first-child span:before{ display: none; }

.product-list > .row > div{margin-bottom:30px }
.product-item{
	display: block;
	background-color: #fff;
	position: relative;

	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.product-item:hover{
	color: #a07936;
	-webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05);
          box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05);
}

.product-photo{
	display: block;
	width: 100%;
	height: auto;
	padding: 20px 0;
	text-align: center;
	position: relative;
}
.product-photo > .middle{
	display: table;
	width: 100%;
	height:220px;
	vertical-align: middle;
	text-align: center;
}
.product-photo > .middle > .middle-inner{
	display: table-cell;
	width: 100%;
	height:220px;
	vertical-align: middle;
	text-align: center;
}
.product-photo > .middle  img{
	display: inline-block;
	max-width: 100%;
	max-height:220px; 
}

.product-status{
	position: absolute;
	top: 0;
	left: 0px;
	color: #fff;
	font-size: 16px;
	font-family: tahoma,arial;
	background-color: #a07936;
	height: 35px;
	line-height: 35px;
	padding: 0 20px;
}
.product-code{
	position: absolute;
	left:15px;
	bottom: 10px;
	font-size: 14px;
	font-family: tahoma,arial;
}
.product-info{
	display: block;
	border-top: 1px solid #d9d9d9;
	padding: 15px 12px 10px;
	font-family: tahoma,arial;
	height: 75px
}
.product-info .info-col{
	float: left;
}
.product-info .info-col.c1{
	width: 60%
}
 
.product-info .info-col.c2{
	width: 30%
}

.product-info h2{
	font-size:15px;
	line-height: 18px;
	margin-bottom:10px; 
	margin-top:0;
}
.product-info h2 a{
	display: block;
	overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
}

.color-list{
	margin:0px;
	padding: 0px;
	list-style-type: none; 
}
.color-list li{
	display: inline-block;
	vertical-align: top;
	width: 17px;
	height: 17px;
	background-color: #ccc;
	cursor: pointer;
   border: 1px solid #C3C3C3;
   margin-right:4px;
}
.color-list li.active:before{
	content: '';
	position: absolute;
	left: 0px;
	right: 0;
	width: 100%;
	height: 100%;
}
.product-info .price,
.product-info .price-old{
	text-align: right;
	margin-top: 3px;
}
.product-info .price{
	font-size:18px;
	color: #000000;
	margin-top:0px;
}
.product-info .price-old{
	font-size:12px;
	color: #757575;
	text-decoration: line-through;
}
.product-info .price.gold{ color: #a07936;}

.product-recent{
	display: block;
	padding:30px 20px;
}
.product-recent .row{ margin-left:-10px; margin-right:-10px}
.product-recent .row > div{ padding-left:10px; padding-right:10px}

.product-recent .title{
	font-size: 14px;
	font-family: tahoma,arial;
	position: relative;
	border-bottom: 1px solid #000000;

}
.product-recent .title span{
	display: inline-block;
	background-color: #f7f7f7;
	padding: 0 10px 0 0;
	position: relative;
	top: 2px;
}

.recent-item{
	display: table;
	background-color: #fff;
	padding: 15px;
	margin-top:25px;
	width: 100%
}

.recent-photo{
	display: table-cell;
	width: 35%;
	height: 78px;
	padding:0;
	text-align: center;
}
.recent-photo > .middle{/*16/06/2017*/
	display: table-cell;
	/*width: 100%;*/
	width: 35%; 
	height: 78px;
	vertical-align: middle;
	text-align: center;
}
.recent-photo > .middle > img{/*16/06/2017*/
	display: inline-block;
	max-width: 100%;
	max-height:78px; 
}
.recent-info{
	display: table-cell;
	width: 65%; 
	padding:0;
	text-align: left;
	vertical-align: top;
	padding: 2px 0 0px 15px;
	border-left: 1px solid #cccccc
}
.recent-info h2{
	font-family: tahoma,arial;
	font-size: 14px;
	line-height: 18px
}
.recent-info .price{
	font-family: tahoma,arial;
	font-size: 14px;
	margin-bottom:0;
	margin-top: 25px; 
}

.section-breadcrumb + .section-body{ margin-top: 0 }

.product-tags{
	display: block;
	padding: 18px 0 0 50px;
	margin-top: 25px;
	border-top: 1px solid #ccc ;
	font-size: 13px;
	font-family: tahoma, arial;
	color: #4d4d4d;
	line-height: 20px;
	position: relative;
}
.product-tags strong{ 
	padding-right:10px;
	position: absolute;
	left: 0;
	top: 17px;
 }
.product-tags strong,
.product-tags a{
	font-family: inherit;
	font-size: inherit;
	color: inherit;
}
.product-tags a:hover{ text-decoration:underline; }
.product-tags strong{ font-weight: bold; }

.section-prodcut-detail .product-recent{
	padding-left: 0;
	padding-right: 0;
}
 

.product-detail{
	float: left;
	width: 68%;
	font-family: tahoma,arial;
	font-size: 16px;
	line-height: 25px;
}
.product-detail p{ 
	margin-bottom: 0;
	color: #515151;
}

.product-detail hr{
	margin: 15px 0 13px
}

.product-detail h4{
	font-size: 13px;
	line-height: 15px;
	color: #000;
	margin-bottom: 8px;
	font-weight: bold;
}
.product-detail h5{
	font-size: 13px;
	line-height: 15px;
	color: #000;
	margin-bottom: 5px; 
	margin-top:16px; 
}
.product-detail .color-list{
	border:1px solid #e4e4e4;
	display: inline-block;
	margin-bottom: 15px;
}
.product-detail .color-list li{
	float: left;
	width: 37px;
	height: 37px;
}
.product-detail .select-wrap{ width: 85%; margin-bottom: 0 }
.product-detail .select-wrap .customSelect{ font-weight: bold; }
.product-detail .clear-selection{ color: #e1a532; font-size: 12px; cursor: pointer; }

.product-detail .addtocart{
	font-family: 'angsana_newbold';
	font-size: 34px;
	width: 100%;
	max-width: 270px;
	margin-top: 30px;
}

.product-name{
	font-size: 30px;
	line-height: 25px;
	color: #a07936;
	font-family: 'angsana_newbold';
	margin-bottom: 5px
}

.product-delivery{
	font-weight: bold;
	color: #000;
	font-size: inherit;.
	margin-bottom: 0;
	line-height: inherit;
}

.product-price{
	font-size: 18px;
	color: #000 !important
}

.product-sidebar{
	float: left;
	width: 32%;
	padding-left:50px; 
	 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.guarabtee{
	display: block;
	background-color: #fff;
	border-top: 9px solid #a07936;
	border-bottom: 9px solid #a07936;
	padding: 14px;
	font-family: tahoma,arial;
}

.guarabtee img{
	width: 100%;
	display: block;
	margin-bottom: 15px;
}

.guarabtee .service{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.guarabtee .service li{
	padding: 0;
	margin: 3px 0;
	font-size:12px;
	line-height: 16px;
	text-align: right; 
}
.button-group {
	display: block;
	margin: 25px 0 20px;
}
.button-group .btn{
	width: 100%;
	text-align: center;
	font-family: tahoma,arial;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	border-radius: 6px;
	margin-top:5px 
}
.button-group .btn.active{
	background-color: #6d4b0f;
	color: #fff
}

.share-item{ display: block; text-align: center; margin: 0 0 20px}
.share-row{ display: block; margin-top:5px;  }

.bootstrap-touchspin{
	width: 119px;
	margin-top: 10px;
}

.bootstrap-touchspin .bootstrap-touchspin-down:before,
.bootstrap-touchspin .bootstrap-touchspin-up:before{
	content: '';
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left:-5px; 
}

.bootstrap-touchspin .bootstrap-touchspin-down:before{
	width: 0; 
    height: 0; 
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent; 
  
    border-right:5px solid #000;
}
.bootstrap-touchspin .bootstrap-touchspin-up:before{
	width: 0; 
    height: 0; 
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent; 
  
    border-left:5px solid #000;
}

.bootstrap-touchspin .input-group-btn > .btn{
	padding: 0;
	width: 40px;
	height: 40px;
	background-color: #d9d9d9;
	border:0;
	overflow:hidden; 
	position: relative;
	color: #d9d9d9
}

.bootstrap-touchspin .input-group-btn > .btn:hover{
	background-color: #ebebeb;
	color: #ebebeb;
}

.bootstrap-touchspin .form-control{
	height: 40px;
	line-height: 40px;
	padding: 0;
	width: 40px;
	text-align: center;
}

.product-description{
	display: block;
	margin-top: 40px;
	
}
.product-description .nav-tabs{border-bottom: 0}
.product-description .nav-tabs > li{
	width: 33.333%;
}
.product-description .nav-tabs > li:last-child a{ margin-right:0  }
.product-description .tab-content{
	font-size: 14px;
	line-height: 20px;
	font-family: tahoma,arial;
	background-color: #fff;
	padding: 20px;
	border-bottom: 9px solid #a07936;
}
.texteditor h2{
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
	margin-bottom: 5px
}
.texteditor h3{
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 5px
}
.texteditor h4{
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 5px
}
.texteditor ul,
.texteditor ol{
	margin:0 0 10px 0;
	padding: 0 0 0 15px;
	list-style-type: none;  
}

.texteditor ul li,
.texteditor ol li{
	display:block;
	position: relative;
	padding-left: 20px;
}
.texteditor ul li:before{
	content: '';
	width: 5px;
	height: 5px;
	background-color: #3d3832;
	border-radius: 50%;
	position: absolute;
	top: 9px;
	left: 5px;
}
.texteditor ol li{
	counter-increment: item;
	padding-left: 20px;
	position: relative;
}
.texteditor ol li:before {
   margin-right: 7px;
   content: counter(item) '.'; 
   text-align: center;
   display: inline-block;

   position: absolute;
   left: 0px;
   top: 0px;
 }


.texteditor hr{ margin: 15px 0 } 

.texteditor table{margin-bottom:30px; width: 100%}
.texteditor table tr th{
	padding: 10px;
	background-color: #f9f9f9;
	font-weight: 500;
}
.texteditor table tr td{
	padding: 10px;
	border-bottom: 1px solid #ddd
}
.texteditor table.table-border tr th{
	padding: 10px;
	background-color: #f9f9f9;
	border: 1px solid #ddd
}
.texteditor table.table-border tr td{
	padding: 10px;
	border: 1px solid #ddd
}


/***(start) 05/06/2017***/
.no-bg{ background-color: transparent !important; }
.icon-cart-white{
	 background-position:-28px -57px;
    height: 18px;
    width: 21px;
}
.section-banner-aboutus{ height: 430px }
.product-gallery img{ width: 100% } 

.flex-caption.aboutus{ text-align: center; margin-top:10px;  }
.flex-caption.aboutus h3 {font-size: 35px;}
.flex-caption.aboutus h4 {
	font-size: 55px;
	color: #534a43;
	padding-bottom: 15px;
	margin-top:-10px; 
}
.flex-caption.aboutus p{ font-size: 29px; font-style: italic; }

.flex-caption.aboutus .wrap{
	position: relative;
	display: block;
	padding: 12px 15px;
}
.flex-caption.aboutus .wrap:before,
.flex-caption.aboutus .wrap:after{
	content: '';
	position: absolute;
	left: 50%;
	width: 275px;
	height: 1px;
	background-color:#9b9b9b; 
	margin-left: -137px;
}
.flex-caption.aboutus .wrap:before{top: 0px;}
.flex-caption.aboutus .wrap:after{bottom: 0px;}

.aboutus-detail{font-size: 27px;}
.aboutus-detail img{ max-width: 100%}
.aboutus-detail h3{
	font-size: 27px;
	font-family: 'angsana_newbold';
	margin-top:20px; 
}
.aboutus-detail p{ margin-bottom: 20px }

.aboutus-detail.fullwidth{
	background-color: #f5f5f5;
	padding: 35px 0 15px;
	margin: 25px 0
}

.cart-header{
	display: block;
	margin: 0 0 20px -5px;
	padding: 0;
	list-style-type: none;
    position: relative;
    z-index: 1;
}
.cart-header li{
	display: inline-block;
	vertical-align: top;
	width: 210px;
	height: 46px;
	background-color: #aeaeae;
	position: relative;
	margin-left: 5px;
	text-align: center;
	color: #202020;
	font-family: tahoma,arial;
	font-size: 14px;
	line-height: 46px;
	text-transform: uppercase;
}
.cart-header li a{ display: block;color: #202020; }

 
.cart-header li:before{
	content: '';
	position: absolute;
	top: 0;
	right: -23px;

	width: 0; 
  	height: 0; 
  	border-top:23px solid transparent;
  	border-bottom:23px solid transparent; 
  
  	border-left:23px solid #aeaeae; 
}

.cart-header li .number{
	background-color: #ffffff;
	width: 26px;
	height: 26px;
	font-size: 21px;
	line-height: 25px;
	font-weight: bold;
	color: #aeaeae;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	position: relative;
	top: 2px;
	margin-right: 10px;
}
.cart-header li.s1{ z-index: 10 }
.cart-header li.s2{ z-index: 9 }
.cart-header li.s3{ z-index: 8 }

.cart-header li.s3{ background-color: #d2d2d2 }
.cart-header li.s3:before{ border-left-color:#d2d2d2 }
.cart-header li.s3 .number{color: #d2d2d2;}

.cart-header.step-01 li.s1,
.cart-header.step-02 li.s2,
.cart-header.step-03 li.s3{ background-color:#a07936; color: #fff }

.cart-header.step-01 li.s1:before,
.cart-header.step-02 li.s2:before,
.cart-header.step-03 li.s3:before{ border-left-color:#a07936 }

.cart-header.step-01 li.s1 .number,
.cart-header.step-02 li.s2 .number,
.cart-header.step-03 li.s3 .number{ color: #a07936 }

.cart-header.step-03 li.s1{ background-color: #d2d2d2 }
.cart-header.step-03 li.s1:before{ border-left-color:#d2d2d2 }
.cart-header.step-03 li.s1 .number{ color:#d2d2d2}

.table-cart{
	width: 100%
}

.table-cart tr th,
.table-cart tr td{
	font-size: 15px;
	font-family: tahoma,arial;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #e4e4e4;
	background-color: #fff;
}
.table-cart tr th{
	padding:20px 10px;
	font-weight:bold;
}
.table-cart tr td{
	padding:10px 10px; 
}

.table-cart .del{ width: 5%; }
.table-cart .photo{ width: 12%}
.table-cart .title{ width: 23%;}
.table-cart .price{ width: 23%; font-size: 16px;}
.table-cart .qty{ width: 15%}
.table-cart .total{ width: 23%; font-size: 16px;}

.table-cart .del-sign {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 23px;
	z-index: 1;
}
.table-cart .del-sign .close{ top: -4px; left: 0; right: auto;}
.table-cart .del-sign .close:before,
.table-cart .del-sign .close:after{ background-color: red; height: 3px;}
.table-cart .del-sign .close:hover{ opacity: 0.75 }

.table-cart .title a{ color: #dfba7a }
.table-cart .input-group{ margin: 0 auto }
.table-cart .bootstrap-touchspin{ margin-top:0  }
.table-cart .product-photo,
.table-cart .product-photo img{ height: auto !important; }

.table-cart-footer{ width: 100% }
.table-cart-footer td{
	width: 50%;
	background-color: #fff;
	border: 1px solid #e4e4e4;
	border-top:0; 
	padding: 20px 20px 20px;
}
.table-cart-footer tr td:first-child{ border-right: 0 }
.table-cart-footer tr td + td{ border-left: 0; text-align: right; }

.table-cart-footer .btn{
	font-size: 16px;
	font-family: tahoma,arial;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.table-cart-footer .btn .icons{ vertical-align: middle; top: -3px }
.table-cart-footer .coupon-code{
	position: relative;
	display: block;
}
.table-cart-footer .coupon-code .form-control{
	height: 40px;
	line-height: 40px;
	margin: 0;
	width: 200px;
	float: left;
}
.table-cart-footer .coupon-code .btn{
	width: 170px;
	
	float: left;
	margin-left:5px 
}

.cart-total{
	width: 50%;
	float: right;
	margin-top:30px;
	margin-bottom: 30px; 
}
.cart-total h2{
	font-size:30px;
	margin: 0px 0 20px;
}
.cart-total table{
	width: 100%
}
.cart-total table th,
.cart-total table td{
	background-color: #fff;
	padding: 20px;
	border:1px solid #e4e4e4; 
	font-family: tahoma,arial;
	font-size: 15px;
}
.cart-total table th{ width: 35%; border-right: 0 }
.cart-total table td{ border-left: 0 }
.cart-total table td strong{ color: #000; font-size: 16px;font-family: tahoma,arial; font-weight: bold; }

.cart-total .btn{
	color: #a07936;
	border: 1px solid #a07936;
	font-family: tahoma,arial;
	font-size: 15px;
	height: 60px;
	line-height: 60px;
	width: 100%;
	margin-top:30px; 
}
.cart-total .btn:hover,
.cart-total .btn:active,
.cart-total .btn:focus{ color:#ffffff; background-color: #a07936}


.modal-dialog-cart .modal-content{
	max-width: 450px;
	font-family: tahoma,arial;
	font-size: 16px;

	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.modal-dialog-cart .buttons{
	margin: 20px 0 0;
}
.modal-dialog-cart .btn{ font-size:14px;  }

.modal-dialog-cart .modal-body{
	padding: 40px 0
}
.section-product-recent{ padding-bottom: 30px; }
.section-product-recent .recent-item{ background-color: #ffffff }
.section-product-recent .product-recent .title span{ background-color: #ffffff }

/*[start]09/06/20117*/
.product-gallery{ position: relative; }

.product-gallery .zoomWrapper{
	width: 100% !important;  
	position: relative;
}
.product-gallery .large-slider{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.product-gallery .zoomWrapper{
	width: 100% !important;   
	position: absolute;
	top: 0; 
}

.product-gallery .zoomWrapper img{
	width: 100% !important;
	height: auto !important;  
}
.product-gallery .large-slider{
	position: absolute;
	top: 0;
	left: 0
}
 

.product-gallery .thumb-slider{
	display: block;  
	margin:0 -5px 0 -5px;
	padding: 0;
	list-style-type: none;
}
/*16/06/2017*/
.product-gallery .thumb-slider li,
.product-gallery .thumb-slider > a {
	float: left;
	width: 25%;
	height: auto;
	margin:10px 0 0;
	padding: 0 5px;
	cursor: pointer;

}
.product-gallery .thumb-slider a span {
	border: 1px solid #f1f1f1;
	display: block;
	background-color: #ffffff;
	height: 100%;
	position: relative;
	overflow:hidden;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
} 
.product-gallery .thumb-slider a.active span{
	border: 1px solid rgba(225,165,50,0.3); 
}
.product-gallery .thumb-slider a img{ width: 100% }

/*End 16/06/2017*/


/*12/06/2017*/

.cart-container{
	margin-left:-10px;
	margin-right:-10px  
}
.cart-container.row > div{
	padding-left: 10px;
	padding-right: 10px;
}
.panel-cart-content{
	background-color: #fff;
	display: block;
	padding:30px;  
}
.panel-cart-content h2{
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-family: "angsana_newregular",arial,sans-serif;
}
.panel-cart-content .radio-group label,
.panel-cart-content .checkbox-group label{ font-family: tahoma,arial ; margin-bottom: 15px}

.panel-cart-content .btn{
	 font-family: tahoma,arial;
    font-size: 14px;
    height: 35px;
    line-height: 33px;
    text-align: center;
    text-transform:uppercase;
}
.panel-cart-content .btn-proceed{
	height: 60px;
	line-height: 60px;
	 font-size: 15px;
	 margin-top: 10px;
}
.delivery-address{
	display: inline-block;
	width: 45%;
	vertical-align: top;
}
.delivery-address.create{
	width: 54%;
	border-left: 1px solid #e4e4e4;
	padding-left: 30px;
}
.delivery-address.create .btn{
	width: 100%;
	text-align: center;
}


.panel-cart-sidebar{
	display: block;
	background-color: #fff;
	padding:30px 20px;
}
.panel-cart-sidebar h3{
	font-size: 25px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.panel-cart-sidebar .recent-item,
.dropdown.minicart .recent-item{
	padding-left: 0;
	padding-right: 0; 
	border-bottom:1px dotted #e4e4e4;
	margin-top: 0px;
	display: table;
}
.panel-cart-sidebar .recent-item.last,
.dropdown.minicart .recent-item.last{
	border-bottom: 2px solid #a07936
}
.panel-cart-sidebar .recent-item .qty,
.dropdown.minicart .recent-item .qty{
	font-family: tahoma,arial;
    font-size: 13px;
    margin-bottom: 8px;
    margin-top: 20px;
}
.panel-cart-sidebar .recent-item .price { margin-top: 0 ; font-size: 13px;}

.panel-cart-sidebar .recent-photo {
	width: 30%;
}
.panel-cart-sidebar .recent-info,
.dropdown.minicart .recent-info{
	width: auto;
	padding-left: 10px;
	border-left:1px solid #f1f1f1;
}
.table-total{
	width: 100%;
	margin-top: 15px;
}
.table-total tr td{
	font-size: 14px;
	font-family: tahoma,arial;
	padding: 5px 0;
}
.table-total tr td + td{
	text-align: right;
}
.table-total tr.total td{
	text-transform: uppercase;
	font-weight: bold;
	color: #000000;
	padding-top: 15px;
} 

.payment{
	font-family: tahoma,arial;
    font-size: 14px;
}
.payment .radio-group img{ max-height: 20px; }
.payment .radio-group  { margin-right: 15px; }
.payment .input-group{
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

.payment .input-group .input-text{
	display: block;
	margin-bottom: 8px;
}

.table-payment{
	width: 100%;
}
.table-payment td + td {
	padding-left: 15px
}
.table-payment .btn-proceed{ width: 100% }
.form-control{ border: 1px solid #ccc }


.dropdown.minicart .inner{
	padding: 15px;
	display: block;
}
.dropdown.minicart .title{
	text-align: center;
	font-size: 35px;
	margin-top:-10px; 
	padding-bottom: 5px;
	border-bottom: 1px solid #a07936
}
.dropdown.minicart .recent-item{
	margin-top:0;
	padding: 10px 0
}
.dropdown.minicart .recent-item .price{
	margin-top:10px;
	font-weight: bold;
	font-size: 13px; 
}
.dropdown.minicart .recent-info{ position: relative; }
.dropdown.minicart .recent-photo{ width: 50px; height: auto; }
.dropdown.minicart .recent-photo > .middle{width: 50px; height: 50px}/*16/06/2017*/
.dropdown.minicart .recent-photo > .middle > img{ max-height: 50px } /*16/06/2017*/
.dropdown.minicart .btn{
	width: 100%;
	height: 38px;
	line-height: 38px;
	text-align: center;
	margin-top:15px;
	font-size: 14px;
	text-transform: uppercase;
	font-family: tahoma,arial 
}
 
.dropdown.minicart .minicartDelete{
	position: absolute;
	top: 18px;/*16/06/2017*/
	right: 2px;
}
.dropdown.minicart .minicartDelete .close{ /*16/06/2017*/
	right: 0; 
	top: 15px; 
	left: auto;
	background-color: #ccc;
	width: 22px;
	height: 22px
}

.dropdown.minicart .minicartDelete .close:before,
.dropdown.minicart .minicartDelete .close:after{ /*16/06/2017*/
	background-color:#333;
	width: 10px; 
	margin-left: -5px;
}
.dropdown.minicart .minicartDelete .close:hover:before,
.dropdown.minicart .minicartDelete .close:hover:after{ background-color: red }/*16/06/2017*/

.dropdown.minicart .del-sign{ position: relative; }

.recent-item-overflow{
	position: relative;
	width: 100%;
	max-height: 220px;
	overflow-y: auto;
	border-bottom: 2px solid #a07936;
	-webkit-overflow-scrolling: touch;
}

/*16/06/2017*/
.payment-tab-content{
	display: none;
}
#payment1 .btn{ 
	width: 100%;
	margin-top:0;
	max-width: 520px;
	padding-left: 10px;
	padding-right: 10px;
}
#payment2 .btn{ 
	width: 100%;
	margin-top:0;
	max-width: 520px;
	padding-left: 10px;
	padding-right: 10px;
}
.table-cart .product-photo > .middle{ height: auto; }

/*23/06/2017*/ 
.flex-banner .flex-caption.pull-right{
	width: auto;
	left: auto;
	right: 15px;
}

.flex-banner .flex-caption.pull-right h2{
	font-size: 105px
}

.aboutus-detail.wightBg{
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding: 0;
	position: relative;
	background-color: #fff
}
.aboutus-detail.wightBg img{ width: 100%; max-width: 100%; opacity: 0.7 }
.aboutus-detail.wightBg .inner{
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	padding: 40px 0; 
} 
.aboutus-detail.wightBg .inner p{ padding-right: 25% }
.aboutus-detail.wightBg .inner .aboutus-bar p { padding-right: 0 !important }

.aboutus-detail h2{
	font-size: 38px;
	line-height: 30px;
	margin-bottom:10px; 
	color: #534a43;
	font-family: 'angsana_newbold';
}
.aboutus-detail.fullwidth h4{
	color: #534a43;
	font-size: 65px;
	line-height: 0.8;
	margin-bottom:15px; 
	  font-family: "angsana_newbold";
	  font-style: italic;
	  text-align: center;
}
.aboutus-detail img{width: 100%; max-width: 460px }
.aboutus-detail .aboutus-bar{
	background-color:rgba(255,255,255,0.9);
	padding: 35px 0 45px;
	margin:15px 0; 
}
.aboutus-detail .aboutus-bar p{ margin-top: 25px; margin-bottom:0  }

.inter-detail h2{
	font-size: 38px;
	line-height: 30px;
	margin-bottom:10px; 
	color: #534a43;
	font-family: 'angsana_newbold';
}
.inter-detail.fullwidth h4{
	color: #534a43;
	font-size: 65px;
	line-height: 0.8;
	margin-bottom:15px; 
	  font-family: "angsana_newbold";
	  font-style: italic;
	  text-align: center;
}
.inter-detail img{width: 100%; max-width: 100% }
.inter-detail .aboutus-bar{
	background-color:rgba(255,255,255,0.9);
	padding: 35px 0 45px;
	margin:15px 0; 
}
.inter-detail .aboutus-bar p{ margin-top: 25px; margin-bottom:0  }

.form-contact {
	font-family: tahoma,arial;
	font-size: 14px;
	line-height: 18px;
	margin:20px 0 
}
.form-contact .btn{
	font-size: 16px;
	margin:20px 0;
}
.form-contact h2 {
    font-family: "angsana_newregular",arial,sans-serif;
    font-size: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.form-contact .form-control{ max-width: 300px; }
.form-contact table{
	width: 100%;  
	margin-top: 35px;
}
.form-contact table th{
	font-weight: normal;
	width:140px;
	vertical-align: top;
}

.form-contact td.code{ padding: 0px 0 10px }

.red{ color: red; font-size: 12px }

.dropdown.fullwidth {
	position: static;
}
.navbar-nav  .dropdown.fullwidth .dropdown-menu{
	width: 100%;
	max-width: 100%;
	padding-top: 40px;
	padding-bottom:40px; 
	top: 51%;

	 border: 1px solid rgba(0, 0, 0, .0);
  border-radius: 0;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .175);
          box-shadow: 0 0px 0px rgba(0, 0, 0, .175);

}
.dropdown.fullwidth .dropdown-menu:after,
.dropdown.fullwidth .dropdown-menu:before{ display: none; }

.dropdown-menu .nav-list{
	float: left;
	width: 25%;
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-family: tahoma,arial;
	font-size: 12px;
	padding-right: 40px;

}
.dropdown-menu .nav-list li a:hover{ text-decoration: underline; }
.dropdown-menu .nav-list.main{
	font-size: 14px;
	text-transform: uppercase;
}
.dropdown-menu .nav-list.main li a{
	display: block;
	padding:2px 0px;
	letter-spacing: 2px;
	border-bottom:1px solid #f1f1f1; 
	color: #232323
}
.dropdown-menu .nav-list.sub li.title{
	font-size: 14px;
	text-transform: uppercase;
	color: #232323
}
.dropdown-menu .nav-list.sub li a{
	display: block;
	padding:5px 0px 5px 15px; 
	line-height: 15px;
	color: #555;
	position: relative;
}
.dropdown-menu .nav-list.sub li a:before{
	content: '›';
	position: absolute;
	left: 0;
	top: 5px;
}
.dropdown-menu .nav-photo{
	width: 100%;
	display: block;
	padding-left: 20px;
	padding-bottom: 20px;
	border-left:1px solid #f1f1f1 
}
.dropdown-menu .nav-photo img{ width: 100% }



@media (min-width: 993px) and (max-width: 1400px) {
	.flex-banner .flex-caption.aboutus h4{ font-size: 45px }
	.flex-banner .flex-caption.aboutus h2{ margin-top:-15px}
	.flex-banner .flex-caption.aboutus h3{ font-size: 35px;}


	.aboutus-detail.fullwidth  h4{ font-size: 45px }
	.aboutus-detail.fullwidth.wightBg  h4{ font-size: 35px }  
	.aboutus-detail .aboutus-bar{ padding: 25px 0 35px }
	.aboutus-detail .aboutus-bar p{ margin-top: 15px }

	.aboutus-detail.wightBg .inner p{ padding-right: 35% }
}

@media (min-width: 993px) and (max-width: 1200px) {
	.aboutus-detail.wightBg{ padding:0; background-image: url(../img/section-home-banner--2.jpg); }
	.aboutus-detail.wightBg:before{
		content: '';
		background-color: rgba(255,255,255,0.3);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.aboutus-detail.wightBg img{ display: none; }
	.aboutus-detail.wightBg .inner{
		position: relative;
		top: 0;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	/*.section-banner-aboutus .flex-banner .slides > li{  
		background-position: center right;
		background-image: url(../img/section-about-banner-mobile.jpg) !important;
	}*/ 

	.flex-banner .flex-caption.aboutus { margin-top:-25px;  }
	.flex-banner .flex-caption.aboutus h2{ font-size: 70px; line-height: 50px; margin-top:-10px;  margin-bottom: 15px;}
	.flex-banner .flex-caption.aboutus h3{ font-size: 30px;}
	.flex-banner .flex-caption.aboutus h4{ font-size: 35px }
	.flex-banner .flex-caption.aboutus p {font-size: 25px;max-width: 100%; display:block;}

	.table-cart .title{ width: 29%; }
	.table-cart td.title{ text-align: left; line-height: 20px }
	.table-cart .total,
	.table-cart .price{ width: 20% }

	.table-cart-footer tr td:first-child{ width: 60% }
	.table-cart-footer .coupon-code .btn{ width: auto; }

	/*12/06/2017*/
	.delivery-address{
		width: 100% !important;
		padding-left: 0 !important;
		
	}

	.delivery-address.create{
		border-left: 0;
		border-top: 1px solid #e4e4e4;
		padding-top: 25px;
		margin-top: 25px;
	}

	.dropdown-menu .nav-list{ padding-right: 20px }
	.dropdown-menu .nav-list.main{ font-size: 13px; }

	
}
@media (max-width: 992px) {
	.aboutus-detail.wightBg{ padding: 0 0; background-image: url(../img/section-home-banner--2.jpg); }
	.aboutus-detail.wightBg:before{
		content: '';
		background-color: rgba(255,255,255,0.3);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.aboutus-detail.wightBg img{ display: none; }
	.aboutus-detail.wightBg .inner{
		position: relative;
		top: 0;
	}
	.aboutus-detail.fullwidth h4{ font-size: 35px }
}
 

@media (max-width: 767px) {
	.section-banner-aboutus{ height: 270px }
	.section-banner-aboutus .flex-banner .slides > li{  
		background-position:left center ;
		background-image: url(../img/section-about-banner-mobile-2.jpg) !important;
	}
	.flex-banner .flex-caption.aboutus h2{ font-size: 50px; line-height: 40px; margin-bottom: 10px}
	.flex-banner .flex-caption.aboutus h3{ font-size: 25px;}
	.flex-banner .flex-caption.aboutus h4{ font-size: 35px }
	.flex-banner .flex-caption.aboutus p {font-size: 20px;max-width: 100%;}


	.flex-banner .flex-caption.aboutus .wrap:before,
	.flex-banner .flex-caption.aboutus .wrap:after{
	    margin-left: -100px;
	    width: 200px;
	}
    .cart-header{ margin-left: 0; margin-top: 5px; }
	.cart-header li{ 
		width: 95%;
		margin: 0;
		text-align: left;
	}
	.cart-header li .number{
		width: 20px;
		height: 20px;
		line-height: 18px;
		font-size: 14px;
		top: -2px;
		margin: 0 5px 0 15px
	}

	.table-cart tr th, 
	.table-cart tr td{
		font-size: 14px;
	}
	.table-cart .bootstrap-touchspin{ width:72px  }
	.table-cart .bootstrap-touchspin .input-group-btn > .btn{
		width: 25px;
	}
	.table-cart .bootstrap-touchspin .bootstrap-touchspin-up:before{ margin-left: -2px }
	.table-cart .bootstrap-touchspin .form-control{ width: 25px }

	.table-cart .title{ width: 29%; }
	.table-cart td.title{ text-align: left; line-height: 17px }
	.table-cart .total,
	.table-cart .price{ width: 15% }

	.table-cart tr th,
	.table-cart tr td{
		padding-left: 5px;
		padding-right: 5px; 
		font-size: 13px !important
	}

	.table-cart .price-xs{ margin-top:10px;  }

	.table-cart-footer td{ width: 100%; display: block;  }
	.table-cart-footer tr td:first-child{border-right: 1px solid #e5e5e5}
	.table-cart-footer tr td + td{border-left: 1px solid #e5e5e5}
	.table-cart-footer .coupon-code .form-control,
	.table-cart-footer .coupon-code .btn{
		float: none;
		display:block;
		width: 100%;
		margin:10px 0 0;
		text-align: center;
	}
	.table-cart-footer .coupon-code .form-control{ margin: 0 }
	.table-cart-footer .btn{ width: 100% }

	.cart-total{ width: 100% }

	.modal-dialog-cart{ padding-right: 0 !important }

	.modal-dialog-cart .modal-content{
		max-width: 100%;
		font-family: tahoma,arial;
		font-size: 16px;

		position: absolute;
		left: 15px;
		right: 15px;
		width: auto;
		width: 100%
		-webkit-transform: translate(0%,-50%);
	        -ms-transform: translate(0%,-50%);
	            transform: translate(0%,-50%);
	}

	.recent-photo > .middle > img{ max-height: 78px; }
	.recent-item{ margin-top: 10px; }
	.section-product-recent .recent-item{ background-color: #f7f7f7 }
	.product-recent .title{ margin-bottom: 15px; }
	.product-recent .row{
		margin-left:-5px;
	    margin-right:-5px;
	}
	.product-recent .row > div {
	    padding-left: 5px;
	    padding-right: 5px;
	    width: 100%
	} 

	/*12/06/2017*/
	.delivery-address{
		width: 100% !important;
		padding-left: 0 !important;
		
	}

	.delivery-address.create{
		border-left: 0;
		border-top: 1px solid #e4e4e4;
		padding-top: 25px;
		margin-top: 25px;
	}
	.panel-cart-content{padding: 20px 20px 30px;}
	.panel-cart-sidebar{ margin-top: 20px;padding: 20px; }
	.panel-cart-sidebar .recent-photo{ width: 50px }
	.panel-cart-sidebar .recent-info{ width: auto; }

	.recent-item-overflow{ max-height: 245px }

	/*23/06/2017*/
	.aboutus-detail img{width: 100%; max-width: 100% }

	.dropdown-menu .nav-list{ 
		padding-right: 0;
		float: none;
		width: auto;
		display: block;
	}
	.navbar-nav .dropdown.fullwidth .dropdown-menu{
		padding: 0;
		top: auto;
	}
	.dropdown-menu .nav-list.main{
		text-transform: none; 
	}
	.dropdown-menu .nav-list.main li a{ 
		text-transform: none; 
		letter-spacing: 0;
		line-height: 20px;
		padding: 5px 15px 5px 5px;
		font-size: 14px;
		text-decoration: none !important;
	}
	.dropdown-menu > li > a{ font-size: 14px }
	.dropdown-menu .nav-list.main li:hover a{ background-color: #f5f5f5 }
 	.aboutus-detail.wightBg .inner p{ padding-right: 0 }
 	.navbar-main:before{ z-index: 0 }
 	.dropdown-menu .nav-list.main li a{ border: 0 !important }
}

@media (max-width: 480px) {
	.table-payment tr td{
		display: block;
		width: 100%
	}
	.table-payment tr td:first-child{ padding-bottom:10px  }
	.table-payment tr td + td{ padding-left: 0; }
}


/* ============== Footer Sutup =============== */ 

.totop{
	padding: 0px;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	border: 2px solid #ffffff !important;
	background-color:#ffffff!important;
	display: block;
	margin-top:25px;
	text-align: center; 
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index: 99;

	-webkit-transition: none;
   -moz-transition: none;
   -o-transition: none;
   -ms-transition: none;
   transition: none;

	 -webkit-box-shadow:0 3px 5px 0 rgba(0, 0, 0, 0.15);
          box-shadow:0 3px 5px 0 rgba(0, 0, 0, 0.15); 
}
.totop:hover{
	background-color: #fff;
	-webkit-box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.15); 
}

.totop .arrow-up{
	border-color:#666666;
	 left: 18px;
    top: 23px;
}
.totop .icons{top: 24px}

.footer{
	display: block;
}
.footer .container{ max-width: 970px }

.page-intro .footer .container{max-width: 100%; padding-left: 45px; padding-right:45px }

.footer-links{
	display: block;
	font-size: 12px;
	font-family: tahoma,arial;
	line-height: 1.35
}

.footer-contact{
	display: block;
	padding-right:0; 
}
.footer-contact img{
	max-width: 175px;
	margin-bottom:20px; 
}



.footer-nav-links{
	display: block;
	border-left: 1px solid #9b9b9b;
	padding-bottom: 10px;
	padding-left: 35px;
	padding-right:0; 
	height: 100%
}

.footer-nav-links ul{
	padding:0px;
	margin: 0px;
	list-style-type: none; 
}
.footer-nav-links ul li{
	position: relative;
	padding:0 0px;
	margin: 8px 0px; 
}
.footer-nav-links ul li:before{
	content: '';
	position: absolute;
	left: 0px;
	top: 6px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #3d3832;
}
.footer-nav-links ul li a{
	font-size: 12px;
	line-height: 16px;
	display: block;
	position: relative;
	padding-left: 10px;
}

.footer-heading{
	font-family: 'angsana_newregular';
	font-size: 33px;
	line-height: 30px;
	margin-bottom:12px; 
	font-style: italic;
}

.footer-copyright{
	font-size: 18px;
	color: #7d7064;
	border-top: 1px solid #9b9b9b;
	margin-top:35px;
	padding-top: 10px;
	padding-bottom: 15px; 
}
.footer-copyright a{
	color:#7d7064;
}
.footer-copyright .ninechan{
	text-align: right;
}
.footer-copyright .ninechan a{ color: #7d7064 }
.footer-copyright .ninechan a:hover{ text-decoration: underline; }

.footer-copyright .icon-pay{
	display: block;
	text-align: center;
}
.footer-copyright .icon-pay img{
	width: 280px;
	display: inline-block;
}
.product-info h4{
    font-size:14px !important;
}
.product-info .addtocart{
   font-size: 16px !important;
}
.product-info {
   height: 150px !important;
}
.outstock{
    margin-top: 30px;
    margin-left: 50px;
}
.instock{
   margin-top: 24px;
   height: 40px !important;
}