#sas-header {
	background: #000099;
	min-height: 72px;
	width:100%;
}
#sas-header .wrapper {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
#sas-header .burger {
	display:block;
	margin:29px 24px 0 0;
	float:left
}

#sas-header nav a {
	color:#fff;
	display:inline-block
}

.sas-logo {
    float: left;
    margin: 12px 0 0 0;
    padding:11px 24px 4px 0;
}

.sas-logo a { margin-right:0;}

#header-primary-nav li { float: left;}

#header-primary-nav li.hide { display:none}

#header-primary-nav li a {
	padding: 25px 26px 0 26px;
	display: block;
	height:72px;
	position:relative;
	
	font-size:16px;
	min-width:88px;
}
#header-primary-nav li.active {
	background: #000098;
	background: -moz-linear-gradient(top, #000098 0%, #020266 100%);
	background: -webkit-linear-gradient(top, #000098 0%, #020266 100%);
	background: linear-gradient(to bottom, #000098 0%, #020266 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000098', endColorstr='#020266', GradientType=0 );
}
#header-primary-nav li.active a {
	cursor:default;
	pointer-events:none;
	}


.secondary-nav { float:right}

.secondary-nav li {
    display: inline-block;
    float: left;
    padding: 25px 5px 0 5px;
}
.secondary-nav li a { margin:0}

.secondary-nav li:last-child {
    padding: 6px 5px 6px 16px;
    border-left: 1px solid #0033cc;
    margin: 15px 0 0 11px;
}

#bg-disable {
    position: fixed;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    background: #000;
    opacity: 0.5;
    display: none;
    bottom: 0;
    top: 0;
}
#header-primary-nav li span { float:left;}

#header-primary-nav li span.booking-notification {
    background: #eb1932;
    height: 15px;
    min-width: 11px;
    border-radius: 4px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    padding: 1px 4px 0 2px;
    margin: -7px 0 0 -1px;
}

@media (min-width:992px) and (max-width:1130px) {

	#sas-header .burger { margin: 29px 19px 0 8px;}
	.secondary-nav { margin-right: 4px;}

}


/* ---------------------------------------------------------------------------
 * 3. Country Flag Icons
 * ---------------------------------------------------------------------------
 */

[class^="flag-"] {
    display:inline-block;
	background:url(global/images/sprite-flag.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
	width:24px;
	height:24px;
	float:left;
}

.flag-NO { background-position:0 -486px}
.flag-SE { background-position:0 -162px}
.flag-FI { background-position:0 -1241px}
.flag-US { background-position:0 -539px}
.flag-GB { background-position:0 -701px}
.flag-IE { background-position:0 -756px}
.flag-SG { background-position:0 -270px}
.flag-TH { background-position:0 -378px}
.flag-LT { background-position:0 -594px}
.flag-AU { background-position:0 -972px}
.flag-IS { background-position:0 -864px}
.flag-AT { background-position:0 -809px}
.flag-DE { background-position:0 -1134px}
.flag-FR { background-position:0 -1188px}
.flag-IT { background-position:0 0}
.flag-JP { background-position:0 -107px}
.flag-HK { background-position:0 -1025px}
.flag-CN { background-position:0 -1080px}
.flag-CH { background-position:0 -215px}
.flag-BE { background-position:0 -918px}
.flag-NL { background-position:0 -647px}
.flag-PL { background-position:0 -432px}
.flag-RU { background-position:0 -324px}
.flag-ES { background-position:0 -54px}
.flag-DK { background-position:0 -1296px}
.flag-LU { background-position:0 -1350px;}

@media (max-width: 767px) {
    #sas-header {min-height:55px; float:left;}
	#header-primary-nav,  
	.currency-points .travel-pass { display:none}
	
	.sas-logo {
		border: none;
		float: none;
		margin: 3px auto 0 auto;
		width: 72px;
		padding: 14px 0 0 0;
	}
	.sas-logo img { height: auto;}

	.burger, .profile {
		position:absolute;
		top:12px;
		margin:0 !important
	}
	.burger {
		top: 18px;
		left:16px
	}
	.profile { right:16px}
		
	.secondary-nav li { display:none}
	.secondary-nav li:last-child { display:block; margin:0; border:none}
}

.logged-user a {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-image: none;
    background-color: #0087f5;
    color: #fff;
    text-indent: 0;
    font-size: 12px;
    padding: 8px 0 0 9px;
}

.logged-user .user-points {
    color: #fff;
    float: left;
    margin: 7px 10px 0 0;
}
.user-points,
.user-short-name { display:none}

.logged-user .user-short-name,
.logged-user .user-points { display:inline-block}


@media (max-width: 767px) {
	#bg-disable { display:none !important}
	.logged-user .user-points { display:none !important}
}

/*New classes*/
@media (min-width:768px) and (max-width:991px) {
	#sas-header .burger {
		margin: 29px 19px 0 16px;
	}
	.secondary-nav li:last-child {
        margin-right: 10px;
   }
}
@media (max-width: 991px) {
 .secondary-nav .accessibility,
 .secondary-nav .market-selector,
 .currency-points .travel-pass { display:none}
 .secondary-nav li:last-child { border:none}
 #sas-header { padding:0}
}

.search-btn {
    border: 1px solid #eae9e8;
    border-left: 0;
}
.secondary-nav #accessibility {   
 display: none;
 }
/*added due to vendorStyles conflict*/

.burger-menu li h3, .market-menu h3.head-country, .dropdown-native select {
    color: #3f3d3a;
}
#sas-header .wrapper {
    float: none;
}

/*added because vendorStyles were not loading*/
body{margin:0; padding:0}
#header-primary-nav ul {
    margin: 0;
}

.icon-burger:hover, 
.icon-profile:hover,
.country-flag:hover,
#header-primary-nav li a:hover {
    opacity: 0.7;
    }
#header-primary-nav li.active a:hover {opacity:1;}

#header-primary-nav li {
    list-style: none;
}
#sas-header {
    float: left;
    clear: both;
}
body.cq-wcm-edit #sas-header,
body.cq-wcm-design #sas-header {
	float: none;
}
ul.secondary-nav {
    margin: 0;
}

/* ----------- Sprites --------------- */

.icon-logo, .icon-burger, .icon-profile, .icon-accessibility {
    display:inline-block;
	background:url(global/images/sprite.svg) no-repeat;
    margin-right: 10px;
    text-indent: -9999px;
    overflow: hidden;
}

/*.no-svg [class^="icon"] { background:url(header-footer-cms/images/sprite.png) no-repeat; }*/




.icon-logo    { width:72px; height:26px; background-position: right -57px}
.icon-burger  { width:23px; height:17px; background-position: 0 -1699px}
.icon-profile { width:32px; height:29px; background-position: 0 -61px}


.icon-accessibility {width:24px; height:24px;}

.icon-accessibility {background-position:0 -2874px}
.icon-accessibility.active { background-position:0 -2928px}
#sas-header #market-selector .arrow-curtain { display:none }
.customer-wrap .input-set input[type=text],.customer-wrap .input-set input[type=password]{height:100%}

@media (min-width:768px) and (max-width:991px) {
  #header-primary-nav li a {
        padding: 25px 15px 0 15px;
        text-align: center;
  }
}
/****************************** start This is used for Burger and Market selector which has been integrated from transaction plugins **********************************/


.burger {
   position: relative;
}
/* #burger-menu {
    display: none;
} */

.burger-menu-wrapper,
.market-menu-wrapper{
    float: left;
    padding: 24px 0 24px;
    width: 100%;
    display: block;
    background: #fff;   
}
#burger-menu .arrow-curtain {
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 12px;
    border-left-width: 12px;
    border-bottom: 12px solid #fff;
    position: absolute;
    left: -1px;
    top: -36px;
    z-index: 99;
}
.burger-menu {
    float: left;
    width: 100%;    
}
.burger-menu li{
    float: left;
    padding-bottom: 16px;    
}
.burger-menu li h3 {
    padding-bottom: 8px; 
	font-size:16px
}
.burger-menu-items li  {
    float: none;
    padding: 0;
}
.burger-menu-items li a {
    font-size: 14px;
    color: #3f3d3a;
    
    line-height: 26px;
}

.burger-menu li h3 a { 
	color:#3f3d3a;
	
	font-size:16px
}

.burger-menu li li li {
    padding-left: 0;
}

/*Market*/

/* #market-menu { display:none} */

.market-menu-wrapper .arrow-curtain {
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 12px;
    border-left-width: 12px;
    border-bottom: 12px solid #fff;
    position: absolute;
    right: 70px;
    top: -36px;
}

@media (min-width: 768px) and (max-width: 1134px) {
	.market-menu-wrapper .arrow-curtain {
    	right: 77px;
	}
}

.market-menu-items li a { float:left; width:100%}
.market-menu-items li .country-name { float:left; margin:2px 0 0 15px;}
.dropdown-native.market .caret {
    background: url(global/images/sprite.svg) no-repeat 0 -1156px;
    top: 14px;
    right: 9px;
}
.dropdown-native.market {
    background: #eae9e8;
    height: 45px;
    border: 1px solid #d5d4d1;
    margin: 25px 0 23px 0;
}
.dropdown-native.market .selected-value {
    color: #3f3d3a;
    text-transform: capitalize;
    
    top: 10px;
}

.dropdown-native.market .caret:before { display:none}

.burger-menu-items button.btn { width:100%}

.marker-select-dropdown {
    background: #eae9e8;
    height: 45px;
    border: 1px solid #d5d4d1;
    margin: 20px 0 23px 0;
    border-radius: 4px;
    width: 100%;
    float: left;
	position:relative
}

.search-wrap {
    width: 100%;
    height: 64px;
    border-radius: 4px;
    border: solid 1px #d5d4d1;
    padding-right: 64px;
    position: relative;
    overflow: hidden;
    margin: 8px 0 45px 0;
}

.search-wrap .search {
    position: absolute;
    right: 0;
    top: 0;
    width: 64px;
    height: 64px;
    display: block;
    background: #d5d4d1 url(global/images/sprite.svg) no-repeat 22px 22px;
}

.search-wrap input[type="text"] {
    width: 100%;
    height: 100%;
    border: none;
    font-size: 16px;
}

.market-menu .market-menu-items li a { position:relative}

.market-menu .market-menu-items li.active a:before {
    position: absolute;
    right: 50px;
    top: 0;
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    background: url(global/images/sprite.svg) no-repeat 0 -2262px;
}

@media (min-width: 992px) {

	.burger-menu .content-burger-menu { display:block !important}
	.mobile-market  { display:none !important}
	.burger-menu > li { padding-left:16px; padding-bottom: 5px;}
	.burger-menu li h3 { margin-bottom:11px}
	.market-menu h3.head-country {padding-bottom:20px}
}

@media (max-width: 991px) {

    .burger-menu-wrapper {    
        top: 57px;   
    }

    .burger-menu li h3{
        padding-left: 0;   
    }

	.market-menu-items.content-burger-menu,
    .burger-menu-items.content-burger-menu,
	.mobile-market .content-burger-menu { display:none}

	.dropdown-native.market { float:left; width:100%;margin: 20px 0 0 0 !important;}
    .marker-select-dropdown {margin-bottom:0 !important;}
    .content-burger-menu button.btn { margin-top: 20px;}

	.mobile-market-list {
		position: absolute;
		left: 0;
		top: 45px;
		background: #fff;
		z-index: 6;
		border: 1px solid #e3e3e3;
		border-radius: 4px;
		max-height: 186px;
		overflow-x: auto;
		padding: 10px 0;
		display:none
	}

	.mobile-market-list li {
		width: 100%;
		padding: 10px 0 10px 15px !important;
		border-bottom: 1px solid #eae9e8;
	}

	.selected-market {
		padding: 10px 0 0 13px;
		height: 45px;
		position:relative
	}

	.selected-market .country-name {
		padding: 2px 0 0 13px;
		float: left;
	}
	.selected-market:before {
		position: absolute;
		right: 15px;
		top: 13px;
		content: "";
		display: block;
		width: 15px;
		height: 15px;
		background: url(global/images/sprite.svg) no-repeat 0 -1156px;
	}

	.selected-country-name {
		color: #3f3d3a;
		float:left;
	}
	.selected-flag { float:right !important}
	.market-menu h3 {height:35px; padding-left:0}

	.menu-only-mobile.tablet { display:block}

	.burger-menu-wrapper, .market-menu-wrapper {
		padding: 24px 16px 20px 16px;
	} 

	.burger-menu li,
	.mobile-market li{
    	padding: 10px 0 2px 34px;
	}

	/* .mobile-market .content-burger-menu {
    	padding-left: 28px;
	} */

	.search-wrap { margin: -5px 0 20px 0;}
	#burger-menu .arrow-curtain { top:-31px}

	h3.head-burger-menu { position:relative}

	h3.head-burger-menu:before {
		position: absolute;
		content: "";
		display: block;
		left: -24px;
		top: 0px;
		width: 17px;
		height: 20px;
		background: url(global/images/sprite.svg) no-repeat 0 -1154px;
	}

	h3.active.head-burger-menu:before { background-position: 6px -785px;}

	.country-language,
	h3.active.head-burger-menu .selected-flag,
	h3.active.head-burger-menu .selected-country-name { display:none}

	h3.active.head-burger-menu .country-language { display:block; color: #3f3d3a;} 
	#market-menu { display:none !important}
}

@media (min-width: 768px) {
  .menu-only-mobile { display:none}
}

@media (max-width: 767px) {

   .burger-menu-wrapper { top: 57px;}
}

.aem-header-curtain-main{
    float:left; clear:both; width:100%;background:#fff;
    }
.aem-header-curtain-main-inner{
   float:none;width:100%;background:#fff;padding-bottom:0!important;
    }
.aem-header-navigation{
float:left;clear:both; width:100%
    }
/* conflict css */

.logged-user .user-short-name, 
.logged-user .user-points,
.market-menu-items li .country-name, header {
 
}
.market-menu li h3, .market-menu h3.head-country, .dropdown-native select, #customer .wrap-button .checkbox-wrap label {
    color: #3f3d3a;
}
#sas-header .wrapper {
    float: none;
}
.dropdown-native.white .icon-down:before {display:none}

.dropdown-native.white label.title {padding-top:0}
.login .wrap-button.margin-auto {
    float: none;
    clear: both;
}


#sas-footer {
    width: 100%;
    background: #f4f3f3;
    margin-top: 20px;
    padding: 20px 0 0 0;
    overflow: hidden;
	float:none; /*conflicting css */
}

#sas-footer h3 {
	margin:5px 10px 10px 10px;
	font-size:18px
}
#sas-footer .social-network li {
	float:left;
	width:33%;
	padding-top:10px
}
#sas-footer li {
	width:25%;
	float:left;
	display:block;
	margin:0
}
#sas-footer li li {
	width:100%;
	padding:4px 10px
}
#sas-footer .bottom-footer {
	padding:20px 0
}

.bottom-footer .wrapper {
    text-align: center;
}

#sas-footer .bottom-footer li {
    text-align: center;
    float: none;
    display: inline-block;
    width: auto !important;
    padding: 0 20px;
}

.copyrights-footer {
    width: 100%;
    float: left;
    background: #fff;
    padding: 0 10px;
}

#sas-footer .bottom-footer  a,
#sas-footer h3 a { color:#3f3d3a}

@media (min-width: 992px) {
	.copyrights-footer .content-width {width: 656px;}
	
	div.copyrights-footer {
		padding: 0 100px;
	}
}

@media (min-width: 768px) {
	#accordian .content {
		display:block !important
	}
	#sas-footer .bottom-footer {
		margin-top:20px;
		background:#ddd
	}

}

@media (max-width: 767px) {
	#sas-footer li {
		width:100%;
	}
	#accordian .content {
		display:none;
		border-bottom: 1px solid #ccc;
    	overflow: hidden;
	}
	#sas-footer h3 {
		margin: 0;
		background: #fff;
		border-bottom: 1px solid #ccc;
		padding: 10px 0 10px 10px;
		position:relative
	}
	#sas-footer h3 {
		margin: 0;
		background: #fff;
		border-bottom: 1px solid #ccc;
		padding: 10px 0 10px 10px;
		cursor:pointer
	}
	#sas-footer {
		padding:0
	}
	#sas-footer li li {
		padding:6px 0 6px 25px
	}
	#sas-footer h3:before {
		position: absolute;
		content: "";
		display: block;
		right: 17px;
		top: 13px;
		width: 17px;
		height: 20px;
		background: url(global/images/sprite.svg) no-repeat 0 -1154px;
	}
	#sas-footer h3.active {
		background:#f1f1f1
	}
	#sas-footer h3.active:before {
		background-position:0 -1336px
	}
	#sas-footer .bottom-footer {
		padding: 15px 0 10px 0;
	}
	#sas-footer .bottom-footer li {
		text-align: left;
		padding: 0 20px 10px 10px;
	}
	
	.icon-star-alliance.pull-right {
		float: none;
		width: 250px;
		margin: 0 auto;
		display: block;
	}
	#sas-footer li.col {
    padding: 0;
	} 
}

/*conflict of classes */
#sas-footer h3 {
    color: #3f3d3a;
}
@media (max-width: 767px) {

	footer+div+footer, footer+footer {
		display: none!important;
	}
}
#sas-footer  .adaptiveimage.image.styled-container{

	margin-bottom: 0px;
    overflow:hidden;


}

#sas-footer .adaptiveimage.image.styled-container .col{


	margin-top:30px;
    margin-bottom:30px;

}

@media (min-width: 768px){

    .footer {
        padding:0px;
        height: auto;/* else aem author instance placeholder getting overlapped */
        background:none;

    }
}

@media (min-width: 768px){

  #sas-footer .wrapper {
        padding-bottom: 0px;
    	float: initial;/* since the column-control place holders are aligned to the left but it should be aligned to the center*/
    }
}

div.copyrights-footer .pull-left p {

    margin-top: 10px;
}


#sas-footer .adaptiveimage.image.styled-container  h3 a { color:#0069c3}
@media (max-width: 767px){

    #sas-footer li {
    	padding: 0px;

    }

	#sas-footer .adaptiveimage.image.styled-container .col{


		margin-top:0px;
    	margin-bottom:0px;

	}
	#sas-footer h3 {

        color: #3f3d3a !important;
	}

	#sas-footer .adaptiveimage.image.styled-container .adaptiveimage.image.styled-container{


		padding-bottom: 0px;

	}

}
/*---------------from global.css of redesign homepage-----------------------*/
#sas-footer .wrapper { 
  max-width:1120px; 
  width:100%; 
  margin:0 auto;
  position:relative
}

#sas-footer .pull-left { float:left}
#sas-footer .pull-right { float:right}
#sas-footer .clear { clear:both}
#sas-footer .inline-block { display: inline-block; }
#sas-footer .float-none { float:none}
#sas-footer .center { text-align:center}
#sas-footer .margin-auto { margin:0 auto}
#sas-footer .auto-height { float:left; width:100%;}

/* ---------------------------------------------------------------------------
 * Sprite-icons from sprite.css
 * ---------------------------------------------------------------------------
 */

.icon-facebook,
.icon-instagram,
.icon-google-plus,
.icon-youtube,
.icon-twitter,
.icon-blog , .icon-star-alliance {
    display:inline-block;
	background:url(global/images/sprite.svg) no-repeat;
    margin-right: 10px;
    text-indent: -9999px;
    overflow: hidden;
} 

/*.no-svg [class^="icon"] { background:url(header-footer-cms/images/sprite.png) no-repeat; }*/

/* ---------------------------------------------------------------------------
 * 1. Social media
 * ---------------------------------------------------------------------------
 */

.icon-facebook,
.icon-instagram,
.icon-google-plus,
.icon-youtube,
.icon-twitter,
.icon-blog {width:41px; height:41px }

.icon-facebook    { background-position:right -110px; }
.icon-instagram   { background-position:right -250px; }
.icon-google-plus { background-position:right -460px; }
.icon-youtube     { background-position:right -320px; }
.icon-twitter     { background-position:right -179px; }
.icon-blog        { background-position:right -389px; }


.icon-star-alliance { width:245px; height:24px; background-position:right -1572px }
/*----------------------------------------------------------------------------------------*/


/*------from reset.css------------------------*/

* { box-sizing: border-box;}

#sas-footer h3{text-transform:uppercase}




#sas-footer a,h3  {
  -webkit-tap-highlight-color: transparent;
}


footer {
	display: block;
	outline: none;
}


[class*=" icon-"]:before {
 font-family: "flysas-icons";
 font-style: normal;
 font-weight: normal;
 speak: none;
 display: inline-block;
 text-decoration: inherit;
 width: 1em;
 margin-right: .2em;
 text-align: center;
        /* opacity: .8; */
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
 text-transform: none;
        /* fix buttons height, for twitter bootstrap */
        line-height: 1em;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
/* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
 [class^="icon-temp-"]:before,  [class*=" icon-temp-"]:before {
 font-family: "fontello";
 font-style: normal;
 font-weight: normal;
 speak: none;
 display: inline-block;
 text-decoration: inherit;
 width: 1em;
 margin-right: .2em;
 text-align: center;
        /* opacity: .8; */
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
 text-transform: none;
        /* fix buttons height, for twitter bootstrap */
        line-height: 1em;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }


.icon-gplus:before {
	content: '\e814';
}
.icon-facebook:before {
	content: '\e815';
}
.icon-linkedin:before {
	content: '\e816';
}
/*-----------------------------------------------------------------------------*/
