.accent-color{
	color: #002f5f !important;
}

.accent-bgcolor{
	background-color: #002f5f !important;
}

.accent-bordercolor{
	border-color: #002f5f !important;
}

body{
	color: #676767;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
		
	
	background-color: #ffffff;
}

a{
	color: #002f5f;
}

a:hover{
	color: #676767;
}


::selection{
	color: #fff;
	background: #002f5f;
}
::-moz-selection{
	color: #fff;
	background: #002f5f;
}


h1{
	color: #18191a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: 400;
	line-height: 45px;
		
}

h2{
	color: #18191a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 34px;
		
}

h3{
	color: #18191a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
		
}

h4{
	color: #18191a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: ;
	line-height: 28px;
		
}

h5{
	color: #18191a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
		
}

h6{
	color: #18191a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 28px;
		
}


#header-menu ul.menu > li > a{
	color: #9a9da3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: ;
}

#header-menu ul.menu a,
#shop-button,
#search-button{
	color: #9a9da3;
}

#page-header h2{
	color: #00305e;
	font-family: ;
	font-size: 48px;
	font-weight: 400;
	line-height: 58px;
}

#page-header h3{
	color: #ffffff;
	font-family: Raleway;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
}

footer{
	background-color: #ffffff;
}

#copyright{
	background-color: #ffffff;
}


a:hover,
.onepage #header-menu ul.menu > li.current > a,
.multipage #header-menu ul.menu > li.current-menu-item > a,
.multipage #header-menu ul.menu > li.current-menu-ancestor > a,
#search-close:hover,
#header-menu-mobile ul.menu li a:hover,
.md-blog.classic .post-title a:hover,
.md-blog.classic .post-meta a:hover,
.md-blog.classic .post-footer a.read-more,
.md-blog.classic .post-footer .tot-comments:hover a,
.md-blog.classic .post-footer .tot-comments:hover i,
.md-testimonials-carousel .testimonial-name,
.md-accordions .panel .panel-heading a:before,
.md-twitter-list .tweet:before,
.md-featured-box .box-icon i,
.md-testimonials-extended .testimonial-name,
.md-team .member-role,
.md-portfolio-masonry .item .work-info .work-title:hover,
.dark-color .owl-buttons div:hover,
.light-color .owl-buttons div:hover,
.md-recent-posts .post .post-body .post-title:hover,
.md-recent-posts-carousel .post-head a:hover,
.md-blog.masonry .post-title:hover,
.md-pagination .current,
.md-pagination a:hover,
.md-post .post-meta a:hover,
.md-post .post-tags a:hover,
#search-container .result a:hover,
footer .widget a:hover,
.widget_recent_comments li span a:before,
.widget_recent_entries li a:before,
.widget_categories li a:before,
.widget_archive li a:before,
.widget_pages li a:before,
.widget_meta li a:before,
.woocommerce-pagination ul li a:hover,
.woocommerce-pagination ul li span,
.woocommerce.widget .star-rating span,
.woocommerce.single-product .product .star-rating span,
.woocommerce .products .product:hover h3,
.woocommerce .products .product:hover .button,
.woocommerce-tabs .comment-form-rating .stars a:hover,
.woocommerce-tabs .comment-form-rating .stars a.active{
	color: #002f5f;
}

#shop-cart-container:hover #shop-button,
#shop-cart-area li a:hover,
#shop-cart-area .buttons a:hover,
.md-portfolio .md-work .work-info .work-title:hover,
.md-featured-box .box-link:hover,
.woocommerce .products .product:hover .button{
	color: #002f5f !important;
}


input[type="submit"]:hover,
button:hover,
a.button:hover,
header .header-cart span,
section.bg-accent-color,
.md-blog.classic .post-footer a.read-more:after,
.mejs-overlay:hover .mejs-overlay-button,
.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.md-progress-bar .bar .increment,
.md-pricing-table .table-btn .md-button:hover,
.md-portfolio.default .work-info,
.md-pagination li.active,
.md-pagination li:hover,
.md-pagination.pagination-page span,
.md-pagination.pagination-page a span:hover,
.md-pricing-table.highlighted .table-head,
.md-pricing-table.highlighted .table-btn .md-button,
.md-dropcap,
.md-highlight,
.flexslider .flex-direction-nav li a:hover,
.widget_tag_cloud a:hover,
.widget_md_widget_dribbble ul li a:before,
.widget_md_widget_pinterest ul li a:before,
.widget_md_widget_flickr .flickr_badge_image a:before,
#comments #submit,
.wpcf7 .wpcf7-submit,
.md-rev-highlight-color,
.woocommerce .products .product .button:hover,
.woocommerce .products .product .added_to_cart,
.woocommerce .onsale,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .cart-empty,
.woocommerce.widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce.widget_price_filter .ui-slider .ui-slider-range{
	background-color: #002f5f;
}

.md-clients .list .md-client:hover,
.md-pricing-table.highlighted .table-btn .md-button,
.md-pricing-table .table-btn .md-button:hover,
.dark-color .owl-buttons div:hover,
.light-color .owl-buttons div:hover,
.widget_tag_cloud a:hover,
.woocommerce .products .product .button:hover,
.woocommerce .products .product .added_to_cart,
.woocommerce .products .product:hover .button{
	border-color: #002f5f;
}

.md-blog.classic .post.sticky,
.md-blog.masonry .post.sticky,
.md-post .post.sticky{
	border-top-color: #002f5f;
}

.md-blog.classic .post.sticky:before,
.md-blog.masonry .post.sticky:before,
.md-post .post.sticky:before{
	border-right-color: #002f5f;
}

.md-tabs .nav.nav-tabs li a{
	color: #676767;
}

.md-button.alternative:hover{
	color: #002f5f !important;
	border-color: #002f5f !important;
}

.woocommerce .products .product .button:hover{
	color: #fff !important;
}
/* CUSTOM CSS STARTS HERE */
                        body {
    font-family: 'thaisans_neueregular', Arial, Helvetica, sans-serif;
    font-size: 15px;
}

.h1, .h2, .h3, h1, h2, h3{
  font-family: 'franklin-gothic-urw','thaisans_neueregular',Arial, Helvetica, sans-serif;
}
ul{list-style-position:outside;}
.flood {
  font-family: 'flood-std',Arial, Helvetica, sans-serif;
}
.thaifont{
    font-family: 'thaisans_neueregular', Arial, Helvetica, sans-serif;
}
.boilds{
      font-family: 'franklin-gothic-urw',Arial, Helvetica, sans-serif;
}
.slim{
      font-family: 'franklin-gothic-urw-comp',Arial, Helvetica, sans-serif;
}
.normal-f{
      font-family: 'franklin-gothic-urw',Arial, Helvetica, sans-serif;
}
blockquote {
     font-family: 'franklin-gothic-urw','thaisans_neue_lightregular',Arial, Helvetica, sans-serif;
}
#header-content .container .row {
    margin-right: 0;
    margin-left: 0;
}

#lang_sel_list{
    right: 15px;
    top: 10px;
    position: absolute;
}
#header-mobile #lang_sel_list{
    right: 60px;
    top: 15px;
    position: absolute;
}

#header-menu ul.menu > li > a {
    font-family: 'franklin-gothic-urw-comp',Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 18px;
}
#blog-container, #post-container {
    background: #fff;
        font-weight: 700;
}
#header-content .container .col-md-12 {
    border-bottom: 1px solid #002F5F ;
}

.breadcrumbs {
    border-bottom: solid 1px #C8C8CA;
    padding-bottom: 10px;
}
#page-header {
    position: relative;
    padding: 0px;
    padding-top: 20px;
}
#page-header h2 {
    font-family: 'franklin-gothic-urw','thaisans_neueregular',Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #002F5F;
        font-size: 38px;
            line-height: 40px;
}
#blog-container, #post-container {
    padding: 20px 0;
}
#header li ,#header-menu ul li > a,#header-nav{
        line-height: 0px;

}
#header-menu ul li > a {
    text-transform: none;
    font-family: 'franklin-gothic-urw-comp',Arial, Helvetica, sans-serif;
    font-size: 18px;
}
.header-static #header-menu {
    margin-top: 70px;
}
#header-menu li.simple ul.sub-menu {
    left: 0px;
}
#header-menu li.simple ul.sub-menu li a {
    border-bottom: 1px solid #fff;
}
#header-menu ul.menu > li {
    margin: 0;
    display: block;
    list-style: none;
    float: left;
}
#header-menu ul.menu > li > a {
    padding: 0 10px;
    line-height: 40px;
}
#header-menu ul.menu > li.menu-item-has-children > a {
    padding-right: 25px;
}
#search-container {
    background: #FFFFFF;
}
#header-menu ul.menu > li.sfHover > a,#header-menu ul.menu > li:hover > a {
    color: #FFF !important;
    background :#002F5F ;
}
#header-menu ul.menu > li.menu-item-has-children > a:after {
    padding-right: 10px;
}
#header-menu li.simple ul.sub-menu{
	background: #002F5F;
	padding-top:5px;
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
}
#header-menu li.simple ul.sub-menu li:first-child > a {
    border-top: #fff solid 1px;
}
.header-fixed #header-menu ul li > a {
        line-height: 40px;
}
.header-fixed #header-nav {
    margin-top: 35px;
}
.md-button.small {
    padding: 0 15px;
    line-height: 30px;
}
.header-fixed #header {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
#copyright {
    background-color: #ffffff;
    background-image: none;
        padding-top: 0px;
}
footer .widget {
    margin-bottom: 0px;
}
footer {
    padding: 10px 0
}
footer hr {
    margin: 10px 15px;
        border-top: 1px solid #C8C8CA;
}
.md-portfolio .md-work .work-info {
    display: block;
    background: #002F5F;
    padding: 5px 10px;
    margin-top: 5px;
    color: #fff;
}
.md-accordions.md-faqs .panel .panel-heading a{
	padding-right: 40px;
}
.widget.widget_icl_lang_sel_widget{
    display:none;
}
.mobile-only{
    display:none;
}
.destop-only{
    display:block;
}
@media (max-width: 992px){
    footer {
    text-align: center;
}
    .col-main {
     width: 100%;
}
.col-side {
    margin-top: 20px;
    width: 100%; 
}
#header-menu-mobile {
	text-align: center;
}
#header-menu-mobile ul.menu li ul a {
    padding-left: 0px;
}
#header-menu-mobile ul.menu li a{
	padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    text-transform: none;
}
#header-menu-mobile .container {
	padding-right: 0px;
    padding-left: 0px;
}
#header-menu-mobile ul.menu li ul a {
	font-size: 14px;
    text-transform: none;
}
#header-menu-mobile ul.menu > li.menu-item-has-children > a:after {
right: 15px;
}
#header-menu-mobile ul.menu li.current-menu-item>a,#header-menu-mobile ul.menu li a.open {
	background:#55565A;
	color: #ffffff;
}
#header-mobile{
    border-bottom: 1px solid #002F5F ;
}
#header-menu-mobile ul.menu li {
	background-color: #ffffff;
}
#header-menu-mobile ul.menu li a{
    border-bottom: 1px solid #55565A;
}
#header-menu-mobile ul.menu li ul li{
    background-color: #C5C6C8;
}
#header-menu-mobile ul.menu li ul li a:hover{
	color: #ffffff;
}
#header-menu-mobile ul.menu li a.open {
	border-bottom: 0px ;
}
.col-md-3.col-md-left  {
	display: none
}
#logo-mobile img{
	max-width: 130px;
}

#menu-mobile-trigger {
	    padding: 5px 6px;
	    color: #002F5F;
	    border: 1px solid #002F5F;
}
.mobile-only{
    display:block;
}
.destop-only{
    display:none;
}
footer #lang_sel_list li {
    float:none;
    display: inline-block;
}
footer #lang_sel_list {
    text-align: center;
    right: 0px;
    top: 0px;
    position:  relative;
}
.widget.widget_icl_lang_sel_widget{
    display:block;
}
.widget.widget_icl_lang_sel_widget{
    display:block;
}
.fancybox-title.fancybox-title-float-wrap {
    width: 100% !important;
    position: relative;
}
.fancybox-title-float-wrap .child{
    width: 100% !important;
    padding-bottom: 0px;
    position: relative !important;;
    display: block !important;
    white-space: pre-line;
    margin: 0 !important;
     left: 0 !important;
}
.fancybox-outer {
    padding-right: 0px;
}
.fancybox-inner {
    height: auto !important;
}
.fancybox-prev {
    right: 0;
    left: 0;
}
.fancybox-next {
    right: 0px;
}
.fancybox-title.fancybox-title-float-wrap {
    margin-top:0px;
}
}

@media (max-width: 1199px) and (min-width: 992px) {
.row .md-column {
  margin-bottom: 0px; 
}
    .col-main {
     width: 75%;
}
.col-side {
    margin-top: 0px;
    width: 25%; 
}
}


.widget-title {
    color: #008FC5;
    font-size: 18px;
    line-height: 42px;
    border-bottom: 2px #00305E solid;
}
.col-side .widget ul li a {
    font-family: 'franklin-gothic-urw-comp',Arial, Helvetica, sans-serif;
    color:#55565A;
    font-size:20px;
    line-height:40px;
}
.col-side .widget ul li a:hover {
    color:#008FC5;
}

.col-side .widget ul li {
    border-bottom: 1px #C8C8CA solid;
}
.col-side .widget {
    margin-bottom: 20px;
}
.work-dis {
    text-align: left;
    margin-top: 10px;
    display: none;
}

.work-info a {
        color: #ffffff;
}
.md-button.normal {
    padding: 0 20px;
    line-height: 30px;
}