html, body {
	height:100%;
}

.navbar {
    min-height: 58px;
    height: 64px;
    padding: 0px;
    display: block;
}

.navbar-nav{
	z-index: 1;	
	display: block;
}

.navbar-nav>li{
	float: none;
}

.navbar-collapse.collapse{
	height: 100% !important;
	overflow-x: visible !important;
	display: block !important; 
}

.navbar-custom {
	border: none;
	border-bottom: 1px solid #EFEFEF;
	margin-bottom: 0px;
}

.navbar-custom .navbar-toggle {
    position: relative;
    float: right;
    margin-right: 30px;
    padding: 9px 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    display: block;
}

.navbar-custom.container-fluid{
	margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 15px;
}

.navbar-custom .navbar-header .navbar-toggle .icon-bar {
	background-color: #7C878E;
	display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

.navbar-custom .navbar-header .navbar-toggle
	{
	margin-right: 5px;
}

.navbar-custom .navbar-header .navbar-brand
	{
	padding-left: 0px;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 20px;
	color: #7C878E;
	display:inline-block;

}

.navbar-custom .nav-logo {
	margin: 0 auto;
	width: 203px;
	background-color: #002395;
	padding: 11px 19px 11px 21px;
}

.navbar-custom .nav-logo-outer-container {
	position: absolute; 
	left: 50%;
}

.navbar-custom .nav-logo-inner-container {
	position: relative; 
	left: -50%;
}

.navbar-custom .nav-logo img {
	width: 163px;
	height: 42px;
}

.navbar-custom .navbar-collapse {
	background-color: #2A3780;
	position: fixed;
	top: 0px;
	left: -320px;
	height: 100% !important;
	display: block !important;
	transition: left .2s linear;
	font-family: "Noto Sans", sans-serif;
	padding-left: 15px;
	padding-right: 15px;
	z-index: 10000;
}

.navbar-custom .navbar-collapse .navbar-nav {
	transition: left .2s linear;
	left: 15px;
	position: relative;
	padding-left: 10px;
	width: 320px;
	padding-bottom: 64px;
	margin: 11px -30px;
}

.navbar-custom .navbar-collapse .navbar-nav>li a#nav-close {
	background: url(../Images/icon/close/close_white@2x.png) no-repeat;
	background-size: 34px 34px;
	display: block;
	width: 22px;
	height: 22px;
	font-size: 0px;
	margin-left: 10px;
	margin-bottom: 15px;
}

.navbar-custom .navbar-collapse .navbar-nav>li .navsubmenu-nav {
	display: none;
	transition: left .2s linear;
}

.navbar-custom .navbar-collapse .navbar-nav>li .navsubmenu-nav a {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar-custom .navbar-collapse .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.navbar-custom .navbar-collapse .navbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px;
	text-shadow: none;
}

.navbar-custom .navbar-collapse .navbar-nav>li.nav-arrow>a {
	background: url(../Images/icon/direction/direction_right_white@2x.png)
		97% center no-repeat;
	background-size: 24px 24px;
}

.navbar-custom .navbar-collapse .navbar-nav>li.nav-arrow>a:hover,
	.navbar-custom .navbar-collapse .navbar-nav>li.nav-arrow>a:focus {
	/*background-color: #324397;*/
	background-color: transparent;
}

.navbar-custom .navbar-collapse .navbar-nav>li.nav-arrow>a.close-second-menu
	{
	display: none;
}

.navbar-custom .navbar-collapse .navbar-nav>li.nav-arrow #selected-lang
	{
	background: none;
	margin-top: -7px;
}

.navbar-custom .navbar-collapse .navbar-nav>li.nav-arrow .lang-title {
	display: none;
}

.navbar-custom .navbar-collapse .navbar-nav>li.lang-selector {
	z-index: 1;
}

.navbar-custom .navbar-collapse .navbar-nav a {
	font-family: "Noto Sans", sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #FFFFFF;
	text-transform: uppercase;
}

.navbar-custom .navbar-collapse .navbar-nav a:hover, .navbar-custom .navbar-collapse .navbar-nav a:focus
	{
	text-decoration: none;
	background-color: transparent;
	color: rgba(255, 255, 255, 0.5);
	outline: none;
}

.navbar-custom .navbar-collapse .navbar-nav.slid {
	left: -305px;
	position: absolute;
	width: 640px;
	transition: all .2s ease;
}

.navbar-custom .navbar-collapse .navbar-nav.slid>li.selected {
	top: 0px;
	position: absolute;
	left: 335px;
	width: 320px;
	z-index: 300;
}

.navbar-custom .navbar-collapse .navbar-nav.slid>li.selected.nav-arrow>a
	{
	background-size: 24px 24px;
	padding-left: 40px;
}

.navbar-custom .navbar-collapse .navbar-nav.slid>li.selected.nav-arrow>a.close-second-menu
	{
	background: url(../Images/icon/direction/direction_left_white@2x.png)
		10px center no-repeat;
}

.navbar-custom .navbar-collapse .navbar-nav.slid>li.selected.nav-arrow>a:not
	(.close-second-menu ) {
	cursor: default;
}

.navbar-custom .navbar-collapse .navbar-nav.slid>li.selected .navsubmenu-nav
	{
	display: block;
	list-style: none;
	padding-left: 50px;
}

.navbar-custom .navbar-collapse.second-menu-open {
	background-color: #F8F8F8;
	background: linear-gradient(to right, #2A3780 50%, #F8F8F8 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all 0.2s ease !important;
}

.navbar-custom .navbar-collapse.second-menu-open li {
	display: none;
}

.navbar-custom .navbar-collapse.second-menu-open .navbar-nav.slid>li.selected
	{
	display: block;
}

.navbar-custom .navbar-collapse.second-menu-open .navbar-nav.slid>li.selected.lang-selector #selected-lang
	{
	display: none;
}

.navbar-custom .navbar-collapse.second-menu-open .navbar-nav.slid>li.selected.lang-selector .lang-title
	{
	display: block;
}

.navbar-custom .navbar-collapse.second-menu-open .navbar-nav.slid>li.selected.lang-selector .navsubmenu-nav .active
	{
	background: transparent;
	color: rgba(0, 35, 149, 0.5);
	cursor: default;
	pointer-events: none;
}

.navbar-custom .navbar-collapse.second-menu-open .navbar-nav.slid>li.selected.nav-arrow>a
	{
	color: #002395;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	background-color: #EFEFEF;
	padding-top: 22px;
	padding-bottom: 22px;
	padding-left: 25px;
}

.navbar-custom .navbar-collapse.second-menu-open .navbar-nav.slid>li.selected.nav-arrow>a.close-second-menu
	{
	display: block;
	background: url(../Images/icon/direction/direction_left@4x.png) 25px
		center no-repeat;
	background-size: 34px 34px;
	background-color: transparent;
	font-size: 0px;
}

.navbar-custom .navbar-collapse.second-menu-open .navbar-nav.slid>li.selected .navsubmenu-nav
	{
	padding-left: 25px;
}

.navbar-custom .navbar-collapse.second-menu-open .navbar-nav.slid>li.selected .navsubmenu-nav li
	{
	display: block;
}

.navbar-custom .navbar-collapse.second-menu-open .navbar-nav.slid>li.selected .navsubmenu-nav a
	{
	font-size: 16px;
	line-height: 20px;
	color: #002395;
	padding-top: 22px;
	padding-bottom: 22px;
}

.navbar-custom .navbar-collapse.second-menu-open .navbar-nav.slid>li.selected .navsubmenu-nav a:hover,
	.navbar-custom .navbar-collapse.second-menu-open .navbar-nav.slid>li.selected .navsubmenu-nav a:focus
	{
	background: transparent;
	color: rgba(0, 35, 149, 0.5);
}

.navbar-custom .navbar-collapse.open {
	width: 320px;
	overflow-x: hidden !important;
}

.navbar-custom .navbar-collapse .background-addon {
	height: 64px;
	width: 320px;
	background-color: #7C878E;
	position: fixed;
	left: -320px;
	bottom: 0;
	transition: left 0.2s linear !important;
	z-index:100;
}

.navbar-custom .navbar-collapse .background-addon .list-inline {
	text-align: center;
	margin-left: -5px;
}

.navbar-custom .navbar-collapse .background-addon .list-inline li a {
	display: inline-block;
	width: 44px;
	height: 44px;
	vertical-align: middle;
	margin: 10px 10px 0;
}

.navbar-custom .navbar-collapse .background-addon .list-inline .icon-calc
	{
	background: url(../Images/icon/travel_pack/calculator@2x.png) no-repeat
		center center;
	background-size: 40px;
}

.navbar-custom .navbar-collapse .background-addon .list-inline .icon-refund-off
	{
	background: url(../Images/icon/travel_pack/refund_office@2x.png)
		no-repeat center center;
	background-size: 40px;
}

.navbar-custom .navbar-collapse .background-addon .list-inline .icon-refund-track
	{
	background: url(../Images/icon/travel_pack/refund_tracker@2x.png)
		no-repeat center center;
	background-size: 40px;
}

.navbar-custom .navbar-collapse .background-addon .list-inline .icon-stfcard
	{
	background: url(../Images/icon/travel_pack/stf_card@2x.png) no-repeat
		center center;
	background-size: 40px;
}

.first-menu-open {
	background: linear-gradient(to right, #2A3780 50%, #F8F8F8 50%);
	background-size: 200% 100%;
	background-position: left bottom;
	/*transition:all 0.2s ease!important;    */
}

.pageCover {
	position: fixed;
	background: #000000;
	width: 100%;
	height: 100%;
	top: 0px;
	opacity: .5;
	z-index: 30;
}

.canvas-slid {
	/*left: 320px !important;*/
	/*transition: left .5s linear;*/
	position: fixed;
	width: 100%;
}

.canvas-slid .navbar-custom .navbar-collapse {
	left: 0px !important;
	transition: left .2s linear;
}

.canvas-slid .navbar-custom .navbar-collapse.second-menu-open .background-addon
	{
	left: -320px !important;
	transition: all 0.2s ease !important;
}

.canvas-slid .background-addon {
	left: 0px !important;
	transition: left .2s linear;
}

@media screen and (max-width: 455px) {
	.navbar-custom .navbar-header .navbar-toggle
		{
		left: -10px;
	}
	.navbar-custom .nav-logo {
		width: 172px;
		padding: 16px 20px;
	}
	.navbar-custom .nav-logo img {
		width: 132px;
		height: 33px;
	}
	.navbar-custom .navbar-header .nav-search {
		right: -30px;
	}
	.navbar-custom .navbar-header .nav-search.open {
		right: 0px;
	}
	.navbar-custom .navbar-header .nav-search.open .form-group .input-group .input-group-btn
		{
		right: -30px;
	}
}

.navbar-brand {
	padding-top: 22px;

}

.navbar-brand:hover, .navbar-brand:focus {
	text-decoration: none;
}

a.navbar-brand:hover {
	color:#000 !important;
}
.navbar-brand>img {
	display: block;
}

.navbar-brand, .navbar-nav>li>a {
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}