/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */

/* Test */













/*** Blog Settings ***/
/* Mobile */



/* Desktop */




/* Mobile */



/* Desktop */




/* Mobile */



/* Desktop */




/* Mobile */



/* Desktop */




/* Mobile */



/* Desktop */




/* Mobile */



/* Desktop */






/* Mobile */


/* Desktop */






/* Desktop */




.hs-blog-post .wf-wrap blockquote p span, 
.hs-blog-post .wf-wrap blockquote p{
	font-family: Kanit, sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
	color: #999999;
	font-size: 16px;
	line-height: 20px!important;


}
@media (min-width: 768px) {
	.hs-blog-post .wf-wrap blockquote p span, 
	.hs-blog-post .wf-wrap blockquote p{
		font-family: Kanit, sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
		color: #999999;
		font-size: 18px;
		line-height: 22px!important;
	}
}

.hs-blog-post .wf-wrap  p, 
.hs-blog-post .wf-wrap  body, 
.hs-blog-post .wf-wrap  ul li {
	font-family: Kanit, sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
	color: #3d4e56;
	font-size: 15px;
	line-height: 22px!important;
}
.hs-blog-post .wf-wrap  a, 
.hs-blog-post .wf-wrap  span{
	font-family: Kanit, sans-serif; font-style: normal; font-weight: 300; text-decoration: none;	

}
@media (min-width: 768px) {

	.hs-blog-post .wf-wrap p, .hs-blog-post .wf-wrap .wf-wrap body {
		font-family: Kanit, sans-serif; font-style: normal; font-weight: 300; text-decoration: none!important;
		color: #3d4e56;
		font-size: 16px;
		line-height: 26px;
		letter-spacing: em;
	}
}

.hs-blog-post .wf-wrap h1,
.hs-blog-post .wf-wrap .h1 {
	font-family: Kanit, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
	color: ;
	font-size: 38px;
	text-transform: none;
	line-height: 45px;
}
@media (min-width: 768px) {
	.hs-blog-post .wf-wrap h1,
	.hs-blog-post .wf-wrap .h1 {
		font-family: Kanit, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
		color: ;
		font-size: 40px;
		text-transform: ;
		line-height: 45px;
	}
}

.hs-blog-post .wf-wrap h2,
.hs-blog-post .wf-wrap .h2,
.hs-blog-post .wf-wrap h2 span{
	font-family: Kanit, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
	color: #407ec9!important;
	font-size: 34px!important;
	text-transform: none;
	line-height: 45px;
}
@media (min-width: 768px) {
	.hs-blog-post .wf-wrap h2,
	.hs-blog-post .wf-wrap .h2,
	.hs-blog-post .wf-wrap h2 span{
		font-family: Kanit, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
		color: #407ec9!important;
		font-size: 34px!important;
		text-transform: ;
		line-height: 72px;
	}
}

.hs-blog-post .wf-wrap h3,
.hs-blog-post .wf-wrap .h3,
.hs-blog-post .wf-wrap h3 span {
	font-family: Kanit, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
	color: #003865;
	font-size: 24px;
	text-transform: none;
	line-height: 42px;
}
@media (min-width: 768px) {
	.hs-blog-post .wf-wrap h3,
	.hs-blog-post .wf-wrap .h3,
	.hs-blog-post .wf-wrap h3 span{
		font-family: Kanit, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
		color: #003865;
		font-size: 24px;
		text-transform: ;
		line-height: 30px;
	}
}

.hs-blog-post .wf-wrap h4,
.hs-blog-post .wf-wrap .h4,
.hs-blog-post .wf-wrap h4 span{
	font-family: Kanit, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
	color: #003865;
	font-size: 20px;
	text-transform: none;
	line-height: 25px;
}
@media (min-width: 768px) {
	.hs-blog-post .wf-wrap h4,
	.hs-blog-post .wf-wrap .h4,
	.hs-blog-post .wf-wrap h4 span{
		font-family: Kanit, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
		color: #003865;
		font-size: 20px;
		text-transform: ;
		line-height: 25px;
	}
}

.hs-blog-post .wf-wrap h5,
.hs-blog-post .wf-wrap .h5,
.hs-blog-post .wf-wrap h5 span{
	font-family: Kanit, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
	color: #003865;
	font-size: 18px;
	text-transform: none;
	line-height: 20px;
}
@media (min-width: 768px) {
	.hs-blog-post .wf-wrap h5,
	.hs-blog-post .wf-wrap .h5,
	.hs-blog-post .wf-wrap h5 span{
		font-family: Kanit, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
		color: #003865;
		font-size: 18px;
		text-transform: ;
		line-height: 20px;
	}
}

.hs-blog-post .wf-wrap h6,
.hs-blog-post .wf-wrap .h6,
.hs-blog-post .wf-wrap h6 span{
	;
	color: ;
	font-size: ;
	text-transform: ;
	line-height: px;
}
@media (min-width: 768px) {
	.hs-blog-post .wf-wrap h6,
	.hs-blog-post .wf-wrap .h6,
	.hs-blog-post .wf-wrap h6 span{
		font-family: Kanit, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
		color: #003865;
		font-size: 16px;
		text-transform: ;
		line-height: 18px;
	}
}






.dnd-section > .row-fluid,
.page-center{
	max-width: 1200px;
}

@media (max-width: 1024px){
	.dnd-section > .row-fluid,
	.page-center{
		max-width: 1025.0000004px;
	}
}



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

.body-container__homepage .dnd-section:nth-child(odd) {
	background-color: #70b4e3;
}





html {
	font-size: 16;
}

body {
	color: #3d4e56;
	font-family: Kanit;
	font-size: 16px;
font-weight: 300
}

a {
	color: rgba(112, 180, 227, 1.0);
}

a:hover,
a:focus {
	color: rgba(112, 180, 227, 1.0);
}

a:active {
	color: rgba(112, 180, 227, 1.0);
}

article.blog-post-content ul, article.blog-post-content ol {
	margin: 15px 0 15px 30px;
}

article.blog-post-content li { 
	margin-bottom: 8px 
}

h1 {
	color: #3e4e56;
	font-family: Kanit;
	font-size: 52px;
	font-weight: 500;
}

h2 {
	color: #3e4e56;
	font-family: Kanit;
	font-size: 40px;
	line-height: 1.3;
	/*margin-top: 0.9em;*/
	font-weight: 500 !important;
}

h2 strong, h3 strong, h2 span {
	font-weight: inherit !important;
}

h3 {
	color: #3e4e56;
	font-family: Kanit;
	font-size: 38px;
	margin-top: 1.2em;
	font-weight: 600 !important;
}

h3.entry-title {
	margin-top: 0;
}

h4 {
	color: #3e4e56;
	font-family: Kanit;
	font-size: 28px;
	font-weight: 500;
}

h5 {
	color: #3e4e56;
	font-family: Kanit;
	font-size: 24px;
	font-weight: 300;
}

h6 {
	color: #3e4e56;
	font-family: Kanit;
	font-size: 22px;
	font-weight: 300;
}





form,
.submitted-message {
	border-color: rgba(#null, 0.0) ;
	font-family: Kanit;
}

h3.form-title {
	background-color: rgba(255, 255, 255, 1.0);
	color: rgba(62, 78, 86, 1.0);
}

.hs-button,
.button--primary {
	background-color: rgba(18, 31, 72, 1.0);
	border-color: rgba(18, 31, 72, 1.0);
	border-radius: 50px;
	border-width: 1px;
	color: rgba(255, 255, 255, 1.0);
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 10px;
	padding-bottom: 10px;

	font-family: Kanit,Helvetica,Arial,Verdana,sans-serif;
	font-size: 15px;
	line-height: 1;
	padding: 10px 24px;
	font-weight:500;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus,
.hs-button:active,
.button--primary:active{
	background-color: rgba(147, 212, 0, 1.0);
	border-color: rgba(147, 212, 0, 1.0);
	color: rgba(255, 255, 255, 1.0);
}

.hs-form label {
	color: rgba(62, 78, 86, 1.0);
}

.hs-form legend {
	color: rgba(62, 78, 86, 1.0);
}

form input,
form select,
form textarea,
.hs-input {
	border-color: rgba(203, 214, 226, 1.0);
	border-radius: 15px;
	background-color: rgba(245, 248, 250, 1.0);
}

form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus {
	background-color: rgba(245, 248, 250, 1.0);
	border-color: rgba(82, 168, 236, 0.8);
}

.fn-date-picker .pika-table thead th {
	color: rgba(62, 78, 86, 0.0);
}

.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
	color: #3d4e56;
}

.hs-richtext {
	font-size: 16;
}

.hs-default-font-element,
.hs-main-font-element {
	font-family: Kanit;
}

.fn-date-picker td.is-today .pika-button {
	color: #3e4e56;
}

.fn-date-picker td.is-selected .pika-button {
	background: #3e4e56;
}

.fn-date-picker td .pika-button:hover {
	background-color: #70b4e3 !important;
}





th,
td {
	background-color: rgba(255, 255, 255, 1.0);
	border-color: rgba(0, 0, 0, 0.08);
	color: rgba(62, 78, 86, 1.0);
}

thead th,
thead td {
	background-color: rgba(255, 255, 255, 1.0);
	color: rgba(62, 78, 86, 1.0);
}

tfoot td {
	background-color: rgba(255, 255, 255, 1.0);
	color: rgba(62, 78, 86, 1.0);
}

table,
tbody + tbody {
	border-color: rgba(0, 0, 0, 0.08);
}





.masthead {
	background-color: rgba(255, 255, 255, 1.0);
}

.mini-widgets .text-area a{
	color: rgba(62, 78, 86, 1.0);
}

.top-bar a:hover {
	color: rgba(112, 180, 227, 0.7000000000000001);
}

.header__container {
	max-width: 1200px;
}

@media (min-width: 992px) {
	.navigation-primary ul.submenu.level-1{
		border-top-color: rgba(112, 180, 227, 1.0);
	}

	.navigation-primary .submenu.level-1>li>a,
	.navigation-primary .submenu.level-1>li.has-submenu>a:after{
		color: rgba(51, 51, 51, 1.0);
	}

	.navigation-primary .submenu.level-1>li:hover>a,
	.navigation-primary .submenu.level-1>li.has-submenu:hover>a:after {
		color: rgba(112, 180, 227, 1.0);
	}

	.navigation-primary .submenu.level-1>li>a.active-branch{
		color: rgba(112, 180, 227, 1.0);
	}

	.navigation-primary .submenu.level-1>li.active-branch{
		color: rgba(255, 255, 255, 0.0);
	}

	.navigation-primary .submenu.level-1>li{
		color: rgba(#null, 0.0);
	}

	.navigation-primary .submenu.level-1>li:hover,
	.navigation-primary .submenu.level-1>li:focus{
		background-color: rgba(255, 255, 255, 0.0);
	}

	.navigation-primary .submenu.level-1>li > a.active-branch {
		color: rgba(112, 180, 227, 1.0);
	}

	.navigation-primary .submenu.level-2{
		background-color: rgba(255, 255, 255, 1.0);
	}

	.navigation-primary .submenu.level-2 > li a{
		color: rgba(51, 51, 51, 1.0);
		background-color: rgba(255, 255, 255, 1.0);
	}

	.navigation-primary .submenu.level-2 > li a:hover,
	.navigation-primary .submenu.level-2 > li a:focus{
		color: rgba(112, 180, 227, 1.0);
		background-color: rgba(255, 255, 255, 0.0);
	}

	.navigation-primary .submenu.level-2 > li a.active-branch{
		color: rgba(112, 180, 227, 1.0);
		background-color: rgba(255, 255, 255, 0.0);
	}

}

.soc-ico a:before {
	background-color: rgba(17, 85, 139, 1.0);
}

.soc-ico a:after {
	background-color: rgba(112, 180, 227, 0.9);
}

.soc-ico a .soc-font-icon{
	color:  rgba(255, 255, 255, 1.0);
}

.soc-ico a:hover .soc-font-icon{
	color:  rgba(255, 255, 255, 1.0);
}



@media (min-width: 1025px){
	.navigation-primary .submenu.level-1>li.requestademo>a{
		background-color: rgba(147, 212, 0, 1.0);
		color: rgba(255, 255, 255, 1.0);
		border-radius: 50px;
	}

	.navigation-primary .submenu.level-1>li.requestademo>a:hover {
		color: rgba(255, 255, 255, 1.0);
		background-color: rgba(112, 180, 227, 1.0);
	}
}
div#wpfront-notification-bar {
	background: rgba(17, 84, 139, 1.0);
	background: -moz-linear-gradient(top,rgba(17, 84, 139, 1.0) 0%,rgba(17, 84, 139, 1.0) 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(17, 84, 139, 1.0)),color-stop(100%,rgba(17, 84, 139, 1.0)));
	background: -webkit-linear-gradient(top,rgba(17, 84, 139, 1.0) 0%,rgba(17, 84, 139, 1.0) 100%);
	background: -o-linear-gradient(top,rgba(17, 84, 139, 1.0) 0%,rgba(17, 84, 139, 1.0) 100%);
	background: -ms-linear-gradient(top,rgba(17, 84, 139, 1.0) 0%,rgba(17, 84, 139, 1.0) 100%);
	background: linear-gradient(to bottom,rgba(17, 84, 139, 1.0) 0%,rgba(17, 84, 139, 1.0) 100%);
}

#wpfront-notification-bar div.wpfront-message{
	color: rgba(255, 255, 255, 1.0);
}

#wpfront-notification-bar a.wpfront-button{
	border-color: rgba(255, 255, 255, 1.0);
	border-radius: 50px;
	color: rgba(255, 255, 255, 1.0);
	background: rgba(17, 84, 139, 1.0);
	background: -moz-linear-gradient(top,rgba(17, 84, 139, 1.0) 0%,rgba(17, 84, 139, 1.0) 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(17, 84, 139, 1.0)),color-stop(100%,rgba(17, 84, 139, 1.0)));
	background: -webkit-linear-gradient(top,rgba(17, 84, 139, 1.0) 0%,rgba(17, 84, 139, 1.0) 100%);
	background: -o-linear-gradient(top,rgba(17, 84, 139, 1.0) 0%,rgba(17, 84, 139, 1.0) 100%);
	background: -ms-linear-gradient(top,rgba(17, 84, 139, 1.0) 0%,rgba(17, 84, 139, 1.0) 100%);
	background: linear-gradient(to bottom,rgba(17, 84, 139, 1.0) 0%,rgba(17, 84, 139, 1.0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(17, 84, 139, 1.0)',endColorstr='rgba(17, 84, 139, 1.0)',GradientType=0)
}

#wpfront-notification-bar a.wpfront-button:hover{
	border-color: rgba(112, 180, 227, 1.0);
	color: rgba(255, 255, 255, 1.0);
	background: rgba(112, 180, 227, 1.0);
}

@media(max-width: 767px) {
	.header__navigation {
		background-color: rgba(255, 255, 255, 1.0);
	}

	.header__navigation-toggle svg,
	.menu-arrow svg {
		fill: rgba(51, 51, 51, 1.0);
	}
}





.footer-top-wrapper {
	background-color: rgba(18, 31, 72, 1.0);
	color: rgba(255, 255, 255, 1.0);
}

.footer-address{
	color: rgba(255, 255, 255, 1.0);
}

.footer-top-wrapper a,
.footer-menu .hs-menu-wrapper>ul>li>a{
	color: rgba(112, 180, 227, 1.0);
}

.footer-top-wrapper a:hover,
.footer-menu .hs-menu-wrapper>ul>li>a:hover{
	color: rgba(112, 180, 227, 1.0);
}

.footer__container {
	max-width: 1200px;
}

.copyright-wrapper {
	background-color: rgba(18, 31, 72, 1.0);
}

.copyright-wrap {
	border-color: rgba(255, 255, 255, 0.07);
}

.footer_copyright {
	color: rgba(255, 255, 255, 1.0);
}

.footer_copyright a{
	color: rgba(112, 180, 227, 1.0);
}

.footer_copyright a:hover{
	color: rgba(112, 180, 227, 1.0);
}

.footer-social-inner ul li a {
	background-color:  rgba(255, 255, 255, 1.0);
}

.footer-social-inner ul li a:hover {
	background-color: rgba(112, 180, 227, 0.9);
}

.footer-social-inner ul li i {
	color: rgba(3, 64, 109, 1.0);
}

.footer-social-inner ul li a:hover i {
	color: rgba(255, 255, 255, 1.0);
}

.footer-button-wrapper a {
	fill: rgba(255, 255, 255, 1.0);
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(18, 31, 72, 1.0);
	border-width: 2px;
	border-color: rgba(255, 255, 255, 1.0);
	border-radius: 50px;
}

.footer-button-wrapper a:hover, .footer-button-wrapper a:focus {
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(147, 212, 0, 1.0);
	border-color: rgba(147, 212, 0, 1.0);
}





.content-wrapper {
	max-width: 1200px;
}

.blog-post__date {
	border-color: #3d4e56;
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
	color: #3d4e56;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
	color: #15262e;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
	color: #65767e;
}

.blog-tag-filter__menu-link--active-item:after {
	background-color: #3e4e56;
}

.blog-pagination__link {
	color: #3d4e56;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
	background-color: #3e4e56;
}

.blog-post__title {
	color: #3e4e56;
	font-family:Kanit;
	font-size: 40px;
	font-weight: ;
}

.blog-post__author {
	background-color: #70b4e3;
}

#comments-listing .comment-reply-to {
	color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
	color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:active {
	color: rgba(#null, 0.0);
}










body .icon svg {
	fill: #3e4e56;
}

body .tns-nav button.tns-nav-active {
	background-color: #3e4e56;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
	background-color: #3e4e56;
}

body .social-links__icon {
	background-color: #3e4e56;
}

body .social-links__icon:hover svg,
body .social-links__icon:focus svg {
	fill: rgba(#null, 0.0);
}

body .social-links__icon:active svg {
	fill: rgba(#null, 0.0);
}

body .team-member__description {
	background-color: #70b4e3;
}






.body-container__website .dnd-section:nth-child(odd) {
	background-color: {typography=, tables=, buttons=, spacing=, footer=, global_colors=, header=, blog=, forms=}
}



#form-contact{
	position:relative;
	line-height:50px;
	margin-bottom:10px;
}
.line {
	width:70px;
	height:4px;
	background:#ff6900;
	border-radius:100px;
	margin:20px auto;

}
.hs-blog-post .wf-wrap ul li{
	font-size: 16px!important;
}
/*
@media only screen and (max-width:540px){
	.hs_cos_wrapper_type_module.widget-type-form{
		padding-left:20px!important;
		padding-right:20px!important;
	}
}*/