@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Kanit:300');
body{background:#f5f5f5 ; color:#666; }
body img{ height:auto; max-width:100%;}
.clear {clear: both;}
.h1, .h2, .h3, h1, h2, h3{ margin:0px;}
a:link, a:visited, a:active{ color: #222;text-decoration: none;}
a:hover {color: #fcb101;text-decoration: none;}
p { margin:0px; }
input{ padding:5px;}


/*** top***/
#top{font-family: 'Kanit', sans-serif; font-size:16px; background:#f84a2f ; font-weight:100;color:#fff; border-bottom:1px dashed #fb9282;}
#top-body{ padding-top:1px; padding-bottom:3px;}
#top a:link, #top a:visited, #top a:active{ color: #fff;text-decoration: none;}
#top a:hover {color: #111;text-decoration: none; background:none;}


#head-top{ background:#f84a2f ;-webkit-box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.1); 
    -moz-box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.1); padding-top:10px; padding-bottom:10px; color:#111;}
#head-top-body{ padding:0px;}
#head-top-body a:link, #head-top-body a:visited, #head-top-body a:active{ color: #fff;text-decoration: none;}
#head-top-body a:hover {color: #111;text-decoration: none; background:none;}
#head-right{}
#social{ }
#phone{ padding-top:5px;}
#products-search{ padding-top:5px;}
#products-search .row{ margin:0px 0;}
#products-search .custom{ padding-left:20px; padding-top:5px; font-size:12px;font-family: 'Kanit', sans-serif;}
#cart{ padding-top:15px; position:relative; z-index:999;}

#menu{ padding-top:10px; }

/*** slide ***/
#slide{ padding-top:20px;}

/*** latest ***/
#latest{ padding-top:20px; padding-bottom:20px;}
#latest-body{}
#latest .ph-item-box{ width:20% !important; float:left;}
#latest .ph-item-box h3{ font-size:14px;}
#latest .thumbnail{ border:none ; border-right:1px solid #ddd; border-radius:0px;}

#category{padding-bottom:2%;}
#category h2{ text-transform:uppercase; padding:8px 15px; color:#fff;font-family: 'Kanit', sans-serif; font-size:18px;}
#category .swiper-slide { margin-right:0px !important; border:none !important; width:25% !important;}
#category .thumbnail{  border-left:none !important; border-top:none !important; border-radius:0px;}
.caption h3{ font-size:1em; text-align:center; text-transform:uppercase;}
.ph-price-txt{ display:none !important;}
#category .ph-price-brutto{ width:100%; text-align:center; padding-top:8px; font-size:1.2em; color:#80bb01; font-weight:200 !important;}
.thumbnail{ border-bottom:none !important;}

/*** contact ***/
#contact{ background:#f84a2f; color:#fff; padding-top:20px; padding-bottom:20px;}
#contact h2{ font-size:3em;font-family: 'Kanit', sans-serif; font-weight:600; padding-bottom:10px;}
#contact h3{ font-size:2.2em;}

/*** footer ***/
#footer{ background:#fff; padding-top:3%; padding-bottom:3%; color:#777; line-height:2em;}
#footer h3{ color:#222; font-size:1.2em;  font-weight:500;}

#component-list{ background:#fff; margin-top:20px;box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.1); }
#component-left{ background:#fff; }

#com-right{ padding-top:20px;}
#com-right h3{ background:#f5f5f5; color:#333; padding:8px; border:1px solid #ddd; border-bottom:none;}
.userdata{ border:1px solid #ddd; padding:15px;}
.userdata input{ padding:5px; background:#f3f3f3 !important;}

#pathway{ margin-top:20px;}

.items-leading h2{font-family: 'Kanit', sans-serif; padding-bottom:10px;}
.blog-featured h1{ color:#d6bc85;}