/*@import 'http://www.tpa.or.th/css/greyscale.css';*/
html { position: relative; min-height: 100%; }
body {  }
h1, h2, h3, h4, h5 { font-weight: bold; }

.navbar { border-radius: 0; border: 0 none; }
.navbar-inverse { background-color: #FBA026; }
.navbar-inverse a { color: #FFF !important; }
.navbar-nav > li > a { padding-top: 18px; padding-bottom: 18px; font-size: 16px; }
.navbar-brand { height: 54px; margin-right: 4px; padding-right: 5px; font-size: 0.9em; font-weight: bold; }
.navbar-brand > span img { margin-top: -1em; width: 65px; height: auto; }
/*.navbar-brand > span img { margin-top: -14px; width: 97px; }*/
.navbar-brand > span { display: inline; }
.navbar-inverse li:hover { background-color: #F37934; }
.navbar-inverse .navbar-toggle { border-color: #EEE; }
.navbar-inverse .navbar-nav > .open, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:active { background-color: #F37934; }
.dropdown-menu { background-color: #111; }
.dropdown-menu > li > a:hover { background-color: #F37934; }
.subnav { padding-top: 4px; background-color: #222; text-align: right; }
.subnav ul { margin-bottom: 0.2em; }
.subnav, .subnav a { color: #DDD; }

.footer { padding-top: 0.9em; background-color: #FBA026; color: #FFF; }
.footer h5 { margin: 0 0 0.5em 0; padding: 0 0 0.3em 0.3em; border-bottom: 1px solid #fcad43; }
.footer a { color: #FFF; }
.footer ol, .footer ul { margin: 0; padding: 0 0 0 0.3em; list-style-type: none; }
.footer ul li { display: inline; margin-right: 0.3em; }
.footer ul.footer-socialicon li img { width: 35px; height: 35px; margin-bottom: 6px; }
.footer-copyright { padding: 1em 0; background-color: #111111; color: #CCC; font-size: 0.9em; }
.footer-copyright a, .footer-copyright a:hover { color: #CCC; text-decoration: none; }

.carousel { margin-top: -20px; margin-bottom: 8px; padding: 0; }
/*.carousel-caption { min-height: 4em; }*/
.carousel-indicators li { border: 1px solid #CCC; }
.carousel-indicators .active { background-color: #DDD; }
.caption-invert { color: #000 !important; text-shadow: 0 1px 2px rgba(255,255,255,.6) !important; }

.box-sharetools { padding-bottom:0.4em; } .box-sharetools span { min-height: 22px !important; }
.navbar-inverse ul.navbar-right li:hover { background-color: #FBA026 !important; }

.navbar-lang { text-align: right; }
.navbar-lang .button-lang { margin: 6px 8px 0 0; padding: 0 !important; border: 0 none !important; background: none !important; }
.navbar-lang .button-lang img { height: 40px !important; width: auto;}
.navbar-lang-box { background-color: #111111; }

.contxt { white-space: nowrap; }

/* --------------------------------------------- */
/* Home */

#home-courses > div > div { border: 0 none; }
#home-courses > div > div a { color: #444; }
#home-branches .img-circle { border: 5px solid #FFF; }
#home-branches > div > div { background-color: #F8F8F8; border: 0 none; }
#home-branches > div > div dt { margin: 0.7em 0 0 0; font-size: 1.5em; }
#home-branches > div > div dt > span { display: block; font-size: 0.7em; color: #888; }
#home-branches > div > div dd .glyphicon { color: #888; }
#home-services > div > div { border: 0 none; }
#home-services > div > div > a { font-weight: bold; color: #444; }
#home-services > div > div > a > span { display: block; font-weight: normal; color: #888; }
#home-services .thumbnail picture img { margin: 0 auto; }
#home-services a span { margin-top: 0.3em; font-size: 1.2em; font-weight: bold !important; color: #222222 !important; text-decoration: none; }
#home-promotion a img { margin: 0 auto; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3); }
.animate-up a img { transition: transform ease 200ms; }
.animate-up a img:hover { transform: translate(0, -5px); }
.carousel-inner > .item > a > picture, .carousel-inner > .item > a > picture img { margin-left: auto; margin-right: auto; }
.carousel-inner { text-align: center; } .carousel-inner .item img { width:100%; }

/* --------------------------------------------- */
/* Page */
.page-top-pic { margin-top: -20px; margin-bottom: 8px; padding: 0; }
.page-about .jumbotron { padding: 1.4em 1em; background-color: #FBA026; color: #FFF; }
.page-calendar .table-calendar tr th:nth-child(1), .page-calendar .table-calendar tr td:nth-child(1) { width: 14%; text-align: right; }

.responsiveCal { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; }
.responsiveCal iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }

@media (max-width: 991px) {
    .footer-socialicon li img { width: 48px; height: 48px; }
}

@media (min-width: 769px) and (max-width: 991px) {
	#home-news .thumbnail { min-height: 400px;}
}

@media (max-width: 768px) {
	.navbar-brand > span img { width: 60px; height: auto; }
	.navbar-nav > li > a { padding-top: 8px; padding-bottom: 8px; font-size: 14px; }
	.carousel-caption { display: block; position: static; padding-top: 10px; padding-bottom: 20px; bottom: 0px; color: #333 !important; text-shadow: none; }
	.carousel-caption h3 { margin: 0; padding: 0; font-size: 1em; }
	.carousel-caption p { font-size: 0.9em; }
	.carousel-indicators { bottom: 0; }
	h1 { font-size: 1em; }
	.footer { font-size: 0.8em; }
	.footer ul { padding-bottom: 0.4em; }
}

/* --------------------------------------------- */
/* Add */
.blink {
	animation: blink-animation 0.5s steps(5, start) infinite;
	-webkit-animation: blink-animation 1s steps(5, start) infinite;
  }
  @keyframes blink-animation { to { visibility: hidden; } }
  @-webkit-keyframes blink-animation { to { visibility: hidden; } }