@import "css/bootstrap.min.css";
@import "js/bootstrap.min.js";
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@100;200;300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap');

p{
	font-family: 'Noto Sans Thai', sans-serif !important;
	font-size: 16px;
}

h1, .h1 {
  font-size: 28px;
}
h2, .h2 {
  font-size: 26px;
}
h3, .h3 {
    font-size: 1.5rem;
}
h4, .h4 {
  font-size: 20px;
}
.display-4 {
  font-size: 45px;
  font-weight: 500;
  line-height: 1.2;
}
.btn-lg, .btn-group-lg > .btn{
  font-size: 18px;
}

h1, h2, h3, h4, h5{
  line-height: 1.3;
  margin: 0 0 1.4rem;
}

.site-desktop-navigation li, .head-widget .widget_nav_menu li{
  font-size: 16px;
}

.font-200{
	font-weight:200;
}
.font-300{
	font-weight:300;
}
.font-400{
	font-weight:400;
}
.font-500{
	font-weight:500;
}
.pt-cv-title a{
	font-family: 'Noto Sans Thai', sans-serif !important;
	font-weight: 400 !important;
}
.pt-cv-readmore {
    color: #fff !important;
    background-color: #03A9F4 !important;
    border: none !important;
}
.show-font{
	font-family: 'Noto Sans Thai', sans-serif !important;
}
.btn{
	font-family: 'Noto Sans Thai', sans-serif !important;
	font-weight: 500;
}
h1,h2,h3,h4,h5{
	font-family: 'Noto Sans Thai', sans-serif !important;
}
.blue-bg{
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}

.category .main-header{
	padding-top: 50px;
}
.site-header{
	background: linear-gradient(-90deg, #004fd2, #03A9F4);
	font-family: 'Noto Sans Thai', sans-serif;
}
/*-- .main-header{
	margin-bottom:0px !important;
} --*/
.menu-item a{
	font-family: 'Noto Sans Thai', sans-serif;
	font-weight: 500;
  font-size: 16px;
}
.after-slider{
	font-family: 'Noto Sans Thai', sans-serif;
}
.after-slider h1, h3{
	font-family: 'Noto Sans Thai', sans-serif;
}
.after-slider button{
	margin-bottom:20px;
}
.testimonial-bg{
	background: linear-gradient(-90deg, #004fd2, #03A9F4);
}
.testimonial-header{
	color:#495057;
}
.testimonial-author{
	font-size:26px;
	font-family: 'Noto Sans Thai', sans-serif !important;
	font-weight:300;
}
.testimonial-content{
	font-size:18px;
	font-family: 'Noto Sans Thai', sans-serif !important;
	font-weight:200;
}
.shop-location{
	background-color:#f8f9fa;
	border-radius:5px;
	margin-right:5px;
	padding:15px 0px 10px 0px;
	min-width:120px;
	transition:0.3s;
}
.shop-location:hover{
	background-color:#e3e3e3;
	color:#262828;
	border-radius:5px;
	margin-right:5px;
	padding:15px 0px 10px 0px;
	min-width:120px;
	transition:0.3s;
}
.shop-location-active{
	background: rgba(0,196,255,1);
	background: -moz-linear-gradient(left, rgba(0,196,255,1) 0%, rgba(0,115,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,196,255,1)), color-stop(100%, rgba(0,115,255,1)));
	background: -webkit-linear-gradient(left, rgba(0,196,255,1) 0%, rgba(0,115,255,1) 100%);
	background: -o-linear-gradient(left, rgba(0,196,255,1) 0%, rgba(0,115,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(0,196,255,1) 0%, rgba(0,115,255,1) 100%);
	background: linear-gradient(to right, rgba(0,196,255,1) 0%, rgba(0,115,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c4ff', endColorstr='#0073ff', GradientType=1 );
	border-radius:5px;
	margin-right:5px;
	padding:15px 0px 10px 0px;
	min-width:120px;
	color:#ffffff;
}
.shop-location-active:hover{
	color:#ffffff;
}
.shop-location h3{
	display:inline-block;
	margin-bottom:0px;
	font-family: 'Noto Sans Thai', sans-serif !important;
	font-weight:300;
}
.shop-location img{
	width:40px;
	margin-right:10px;
	margin-top:-5px;
}
.shop-location-active h3{
	display:inline-block;
	margin-bottom:0px;
	font-family: 'Noto Sans Thai', sans-serif !important;
	font-weight:300;
}
.shop-location-active img{
	width:40px;
	margin-right:10px;
	margin-top:-5px;
}
.vps-spec-body{
	padding-left:10px;
	padding-right:10px;
}
.vps-price-table{
	background-color:#f8f9fa;
	border-radius:5px;
	padding:40px 15px 30px 15px;
	margin-bottom:30px;
}
.vps-price-table h3{
	font-weight:400;
	color:#495057;
	font-size:16px;
	line-height:16px;
}
.vps-price-table h3 span{
	font-weight:400;
}
.vps-service-price{
	color:#0062cc;
	font-size:42px;
}
.vps-service-price small{
	font-size:40%;
}
.price-table{
	background-color:#f8f9fa;
	border-radius:5px;
	padding:40px 15px 30px 15px;
	margin-bottom:30px;
}
.price-table h3{
	font-weight:300;
	color:#495057;
	font-size:18px;
}
.service-price{
	color:#0062cc;
	font-size:42px;
}
.service-price small{
	font-size:40%;
}
.server-node-box h1{
	padding-bottom:20px;
	border-bottom:1px solid #d8d8d8;
}
.server-node-pix img{
	padding-top:20px;
}
.server-node-box h4{
	color:#495057;
	margin-bottom:10px;
}
.server-node-box span{
	font-weight:300;
}
.how-order h1{
	font-size:35px;
}
.how-order h3{
	color:#616161;
	font-weight:300;
}
.blog-header h1{
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
.line-contact{
	color: #ffffff;
}
.slick-dots{
	display:none !important;
}
.wpls-fix-box img{
	max-height:100px !important;
}
.menu-footer-container ul{
	padding-left:0px;
	list-style:none;
}
.menu-member-footer-container ul{
	padding-left:0px;
	list-style:none;
}
.menu-member-footer-container a:hover{
	color:#0093ff;
}
.menu-service-footer-container ul{
	padding-left:0px;
	list-style:none;
}
.menu-service-footer-container a:hover{
	color:#0093ff;
}
.menu-blog-footer-container ul{
	padding-left:0px;
	list-style:none;
}
.menu-blog-footer-container a:hover{
	color:#0093ff;
}
.menu-contact-footer-container ul{
	padding-left:0px;
	list-style:none;
}
.menu-contact-footer-container a:hover{
	color:#0093ff;
}
.feature-icon img{
	max-height: 75px !important;
}
.footer-menu h3{
	color:#495057;
}
.copyright-footer p{
	font-family: 'Noto Sans Thai', sans-serif !important;
	font-weight:300;
	color:#6f6f6f;
}

/* -- Update 19-09-2022 -- */

.home-banner-icon img{
	width: 150px;
}