:root {
  --border-1: #f4f9f2;
  --border-2: #51d78b;
  --border-3: #0a5e03;
}

/*CSS Green Theme*/
.rd-navbar-classic.rd-navbar-static .rd-navbar-panel-item-left::before,
.rd-navbar-classic.rd-navbar-static .rd-navbar-panel-item-right::before,
.rd-navbar-darker, .rd-navbar-fixed .rd-navbar-panel, .rd-navbar-classic.rd-navbar-static .rd-navbar-panel {
  background: -webkit-linear-gradient(left, #424242 0%, #000000 40%, #000000 80%, #424242 100%);
  background:    -moz-linear-gradient(left, #424242 0%, #000000 40%, #000000 80%, #424242 100%);
  background:     -ms-linear-gradient(left, #424242 0%, #000000 40%, #000000 80%, #424242 100%);
  background:      -o-linear-gradient(left, #424242 0%, #000000 40%, #000000 80%, #424242 100%);
  background:         linear-gradient(left, #424242 0%, #000000 40%, #000000 80%, #424242 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#424242', endColorstr='#424242');
  background: #051a02;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-panel {
  border-bottom: 1px solid var(--border-1);
}

.rd-navbar-classic {
  background: -webkit-linear-gradient(top, #1fc210 0%, #1dac10 30%, #23b616 70%, #144d0e 80%, #051a02 100%);
  background:    -moz-linear-gradient(top, #1fc210 0%, #1dac10 30%, #23b616 70%, #144d0e 80%, #051a02 100%);
  background:     -ms-linear-gradient(top, #1fc210 0%, #1dac10 30%, #23b616 70%, #144d0e 80%, #051a02 100%);
  background:      -o-linear-gradient(top, #1fc210 0%, #1dac10 30%, #23b616 70%, #144d0e 80%, #051a02 100%);
  background:         linear-gradient(top, #1fc210 0%, #1dac10 30%, #23b616 70%, #144d0e 80%, #051a02 100%);
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-main-bottom {
  padding: 3px 0px 2px 0px;
  background: -webkit-linear-gradient(left, #1c9111 0%, #0a5e03 40%, #0a5e03 80%, #1c9111 100%);
  background:    -moz-linear-gradient(left, #1c9111 0%, #0a5e03 40%, #0a5e03 80%, #1c9111 100%);
  background:     -ms-linear-gradient(left, #1c9111 0%, #0a5e03 40%, #0a5e03 80%, #1c9111 100%);
  background:      -o-linear-gradient(left, #1c9111 0%, #0a5e03 40%, #0a5e03 80%, #1c9111 100%);
  background:         linear-gradient(left, #1c9111 0%, #0a5e03 40%, #0a5e03 80%, #1c9111 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#0a5e03', endColorstr='#0a5e03');
  border-top: 1px solid var(--border-1);
  border-bottom: 1px solid var(--border-2);
}

.rd-navbar-fixed .rd-navbar-panel {
  background: -webkit-linear-gradient(top, #1fc210 0%, #168b0c 100%);
  background:    -moz-linear-gradient(top, #1fc210 0%, #168b0c 100%);
  background:     -ms-linear-gradient(top, #1fc210 0%, #168b0c 100%);
  background:      -o-linear-gradient(top, #1fc210 0%, #168b0c 100%);
  background:         linear-gradient(top, #1fc210 0%, #168b0c 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#1dac10', endColorstr='#23b616');
  color: #000 !important;
}

.rd-navbar-fixed .rd-navbar-main {
  background: -webkit-linear-gradient(top, #ce1316 0%, #b30f12 30%, #ac0b0e 70%, #8d1012 80%, #8d1012 100%);
  background:    -moz-linear-gradient(top, #ce1316 0%, #b30f12 30%, #ac0b0e 70%, #8d1012 80%, #8d1012 100%);
  background:     -ms-linear-gradient(top, #ce1316 0%, #b30f12 30%, #ac0b0e 70%, #8d1012 80%, #8d1012 100%);
  background:      -o-linear-gradient(top, #ce1316 0%, #b30f12 30%, #ac0b0e 70%, #8d1012 80%, #8d1012 100%);
  background:         linear-gradient(top, #ce1316 0%, #b30f12 30%, #ac0b0e 70%, #8d1012 80%, #8d1012 100%);
  background: #2f13ce;
}
.rd-navbar-fixed .rd-navbar-main-bottom {
  background: none;
}
.rd-navbar-fixed .rd-nav-link {
  color: #fff;
}
.rd-navbar-fixed .rd-nav-link:hover{
  background: #000 !important;
}
.rd-navbar-fixed .rd-navbar-collapse a.badge.badge-primary {
  color: #000;
}
.rd-navbar-dark .rd-navbar-classic a.badge-primary {
  background-color: #ffd03a;
}
.rd-navbar-dark .rd-navbar-classic .link-icon .icon {
  color: #ffd03a;
}
.rd-navbar-dark .rd-navbar-classic .link-icon:hover .icon {
  color: #fff;
}
.rd-navbar-dark .rd-navbar-classic .link-icon:hover {
  color: #ffd03a;
}

.rd-navbar-static .rd-navbar-megamenu {
  background: #fff;
  color: #000;
  border: 1px solid #ffffff;
  border-top: 0px;
}
.rd-navbar-static .rd-megamenu-list-link, .rd-navbar-static .rd-megamenu-list-link:hover, .rd-navbar-static .rd-megamenu-list-link:hover::before, .rd-navbar-static .rd-megamenu-list li > a::before {
  color: #000 !important;
}
.rd-megamenu-main h5 {
  color: #000 !important;
}
.rd-megamenu-main h5 {
  color: #000 !important;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-panel-item { 
  padding: 10px 0;
}

body { 
  background-color: #ffffff;
}
section.section-minimal.bg-gray-100, .bg-gray-100 {
  background: -webkit-linear-gradient(top, #a10c0f 0%, #a01316 100%);
  background:    -moz-linear-gradient(top, #a10c0f 0%, #a01316 100%);
  background:     -ms-linear-gradient(top, #a10c0f 0%, #a01316 100%);
  background:      -o-linear-gradient(top, #a10c0f 0%, #a01316 100%);
  background:         linear-gradient(top, #a10c0f 0%, #a01316 100%);
  background: #ffffff;
  border-top: 1px solid var(--border-3);
  border-bottom: 1px solid var(--border-3);
}
section.section-minimal.bg-gray-100 h1, section.section-minimal.bg-gray-100 h2, section.section-minimal.bg-gray-100  h3, 
section.section-minimal.bg-gray-100 h4, section.section-minimal.bg-gray-100 h5, section.section-minimal.bg-gray-100 h6, section.section-minimal.bg-gray-100 [class*="heading-"] {
  color: #000;
}
section.section-minimal.bg-gray-100 [class*="heading-"] {
  color: #000;
}

.blog-post, .game-result { 
  background: #f9f9f9;
}
.list-tags a:hover{
  color: #000;
}

.context-dark .rd-navbar-classic a.badge-primary, .rd-navbar-dark .rd-navbar-classic a.badge-primary, .rd-navbar-darker .rd-navbar-classic a.badge-primary, .bg-gray-700 .rd-navbar-classic a.badge-primary, .bg-gray-2 .rd-navbar-classic a.badge-primary, .bg-gray-4 .rd-navbar-classic a.badge-primary, .bg-primary .rd-navbar-classic a.badge-primary, .bg-image-dark .rd-navbar-classic a.badge-primary, .context-dark .rd-navbar-classic a.badge-primary:focus, .rd-navbar-dark .rd-navbar-classic a.badge-primary:focus, .rd-navbar-darker .rd-navbar-classic a.badge-primary:focus, .bg-gray-700 .rd-navbar-classic a.badge-primary:focus, .bg-gray-2 .rd-navbar-classic a.badge-primary:focus, .bg-gray-4 .rd-navbar-classic a.badge-primary:focus, .bg-primary .rd-navbar-classic a.badge-primary:focus, .bg-image-dark .rd-navbar-classic a.badge-primary:focus, .context-dark .rd-navbar-classic a.badge-primary:active, .rd-navbar-dark .rd-navbar-classic a.badge-primary:active, .rd-navbar-darker .rd-navbar-classic a.badge-primary:active, .bg-gray-700 .rd-navbar-classic a.badge-primary:active, .bg-gray-2 .rd-navbar-classic a.badge-primary:active, .bg-gray-4 .rd-navbar-classic a.badge-primary:active, .bg-primary .rd-navbar-classic a.badge-primary:active, .bg-image-dark .rd-navbar-classic a.badge-primary:active {
	color: #000;
}

.blog-post-home p {
  font-size: 11px;
  margin-top: 5px;
}
.blog-post-home h1, .blog-post-home h2, .blog-post-home h3 {
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 0px;
}
.blog-post-home .quote-default {
  margin: 15px 0 15px 0;
}

.main-component a, .blog-post a, .aside-components a {
  color: #06b106;
}
.swiper-classic .swiper-button::after {
  background: #383838;
}
.swiper-classic .swiper-button:hover::after {
  background: #06b106;
  background: -webkit-linear-gradient(bottom, #9c0003 0%, #c80003 100%);
  background:    -moz-linear-gradient(bottom, #9c0003 0%, #c80003 100%);
  background:     -ms-linear-gradient(bottom, #9c0003 0%, #c80003 100%);
  background:      -o-linear-gradient(bottom, #9c0003 0%, #c80003 100%);
  background:         linear-gradient(bottom, #9c0003 0%, #c80003 100%);
  background: #220e94;
}
.ui-to-top {
  background-color: #3ac208;
  color: #fff;
}
.ui-to-top:hover {
  background: #ffd03a;
  color: #000;
}
@media (min-width: 576px) {
  .ui-to-top {
    right: 80px;
    bottom: 20px;
  }
}

.heading-component-title::before {
  border-left: 4px solid #000;
}
.game-result-classic {
  border-bottom: 3px solid #000;
}

.footer-classic-dark {
  background: #051a02;
  color: #fff;
}
.footer-classic-info {
  color: #fff;
}
.footer-classic-darken { 
  background: #32940e;
  color: #fff;
}
.footer-classic-aside {
  padding: 20px 0 20px 0;
}
.footer-classic-aside a:hover {
  color: #fff;
}
.footer-classic-dark a.icon-corporate:hover {
	color: #fff;
  background-color: #32940e;
}
.footer-classic-dark .button-gray-outline:hover {
	color: #fff;
	background-color: #06b106;
  border-color: #06b106;
  background-color: #32940e;
  border-color: #32940e;
}
.nav-minimal-list {
  color: #fff;
}
.nav-minimal-list > * {
  margin-left: 20px;
}

html .button-primary, html .button-primary:focus {
	color: #fff;
	background-color: #06b106;
  border-color: #06b106;
  background-color: #220e94;
  border-color: #220e94;
}
.checkbox .checkbox-custom-dummy::after, .checkbox-inline .checkbox-custom-dummy::after {
  color: #06b106;
}
.select2-container-active .select2-choice {
	border-color: #06b106;
}
.select2-drop.select2-drop-above.select2-drop-active {
	border: 1px solid #06b106;
}
.select2-drop-active {
   border: 1px solid #06b106;
}
.select2-results .select2-highlighted {
	color: #fff;
	background: #06b106;
}
.icon-primary {
  color: #64b000;
}
a.hover:hover{
  color: #ffd03a;
}
a, a:focus, a:active {
	color: #ffd03a;
}
a:hover {
  color: #dbb434;
}
a.icon:hover {
  color: #06b106 !important;
  color: #ffffff !important;
}
.page-link:hover, .page-link:focus, .page-link:active {
	color: #fff;
	background-color: #06b106;
	border-color: #06b106;
}
.page-item.active > .page-link, .page-item.active > .page-link:hover, .page-item.active > .page-link:focus, .page-item.active > .page-link:active {
  color: #fff;
  background-color: #06b106;
  border-color: #06b106;
}
/*
.rd-navbar-static .rd-navbar-dropdown li > a::before, .rd-navbar-static .rd-megamenu-list li > a::before {
  border-color: transparent transparent transparent #06b106;
  color: #06b106 !important;
}
a.rd-megamenu-list-link:hover {
  color: #06b106 !important;
}*/
.rd-navbar-toggle span, .rd-navbar-toggle span::before, .rd-navbar-toggle span::after {
  background-color: #ffffff;
}
.custom-yellow {
  background-color: #ffd03a !important;
}
.custom-yellow-text {
  color: #ffd03a !important;
}
.blog-post-meta .icon {
  color: #06b106;
}

/*jssor color*/
.jssorb053 .i .b {fill:#bc0003;}
.jssora093 .c {stroke:#bc0003;}
.jssora093 .a {stroke:#bc0003;}
.jssora081 .c {fill:#bc0003;stroke:#fff;}

/* Promotion Banner */
.promo-banner {
  border-bottom: 1px solid #cecece;
}
.promo-banner .caption {
  background: -webkit-linear-gradient(left, #63080a 0%, #bc0003 40%, #63080a 100%);
  background:    -moz-linear-gradient(left, #63080a 0%, #bc0003 40%, #63080a 100%);
  background:     -ms-linear-gradient(left, #63080a 0%, #bc0003 40%, #63080a 100%);
  background:      -o-linear-gradient(left, #63080a 0%, #bc0003 40%, #63080a 100%);
  background:         linear-gradient(left, #63080a 0%, #bc0003 40%, #63080a 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#010125', endColorstr='#000064');
  color: #fff;
}
.promo-banner .caption h2 {
  color: #fff;
}
.promo-banner .caption .more {
  color: #ffd03a;
}
.promo-banner .caption:before {
  color: #fff;
}
.promo-banner.hover > .caption:before {
  color: #ffd03a;
}
.promo-banner .desc {
  border: 1px solid #cecece;
  background: #fff;
  color: #000;
}
.promo-banner .desc h1, .promo-banner .desc h2, .promo-banner .desc h3 {
  color: #000;
}

.post-badly {
  margin-top: 10px;
  max-width: 100%;
}
.post-badly-body {
  background-color: #fbc440;
  background: -webkit-linear-gradient(left, #3d9317 0%, #56d81e 100%);
  background:    -moz-linear-gradient(left, #3d9317 0%, #56d81e 100%);
  background:     -ms-linear-gradient(left, #3d9317 0%, #56d81e 100%);
  background:      -o-linear-gradient(left, #3d9317 0%, #56d81e 100%);
  background:         linear-gradient(left, #3d9317 0%, #56d81e 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#3d9317', endColorstr='#c3f177');
  padding: 10px 10px 10px 20px;
  border-left: 1px solid #000;
}
.post-badly-body-top {
  display: flex;
  flex-direction: row;
}
.post-badly-group .post-badly:first-child .post-badly-body{
  border-left: 0px;
}
.post-badly-body i {
  font-size: 40px;
  margin-right: 10px;
  float: left;
  color: #000;
}
.post-badly-team {
  font-size: 12px;
  padding-top: 4px;
  color: #000;
}
@media (max-width: 768px) {
  .post-badly-body i {
    font-size: 32px;
  }
  .post-badly-team {
    font-size: 10px;
  }
}
/*CSS Green Theme [END]*/

.container {
  max-width: 1000px;
}
#jssor_1, #jssor_1 .slides {
  width: 1000px;
  height: 400px;
}
.front-page-banner {
  background: url('../../../images/_aonbola/bg_3.jpg?v=1.0') no-repeat fixed; 
  background-position: 0 0px;
}
.second-banner{
  padding-top: 10px;
  padding-bottom: 10px;
}
.second-banner .box-menu, .second-banner .post-badly{
  
}

.rd-navbar-fixed .rd-navbar-panel {
  z-index: 1001003;
}
.rd-navbar-fixed .rd-navbar-main {
  z-index: 1001002;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-panel-item.rd-navbar-panel-item-left {
  width: 50%;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-brand img {
  max-width: 250px;
}
.rd-navbar-panel-item-right ul.list-inline li a{
  font-size: 18px;
  line-height: 18px;
}
@media (min-width: 800px) {
  .rd-navbar-panel-item-left .link-classic {
    font-size: 14px;
  }
  .rd-navbar-panel-item-right .link-classic {
    font-size: 14px;
  }
  .rd-navbar-panel-item-right .badge {
    font-size: 14px;
    line-height: 14px;
  }
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-panel-item {
  width: 50%;
}

.rd-navbar-main {
  position: relative;
  z-index: 2;
}
@media (min-width: 1200px) {
  .rd-navbar-brand {
    margin-top: -55px;
    margin-top: 0px; /*aonbola*/
  }
  .rd-navbar-classic.rd-navbar-static .rd-navbar-panel-item.rd-navbar-panel-item-left {
    padding-left: 170px;
    padding-left: 0px; /*aonbola*/
  }
}

@media (min-width: 1200px) {
	.rd-navbar-classic.rd-navbar-static .rd-navbar-main-top {
		padding: 10px 0;
	}
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-main-bottom .rd-navbar-main-container {
  max-width: 1360px;
}
.rd-navbar-nav {
  margin: 0 auto;
  min-width: 1168px;
  min-width: 998px;
  position: relative;
}
.rd-navbar-nav .navbar-icon {
  width: 25px;
  padding-right: 5px;
  margin-right: 5px;
}
.rd-navbar-nav .navbar-icon .navbar-icon-item {
  width: 25px;
  height: 25px;
  background-image: url('../../../images/menu.png?v=1.1');
}
.rd-navbar-classic.rd-navbar-static .navbar-icon {
  display: block;
  text-align: center;
  width: 25px;
  height: 25px;
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: 2px;
  position: relative;
  padding-right: 0px;
}
.rd-navbar-classic.rd-navbar-static .navbar-icon .navbar-icon-item {
  position: absolute;
  top: 0px;
  left: 0px;
}
.rd-navbar-classic.rd-navbar-static .navbar-icon .navbar-icon-item.default {
  z-index: 1;
}
.rd-navbar-nav .navbar-icon .navbar-icon-item.active {
  z-index: 2;
  display: none;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-main-bottom ul li:hover .navbar-icon .navbar-icon-item.active, .rd-navbar-classic.rd-navbar-static .rd-navbar-nav .rd-nav-item.focus .navbar-icon .navbar-icon-item.active{
  /*background-position: -25px 0;*/
  display: block;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-main-bottom ul.rd-navbar-nav > li.rd-nav-item > a{
  transition: 0s ease-out opacity;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-main-bottom ul.rd-navbar-nav > li.rd-nav-item:hover > a{
  color: #ffd03a;
  transition: 0s ease-out opacity;
}

.rd-navbar-static .rd-nav-item + .rd-nav-item {
	margin-left: 15px;
}

.rd-navbar-static .rd-menu {
  margin-top: 2px;
}

.rd-navbar-static .rd-megamenu-5-columns, .rd-navbar-static .rd-megamenu-1-columns {
	display: block;
	padding: 0;
}

.rd-navbar-static .rd-megamenu-5-columns .rd-megamenu-main, .rd-navbar-static .rd-megamenu-1-columns .rd-megamenu-main {
	padding: 30px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.rd-navbar-static .rd-megamenu-5-columns .rd-megamenu-item, .rd-navbar-static .rd-megamenu-1-columns .rd-megamenu-item {
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
}

.rd-navbar-static .rd-megamenu-5-columns .rd-megamenu-item-nav, .rd-navbar-static .rd-megamenu-1-columns .rd-megamenu-item-nav {
	-webkit-flex-basis: 37%;
	-ms-flex-preferred-size: 37%;
	flex-basis: 37%;
	max-width: 37%;
}

.rd-navbar-static .rd-megamenu-5-columns .rd-megamenu-item-content, .rd-navbar-static .rd-megamenu-1-columns .rd-megamenu-item-content {
	-webkit-flex-basis: 63%;
	-ms-flex-preferred-size: 63%;
	flex-basis: 63%;
	max-width: 63%;
}

.rd-navbar-static .rd-megamenu-5-columns * + .row, .rd-navbar-static .rd-megamenu-1-columns * + .row {
	margin-top: 17px;
}

.rd-navbar-static .rd-megamenu-5-columns .post-classic-main, .rd-navbar-static .rd-megamenu-1-columns .post-classic-main {
	padding-right: 0;
}

@media (max-width: 1199px) {
	.rd-navbar-static .rd-megamenu-5-columns .countdown-section:last-child, .rd-navbar-static .rd-megamenu-1-columns .countdown-section:last-child {
		display: none;
	}
	.rd-navbar-static .rd-megamenu-5-columns .post-classic-figure, .rd-navbar-static .rd-megamenu-1-columns .post-classic-figure {
		max-width: 82px;
	}
	.rd-navbar-static .rd-megamenu-5-columns .post-classic-title, .rd-navbar-static .rd-megamenu-1-columns .post-classic-title {
		font-size: 13px;
	}
	.rd-navbar-static .rd-megamenu-5-columns * + .post-classic-title, .rd-navbar-static .rd-megamenu-1-columns * + .post-classic-title {
		margin-top: 5px;
	}
}

@media (min-width: 1200px) {
	.rd-navbar-static .rd-megamenu-5-columns .rd-megamenu-main, .rd-navbar-static .rd-megamenu-1-columns .rd-megamenu-main {
		padding: 45px 50px;
	}
	.rd-navbar-static .rd-megamenu-5-columns .rd-megamenu-main + .rd-megamenu-main, .rd-navbar-static .rd-megamenu-1-columns .rd-megamenu-main + .rd-megamenu-main {
		padding-top: 0px;
	}
	.rd-navbar-static .rd-megamenu-5-columns .rd-megamenu-item, .rd-navbar-static .rd-megamenu-1-columns .rd-megamenu-item {
		padding-right: 20px;
	}
	.rd-navbar-static .rd-megamenu-5-columns .rd-megamenu-item + .rd-megamenu-item, .rd-navbar-static .rd-megamenu-1-columns .rd-megamenu-item + .rd-megamenu-item {
		padding-left: 0px;
	}
	.rd-navbar-static .rd-megamenu-5-columns .rd-megamenu-item-nav {
		-webkit-flex-basis: 25%;
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}
	.rd-navbar-static .rd-megamenu-1-columns .rd-megamenu-item-nav {
		-webkit-flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
}

.rd-navbar-static .rd-megamenu-item + .rd-megamenu-item {
	padding-left: 0px;
}

.rd-megamenu-list .rd-megamenu-list-item .megamenu-icon {
  display: block;
}
.rd-megamenu-list .rd-megamenu-list-item .wrapper {
  display: block !important;
}
.rd-megamenu-list .rd-megamenu-list-item .rd-megamenu-list-link span {
  display: block;
}
/*
.rd-navbar-mobile {
  display: none !important;
}
.rd-navbar-fixed .rd-navbar-mobile {
  display: block !important;
  transform: scale3d(1, 1, 1) !important;
	opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
}*/
.rd-navbar-fixed {
  margin-bottom: 54px;
}
.rd-navbar-fixed .rd-navbar-collapse {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 1089;
  transform: scale3d(1, 1, 1);
  opacity: 1;
  visibility: visible;
}
.rd-navbar-fixed .rd-navbar-collapse-toggle {
  display: none;
}
.rd-navbar-fixed .rd-navbar-panel-item-left {
  padding-right: 10px;
  position: relative;
}
.rd-navbar-fixed .rd-navbar-brand {
  margin-top: 0px;
}
.rd-navbar-fixed .link-icon-text {
  font-size: 12px !important;
}
.rd-navbar-fixed .link-icon-left .icon {
  margin-right: 7px !important;
}
.rd-navbar-fixed .rd-navbar-panel .rd-navbar-collapse {
  display: none;
}
.rd-navbar-fixed #bookmark-this, .rd-navbar-fixed #home-page{
  display: none;
}

.rd-navbar .rd-navbar-collapse-2 {
  display: none;
}
.rd-navbar-fixed .rd-navbar-collapse-2 {
  position: fixed;
  display: block;
  top: 55px;
  z-index: 1001001;
  background: #000;
}
.rd-navbar-fixed .rd-navbar-main > :last-child {
  margin-bottom: 180px;
}

.header-contact {
  order: 3;
  width: 220px;
  min-width: 220px;
}
.header-contact > div {
  text-align: right;
}
.header-contact a.icon {
  padding-bottom: 5px;
  color: #fff;
  font-size: 14px;
  line-height: 1.6;
}

.clear {
  clear: both;
}

.list-link ul {
  margin: 0px;
  padding: 0px;
}

.navbar-banner {
  order: 2;
  text-align: right;
}
.navbar-banner, .navbar-banner > div, .navbar-banner > a {
  vertical-align: middle;
}
.navbar-banner img {
  max-height: 95px;
}
.icon.fa-home::before {
  font-weight: 600;
}

.ticker {
  order: 2;
  border-top: 0px solid rgb(100, 176, 0);
  border-bottom: 0px solid rgb(100, 176, 0);
  font-size: 12px;
  padding: 15px;
  line-height: 1;
  font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ICON */
.rd-navbar-fixed .rd-navbar-submenu-toggle::after {
  font-family: "Font Awesome 5 Free";
  content: "\f078";
  font-weight: 900;
  font-size: 10px;
}
/*
.rd-navbar-classic.rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle {
  position: relative;
  top: -1px;
  left: 3px;
}
.rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle::before {
  font-family: "Font Awesome 5 Free";
  position: relative;
  content: "\f078";
  font-weight: 900;
  font-size: 8px;
}
.swiper-classic .swiper-button-prev::before {
  font-family: "Font Awesome 5 Free";
  content: '\f053';
  margin-left: -3px;
  font-weight: 900;
  font-size: 16px;
}
.swiper-classic .swiper-button-next::before {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  margin-right: -3px;
  font-weight: 900;
  font-size: 16px;
}
.fl-bigmug-line-login12::before {
  font-family: "Font Awesome 5 Free";
  content: '\f2f6';
  font-weight: 900;
  font-size: 16px;
  top: 1px;
}
.breadcrumbs-custom-path li::after {
  font-family: "Font Awesome 5 Free";
  content: '\f105';
  font-weight: 900;
  font-size: 12px;
  right: -6px;
}
.breadcrumbs-custom-path li.active {
  top: 1px;
}
.mdi-clock::before {
  font-family: "Font Awesome 5 Free";
  content: '\f017';
  font-weight: 500;
  font-size: 14px;
  top: -2px;
  left: 0px;
}
.fl-justicons-visible6::before {
  font-family: "Font Awesome 5 Free";
  content: "\f06e";
  font-size: 14px;
  left: 0px;
}
*/
.owl-carousel-arrows-outline .owl-arrow-prev::before {
  margin-right: -1px;
  font-family: "Font Awesome 5 Free";
  content: '\f053';
  font-weight: 700;
  font-size: 14px;
}
.owl-carousel-arrows-outline .owl-arrow-next::before {
  margin-right: -1px;
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight: 700;
  font-size: 14px;
}
/* ICON END */

.swiper-container {
  width: 1170px;
  width: 1000px;
  max-height: 350px !important;
  max-width: 100%;
}
.swiper-classic {
	min-height: 0vw;
}
.swiper-slide {
  width: 1170px;
  width: 1000px;
  height: 350px !important;
}
.swiper-classic .swiper-slide-caption {
  padding: 95px 30px 95px;
  max-width: 340px;
}

.breadcrumbs-custom-path li.active {
  top: 1px;
}

.blog-post-content > * + * {
  margin-top: 15px;
}

.spacer-5 {
  clear: both;
  height: 5px;
}
.spacer-10 {
  clear: both;
  height: 10px;
}
.spacer-20 {
  clear: both;
  height: 20px;
}
.spacer-30 {
  clear: both;
  height: 30px;
}
.spacer-40 {
  clear: both;
  height: 40px;
}

.downloadList{
	font-size:16px;
	line-height:80px;
	text-align:center;
	width:680px;
	margin:0 auto;
}
.downloadList img{
	float:left;
}
.downloadList span{
	display:block;
	float:left;
	margin:0 40px 0 20px;
}

.panelTable{
	width:100%;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:0;
	color:#000000;
}
.panelTable .header{
	background:#ff7500;
}
.panelTable .footer{
	background:#FFCC33;
}
.panelTable .item{
	background:#FFFFFF;
}
.panelTable .altitem{
	background:#DBDBDB;
}

.panelTable .item:hover, .panelTable .altitem:hover{
	background:#FFFF66;
}

.panelTable .item:hover td, .panelTable .altitem:hover td{
	background:#FFFF66 !important;
}

.panelTable .item2{
	background:#FFFCCC;
}
.panelTable .altitem2{
	background:#fCd7d4;
}
.panelTable .header td{
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	text-align:center;
}
.panelTable .footer td{
	color:#000000;
	font-weight:bold;
	font-size:11px;
	text-align:center;
}
.panelTable .item td, .panelTable .altitem td{
	font-size:12px;
}
.panelTable .item td input, .panelTable .altitem td input{
	font-family:Arial;
}
.panelTable td{
	padding:3px 5px 3px 5px;
	border:1px solid #CCCCCC;
	border-right:0px;
	border-bottom:0px;
}
.panelTable a{
	color:#db002a;
	text-decoration:underline;
}
.panelTable a:hover{
	color:#FF0000;
}

/*------PAGING-----*/
.current_paging{
	margin-right:5px;
	font-weight:bold;
	color:#ff7800;
	border:1px solid #CCCCCC;
	background-color:#333333;
	text-align:center;
	float:left;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
}

.not_current_paging{
	margin-right:5px;
	font-weight:bold;
	border:1px dotted #CCCCCC;
	text-align:center;
	float:left;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	background:#333333;
}
.not_current_paging a, .not_current_paging_noborder a{
	color:#FFFFFF;
}
.current_paging, .not_current_paging a{
	display:block;
	padding:2px 9px 2px 9px;
}
.pagingLine{
	float:right;
	clear:both;
}
.contactListIcon{
	float:left;
	text-align:center;
	width:178px;
	margin:0 0 40px 0;
	font-family:"Trebuchet MS", Arial;
	font-size:12px;
	text-transform:uppercase;
}
.contactListIcon img {
  width: 100px;
  height: 100px;
}

.confirmation {
	font-size: 12px;
	color: #FF0000;
	margin-top: 10px;
}
.confirmation p{
	margin: 0px;
}
.successMessage {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  display: block;

  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.errorMessage {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  display: block;

  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.form-inquiry {
  position: relative;
  margin-bottom: 15px;
}
.form-header{
  margin-bottom: 5px;
  font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #64b000;
  display: block;
}
.form-wrap > div {
  position: relative;
  line-height: 24px;
  vertical-align: middle;
}
.form-wrap > div .icon {
  font-size: 24px;
  line-height: 24px;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: -2px;
}

.form-label, .form-label-outside, .select2-container .select2-choice {
  color: #333;
}
.form-input {
  color: #333;
  border: 1px solid #333;
}
.checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom-dummy {
  border: 1px solid #333;
}
.post-comment-header {
	position: relative;
}
.messageLabelNew {
	position: absolute;
	right:0;
}

.post-classic-title a, .post-corporate a, .post-miranda a {
  white-space: normal;
}

/*
#fixed-action-btn-direction-bottom {
  opacity: 0;
  position: absolute; 
  height: 70px; 
  left: 15px; 
  top: 235px; 
  z-index: 9999; 
  width: 40px;
}
.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck #fixed-action-btn-direction-bottom, 
.rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone #fixed-action-btn-direction-bottom {
  top: 70px;
  opacity: 1;
  -webkit-animation: fadeInFromNone 0.5s ease-out;
  -moz-animation: fadeInFromNone 0.5s ease-out;
  -o-animation: fadeInFromNone 0.5s ease-out;
  animation: fadeInFromNone 0.5s ease-out;
}
@-webkit-keyframes fadeInFromNone {
  0% { display: none; opacity: 0; }
  1% { display: block; opacity: 0; }
  100% { display: block; opacity: 1; }
}
@-moz-keyframes fadeInFromNone {
  0% { display: none; opacity: 0; }
  1% { display: block; opacity: 0; }
  100% { display: block; opacity: 1; }
}
@-o-keyframes fadeInFromNone {
  0% { display: none; opacity: 0; }
  1% { display: block; opacity: 0; }
  100% { display: block; opacity: 1; }
}
@keyframes fadeInFromNone {
  0% { display: none; opacity: 0; }
  1% { display: block; opacity: 0; }
  100% { display: block; opacity: 1; }
}

#fixed-action-btn-direction-right {
  left: 200px;
  top: 9px;
  position: absolute;
}
#fixed-action-btn-direction-right > ul {
  margin-left: 15px;
}
#fixed-action-btn-direction-left {
  display: none;
}
.rd-navbar-fixed #fixed-action-btn-direction-left {
  position: absolute;
  display: block;
  top: -18px;
  height: 36px;
}
.rd-navbar-fixed #fixed-action-btn-direction-right {
  display: none;
}
.fixed-action-btn-medium .btn-floating {
  width: 36px;
  height: 36px;
}
.fixed-action-btn-medium .btn-floating i {
  font-size: 1.3rem;
  line-height: 36px;
}
.fixed-action-btn-medium ul li {
  padding: 0px;
  width: 35px;
  margin-top: 2px !important;
}
#fixed-action-btn-direction-bottom ul li a.btn-floating {
  margin-left: 7px !important;
}

.fixed-action-btn-caption{
  position: absolute;
  left: 60px;
  top: 4px;
  box-shadow: 2px 2px 13px rgba(0,0,0,0.1);
  border: 1px solid #ffd03a;
  border-radius: 5px;
  background: white;
  cursor: pointer;
  color: #000;
  opacity: 1;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
}
.fixed-action-btn-caption::before, .wh-widget-left .fixed-action-btn-caption::after {
  content: '';
  position: absolute;
  background: white;
  border-bottom: 1px solid #ffd03a;
  border-right: 1px solid #ffd03a;
  left: -5px;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  z-index: 1;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.rd-navbar-fixed #fixed-action-btn-direction-left .fixed-action-btn-caption{
  left: auto;
  right: 55px;
}
.rd-navbar-fixed #fixed-action-btn-direction-left .fixed-action-btn-caption::before, .wh-widget-left .fixed-action-btn-caption::after {
  left: auto;
  right: -5px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.fixed-action-btn-caption .wh-call-to-action-content {
  padding: 5px 10px 5px 10px;
  line-height: 18px;
  max-height: 34px;
  max-width: 175px;
  min-width: 165px;
  overflow: hidden;
  font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.2;
  color: #151515;
}
.fixed-action-btn.active .fixed-action-btn-caption {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  opacity: 0;
  left: 0px;
}
.rd-navbar-fixed #fixed-action-btn-direction-left.active .fixed-action-btn-caption {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  opacity: 0;
  right: 0px;
}
.fixed-action-btn .icon-chat {
  opacity: 1;
  position: absolute;
  left: 0px;
}
.fixed-action-btn .icon-close {
  opacity: 0;
  position: absolute;
  left: 0px;
}
#fixed-action-btn-direction-left.fixed-action-btn .icon-chat, #fixed-action-btn-direction-left.fixed-action-btn .icon-close {
  left: auto;
  right: 0px;
}
.fixed-action-btn.active .icon-chat {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  opacity: 0;
}
.fixed-action-btn.active .icon-close {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  opacity: 1;
}*/

@keyframes glowing {
  0% { box-shadow: 0 0 -10px #c4a300; }
  40% { box-shadow: 0 0 20px #c4a300; }
  60% { box-shadow: 0 0 20px #c4a300; }
  100% { box-shadow: 0 0 -10px #c4a300; }
}

.button-glow {
  animation: glowing 5000ms infinite;
}

.wc-wrapper {
  position: fixed;
  bottom: 35px;
  left: 10px;
  z-index: 900;
}
.wc-wrapper.wc-mobile {
  bottom: 75px;
}
.wc-wrapper .wc-icon-main {
  display: block;
  padding: 10px;
  position: relative;
  z-index: 10;
}
.wc-wrapper .wc-icon-main img {
  border-radius:25px;
}
.wc-wrapper.active .wc-icon-main img {
  box-shadow:  0 0 10px rgba(0,0,0,0.6);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
  animation: none !important;
}
.wc-wrapper .wc-caption{
  opacity: 0;
  position: absolute;
  z-index: 5;
  left: 0px;
  top: 20px;
  box-shadow: 2px 2px 13px rgba(0,0,0,0.1);
  border: 1px solid #ffd03a;
  border-radius: 5px;
  background: white;
  cursor: pointer;
  color: #000;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
}
.wc-wrapper.active .wc-caption {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  opacity: 1;
  left: 80px;
}
@media (max-width: 480px) {
  .wc-wrapper .wc-caption{
    opacity: 1;
    left: 80px;
  }
}

.wc-wrapper .wc-caption::before, .wc-wrapper .wc-caption::after {
  content: '';
  position: absolute;
  background: white;
  border-bottom: 1px solid #ffd03a;
  border-right: 1px solid #ffd03a;
  left: -5px;
  top: 51%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  z-index: 1;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.wc-wrapper .wc-caption-content {
  padding: 5px 10px 5px 10px;
  line-height: 18px;
  max-height: 34px;
  max-width: 250px;
  min-width: 175px;
  overflow: hidden;
  font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.2;
  color: #151515;
}

.h3 {
  font-size: 33px;
}
.h4 {
  font-size: 24px;
}

.blog-post-content h1 {
  font-size: 32px;
}
.blog-post-content h2 {
  font-size: 20px;
}
.blog-post-content ol {
  counter-reset: li;
  padding-left: 25px;
  text-align: left;
  margin-top: 0px;
}
.blog-post-content ol > li {
  position: relative;
  padding-left: 15px;
}
.blog-post-content ol > li:before {
  content: counter(li, decimal) ".";
  counter-increment: li;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 15px;
  color: #151515;
}
.blog-post-content ul { 
  list-style: initial;
  margin: initial;
  padding: 0 0 0 40px;
}
.blog-post-content ul li {
  display: list-item;
}

.brand-md img {
  max-width: 190px;
  max-height: 90px;
}

@font-face {
  font-family: 'layers-icons';
  src:    url('../../../assets/fonts/layers-icons/layers-icons.eot?32qo76');
  src:    url('/wp-content/themes/layerswp/assets/css/icon-fonts/layers-icons.eot?32qo76#iefix') format('embedded-opentype'),
      url('../../../assets/fonts/layers-icons/layers-icons.woff2?32qo76') format('woff2'),
      url('../../../assets/fonts/layers-icons/layers-icons.ttf?32qo76') format('truetype'),
      url('../../../assets/fonts/layers-icons/layers-icons.woff?32qo76') format('woff'),
      url('../../../assets/fonts/layers-icons/layers-icons.svg?32qo76#layers-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

.promo-banner {
  font-size: 15px;
}
.promo-banner > img {
  cursor: pointer;
}
.promo-banner .caption {
  cursor: pointer;
  display: block;
  padding: 7px 7px 5px 10px;
  position: relative;
  transition: .1s;
  font-family: 'Teko',sans-serif;
  font-size: 1.5em;
  font-style: italic;
  height: 48px;
}
.promo-banner .caption .caption-inner {
  height: 28px;
  overflow: hidden;
  position: absolute;
  left: 35px; 
  top: 11px;
  width: 100%;
}
.promo-banner .caption h2 {
  font-family: 'Teko',sans-serif;
  font-size: 1.1em;
  font-style: italic;
  display: block;
  text-transform: none;
  transition: all 200ms;
}
.promo-banner.hover > .caption h2 {
  margin-top: -38px;
}
.promo-banner .caption .more {
  font-size: 1.1em;
  display: block;
}
.promo-banner .caption:before {
  content: "\e600";
  font-family: 'layers-icons';
  font-size: .8em;
  margin: 0 0.3em 0 0;
  font-weight: bold;
  transition: .1s;
  display: inline-block;
  position: absolute;
  top: 9px;
}
.promo-banner.hover > .caption:before {
  
}
.promo-banner .desc {
  padding: 8px 10px;
  border-bottom: 0px;
  display: none;
}

.bank-list img {
  width: 100px;
  height: auto;
  background: #fff;
  margin-right: 10px;
  padding: 5px;
  margin-top: 10px;
}

.box-menu-list:hover {
  background: black;
  color: white;
  transition: all .4s;
}

.box-menu i{
  float: left;
}

.box-menu i{
  font-size: 40px;
  margin-left: 5%;
}

.box-menu-list{
  margin: 0 0 0 0;
  text-align: center;
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
  background: #000;
  color: #fff;
  border-left: 1px solid #366806;
}
@media (max-width: 768px) {
  .box-menu-list{
    border: none;
  }
}

.box-menu h2{
  margin: 0;
  padding: 0;
  font-family: "AvantGarde", Arial;
  text-transform: uppercase;
  font-size: large;
  font-weight: bold;
  color: #fff;
}

.box-menu h3 {
  font-family: "AvantGarde", Arial;
  font-size: 11px;
  color: #fff;
}

@media (max-width: 768px) {
  .box-menu h2{
    font-size: medium;
  }
  .box-menu h3 {
    font-size: 10px;
  }
}

.box-menu .box-menu-list:hover:not(.box-join) > * {
  color: #000;
}
.box-menu-list a {
  color: #fff;
}

.box-menu-list:hover {
  background:  #fff;
  color: #000;
}
.box-menu-list:hover i, .box-menu-list:hover h2, .box-menu-list:hover h3 {
  color: #000;
}

.box-join {
  background: #3d9317;
}
.box-join h2, .box-join h3, .box-join i {
  color: #fff;
}

.flex {
  display: flex;
}
.flex.flex-right {
  justify-content: flex-end;
}