#ja-headerwrap {
    background: #fff;
    border-top: 3px solid #fbcd0c;
    box-shadow: 0 2px 4px 0 rgba(84,84,84,0.25);
    /* margin-bottom: 15px; */
    position: relative;
    z-index: 100;
	font-family:"Microsoft JhengHei";
	font-size:12px;
	top:0;
}

#ja-headerwrap {
    padding-bottom: 0 !important;
}

#ja-headerwrap {
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 12%), inset 0 -1px 0 0 #dadce0;
}
#ja-headerwrap {
    margin-bottom: 0;
    padding-bottom: 1px;
}

 #ja-masscol{margin-top:0;}

/* .wrap-cont{
	position:relative;
	top:120px;
	bottom:120px;
} */

.notice-bar {
    background: #fff;
    border-bottom: 1px solid #eaeaea;
}
.header-top {
    top: 0;
    height: 40px;
    display: flex;
    text-align: left;
    justify-content: flex-end;
    font-size: 87.5%;
    align-items: center;
    background: #fff;
    width: 1160px;
    max-width: 100%;
    margin: 0 auto;
}

div.moduletable, div.moduletable_menu, div.moduletable_text {
    margin: 0;
    padding: 0;
}

.moduletable.topbar-left {
    display: inline-block;
    width: 83%;
}
.moduletable.topbar-left .custom {
    line-height: 40px;
    min-height: 40px;
}
.header-top .header-left {
    display: inline-block;
    vertical-align: middle;
}
.header-top .header-right {
    margin-left: auto;
    margin-right: 0;
    display: inline-block;
    float: right;
}
.top-bar-left {
    font-weight: bold;
    color: #16c86c;
}
.header-top .header-right a, .header-top a {
    color: #333;
    padding: 0 10px;
    font-size: 13px;
}
.header-top .header-right a {
    padding: 12px !important;
    border-left: 1px solid #e8e8e8;
    text-decoration: none;
}
.facebook--btn img {
    width: 28px;
	vertical-align: middle;
}

.whatapp--btn i {
    font-size: 22px;
    color: #00E676;
    display: inline-block;
    vertical-align: middle;
}
.top-right-sec {
    width: 17%;
    display: inline-block;
}

.whatapp--btn {
    border-right: 1px solid #e8e8e8;
}


.clearfix::after {
    clear: both;
	content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#ja-header {
    height: 90px;
    line-height: normal;
    padding: 0;
    position: relative;
    text-align: left;
	width: 1160px;
    z-index: 70;
	margin: 0 auto;
}

.clearfix {
    display: block;
}


span.logo {
    background-image: url("../images/logo-header.png");
    cursor: pointer;
    display: block;
    float: left;
    height: 80px;
    top: 0;
    width: 204px;
    z-index: 1;
}

#ja-mainnavwrap1 {
	float: left;
    width: 760px;
	 margin: 0 auto;
    position: relative;
    text-align: left;
    z-index: 70;
}
#ja-mainnavwrap2 {
    margin: 15px 0;
}

#ja-col1 ul, #ja-col2 ul, #ja-topsl ul, #ja-botsl ul, div.moduletable, div.moduletable_menu, div.moduletable_text {
    margin: 0;
    padding: 0;
}


.topmenu {
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding-right: 20px;
    text-align: right;
}
.topmenu div {
    float: left;
}

.topmenu a {
    color: #0283df;
    font-stretch: condensed;
    line-height: 24px;
    text-decoration: underline;
}
.topmenu div {
    float: left;
}

.full-width-nav .topmodule {
    float: none;
    width: 100%;
    clear: left;
}

.hotline {
    color: #686763;
    font-size: 12px;
    line-height: 24px;
}
.hotline span {
    color: #686763;
    line-height: 24px;
    margin: 0 0 0 5px;
    padding: 0 5px;
}

.hotline strong {
    margin: 0 0 0 5px;
}
.topmodule {
    float: left;
    width: 740px;
}

#ja-mainnav {
    float: right;
    margin: 0;
}
#ja-cssmenu {
    float: left;
    margin: 0;
}

#ja-cssmenu li.active, #ja-cssmenu li.active:hover, #ja-cssmenu li.active:active, #ja-cssmenu li.active:focus {
    color: #3e4141;
    font-weight: bold;
}
#ja-cssmenu li {
    color: #3e4141;
}
#ja-cssmenu li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    float: left;
    margin: 0 !important;
    padding: 0;
}
ul li {
    line-height: 150%;
	padding-left:20px;
}
#ja-cssmenu li a.active, #ja-cssmenu li a.active:hover, #ja-cssmenu li a.active:active, #ja-cssmenu li a.active:focus {
    color: #3e4141;
    font-weight: bold;
}
#ja-cssmenu li a {
    color: #3e4141;
    display: block;
    font-weight: normal;
    line-height: 35px;
    margin: 0;
    padding: 0 20px !important;
    text-decoration: none;
}
#ja-cssmenu li a:hover{
	color: #0866ae;
}
#ja-cssmenu li.active a span{border-top:none;}
#ja-cssmenu > li.havechild.active > a:after{ content: ""; display: block; position: absolute; bottom: 0; left: 20px; right: 25px; height: 2px; background-color: #0866ae; opacity: 1; margin: 0 atuo; -webkit-transition: all ease 200ms; transition: all ease 200ms; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); transform: scale(1,1); }

#ja-cssmenu > li > a:after{ content: ""; display: block; bottom: 0; left: 20px; right: 25px; height: 2px; background-color: #0866ae; opacity: 0; margin: 0 atuo; -webkit-transition: all ease 200ms; transition: all ease 200ms; -webkit-transform: scale(0,1); -moz-transform: scale(0,1); transform: scale(0,1); }

#ja-cssmenu > li.active > a:after{ content: ""; display: block; bottom: 0; left: 20px; right: 25px; height: 2px; background-color: #0866ae; opacity: 1; margin: 0 atuo; -webkit-transition: all ease 200ms; transition: all ease 200ms; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); transform: scale(1,1); }

#ja-cssmenu > li:hover > a:after, #ja-cssmenu > li:focus > a:after {
    opacity: 1;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
}

#ja-mainnav ul li.havechild a span, #ja-cssmenu li.active a span, #ja-cssmenu li a span {
    font-size: 1.3em;
}
#ja-cssmenu a.active span {
    color: #0866ae;
	font-weight:bold;
}
#ja-cssmenu li.havechild a {
    padding: 0 20px !important;
}
#ja-cssmenu li ul {
    background: #f3efe9 none repeat scroll 0 0;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.28);
}
#ja-cssmenu li ul {
    height: auto;
    left: -999em;
    position: absolute;
    width: 17.9em;
    z-index: 99;
}
#ja-cssmenu ul {
    margin: 0;
    padding: 0;
}


#ja-cssmenu li ul li {
    border-bottom: 1px solid #d8d6d0;
    border-right: medium none;
    margin-bottom: 1px;
}
#ja-cssmenu li li {
    margin: 0;
    padding: 0 1em 0 0;
    width: 16.9em;
}
#ja-cssmenu li ul a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border-right: medium none;
    color: #000 !important;
    font-weight: normal;
    margin: 0;
    padding: 5px 10px !important;
}
#ja-cssmenu li.havechild li a span {
    font-size: 1em;
}
#ja-cssmenu li ul ul {
    margin: -2em 0 0 5em;
}

#ja-cssmenu li:hover {
    background: #fff url("../images/nav-hoverbg.png") repeat-x scroll 0 0;
}

#ja-cssmenu li.havechild a:hover {
    color: #0866ae;
}


#footer-wrapper {
    background: #fff none repeat scroll 0 0;
    /* box-shadow: 0 0 3px #666666; */
    box-shadow: none;
    font-size: 12px;
	text-align:center;
}
#within-the-city {
    background: #e5e5e5 url("../images/bg-within-the-city-travel.png") repeat scroll center top;
    padding: 10px;
}

#within-the-city span.title {
    color: #666666;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
}

#within-the-city a {
    color: #666666;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
}
#footer-wrapper .page-width {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    width: 1150px;
}
.site-footer--top {
    padding: 12px 0 0;
}
.site-footer--branding--logo {
    background-image: url(https://www.bengsengtravel.com/templates/bengsengtravel/images/logo-bottom.png);
    display: none;
    height: 50px;
    width: auto;
    text-indent: -9999em;
    /* margin: 20px 0 0; */
    background-repeat: no-repeat;
}
#footer-wrapper .site-footer--navigation ul {
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
    text-align: left;
    margin-top: 16px;
}

#footer-wrapper .site-footer--navigation li {
    display: inline;
    padding: 0;
}
.site-footer--navigation a {
    color: #4c4c4c;
    display: inline-block;
    padding: 2px;
    margin: 6px 18px 0 0;
    font-size: 14px;
    text-decoration: none;
}
.site-footer--bottom {
    color: #999;
    line-height: 1em;
    /* padding: 20px 0 25px 0; */
}
.site-footer--copy {
    width: 33%;
    display: inline-block;
    margin: 0;
    padding-left: 0px;
    vertical-align: middle;
	text-align: left;
	font-size: 12px;
}
#footer-wrapper .site-footer--copy p {
    display: inline-block;
}
#footer-wrapper .site-footer--copy a {
    display: inline-block;
    margin-left: 20px;
    color: #999;
}
.site-footer--social {
    width: 66%;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    text-align: right;
}
.site-footer--social li {
    display: inline-block;
    /* line-height: 2.5em; */
    margin: 2px 6px;
    vertical-align: middle;
    padding: 0;
}
.site-footer--social li.title {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    vertical-align: top;
    margin-top: 13px;
    margin-left: 28px;
}
.site-footer--social li img {
    display: inline-block;
    vertical-align: middle;
    height: 60px;
}
.site-footer--social--facebook {
    background: url(https://www.bengsengtravel.com/images/social/icon-social-f.png) no-repeat center;
    background-size: contain;
    display: inline-block;
    height: 36px;
    width: 36px;
    text-indent: -9999em;
}
.site-footer--social--twitter {
    background: url(https://www.bengsengtravel.com/images/social/icon-social-t.png) no-repeat center;
    background-size: contain;
    display: inline-block;
    height: 36px;
    width: 36px;
    text-indent: -9999em;
}
.award-ads {
    float: left;
    margin-right: 20px;
    width: 210px;
}
.mini-sitemap {
    border-right: 1px solid #c7c7c7;
    float: left;
    margin-right: 25px;
    width: 510px;
}
.footet-link-row {
    float: left;
    width: 100%;
}
.footet-link {
    color: #006b8d;
    float: left;
    margin-right: 18px;
    text-align: left;
    width: 150px;
}

.footet-link h2 {
    color: #006b8d;
    font-size: 13px;
    font-weight: 100;
    text-transform: uppercase;
	margin:10px 0;
}

.footet-link a {
    clear: both;
    color: #a3a1a0;
    display: block;
    font-size: 12px;
    padding: 0 0 10px;
}
.footet-link-row {
    float: left;
    width: 100%;
}

.bottomlinks {
    margin: 0 auto;
    max-width: 960px;
    min-width: 960px;
    padding: 10px;
    text-align: left;
}

#footer-links {
    float: left;
    width: 100%;
}

.footer-logo {
    background: rgba(0, 0, 0, 0) url("../images/logo-bottom.gif") repeat scroll 0 0;
    display: block;
    float: right;
    height: 64px;
    text-indent: -1000000px;
    width: 146px;
}

.footer-links-left {
    float: left;
}
#footer-links ul {
    float: left;
    margin: 0;
    padding: 0;
}

#footer-links ul li {
    color: #a3a1a0;
    float: left;
    list-style: outside none none;
    padding: 0 10px 10px 0;
}
#footer-links ul a, #footer-links p {
    color: #a3a1a0;
    font-size: 12px;
    text-decoration: none;
}
#footer-links p {
    clear: both;
    float: left;
}
#footer-wrapper p, #footer-wrapper ul {
    margin: 0 0 0.8em;
    padding: 0;
}
.social-contact {
    float: left;
    text-align: left;
    width: 175px;
}


#ja-mainnav li > ul{ display: none; }
#ja-mainnav li:hover > ul{ left: auto; display: block; }
#ja-mainnav li ul li:hover { background: #eff3f7; }
#ja-mainnav li ul li:hover > a{ color: #ffffff !important; }

#ja-cssmenu li:hover{ background: transparent; }
#ja-cssmenu li li{ padding: 0; margin: 0; width: auto; }
#ja-mainnav, #ja-mainnav *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#ja-cssmenu{ position: relative; padding: 0; }
#ja-cssmenu li .submenu-wrap li{ float: none; }
#ja-cssmenu > li ul{ background: #CBD8E5; }
#ja-cssmenu li ul li{ border-bottom: none; box-sizing:border-box; width:100%; }
#ja-cssmenu li .submenu-wrap > ul  > li { padding-left: 10px; }
#ja-cssmenu li .submenu-wrap > ul  > li > a { border: 1px solid transparent; position: relative; line-height:35px;}
#ja-cssmenu li .submenu-wrap > ul  > li.havesubchild:hover > a,
#ja-cssmenu li .submenu-wrap > ul  > li.havesubchild:focus > a{ border-color: #DCE5EE; border-right: 1px solid #eff3f7; outline: none; background: #eff3f7 !important; z-index: 2; margin-right: -1px; color:#000;}
#ja-cssmenu li .submenu-wrap > ul{ background: #fff; box-shadow: none; width: 25%; padding: 10px 0; }
#ja-cssmenu li .submenu-wrap > ul > li{ width: 25%; position: static; }
#ja-cssmenu li .submenu-wrap > ul > li > ul{ position: absolute; left: 25%; width: 25%; margin: 0; top: 0; min-height: 100%; box-shadow: none; background: #eff3f7; border-left: 1px solid #DCE5EE; border-right: 1px solid #DCE5EE; padding: 10px 0 20px 8px; z-index: 1; }
#ja-cssmenu li .submenu-wrap > ul > li > ul > li > ul{ top: 0; width: 100%; left: 100%; margin: 0 0 0 1px; box-shadow: none; min-height: 100%; padding: 10px 0 20px 8px;}
#ja-cssmenu li .submenu-wrap > ul > li > ul > li > ul > li > ul{ top: 0; width: 100%; left: 100%; margin:0; box-shadow: none; min-height: 100%; background:#eff3f7; border-right: 1px solid #DCE5EE; padding: 10px 0 20px 0;}

#ja-cssmenu li .submenu-wrap{ background: #eff3f7; position: absolute; left: 0; right: 0; display: block; box-shadow: 0 2px 4px 0 rgba(84,84,84,0.25); visibility: hidden; opacity: 0; z-index: 1001; -webkit-transition: opacity 200ms, visibility 0s 200ms; transition: opacity 200ms, visibility 0s 200ms; }
#ja-cssmenu li .submenu-wrap > ul{ position: relative; top: 0; left: 0; width: 100%; }
#ja-cssmenu li .submenu-wrap > ul li.havesubchild ul > li > a.haschild{ position: relative; border: 1px solid transparent; margin-right: -1px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; transition: all ease 300ms; }

#ja-cssmenu li .submenu-wrap > ul li.havesubchild ul > li:focus > a,
#ja-cssmenu li .submenu-wrap > ul li.havesubchild ul > li:hover > a{ border: 1px solid #CBD8E5; border-right: #CBD8E5; background-color: #CBD8E5 !important; }

#ja-cssmenu li .submenu-wrap > ul li.havesubchild ul > li.havesubchild ul > li:focus > a,
	#ja-cssmenu li .submenu-wrap > ul li.havesubchild ul > li.havesubchild ul > li:hover > a{ border: 1px solid #eff3f7; border-right: #eff3f7; background-color: #eff3f7 !important; }

#ja-cssmenu li .submenu-wrap > ul li.havesubchild ul > li.havesubchild ul > li.havesubchild ul > li:focus > a, #ja-cssmenu li .submenu-wrap > ul li.havesubchild ul > li.havesubchild ul > li.havesubchild ul > li:hover > a{
	border: 1px solid #CBD8E5;
    border-right: #CBD8E5;
    background-color: #CBD8E5 !important;
}


.top-right-nav .top-nav li.has-child:focus ul.sub-menu, .top-right-nav .top-nav li.has-child:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    transform: translate(-50%,0);
    z-index: 1003;
}

#ja-cssmenu li .submenu-wrap > ul li.havesubchild ul > li:focus > a.haschild,
#ja-cssmenu li .submenu-wrap > ul li.havesubchild ul > li:hover > a.haschild{ border: 1px solid #CBD8E5; border-right: #CBD8E5; background-color: #CBD8E5 !important; }
#ja-cssmenu li:hover .submenu-wrap{ opacity: 1; visibility: visible; border-top:1px solid #ccc; }
/* #ja-cssmenu li .submenu-wrap .sub-menu-bg{ box-shadow: 0 2px 4px 0 rgba(84,84,84,0.25); visibility: hidden; opacity: 0; z-index: 1001; display: block; position: absolute; top: 0; right: 0; left: 0; background-color: #fff; outline: none; border-top: 1px solid #ddd; box-shadow: 0 2px 4px 0 rgba(84,84,84,0.25); visibility: hidden; opacity: 0; -webkit-transition: opacity 200ms, visibility 0s 200ms; transition: opacity 200ms, visibility 0s 200ms; } */

#ja-mainnav li ul li:hover{ background: transparent; }
#ja-mainnav li ul li:hover > a{ color: #000 !important; background: #eff3f7 !important; }
#ja-cssmenu > li.havechild > a{ position: relative; }
#ja-cssmenu > li.havechild > a:after{ content: ""; display: block; position: absolute; bottom: 0; left: 20px; right: 25px; height: 2px; background-color: #0866ae; opacity: 0; margin: 0 atuo; -webkit-transition: all ease 200ms; transition: all ease 200ms; -webkit-transform: scale(0,1); -moz-transform: scale(0,1); transform: scale(0,1); }
	
#ja-cssmenu > li.havechild:hover > a,
#ja-cssmenu > li.havechild:focus > a{ color: #0866ae; }
#ja-cssmenu > li.havechild:hover > a:after,
#ja-cssmenu > li.havechild:focus > a:after{ opacity: 1; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); transform: scale(1,1); }

#ja-cssmenu > li.havechild .submenu-wrap li a.haschild{ position: relative; }
#ja-cssmenu a.haschild .righ-arrow{ position: absolute; top: 50%; margin-top: auto; margin-bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; right: 15px; font-size: 12px; -webkit-transition: all 300ms; transition: all 300ms; }
#ja-cssmenu a.haschild .righ-arrow .arrow{ display: block; position: relative; width: 1em; height: 1em; }
#ja-cssmenu a.haschild:hover .righ-arrow,
#ja-cssmenu a.haschild:focus .righ-arrow{ right: 10px; }
#ja-cssmenu a.haschild .righ-arrow .arrow:after,
#ja-cssmenu a.haschild .righ-arrow .arrow:before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; -webkit-transition: all 300ms; transition: all 300ms; background-color: #D3D3D3; border-width: 0; border-color: #D3D3D3; border-style: solid; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#ja-cssmenu a.haschild:hover .righ-arrow .arrow:after,
#ja-cssmenu a.haschild:hover .righ-arrow .arrow:before{
	background-color: #000;
}

#ja-cssmenu li .submenu-wrap > ul > li > ul > li > ul .righ-arrow .arrow:after, #ja-cssmenu li .submenu-wrap > ul > li > ul > li > ul .righ-arrow .arrow:before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; -webkit-transition: all 300ms; transition: all 300ms; background-color: #a3a3a3; border-width: 0; border-color: #D3D3D3; border-style: solid; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

#ja-cssmenu a.haschild .righ-arrow .arrow:before{ -webkit-transform: rotate(-135deg) scale(0.66, 0.1) translate(0.125em, 2em);
    transform: rotate(-135deg) scale(0.66, 0.1) translate(0.125em, 2em); }
#ja-cssmenu a.haschild .righ-arrow .arrow:after{ -webkit-transform: rotate(135deg) scale(0.66, 0.1) translate(0.125em, -2em); transform: rotate(135deg) scale(0.66, 0.1) translate(0.125em, -2em); }

.top-right-nav-wrap{ float: right; }
.top-right-nav-wrap {
    float: right;
    line-height: 40px;
    padding: 0 2px;
    border-right: 1px solid #eaeaea;
}
.top-right-nav-wrap .top-right-nav{ display: inline-block; vertical-align: middle; width: auto; }
.top-right-nav .top-nav{ list-style: none; margin: 0; }
.top-right-nav .top-nav > li{ display: inline-block; position: relative; padding-left:0; }
.top-right-nav .top-nav li a{ font-size: 13px; color: #3e4141; text-decoration: none; display: block; padding: 5px 12px; }
.top-right-nav .top-nav li.has-child > a{ padding-right: 20px; position: relative; }
.top-right-nav .top-nav li.has-child > a > .arrow{ position: absolute; top: 50%; right: 4px; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); transform: translate(0,-50%); }
.top-right-nav .arrow .icon-down{ display: block; position: relative; width: 1em; height: 1em; font-size: 10px; -webkit-transition: all 300ms; transition: all 300ms; }
.top-right-nav .arrow .icon-down:before,.top-right-nav .arrow .icon-down:after{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; -webkit-transition: all 300ms; transition: all 300ms; background-color: #D3D3D3; border-width: 0; border-color: #D3D3D3; border-style: solid; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.top-right-nav .arrow .icon-down:before{ -webkit-transform: translate(-0.2em, 0) rotate(-135deg) scale(0.66, 0.1);    transform: translate(-0.2em, 0) rotate(-135deg) scale(0.66, 0.1); }
.top-right-nav .arrow .icon-down:after{ -webkit-transform: translate(0.2em, 0) rotate(135deg) scale(0.66, 0.1);    transform: translate(0.2em, 0) rotate(135deg) scale(0.66, 0.1); }
.top-right-nav .top-nav li.has-child ul.sub-menu{ list-style: none; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 100%; -webkit-transform: translate(-50%,50px); -moz-transform: translate(-50%,50px); transform: translate(-50%,50px); -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; transition: all ease 300ms; background: #fff; width: 200px; padding: 10px 0; margin: 0; box-shadow: 0 3px 10px 0 rgba(84,84,84,0.3); border-radius: 3px; }
.contact-us .top-right-nav .top-nav li.has-child ul.sub-menu{width:245px;}
.top-right-nav .top-nav li.has-child:focus ul.sub-menu,.top-right-nav .top-nav li.has-child:hover ul.sub-menu{ opacity: 1; visibility: visible; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); transform: translate(-50%,0); z-index:99; }
.top-right-nav .top-nav li.has-child ul.sub-menu li a{ padding: 10px 25px; position:relative; }
.top-right-nav .top-nav li.has-child ul.sub-menu li.divider:after{ content: ""; display: block; margin: 0 auto; width: 90%; border-bottom: 1px solid #ddd; }
.top-right-nav .top-nav li.has-child:hover > a,.top-right-nav .top-nav li.has-child a:hover,.top-right-nav .top-nav li.has-child a:focus{ font-weight: bold; color: #545454; }
.full-width-nav .topmodule {
    float: right;
    width: auto;
    bottom: 0;
    right: 0;
    position: absolute;
}
/*#ja-cssmenu > li:last-child>a {
    color: #f72210;
    font-weight: bold;
    font-size: 13px;
}*/
.full-width-nav .topmodule:after{ content: ""; display: table; clear: both; }
#ja-header.full-width-nav{ height: 120px; }
#ja-header.full-width-nav #ja-mainnav{ float: none; padding-top: 5px; }
#ja-header.full-width-nav #ja-cssmenu{ float: none; }
#ja-header.full-width-nav #ja-cssmenu li .submenu-wrap li > a { display: block; width: auto; line-height:35px; }
#ja-header.full-width-nav #ja-cssmenu li ul li:hover > a span{ color: #000 !important; }
#ja-header.full-width-nav #ja-cssmenu li a:hover, #ja-header.full-width-nav #ja-cssmenu li a:active, #ja-header.full-width-nav #ja-cssmenu li a:focus{text-decoration:none;}


#ja-mainnav > ul > li.havechild > a{ padding-right: 25px !important; position: relative; }
/* #ja-mainnav > ul > li.havechild > a > span:after,
#ja-mainnav > ul > li.havechild > a > span:before{ content: ""; display: block; position: absolute; width: 12px; height: 12px; -webkit-transition: all 300ms; transition: all 300ms; background-color: #D3D3D3; border-width: 0; border-color: #D3D3D3; border-style: solid; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 1; left: auto; top: 12px; right: 5px; } 
#ja-mainnav > ul > li.havechild > a > span:before{ -webkit-transform: translate(-2px, 0) rotate(-135deg) scale(0.66, 0.1) !important;
    transform: translate(-2px, 0) rotate(-135deg) scale(0.66, 0.1) !important; right: 6px; }
#ja-mainnav > ul > li.havechild > a > span:after{ -webkit-transform: translate(2px, 0) rotate(135deg) scale(0.66, 0.1) !important;
    transform: translate(2px, 0) rotate(135deg) scale(0.66, 0.1) !important; }*/
	
.contact-us .top-right-nav .top-nav li.has-child ul.sub-menu li a:before{	width: 16px; height: 16px; content: " "; background-image: url(../images/phone-icon.png); position: absolute; left: 0px; top: 50%;  transform: translateY(-50%);}		

.top-right-nav .arrow .icon-down{
	width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #d3d3d3;
}	

.top-right-nav .arrow .icon-down:before, .top-right-nav .arrow .icon-down:after{
	opacity:0;
}

#ja-header.full-width-nav #ja-cssmenu li .submenu-wrap li > a{ line-height: 1.8;     padding-top: 10px !important; padding-bottom: 10px !important; }

/* Menu overlay */
#ja-headerwrap{ z-index: 1002; }
.page{ position: relative; }
.page-overlay{ position: fixed; left: 0; right: 0; top: 0; background: rgba(0,0,0,0.6); min-height: 100%; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.4s, visibility 0s 0.4s; transition: opacity 0.4s, visibility 0s 0.4s; z-index: 1001; }
.page-overlay.is-visible{ visibility: inherit; opacity: 1; -webkit-transition: opacity 0.4s, visibility 0s 0s; transition: opacity 0.4s, visibility 0s 0s; }

@media only screen and (min-width: 768px){
	#ja-cssmenu{ position: relative; padding: 0; }
}
@media only screen and (min-width: 1025px){
	#ja-cssmenu li:hover{ background: transparent; }
	#ja-cssmenu li .submenu-wrap > ul  > li.havesubchild:hover > a,
	#ja-cssmenu li .submenu-wrap > ul  > li.havesubchild:focus > a{ border-color: #eff3f7; border-right: 1px solid #eff3f7; outline: none; background: #eff3f7 !important; z-index: 2; margin-right: -1px; color: #000; }
	.top-right-nav .top-nav li.has-child:focus ul.sub-menu,
	.top-right-nav .top-nav li.has-child:hover ul.sub-menu{ opacity: 1; visibility: visible; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); transform: translate(-50%,0); }
	#ja-cssmenu li .submenu-wrap > ul li.havesubchild ul > li:focus > a,
	#ja-cssmenu li .submenu-wrap > ul li.havesubchild ul > li:hover > a{ border: 1px solid #CBD8E5; border-right: #CBD8E5; background-color: #CBD8E5 !important; }
	#ja-cssmenu li .submenu-wrap > ul li.havesubchild ul > li.havesubchild ul > li:focus > a,
	#ja-cssmenu li .submenu-wrap > ul li.havesubchild ul > li.havesubchild ul > li:hover > a{ border: 1px solid #eff3f7; border-right: #eff3f7; background-color: #eff3f7 !important; }
	#ja-cssmenu li .submenu-wrap > ul li.havesubchild ul > li:focus > a.haschild,
	#ja-cssmenu li .submenu-wrap > ul li.havesubchild ul > li:hover > a.haschild{ border: 1px solid #CBD8E5; border-right: #CBD8E5; background-color: #CBD8E5 !important; }
	#ja-cssmenu li:hover .submenu-wrap{ opacity: 1; visibility: visible; }
	#ja-mainnav li ul li:hover{ background: transparent; }
	#ja-mainnav li ul li:hover > a{ color: #000 !important; background: #eff3f7 !important;  }
	#ja-cssmenu > li.havechild:hover > a,
	#ja-cssmenu > li.havechild:focus > a{ color: #0866ae; }
	#ja-cssmenu > li.havechild:hover > a:after,
	#ja-cssmenu > li.havechild:focus > a:after{ opacity: 1; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); transform: scale(1,1); }
	#ja-cssmenu a.haschild:hover .righ-arrow,
	#ja-cssmenu a.haschild:focus .righ-arrow{ right: 10px; }
	#ja-mainnav li ul li:hover > a > .righ-arrow .arrow:after,
	#ja-mainnav li ul li:hover > a >.righ-arrow .arrow:before{ background-color: #000; }
	#ja-cssmenu li ul li:hover > a span{ color: #fff !important; }
	.top-right-nav .top-nav li.has-child:hover > a,
	.top-right-nav .top-nav li.has-child a:hover,
	.top-right-nav .top-nav li.has-child a:focus{ font-weight: bold; color: #545454; }
}

@media only screen and (max-width: 1024px) and (min-width: 768px){
	#ja-cssmenu li.selected{ background: transparent; }
	#ja-cssmenu li .submenu-wrap > ul  > li.havesubchild.selected > a{ border-color: #eff3f7; border-right: 1px solid #eff3f7; outline: none; background: #eff3f7 !important; z-index: 2; margin-right: -1px; color: #fff; }
	
	#ja-cssmenu li .submenu-wrap > ul li.havesubchild ul > li.selected > a.haschild{ border: 1px solid #CBD8E5; border-right: #CBD8E5; background-color: #CBD8E5 !important; }
	#ja-cssmenu li.selected .submenu-wrap{ opacity: 1; visibility: visible; }
	#ja-mainnav li ul li.selected{ background: transparent; }
	#ja-mainnav li ul li.selected > a{ color: #fff !important; background: #eff3f7 !important; }
	#ja-cssmenu > li.havechild.selected > a{ color: #0866ae; }
	#ja-cssmenu > li.havechild.selected > a:after{ opacity: 1; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); transform: scale(1,1); }
	#ja-cssmenu a.haschild.selected .righ-arrow{ right: 10px; }
	#ja-mainnav li ul li.selected > a >.righ-arrow .arrow:before{ background-color: #ffffff; }
	#ja-mainnav li ul li.selected > a >.righ-arrow .arrow:after{ background-color: #ffffff; }
	#ja-cssmenu li ul li.selected > a span{ color: #fff !important; }
	#ja-mainnav li.selected > ul{ display: block; }
	
}
@media only screen and (max-width: 1024px){
	.top-right-nav .top-nav li.has-child.selected ul.sub-menu{ opacity: 1; visibility: visible; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); transform: translate(-50%,0); }
	.top-right-nav .top-nav li.has-child.selected > a{ font-weight: bold; color: #545454; }
}

@media only screen and (max-width: 980px){
	#ja-header{ width: 100%; padding: 0 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	#ja-mainnavwrap1{ width: 22%; float: right; }
}
@media only screen and (max-width: 960px){
	#ja-cssmenu .mm-listview li{ float: none; }
	.mobile-toggle{ display: inline-block; float: right; position: relative; width: 30px; margin-top: 18px; margin-right: 15px; }
	.mobile-toggle i{ display: block; height: 3px; background: #ddd; margin: 5px 0; }
	#ja-cssmenu.mm-panel{ float: none; }
	#ja-cssmenu.mm-panel li ul{ position:  }
	.mm-panels > #ja-cssmenu.mm-panel> .mm-listview:first-child, 
	.mm-panels > #ja-cssmenu.mm-panel> .mm-navbar + .mm-listview{ margin-top: -20px; }
	.mm-panels > #ja-cssmenu.mm-panel > .mm-listview{ margin: 20px -20px; }
	html.mm-blocking #mm-blocker{ background: rgba(0,0,0,0.3); }
	#ja-header.full-width-nav{ height: auto; }
	#ja-mainnavwrap1{ margin-top: 10px; }
	.top-right-nav .top-nav{ padding: 0; }
	.full-width-nav .topmodule{ display: none; }
}
@media only screen and (max-width: 767px){
	body, .page{ background: #fff; }
	 /* #ja-mainnavwrap2{ display: none; } */
}
@media only screen and (max-width: 480px){
	.top-right-nav .top-nav{ width: 100%; }
	#ja-mainnavwrap1{ width: 100%; }
	.top-right-nav-wrap{ float: none; width: 100%; text-align: center; }
	.top-right-nav .top-nav li.has-child ul.sub-menu{ text-align: left; }
	#ja-mainnavwrap1{ margin-top: 0; }
	span.logo{ float: none; margin: 0 auto; }
}