/* Animations Delay */
/* ---------------------------------------------------- */
.animation-delay-1 {
	-webkit-animation-delay: .1s !important;
	-moz-animation-delay: .1s !important;
	-o-animation-delay: .1s !important;
	animation-delay: .1s !important;
}

.animation-delay-2 {
	-webkit-animation-delay: .2s !important;
	-moz-animation-delay: .2s !important;
	-o-animation-delay: .2s !important;
	animation-delay: .2s !important;
}

.animation-delay-3 {
	-webkit-animation-delay: .3s !important;
	-moz-animation-delay: .3s !important;
	-o-animation-delay: .3s !important;
	animation-delay: .3s !important;
}

.animation-delay-4 {
	-webkit-animation-delay: .4s !important;
	-moz-animation-delay: .4s !important;
	-o-animation-delay: .4s !important;
	animation-delay: .4s !important;
}

.animation-delay-5 {
	-webkit-animation-delay: .5s !important;
	-moz-animation-delay: .5s !important;
	-o-animation-delay: .5s !important;
	animation-delay: .5s !important;
}

.animation-delay-6 {
	-webkit-animation-delay: .6s !important;
	-moz-animation-delay: .6s !important;
	-o-animation-delay: .6s !important;
	animation-delay: .6s !important;
}

.animation-delay-7 {
	-webkit-animation-delay: .7s !important;
	-moz-animation-delay: .7s !important;
	-o-animation-delay: .7s !important;
	animation-delay: .7s !important;
}

.animation-delay-8 {
	-webkit-animation-delay: .8s !important;
	-moz-animation-delay: .8s !important;
	-o-animation-delay: .8s !important;
	animation-delay: .8s !important;
}

.animation-delay-9 {
	-webkit-animation-delay: .9s !important;
	-moz-animation-delay: .9s !important;
	-o-animation-delay: .9s !important;
	animation-delay: .9s !important;
}

.animation-delay-10 {
	-webkit-animation-delay: 1s !important;
	-moz-animation-delay: 1s !important;
	-o-animation-delay: 1s !important;
	animation-delay: 1s !important;
}

.animation-delay-11 {
	-webkit-animation-delay: 1.1s !important;
	animation-delay: 1.1s !important;
}

.animation-delay-12 {
	-webkit-animation-delay: 1.2s !important;
	animation-delay: 1.2s !important;
}

.animation-delay-13 {
	-webkit-animation-delay: 1.3s !important;
	animation-delay: 1.3s !important;
}

.animation-delay-14 {
	-webkit-animation-delay: 1.4s !important;
	animation-delay: 1.4s !important;
}

.animation-delay-15 {
	-webkit-animation-delay: 1.5s !important;
	animation-delay: 1.5s !important;
}

.animation-delay-16 {
	-webkit-animation-delay: 1.6s !important;
	animation-delay: 1.6s !important;
}

.animation-delay-17 {
	-webkit-animation-delay: 1.7s !important;
	animation-delay: 1.7s !important;
}

.animation-delay-18 {
	-webkit-animation-delay: 1.8s !important;
	animation-delay: 1.8s !important;
}

.animation-delay-19 {
	-webkit-animation-delay: 1.9s !important;
	animation-delay: 1.9s !important;
}

.animation-delay-20 {
	-webkit-animation-delay: 2s !important;
	animation-delay: 2s !important;
}

.animation-delay-21 {
	-webkit-animation-delay: 2.1s !important;
	animation-delay: 2.1s !important;
}

.animation-delay-22 {
	-webkit-animation-delay: 2.2s !important;
	animation-delay: 2.2s !important;
}

.animation-delay-23 {
	-webkit-animation-delay: 2.3s !important;
	animation-delay: 2.3s !important;
}

.animation-delay-24 {
	-webkit-animation-delay: 2.4s !important;
	animation-delay: 2.4s !important;
}

.animation-delay-25 {
	-webkit-animation-delay: 2.5s !important;
	animation-delay: 2.5s !important;
}

.animation-delay-26 {
	-webkit-animation-delay: 2.6s !important;
	animation-delay: 2.6s !important;
}

.animation-delay-27 {
	-webkit-animation-delay: 2.6s !important;
	animation-delay: 2.6s !important;
}

.animation-delay-28 {
	-webkit-animation-delay: 2.8s !important;
	animation-delay: 2.8s !important;
}

.animation-delay-29 {
	-webkit-animation-delay: 2.9s !important;
	animation-delay: 2.9s !important;
}

.animation-delay-30 {
	-webkit-animation-delay: 3s !important;
	animation-delay: 3s !important;
}
/*
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	src: local("Open Sans"), local("OpenSans"), url("https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2") format("woff2"), url("https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff") format("woff");
}

@font-face {
	font-family: 'SocialGlyphs';
	src: url('../fonts/socialglyphs-webfont.eot');
	src: url('../fonts/socialglyphs-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/socialglyphs-webfont.woff') format('woff'), url('../fonts/socialglyphs-webfont.ttf') format('truetype'), url('../fonts/socialglyphs-webfont.svg#SocialGlyphsRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Muli";
	font-style: normal;
	font-weight: 300;
	src: local("Muli Light"), local("Muli-Light"), url("https://fonts.gstatic.com/s/muli/v7/T-qN9Yh40TTJeenUALkjgg.woff2") format("woff2"), url("https://fonts.gstatic.com/s/muli/v7/_fUwxgthNvUM9WCtMyMvbA.woff") format("woff");
}

@font-face {
	font-family: 'FontTitle';
	src: url('../fonts/ThaiSansNeue-Light.eot');
	src: url('../fonts/ThaiSansNeue-Light.eot?') format('embedded-opentype'), url('../fonts/ThaiSansNeue-Light.woff') format('woff'), url('../fonts/ThaiSansNeue-Light.ttf') format('truetype'), url('../fonts/ThaiSansNeue-Light.svg#ThaiSansNeue-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}*/



.dropdown.dropdown-inverse a {
	color: #fff;
}

	.dropdown.dropdown-inverse a:hover {
		color: #fff;
		background-image: linear-gradient(to top, #0087c1, #0099da);
	}

.dropdown.dropdown-inverse ul {
	background-color: #333;
	color: #fff;
	border-color: #222;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4), inset 0 0 0 rgba(255, 255, 255, 0.75);
}

.dropdown.dropdown-inverse .divider {
	background-color: #555;
}

.dropdown.dropdown-inverse .dropdown-header {
	border-color: #555;
	box-shadow: none;
	color: #ccc;
}

/*--- jib 20210211---*/
.dropdown > a:after,
.dropdown-submenu > a:after {
	top: 8px;
	right: 9px;
	font-size: 11px;
	content: "\f105";
	position: absolute;
	font-weight: normal;
	display: inline-block;
	font-family: FontAwesome;
}

.dropdown > a:after {
	top: 18px;
	right: 15px;
	content: "\f107";
}

.dropdown-submenu > .dropdown-menu {
	top: -1px;
	left: 100%;
	margin-top: -5px;
	margin-left: 0;
}

.dropdown-submenu:hover > .dropdown-menu {
	display: block;
}

@media (max-width: 767px) {

	.dropdown-submenu > .dropdown-menu {
		display: block;
		margin-left: 15px;
	}

	.dropdown > a {
		border-bottom: solid 1px #ddd;
		margin: 0;
	}

	.dropdown.open > a,
	.dropdown.open > a:focus,
	.dropdown.open > a:active {
		border-bottom: solid 1px #ddd;
	}

	.dropdown a {
		padding: 0 6px;
	}

	.dropdown-submenu {
		padding: 0;
		margin-top: -5px;
	}

		.dropdown-submenu a {
			padding: 5px 0;
			margin: 0;
		}

		.dropdown-submenu > a:after {
			content: " ";
		}

	.dropdown > a:after {
		top: 10px;
		right: 15px;
		content: "\f104";
	}

	.dropdown.open > a:after {
		top: 10px;
		right: 15px;
		content: "\f107";
	}
}

.dropdown-submenu.pull-left {
	float: none;
}

	.dropdown-submenu.pull-left > .dropdown-menu {
		left: -100%;
		margin-left: 10px;
	}

.dropdown-header {
	text-align: center;
	border-bottom: solid 1px #e5e5e5;
	border-top: solid 1px #e5e5e5;
	padding: 6px 0;
	margin: 9px 0;
}

.main-header .container {
	position: relative;
}

@media (max-width: 500px) {
	.main-header .breadcrumb {
		display: none !important;
	}
}

.main-header .breadcrumb {
	margin: 0;
	display: inline-block;
	background: none;
	color: #fff;
	font-size: 1em;
	top: 0;
	right: 10px;
}

	.main-header .breadcrumb li {
		color: #eee;
	}

		.main-header .breadcrumb li.current_item {
			color: #eee;
		}

	.main-header .breadcrumb a {
		color: #fff;
	}

		.main-header .breadcrumb a:hover {
			text-decoration: none;
			border-bottom: solid 1px #fff;
		}

.breadcrumb > li + li:before {
	padding: 0 6px 0 5px;
	content: "\00bb";
}

.main-header .breadcrumb > li + li:before {
	color: #fff;
}

.nav-pills > li > a {
	border-radius: 0;
	color: #333;
}

.nav-pills.nav-stacked > li.active > a,
.nav-pills.nav-stacked > li.active > a:hover,
.nav-pills.nav-stacked > li.active > a:focus {
	border-left: solid 3px #000;
	background-color: #eee;
	color: #333;
}

.nav-pills.nav-stacked > li > a {
	border-left: solid 3px #0099da;
}

	.nav-pills.nav-stacked > li > a:hover {
		border-left: solid 3px #000;
	}

.nav-stacked > li + li {
	margin: 0;
}

.nav-stacked {
	background-color: #f9f9f9;
	border: solid 1px #eee;
}

.thumbnail {
	border-radius: 0;
	position: relative;
	transition: all .25s ease;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
	border-color: #0099da;
}

.thumbnail.thumbnail-round {
	border-radius: 5px;
}

	.thumbnail.thumbnail-round > img {
		border-radius: 5px;
	}

/* ---------------------------------------------------- */
/* Navbar */
/* ---------------------------------------------------- */
.navbar-default {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 0 2px rgba(255, 255, 255, 0.75);
	background-image: linear-gradient(to top, #ececec, #f4f4f4);
	margin-bottom: 0;
	border-bottom: 0;
}

	.navbar-default .navbar-brand {
		font-size: 28px;
		font-weight: 300;
		text-transform: lowercase;
		font-family: "Kanit", sans-serif;
		word-spacing: -6px;
		-webkit-text-stroke: 0.01em;
		/*background-image: url("../img/colors/blue/logo.png");
		background-size: cover;*/
		background-position: left center;
		background-repeat: no-repeat;
		padding-left: 0;
		color: #000;
	}

@media (min-width: 360px) and (max-width: 768px) {
	.navbar-default .navbar-brand {
		margin-left: 10px;
	}
}

@media (max-width: 400px) {
	.navbar-default .navbar-brand {
		background: none;
		padding-left: 0;
	}
}

.navbar-default .navbar-brand span {
	color: #12418F;
}

.dropdown-menu li a {
	position: relative;
}

	.dropdown-menu li a .label {
		position: absolute;
		right: 10px;
		top: 8px;
	}

	.dropdown-menu li a:hover .label {
		background-color: #fff;
		color: #2DA8E0;
	}

@media (min-width: 767px) {
	/*Navbar Collapse*/
	.navbar-collapse {
		padding: 0;
	}

	/*Navbar*/
	.navbar-default .navbar-nav > li > a {
		padding-top: 16px;
		padding-bottom: 15px;
		margin-top: -1px;
		color: #000;
		font-family: "Kanit";
		font-size: 16px;
		font-weight: 400;
	}

	.navbar-default .navbar-nav > li.dropdown > a {
		padding-right: 30px;
	}

	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:active,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a {
		background-color: #2DA8E0;
		background-image: linear-gradient(to top, #3535D8, #2DA8E0);
		color: #fff;
	}

	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus {
		background-color: #2DA8E0;
		background-image: linear-gradient(to top, #3535D8, #2DA8E0);
		color: #fff;
	}
	/*Dropdown Menu*/
	.dropdown-menu {
		padding: 0;
		min-width: 200px;
		border-radius: 0;
		z-index: 9999 !important;
		margin-top: 0 !important;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4), inset 0 0 2px rgba(255, 255, 255, 0.75);
		background-color: #f5f5f5;
	}

		.dropdown-menu li a {
			font-size: 13px;
			font-weight: 400;
			padding: 6px 15px;
		}

		.dropdown-menu .active > a,
		.dropdown-menu li > a:hover,
		.dropdown-menu li > a:focus,
		.dropdown-menu li > a:active {
			background-color: #2DA8E0;
			background-image: linear-gradient(to top, #3535D8, #2DA8E0);
			color: #fff;
		}
}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 14px;
		padding-left: 8px;
		padding-right: 8px;
	}

	.navbar-default .navbar-nav > li.dropdown > a {
		padding-right: 25px;
	}

	.dropdown > a:after {
		right: 10px;
	}

	.navbar-default .navbar-brand {
		font-size: 1.9em;
		word-spacing: -5px;
		-webkit-text-stroke: 0.007em;
		background-image: none;
		padding-left: 5px;
	}
}

.navbar-header .navbar-toggle {
	margin: 0;
	padding: 8px 12px 4px 12px;
	background-color: #555;
	background-image: linear-gradient(to top, #4d4d4d, #666666);
	border: none;
	border-radius: 0;
	color: #fff;
	position: absolute;
	left: 0;
	height: 60px;
}

	.navbar-header .navbar-toggle:hover,
	.navbar-header .navbar-toggle:focus {
		background-color: #2DA8E0;
	}

	.navbar-header .navbar-toggle i {
		margin: 0;
		padding: 0;
		line-height: 100%;
		font-size: 1.5em;
	}


.sb-icon-navbar i {
	background-color: #555;
	background-image: linear-gradient(to top, #4d4d4d, #666666);
	color: #fff;
	padding: 11px;
	margin-left: 15px;
	vertical-align: middle;
	font-size: 1.5em;
	padding: 15px 14px 14px 14px;
	height: 50px;
}

@media (min-width: 768px) and (max-width: 842px) {
	.navbar-right {
		float: left !important;
	}
}

@media (max-width: 991px) {
	.sb-icon-navbar i {
		position: absolute;
		right: 0;
		top: 0;
		margin: 0;
	}
}

@media (max-width: 767px) {
	.navbar-default .navbar-brand {
		font-size: 1.7em;
		word-spacing: -4px;
		margin-left: 50px;

	}
}


/*-------------------------------------------------------------------*/
/* Header full */
/*-------------------------------------------------------------------*/
	.navbar-header .top-menu-login {
			float: right;
			overflow: hidden;
			color: #fff;
			margin-right: 20px;
			margin-top: 20px;
}
@media (max-width: 767px) {
	.navbar-header .top-menu-login {
			float: right;
			overflow: visible;
			color: #fff;
			margin-right: 20px;
			margin-top: 20px;
}
}


.header-full {
	/*background-image: linear-gradient(to top, #f0f0f0, #f4f4f4);*/
	background-color: #FFF;
}
.header {
	margin-top: -25px;
}
.header-full-title {
	float: left;
	overflow: hidden;
	/*padding-left: 125px;
	background-image: url("img/acm_logo.png");
	background-repeat: no-repeat;
	background-position: left center;*/
}

	.header-full-title h5 {
		font-size: 14px;
		color: #12418F;

	}
	.header-full-title h5 span {
		margin-bottom: 0px;
		margin-top: 0px;
		text-align: center;
		font-size: 20px;
		color: #12418F;
	}

.top-menu-left{
	text-align: right;
	font-size: 14px;
	padding-top: 30px;

}
.top-nav {
	float: right;
	position: relative;
}

	.top-nav .dropdown {
		display: inline-block;
		margin-left: 20px;
		z-index: 999;
		vertical-align: top;
	}

		.top-nav .dropdown a {
			margin: 0;
			padding: 0;
			display: inline-block;
			padding: 7px 10px;
			color: #000;
			text-decoration: none;
			background-color: #f1f1f1;
			box-shadow: inset 0 0 1px #ffffff;
			border: solid 1px #e3e6e8;
			border-top: 0;
		}

		.top-nav .dropdown > a:after {
			content: none;
		}

		.top-nav .dropdown a i {
			font-size: 1.2em;
			color: #444;
		}

.dropdown-search-box,
.dropdown-login-box {
	overflow: hidden;
	padding: 10px;
	min-width: 300px;
	box-shadow: none;
}

	.dropdown-search-box .form-group,
	.dropdown-login-box {
		margin: 0;
	}

		.dropdown-login-box h4 {
			margin: 5px 0 10px 0;
		}

		.dropdown-login-box .btn {
			margin-top: 10px;
		}

.top-nav-social {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline-block;
	margin-left: 20px;
	background-color: #f1f1f1;
	box-shadow: inset 0 0 1px #ffffff;
	border: solid 1px #e3e6e8;
	border-top: 0;
	overflow: hidden;
}

	.top-nav-social li {
		float: left;
		margin: 0;
	}

	.top-nav-social a {
		font-size: 1.5em;
		margin: 0;
		color: #444;
		display: inline-block;
		padding: 7px 10px;
		min-width: 40px;
		text-align: center;
		transition: all .25s ease;
	}

		.top-nav-social a.twitter:hover {
			background-color: #00aced;
			color: #fff;
		}

		.top-nav-social a.facebook:hover {
			background-color: #3b5998;
			color: #fff;
		}

		.top-nav-social a.instagram:hover {
			background-color: #517fa4;
			color: #fff;
		}

		.top-nav-social a.rss:hover {
			background-color: #ef922f;
			color: #fff;
		}

		.top-nav-social a.linkedin:hover {
			background-color: #007bb6;
			color: #fff;
		}

		.top-nav-social a.git:hover {
			background-color: #666666;
			color: #fff;
		}

		.top-nav-social a.google-plus:hover {
			background-color: #dd4b39;
			color: #fff;
		}

		.top-nav-social a.youtube:hover {
			background-color: #bb0000;
			color: #fff;
		}

		.top-nav-social a.pinterest:hover {
			background-color: #cb2027;
			color: #fff;
		}

		.top-nav-social a.wordpress:hover {
			background-color: #4597be;
			color: #fff;
		}

		.top-nav-social a.flickr:hover {
			background-color: #ff0084;
			color: #fff;
		}

		.top-nav-social a.vine:hover {
			background-color: #00b48a;
			color: #fff;
		}

		.top-nav-social a.dribbble:hover {
			background-color: #f26798;
			color: #fff;
		}

		.top-nav-social a.foursquare:hover {
			background-color: #0072b1;
			color: #fff;
		}

		.top-nav-social a.tumblr:hover {
			background-color: #32506d;
			color: #fff;
		}
/* ----- */
.navbar-header-full {
	background-color: #f0f0f0;
	background-image: none;
	box-shadow: none;
	border-top: solid 1px #ddd;
}

	.navbar-header-full.navbar-inverse {
		border-top: solid 1px #2DA8E0;
	}

	.navbar-header-full.navbar-dark {
		border-top: solid 1px #2DA8E0;
	}

.navbar-default.navbar-inverse + .main-header {
	background-color: #fff;
	border-bottom: solid 1px #ddd;
	color: #333;
}

	.navbar-default.navbar-inverse + .main-header .page-title,
	.navbar-default.navbar-inverse + .main-header a {
		color: #333;
		border-color: #333;
	}

	.navbar-default.navbar-inverse + .main-header .breadcrumb > li + li:before {
		color: #888;
	}

	.navbar-default.navbar-inverse + .main-header li.active,
	.navbar-default.navbar-inverse + .main-header li.current_item {
		color: #000;
		border-color: #000;
	}

.header-full-dark {
	background-image: none;
	background-color: #444;
	color: #fff;
}

	.header-full-dark .header-full-title h1 a {
		margin-bottom: 5px;
		margin-top: 15px;
		font-family: "Kanit";
		word-spacing: -7px;
		color: #fff;
		font-size: 32px;
	}

.navbar-header-full .sb-icon-navbar i {
	height: 51px;
	margin-top: -1px;
}

.navbar-inverse .sb-icon-navbar i {
	background-color: #444;
	background-image: none;
}

.header-full + .navbar-inverse {
	background-image: none;
	box-shadow: none;
}

.header-full-dark .top-nav-social {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline-block;
	margin-left: 20px;
	background-color: #333;
	box-shadow: inset 0 0 1px #323232;
	border: solid 1px #555;
	border-top: 0;
	overflow: hidden;
}

	.header-full-dark .top-nav-social li {
		float: left;
		margin: 0;
	}

	.header-full-dark .top-nav-social a {
		color: #999;
		transition: all .25s ease;
	}

.header-full-dark .top-nav .dropdown a {
	color: #999;
	background-color: #333;
	box-shadow: inset 0 0 1px #323232;
	border: solid 1px #555;
	border-top: 0;
}

	.header-full-dark .top-nav .dropdown a i {
		color: #999;
	}

.header-full-dark .top-nav .dropdown-menu {
	color: #999;
	background-color: #333;
}

	.header-full-dark .top-nav .dropdown-menu input {
		color: #999;
		background-color: #444;
		border-color: #555;
		box-shadow: none;
	}

		.header-full-dark .top-nav .dropdown-menu input:focus {
			border-color: #2DA8E0;
		}

.header-full-dark ~ .navbar-dark {
	border-top: solid 1px #555;
}
/* Navbar Dark สีเมนู*/
.navbar-dark {
	background-color: #12418F;
	background-image: none;
	color: #fff;
	box-shadow: none;
}

	.navbar-dark a {
		background-image: none;
	}

.navbar-default.navbar-dark .navbar-nav > li > a:hover,
.navbar-default.navbar-dark .navbar-nav > .active > a:hover,
.navbar-default.navbar-dark .navbar-nav > .active > a {
	background-image: none;
	color: #fff;
}

	.navbar-default.navbar-dark .navbar-nav > li > a,
	.navbar-default.navbar-dark .navbar-nav > li > a:hover,
	.navbar-default.navbar-dark .navbar-nav > li > a:focus,
	.navbar-default.navbar-dark .navbar-nav > .active > a,
	.navbar-default.navbar-dark .navbar-nav > .active > a:hover,
	.navbar-default.navbar-dark .navbar-nav > .active > a:focus {
		color: #fff;
	}

.navbar-default.navbar-dark .navbar-nav > .open > a,
.navbar-default.navbar-dark .navbar-nav > .open > a:hover,
.navbar-default.navbar-dark .navbar-nav > .open > a:focus {
	background-color: #2DA8E0;
	background-image: none;
	color: #fff;
}

.navbar-default.navbar-dark .navbar-brand {
	color: #eee;
}

.navbar-default.navbar-dark + .main-header {
	background-color: #f1f1f1;
	border-bottom: solid 1px #ddd;
	color: #333;
}

	.navbar-default.navbar-dark + .main-header .page-title,
	.navbar-default.navbar-dark + .main-header a {
		color: #333;
		border-color: #333;
	}

	.navbar-default.navbar-dark + .main-header .breadcrumb > li + li:before {
		color: #888;
	}

	.navbar-default.navbar-dark + .main-header li.active,
	.navbar-default.navbar-dark + .main-header li.current_item {
		color: #000;
		border-color: #000;
	}

.navbar-dark .dropdown .dropdown-menu {
	background-color: #FFFFFF;
	color: #000;
	border-color: #555;
	box-shadow: none;
}

	.navbar-dark .dropdown .dropdown-menu a {
		color: #000;
		background-image: none;
	}

		.navbar-dark .dropdown .dropdown-menu a:hover,
		.navbar-dark .dropdown .dropdown-menu a:focus {
			color: #fff;
		}

.navbar-dark .dropdown .divider {
	background-color: #555;
}

.navbar-dark .dropdown .dropdown-header {
	color: #fff;
	border-color: #555;
}

.navbar-dark .sb-icon-navbar i {
	background-color: #12418F;
	background-image: none;
}

.navbar-dark .navbar-header .navbar-toggle {
	background-color: #12418F;
	background-image: none;
}

.navbar-header .navbar-toggle:hover,
.navbar-header .navbar-toggle:focus {
	background-color: #2DA8E0;
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav {
		margin-top: 0;
		margin-bottom: 0;
	}

	.navbar-dark .navbar-collapse {
		border-color: #2DA8E0;
	}
	.navbar-default .navbar-nav > li > a {
		border-bottom: solid 1px #2DA8E0;
		margin: 0;
	}

	.dropdown-menu a {
		padding-top: 7px !important;
		padding-bottom: 7px !important;
	}

	.navbar-dark .dropdown-menu a {
		color: #000 !important;
	}

	.navbar-dark .dropdown-submenu.active > a,
	.navbar-dark .dropdown-menu .active > a {
		background-color: #2DA8E0 !important;
	}

	.navbar-dark .dropdown.active > a,
	.navbar-dark .dropdown a:hover,
	.navbar-dark .dropdown a:focus,
	.navbar-dark .dropdown.active a:hover,
	.navbar-dark .dropdown.active a:focus {
		background-color: #2DA8E0 !important;
        color: white !important;
	}

	.navbar-dark .dropdown.open > a,
	.navbar-dark .dropdown.open > a:focus,
	.navbar-dark .dropdown.open > a:active {
		border-bottom: none;
		background-color: #2DA8E0;
	}

	.navbar-dark .dropdown-submenu .dropdown-menu li > a {
		color: #000 !important;
	}

		.navbar-dark .dropdown-submenu .dropdown-menu li > a:hover {
			background-color: #2DA8E0 !important;
            color: white !important;
		}

	.dropdown-submenu {
		margin-left: -15px;
	}
}
/* Navbar Inverse */
.navbar-inverse {
	background-color: #0099da;
	background-image: none;
	color: #fff;
	box-shadow: none;
}

	.navbar-inverse .navbar-brand {
	/*	background-image: url("../img/logo_white.png");*/
	}

	.navbar-inverse .navbar-brand {
		color: #fff;
	}

		.navbar-inverse .navbar-brand span {
			color: #fff;
		}

	.navbar-inverse a {
		background-image: none;
	}

.navbar-default.navbar-inverse .navbar-nav > li > a:hover,
.navbar-default.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-default.navbar-inverse .navbar-nav > .active > a {
	background-image: none;
	color: #fff;
}

	.navbar-default.navbar-inverse .navbar-nav > li > a,
	.navbar-default.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-default.navbar-inverse .navbar-nav > li > a:focus,
	.navbar-default.navbar-inverse .navbar-nav > .active > a,
	.navbar-default.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-default.navbar-inverse .navbar-nav > .active > a:focus {
		color: #fff;
	}

		.navbar-default.navbar-inverse .navbar-nav > li > a:hover,
		.navbar-default.navbar-inverse .navbar-nav > li > a:focus,
		.navbar-default.navbar-inverse .navbar-nav > .active > a,
		.navbar-default.navbar-inverse .navbar-nav > .active > a:hover,
		.navbar-default.navbar-inverse .navbar-nav > .active > a:focus .navbar-default.navbar-inverse .navbar-nav > .open > a,
		.navbar-default.navbar-inverse .navbar-nav > .open > a:hover,
		.navbar-default.navbar-inverse .navbar-nav > .open > a:focus {
			background-color: #444;
			background-image: none;
			color: #fff;
		}

.navbar-default.navbar-inverse + .main-header {
	background-color: #f1f1f1;
	border-bottom: solid 1px #ddd;
	color: #333;
}

	.navbar-default.navbar-inverse + .main-header .page-title,
	.navbar-default.navbar-inverse + .main-header a {
		color: #333;
		border-color: #333;
	}

	.navbar-default.navbar-inverse + .main-header .breadcrumb > li + li:before {
		color: #888;
	}

	.navbar-default.navbar-inverse + .main-header li.active,
	.navbar-default.navbar-inverse + .main-header li.current_item {
		color: #000;
		border-color: #000;
	}

.navbar-inverse .dropdown .dropdown-menu {
	background-color: #444;
	color: #fff;
	border-color: #555;
	box-shadow: none;
}

	.navbar-inverse .dropdown .dropdown-menu a {
		color: #fff;
		background-image: none;
	}

		.navbar-inverse .dropdown .dropdown-menu a:hover,
		.navbar-inverse .dropdown .dropdown-menu a:focus {
			color: #fff;
		}

	.navbar-dark .dropdown .dropdown-menu .active > a:hover,
	.navbar-dark .dropdown .dropdown-menu .active > a:focus,
	.navbar-inverse .dropdown .dropdown-menu .active > a:hover,
	.navbar-inverse .dropdown .dropdown-menu .active > a:focus {
		background-color: #2DA8E0;
	}

.navbar-inverse .dropdown .divider {
	background-color: #555;
}

.navbar-inverse .dropdown .dropdown-header {
	color: #fff;
	border-color: #555;
}

.navbar-inverse .sb-icon-navbar i {
	background-color: #333;
	background-image: none;
}

.navbar-inverse .navbar-header .navbar-toggle {
	background-color: #333;
	background-image: none;
}

.navbar-header .navbar-toggle:hover,
.navbar-header .navbar-toggle:focus {
	background-color: inverseen(#333333, 5%);
}

.header-full-dark + .navbar-inverse {
	border-color: #0099da;
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-collapse {
		border-color: #555;
		background-color: #444;
	}

	.navbar-inverse .dropdown > a {
		border-bottom: solid 1px #555;
		margin: 0;
	}

	.dropdown-menu a {
		padding-top: 7px !important;
		padding-bottom: 7px !important;
	}

	.navbar-inverse .dropdown-menu a {
		color: #fff !important;
	}

	.navbar-inverse .dropdown-submenu.active > a,
	.navbar-inverse .dropdown-menu .active > a {
		background-color: #333 !important;
	}

	.navbar-inverse .dropdown.active > a,
	.navbar-inverse .dropdown a:hover,
	.navbar-inverse .dropdown a:focus,
	.navbar-inverse .dropdown.active a:hover,
	.navbar-inverse .dropdown.active a:focus {
		background-color: #333 !important;
	}

	.navbar-inverse .dropdown.open > a,
	.navbar-inverse .dropdown.open > a:focus,
	.navbar-inverse .dropdown.open > a:active {
		border-bottom: none;
		background-color: #333;
	}

	.navbar-inverse .dropdown-submenu .dropdown-menu li > a {
		color: #fff !important;
	}

		.navbar-inverse .dropdown-submenu .dropdown-menu li > a:hover {
			background-color: #333 !important;
		}
}


.hand-list {
	margin-top: 20px;
}

	.hand-list li {
		margin-bottom: 40px;
	}

.dropdown-menu-lang {
	width: auto;
	box-shadow: none;
}

	.dropdown-menu-lang li.active a {
		color: #fff;
	}

	.dropdown-menu-lang li a {
		display: block !important;
	}

		.dropdown-menu-lang li a:hover,
		.dropdown-menu-lang li a:focus {
			color: #fff;
		}

.header-full-dark .sh-header-title p span {
	background-color: #444;
}

.header-full-dark .sh-logo {
	border-color: #bbb;
}

.header-full-dark .dropdown-menu-lang li a {
	color: #fff !important;
	background-image: none;
}

	.header-full-dark .dropdown-menu-lang li a:hover,
	.header-full-dark .dropdown-menu-lang li a:focus {
		background-color: #0099da !important;
}