/*
Name: 			custom.css
Written by: 	KSC Themes
Version: 		1
*/

@media (min-width: 992px) {
    /*main menu*/
    #header .header-nav-main nav > ul > li > a {
        /*text-transform: uppercase;*/
    }

    /*main menu english*/
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.fonteng a,
    #header .header-nav-main nav > ul > li.dropdown .fonteng li a {
        font-family: 'PSL Kittithada Pro';
        font-size: 18pt;
        /*text-transform: uppercase;*/
    }

    .dropdown-menu > li > a:focus {
        text-decoration: none;
        background-color: #39424D;
    }

    .panel {
        /*max-width: 75%;*/
    }
}
@media (max-width: 991px) {
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.fonteng a,
    #header .header-nav-main nav > ul > li.dropdown .fonteng li a {
        font-family: 'PSL Kittithada Pro Bold';
        /*text-transform: uppercase;*/
    }

    .dropdown-menu > li > a:focus {
        text-decoration: none;
        background-color: #f5f5f5;
    }
}

/* Page Header */
.page-header {
	background-color: #07a2dd;
    background:url(../../shared/css/img/bg-footer_light.jpg);
	border-bottom: 5px solid #DBDBDB;
	border-top: 5px solid #8EBBD1;
	margin: 0 0 35px 0;
	min-height: 50px;
	padding: 20px 0;
	position: relative;
	text-align: left;
}

section.page-header h1 {
	border-bottom-color: #8EBBD1;
}
section.page-header li, 
section.page-header li a {color: #000;}
section.page-header li a:hover {color: #fff;}
section.page-header li.active {color: #000;}

#header .header-nav-top .nav > li > a,
#header .header-nav-top .nav > li > ul > li > a,
#header .header-nav-top .nav > li > span {
    color: #999;
    font-size: 12px;
}

#header .header-nav-top .nav > li > a:hover, #header .header-nav-top .nav > li > a a:focus {
	background: #eee;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #262626;
	text-decoration: none;
	background-color: #eee;
}

h2.thumb-info-heading {
    margin: -15px 0 5px 0;
}

h3.heading-primary {
    font-family: 'PSL Kittithada Pro Bold';
    font-size: 2.4em;
}

h4.heading-primary {
    font-family: 'PSL Kittithada Pro Bold';
    font-size: 2.2em;
}

h5.heading-primary {
    font-family: 'PSL Kittithada Pro Bold';
    font-size: 1.8em;
}

/*table border*/
.no-lf th,
.no-lf td {
    border-left: none;
    border-right: none;
}
/*ICT Solution*/
.feature-box .feature-box-icon {
	height: 48px;
	line-height: 48px;
    padding: 12px;
	width: 48px;
}

/* Icon Featured */
.icon-featured {
	width: 75px;
	height: 75px;
	line-height: 75px;
}
.pt-2x {
     padding-top: 2px;
}

/*Newsletter*/
.feature-box.feature-news-style h4 {
	color: #1d2127;
}

.feature-box.feature-news-style .feature-box-icon {
	background: transparent;
	width: 110px;
}
.feature-box.feature-news-style .feature-box-info {
    font-size: 11px;
	padding-left: 100px;
}

/*right menu*/
ul.nav-list li a,
ul.nav-list a.fonteng {
        font-family: 'Tahoma';
        font-weight: bold;
        font-size: 13px;
}
ul.nav-list li ul li a,
ul.nav-list li ul li a.fonteng {
        font-family: 'Tahoma';
        font-weight: normal;
        font-size: 13px;
}

/*general*/
.featured-box h4 {
    font-size: 2.4em;
}

.blue {
	color: #07A2DD;
}

.clear {
    clear: both;
}

.nobr {
    white-space:nowrap;
}

.word-rotate {
    font-family: 'PSL Kittithada Pro';
    font-size: 36px;
}

.border-left {
    border-left: solid 2px #DBDBDB;
}

.img_shadow {
    border: solid 1px #555;
    box-shadow: 5px 5px #ddd;
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}
.img-left {
    margin: 5px 10px 5px 0;
}

.img-right {
    margin: 5px 0px 5px 10px;
}

.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    font-size: 13px;
    padding: 5px 10px;
}

.iframe-responsive {
	display: block;
	min-width: 100%;
}

blockquote {
    border: 0;
}

/*list style*/
.list-unstyled a {
    color: #555;
}
.list-unstyled a:hover {
    text-decoration: none;
}

ol.list-number { counter-reset:section; list-style-type:none; }
ol.list-number li { list-style-type:none; }
ol.list-number li ol { counter-reset: subsection; }
ol.list-number li ol li ol { counter-reset: subsection2; }
ol.list-number li ol li ol li ol { counter-reset: subsection3; }
/*level 1*/
ol.list-number { padding-left: 1.8em; }
ol.list-number li:before{
    counter-increment:section;
    content:counter(section) ". ";/*content:"Section " counter(section) ". ";*/
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -1.8em;
    font-weight: bold;
}
/*level 1.x*/
ol.list-number li ol { padding-left: 2.8em; }
ol.list-number li ol li:before {
    counter-increment:subsection;   
    content:counter(section) "." counter(subsection) " ";
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -2.8em;
    font-weight: bold;
}
/*level 1.x.x*/
ol.list-number li ol li ol { padding-left: 3.5em; }
ol.list-number li ol li ol li:before {    
    counter-increment:subsection2;   
    content:counter(section) "." counter(subsection) "." counter(subsection2) " ";
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -3.5em;
    font-weight: bold;
}
/*level 1.x.x.x*/
ol.list-number li ol li ol li ol { padding-left: 4.0em; }
ol.list-number li ol li ol li ol li:before {    
    counter-increment:subsection3;   
    content:counter(section) "." counter(subsection) "." counter(subsection2) "." counter(subsection3) " ";
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -4.0em;
    font-weight: bold;
}
ol.list-number ul li:before, 
ol.list-number li ul li:before{
    counter-increment: none;
    content: '\2022 ';
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -1.3em;
    font-weight: bold;
}


ol.list-blue { counter-reset:section; list-style-type:none; }
ol.list-blue li { list-style-type:none; }
ol.list-blue li ol { counter-reset: subsection; }
ol.list-blue li ol li ol { counter-reset: subsection2; }
ol.list-blue li ol li ol li ol { counter-reset: subsection3; }
/*level 1*/
ol.list-blue { padding-left: 1.8em; }
ol.list-blue li:before{
    counter-increment:section;
    content:counter(section) ". ";/*content:"Section " counter(section) ". ";*/
    color: #07A2DD; /*mainsection*/
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -1.8em;
    font-weight: bold;
}
/*level 1.x*/
ol.list-blue li ol { padding-left: 2.8em; }
ol.list-blue li ol li:before {
    counter-increment:subsection;   
    content:counter(section) "." counter(subsection) " ";
    color: #555; /*mainsection*/
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -2.8em;
    font-weight: bold;
}
/*level 1.x.x*/
ol.list-blue li ol li ol { padding-left: 3.5em; }
ol.list-blue li ol li ol li:before {    
    counter-increment:subsection2;   
    content:counter(section) "." counter(subsection) "." counter(subsection2) " ";
    color: #555; /*mainsection*/
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -3.5em;
    font-weight: bold;
}
/*level 1.x.x.x*/
ol.list-blue li ol li ol li ol { padding-left: 4.0em; }
ol.list-blue li ol li ol li ol li:before {    
    counter-increment:subsection3;   
    content:counter(section) "." counter(subsection) "." counter(subsection2) "." counter(subsection3) " ";
    color: #555; /*mainsection*/
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -4.0em;
    font-weight: bold;
}

ol.list-blue li ol li ul li:before,
ol.list-blue li ul li:before,
ol.list-blue ul li:before {
    counter-increment: none;
    content: '\2022 ';
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -1.3em;
    font-weight: bold;
}

ul.list-blue { counter-reset:section; list-style-type:none; }
ul.list-blue li { list-style-type:none; }
ul.list-blue li ul { counter-reset:subsection; }
ul.list-blue li:before{
    counter-increment:section;
    content: '\2022 ';  /*mainsection*/
    color: #07A2DD;
    font-weight: bold;
    margin-left: -1.3em;
    padding-right: 5px;
}
ul.list-blue li ul li:before {
    counter-increment:subsection;
    content: '\2022 ';  /*subsection*/
    color: #07A2DD;
    font-weight: bold;
    margin-left: -1.3em;
    padding-right: 5px;
}