.cta{background: #660ea6 !important;  padding: 15px 25px !important; line-height: 1; min-width: 290px;}
a.cta{color: #fff !important; border-radius:0.5rem; }
#navbarText .menu-item a:hover{color: #fff !important}
#navbarText .menu-item a{color: #fff !important;}
.normalhead{background: #4db085 !important}
.homelogotop{margin: 20px 0; max-width: 90%}
.homehead{height: auto !important;}
.mainhomepage{padding: 100px 0}

.homehead{position: relative; overflow: hidden;}
.homehead_video{position: absolute; z-index: -2; width: 120% ; left: -10%; top: -10%}
.homehead_video iframe{max-width: 1760px; margin: 0 auto;}
.homehead_video:before{content:'';position: absolute; z-index: 1; width: 100%; background: rgb(0, 0, 0, 0.7); height: 100%}


h2 {
    color: #4db085;
    font-size: 36px;
    font-weight: 800;
}
#navbarText .menu-item-has-children > a, .ul-foot .menu-item-has-children > a {display: inline-block;}
#navbarText .menu-item-has-children {padding-right: 15px}
ul-foot .menu-item-has-children {padding-right: 0px}
#navbarText .sub-menu, .ul-foot .sub-menu {display: none; list-style-type: none;}
#navbarText .sub-menu > li > a, .ul-foot .sub-menu > li > a {display: inline; padding-right: 20px; text-transform: none;}
.ul-foot .sub-menu {padding-left: 15px}
ul .arrow {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  vertical-align: 5px;
  cursor: pointer;
}

ul.ul-foot .arrow {
	border-color: #000 !important;
	margin-left: 5px;
}

ul .right {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
} 

.sponsors .peach.caps{
	color: #4db085;
}

.static-des{
	font-size: 1.1em;
}

.asia-home-about{text-align: center;}

/*#navbarText .menu-item-has-children:hover .sub-menu, .ul-foot .menu-item-has-children:hover .sub-menu {display: block;}*/
/**/
.top-header #navbarText .menu-item-has-children:hover {background: #000}
.ul-foot .menu-item-has-children:hover .sub-menu {display: block;}
#navbar-mb {display: none;}
.top-header #navbarText .menu-item-has-children:hover .sub-menu {display: block;}
.top-header {height: 64px; background: #660ea6; position: relative; z-index: 9999}
.top-header #navbarText .menu-item a{font-size: 1.1em;}
.top-header #navbarText {padding: 0}
.top-header #navbarText .menu-item-has-children {position: relative;}
.top-header #navbarText .sub-menu {
	position: absolute;
    top: 64px;
    -webkit-transition: all .25s;
    transition: all .25s;
    z-index: 1000;
    padding: 8px 0;
    width: 200px;
    text-align: left;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    background: #000;
    border-radius: 0 0 8px 8px;
}
.top-header .navbar {padding: 0}
.top-header #navbarText {display: flex; width: 100%; justify-content: center; align-items: center; flex-direction: row !important; z-index: 0}
.top-header #navbarText > li {line-height: 64px;}
.top-header #navbarText > li > ul.sub-menu > li {line-height: initial !important;}
.top-header #navbarText > li > ul.sub-menu > li a{display: block; padding: 6px 8px}
.top-header #navbarText > li > ul.sub-menu > li:hover{background: #fff}
.top-header #navbarText > li > ul.sub-menu > li:hover a{color: #000 !important;}


.navbar-expand-lg .navbar-nav .nav-link{
	padding-right: 13px;
  padding-left: 13px;
}

@media only screen and (max-width: 767px) {
	ul .arrow {position: relative; right: -10px}
	#navbar-mb {display: block;}
	.ul-foot li {width: 100%;}
	.footpad .col-md-2 {width: 100% !important}
	.footpad {display: block;}
	.footpad .col-6 {max-width: 100%}
}


@media (max-width: 992px){
	.navbar-light .navbar-toggler{background: #fff}
	.top-header .navbar-collapse#navbarText{display: none;}
	.top-header .navbar-collapse.show#navbarText{display: block;}
	.top-header .navbar{margin: 10px;}
	.top-header{height: auto;}
	.top-header .navbar-nav#navbarText{
		flex-direction: column !important;
		align-items: flex-start;
		margin-top: 10px;
	}
	.top-header .navbar-nav#navbarText > li{
			line-height: 1;
	}
	.top-header #navbarText .menu-item a{padding: 10px 0px;}
	.top-header #navbarText .menu-item-has-children:hover{background: none}
	.top-header #navbarText .menu-item-has-children i{margin-left: 10px;}
	.top-header #navbarText .sub-menu{
		display: flex !important;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		position: relative;
		top: 0px;
		padding: 0px;
		width: 100%;
		background: none;
		border: 0px;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		padding-right: 5px;
	  padding-left: 5px;
	}
	.top-header #navbarText > li > ul.sub-menu > li a{font-size: 1em; font-weight: 400; padding: 0px 8px 6px 8px;}
	.top-header #navbarText > li > ul.sub-menu > li:hover{background: none}
	.top-header #navbarText > li > ul.sub-menu > li:hover a{color: #fff !important; text-decoration: underline;}
}

@media (max-width: 767px){
	.normalhead .homelogo a{display: block; text-align: center;}
	.normalhead .extratop{margin-top: 0px; margin-bottom: 30px;}
}
