/* Include all fonts & customized classes */
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic; }
.kanit-100 {
  font-family: "Kanit";
  font-weight: 100;
  font-style: normal; }

.kanit-100i {
  font-family: "Kanit";
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-ExtraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic; }
.kanit-200 {
  font-family: "Kanit";
  font-weight: 200;
  font-style: normal; }

.kanit-200i {
  font-family: "Kanit";
  font-weight: 200;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic; }
.kanit-300 {
  font-family: "Kanit";
  font-weight: 300;
  font-style: normal; }

.kanit-300i {
  font-family: "Kanit";
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic; }
.kanit-400 {
  font-family: "Kanit";
  font-weight: 400;
  font-style: normal; }

.kanit-400i {
  font-family: "Kanit";
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic; }
.kanit-500 {
  font-family: "Kanit";
  font-weight: 500;
  font-style: normal; }

.kanit-500i {
  font-family: "Kanit";
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic; }
.kanit-600 {
  font-family: "Kanit";
  font-weight: 600;
  font-style: normal; }

.kanit-600i {
  font-family: "Kanit";
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic; }
.kanit-700 {
  font-family: "Kanit";
  font-weight: 700;
  font-style: normal; }

.kanit-700i {
  font-family: "Kanit";
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-ExtraBoldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic; }
.kanit-800 {
  font-family: "Kanit";
  font-weight: 800;
  font-style: normal; }

.kanit-800i {
  font-family: "Kanit";
  font-weight: 800;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic; }
.kanit-900 {
  font-family: "Kanit";
  font-weight: 900;
  font-style: normal; }

.kanit-900i {
  font-family: "Kanit";
  font-weight: 900;
  font-style: italic; }


.border-bottom-dot {
  border-bottom: 1px dotted #DDDDDD;
  overflow: hidden;
  margin: 0 15px;
  padding: 0;
  position: relative;
  padding-bottom: 20px;

}
.border-right {
  border-right:2px solid #f9be1f;
}
.border-left {
  border-left:2px solid #f9be1f;
}

.about-menu {
  margin:0;
  padding: 0;
  list-style: none;
}
.about-menu li a {
  display: block;
  border-bottom:1px dotted #dddddd;
  padding:5px 0;
  padding-left:10px;
  text-decoration: none;
  color:#a0a0a0;
}

.about-menu li a:hover {
  border-left:2px solid #f9be1f;
  color:#f9be1f;
}

.single .entry-title {
  font-family: 'quarkBold';
  border-bottom: 0;
}

.single .site-main {
  padding:0;
}
.page .page-header .page-title:after,
.category .page-header .page-title:after,
.archive .page-header .page-title:after,
.category .page-header,
.archive .page-header {
  border-bottom: 0;
}

.post-categories {
  margin:0;
  list-style: none;
  padding: 0;
  overflow: hidden;
  margin-bottom: 20px;
}

.archive .post-categories li a {
  float: left;
  min-height: 0;
  display: initial;
  padding:5px 10px;
  background:#f9be1f;
  color:white;
}

h3.entry-title {
  background: white;
  color: #404040;
  min-height: 80px;
}

.archive .item a {
  background: white;
}

.category .item .caption, .archive .item .caption {
}

.entry-excerpt {
  margin-top: 20px;
  color:#9e9e9e;
  border-bottom: 1px solid #c5c5c5;
  padding-bottom: 10px;
}
.category .item .caption .entry-meta, .archive .item .caption .entry-meta {
  color:#9e9e9e;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  padding-top:10px;
}

.category .pagination, .archive .pagination {
  background: #F1F1F1;
}

.pagination.navigation {
  padding: 15px 0;
}

.navigation h2 {
  margin:0;
}

.category .pagination .page-numbers.current, .archive .pagination .page-numbers.current {
  background: #f9be1f;
  border-radius: 0;
}
.category .pagination .page-numbers, .archive .pagination .page-numbers {
  background: white;
  border: 1px solid #c8c8c8;
  color:#737373;
  text-decoration: none;
}

.single #primary {
  margin-top:20px;
}

.thumbnail-sidebar {
  margin: 0;
  padding: 0;
  list-style: none;
}
.thumbnail-sidebar li {
  overflow: hidden;
  margin-bottom: 20px;
}
.thumbnail-sidebar li a img {
  width:100px;
  height: 80px;
  float:left;
}

.thumbnail-sidebar li a p {
  float:left;
  width: 250px;
  padding-left: 20px;
}

.download-wrap .entry-title {
  color: #404040;
  margin: 0;
  font-size: 16px;
}
.download-wrap h3.entry-title {
  min-height: 0;
}
.download-wrap .detail {
  position: absolute;
  right: 10px;
  top:0px;
  color:#f9be1f;
}
.download-wrap .download-date {
  color:#737373;
}
.page-template-aboutpage .panel-grid {
  margin-bottom: 10px!important;
}
.page-template-aboutpage .widget_sow-icon {
  width: 25%;
  display: inline-block;
  margin-bottom: 0!important;
}

.page-template-aboutpage .widget_sow-editor {
  width: 75%;
  display: inline-block;
  vertical-align: top;
  margin-top: 15px;
}

.page-template-aboutpage .sow-icon-fontawesome {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #0d7cab;
  color: white;
  font-size: 29px!important;
  padding-top: 12px;
}

.page-template-aboutpage .siteorigin-widget-tinymce p a {
  margin-top: 5px;
  color: #404041;
  font-family: 'quarkBold';
  font-size: 1.3em;
  text-align: left;
}

.download-section .view_all_section {
  padding: 1em;
  border-top: 3px solid #f5f5f5;
  border-bottom: 3px solid #f5f5f5;
}

.download-section .view_all_section .view_all_link {
  text-align: center;
  font-size: 17px;
  font-weight: bold;
}

.item-content .thumbnail .pr-big {
  height: 220px;
}

.item-content .caption .title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}