/* html,body{ */
    /* font-family: 'Noto Sans Thai', sans-serif; */
    /* font-family: 'db_helvethaicamon', sans-serif; */
/* } */
.dropdown .dropdown-menu {
    /* transition: 0.5s; */
}
.dropdown:hover .dropdown-menu {
    /* display: block; */
}
.navbar-default {
    background-color: var(--theme-color);
    border-color: #e7e7e7;
    margin-top: 5px;
}
.navbar-default .navbar-brand {
    color: white !important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    color: var(--theme-font-color);
    background-color: /*#fa5858*/var(--active-color);
}
.navbar-default .navbar-nav>li>a{
    color: var(--theme-font-color);
}
.navbar-default .navbar-nav>li>a:hover {
    color: var(--theme-font-color);
    background-color: var(--active-color);
}
.dropdown-menu {
    background-color: /*#fa5858*/var(--active-color);
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    background-color: /*#fa5858*/var(--active-color);
}
.dropdown-menu>li>a {
    color: var(--theme-font-color);
}
.dropdown-menu>li>a:hover {
    color: var(--active-color) !important;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: var(--theme-font-color);
    }
}
ul,li {
    padding:0;
    margin:0;
}
li {
    list-style-type:none;
}


footer { 
    background-color:#0c1a1e; 
    min-height:350px; 
}
.footer-col { 
    margin-top:50px; 
}
.logofooter { 
    margin-bottom:10px; 
    font-size:25px; 
    color:var(--theme-font-color);
    font-weight:700;
}
.footer-col p {
    color:var(--theme-font-color);
    font-size:12px; 
    margin-bottom:15px;
}
.footer-col p i {
    width:20px; 
    color:var(--theme-font-color);
}

.footer-ul {
    list-style-type:none;  
    padding-left:0; 
    margin-left:2px;
}
.footer-ul li { 
    line-height:29px; 
    font-size:12px;
}
.footer-ul li a { 
    color:var(--theme-font-color); 
    transition: color 0.5s linear 0s, background 0.5s linear 0s; 
}
.footer-ul i { 
    margin-right:10px;
}
.footer-ul li a:hover {
    transition: color 0.5s linear 0s, background 0.5s linear 0s; 
    color:#ff670f; 
}

.copyright { 
    min-height:40px; 
    background-color:#000000;
}
.copyright p { 
    text-align:left; 
    color:var(--theme-font-color);
    padding:10px 0; 
    margin-bottom:0;
}
.heading7 { 
    font-size:21px; 
    font-weight:700; 
    color:#d9d6d6; 
    margin-bottom:22px;
}
.post p { 
    font-size:12px; 
    color:var(--theme-font-color);
    line-height:20px;
}
.post p span { 
    display:block; 
    color:#8f8f8f;
}
.bottom_ul { 
    list-style-type:none; 
    float:right; 
    margin-bottom:0;
}
.bottom_ul li { 
    float:left; 
    line-height:40px;
}
.bottom_ul li:after { 
    content:"/"; 
    color:var(--theme-font-color);
    margin-right:8px; 
    margin-left:8px;
}
.bottom_ul li a { 
    color:var(--theme-font-color); 
    font-size:12px;
}
.social-icon {
    width: 30px;
    height: 30px;
    font-size: 15px;
    background-color: blue;
    color: #fff;
    text-align: center;
    padding-top: 7px;
    border-radius: 50%;
}
.footer-social li{
    float:left;
}
.footer-social li i {
    margin: 5px !important;
    width: 40px !important;
    height: 40px !important;
    transition: 0.5s !important;
    font-size: 24px !important;
}
.footer-social li i:hover {
    border: 1px solid var(--theme-font-color);
    cursor: pointer !important;
}
.linked-in{
    background-color:#007bb6;
}
.facebook{
    background-color:#3b5998;
}
.twitter{
    background-color:#1da1f2;
}
.google{
    background-color:#f63e28;
}
.phone {
    background-color: #3b5998;
}
.mail {
    background-color: #a00f13;
}
.navbar {
    margin-bottom: 0px !important;
    border: 0px solid transparent !important;
    border-radius: 0px !important;
}
h1, h2, h3 {
    margin-bottom: 20px;
}
.panel-default {
    border-radius: 3px;
    /* box-shadow: 0 3px 6px rgb(0 0 0 / 10%); */
    box-shadow: 0 0px 0.2px rgb(0 0 0 / 10%);
    border-color: #ffd3d3;
}
.panel-titles {
    color:#0058c6;
    font-weight: bold;
    margin-bottom: 50px;
}
.panel-default>.panel-heading {
    background-color: var(--theme-font-color);
}
.title {
    border-radius: 45px;
    color: #0058c6;
    font-weight: bold;
}
.panel-titles .material-icons {
    font-size: 30px;
}
.material-icons {
    position: absolute;
}
.after-icon {
    margin-left: 30px;
    line-height: 1;
}
.icon .material-icons,
.icon .after-icon {
    font-size: 16px;
}
.color-red {
    color: red;
}
.nowrap {
    white-space: nowrap;
}
.breadcrumb>li+li:before {
    content: ">";
}
.breadcrumb>li {
    font-size: 12px;
}
.media-heading {
    margin-top: 10px;
}
.hover {
    transition: 0.2s;
}
.hover:hover {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    background-color: var(--theme-color);
    color: var(--theme-font-color);
    border-radius: 10px;
}
.hover:hover .title {
    color: var(--theme-font-color);
}
.btn-theme {
    background-color: var(--theme-color);
    color: var(--theme-font-color);
}
.btn, html, body, div, a, button {
    transition: .1s;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--theme-font-color);
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle {
    background-color: var(--theme-color);
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: var(--theme-font-color);
}
.page-header {
    margin-left: 40px;
}