/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 30 2023 | 05:26:38 */
/*----------css plant3----------*/
@media only screen and (min-width: 1025px) and (max-width: 3000px) {
}
.s-container {
	margin-right: initial !important;
	margin-left: initial !important;
	padding-right: initial !important;
	padding-left: initial !important;
	max-width: inherit !important;
}
.s-container {
	margin-right: initial !important;
	margin-left: initial !important;
	padding-right: initial !important;
	padding-left: initial !important;
	max-width: inherit !important;
}
.dv-width-all-post-css,
.dv-width-page-post-css,
.s-sec.single-related.alignfull>.s-container {
	margin-right: auto !important;
	margin-left: auto !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
	max-width: 1230px !important;
}
.content-area-blog {
	padding: 70px 0;
}
.site-action {
	display: block;
	padding-left: 0px;
	padding-right: 0;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
	font-family: 'Kanit', sans-serif !important;
	font-weight: 500 !important;
	padding: 0px 33.4px;
}
.entry-content .stk-block, .stk-block, .stk-block-column__content>* {
	margin-bottom: 0px !important;
}
.single-pic.alignwide, .single-cat {
	display: none;
}
.page-title {
    padding: 50px 0;
    color: #000000;
    font-weight: 600 !important;
    text-align: left;
}
.site-footer {
	margin-top: 0px;
}
.txt-img-footer {
    filter: grayscale(100%);
}
.txt-img-footer>p img {
    filter: drop-shadow(0 0 1px #000);
}
/*-------------------Css Blog---------------*/
.s-content h2 a,
.s-content:hover h2 a {
	color: #000;
}
.s-paging {
	margin-bottom: 0px;
}
.s-paging .current {
    background-color: #122342;
    border-radius: 5px;
    border: 1px solid #19486c;
    color: white;
}
.s-paging span, .s-paging a {
	background: white;
	margin: 0 3px;
	border-radius: 5px;
}
.dv-width-page-post-css {
	padding: 50px 0;
}
figure,
.page-content,
.single-content {
	margin: 0px;
}
.s-sec.single-related.alignfull {
	margin-bottom: -50px;
}
/*-------------------Css Font---------------*/
body,h1,h2,h3,h4,h5,p,ol, ul,
.h1,.h2,.h3,.h4,.h5, a,
.entry-content, .entry-summary {
	margin: 0px;
	font-family: 'Kanit', sans-serif !important;
}
h1,h2,h3,h4,h5 {
	font-weight: 500;
}
h1, .h1 {
	font-size: 33px;
	line-height: 43px;
}
h2,.h2 {
	font-size: 28px;
	line-height: 32px;
}
h3,.h3 {
	font-size: 21px;
	line-height: 26px;
}
body,p, ol, ul {
	font-size: 17px;
	line-height: 23px;
}
h5,.h5 {
	font-size: 14px;
	line-height: 20px;
}
ol, ul {
	padding-left: 25px;
	margin: 0px !important;
}
b, strong {
	font-weight: 600 !important;
}
.text-indent {
	text-indent: 30px;
}
.stk-block-heading__text img {
	margin-bottom: -4px;
}
.txt-gar,
.txt-gar b,
.txt-gar strong{
	background: linear-gradient(180deg, #bb871a 30%, #fef1a2, #bb871a 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.dv-border-bg {
	border: 3px solid transparent;
	background: linear-gradient(to right, black, black), linear-gradient(180deg, #c4952c , #f7e593, #c4952c);
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
}
table {
	margin-bottom: 0px;
}
p.stk-block-text__text img {
	margin-bottom: -8px;
}
button.gb-button {
	color: white;
	font-family: 'Kanit', sans-serif !important;
}
button.gb-button img {
	width: 45px;
	margin-right: 10px;
	margin-top: -7px;
}
.pum-container.pum-responsive img {
	margin-bottom: -6px;
}
.stk-block .stk-button {
	font-weight: 600 !important;
}
@media only screen and (max-width: 1023px){
	h1 {
		font-size: 30px;
		line-height: 35px;
	}
	h2 {
		font-size: 23px;
		line-height: 28px;
	}
	h3 {
		font-size: 18px;
		line-height: 24px;
	}
	body, p, ol, ul {
		font-size: 15px;
		line-height: 18px;
	}
}
.dv-ov-h {
	overflow: hidden;
}
.img-zoom {
	transition: transform .5s;
}
.img-zoom:hover {
	transform: scale(1.1);
	cursor: pointer;
}
.stk--svg-wrapper {
    display: inherit !important;
}
/*-------------------------------------------------------*/
.shine-hover {
	position: relative;
	overflow: hidden;
	transition: all ease-in-out .6s;
	cursor: pointer;
}
.shine-hover:hover {
	filter: grayscale(.7);
}
.shine-hover:before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, #ffffffd1, transparent);
	transition: .6s;
	z-index: 9999;
	opacity: .8;
}
.shine-hover:hover:before {
	transition-delay: .3s;
	left: 100%;
}
/*------------------------------------------------------------------------------------*/
.div-slider-bar {
    z-index: 100;
    top: 170px;
    position: fixed;
    left: -160px;
    width: 200px;
    transition: .5s ease;
}
.div-slider-bar:hover {
    left: 0;
}
.div-slider-bar-mb {
    z-index: 100;
    bottom: 70px;
    position: fixed;
    right: 0;
    width: 35px;
}