/****************************** Start of New Information Page Template **********************************/

.category-page h2 {
    color: #000099;
    font-size: 32px !important;
    text-align: center;
    padding: 0 0 30px 0;
}

/****************************** End of New Information Page Template **********************************/
/****************************** Start of Social Likes and Shares  **********************************/
.social-button-container {
   text-align: center;
}
.social-button-container ul {
   display:inline-block; 
   margin:0;
   padding:0;
   position:relative;
  text-align:center;
}
.social-button-container ul li {
   display:block;
   float:left; 
   list-style:none;
   margin:10px;
   padding:0;
   position:relative;

}
/****************************** End of Social Likes and Shares  **********************************/
/**** Start of Social Follow Us ****/
.socialLink {
	padding-left: 8px;
 }
.socialLink li a{
	color: #09f !important;
	/*font-size: 13px;*/
	/*line-height: 35px;*/
}
.socialLink img{
	/*padding-right: 10px;*/
    margin-right: 10px;
    display:inline-block !important;
}

/**** End of Social Follow Us ****/
/****** Start of Social Follow Us - Mobile *********/

@media screen and (max-width:767px ){

    .socialLink li {
    	margin: auto;
    	text-align: left;
    	width: 172px;
	}    
}
/**** End of Social Follow Us - Mobile ****/
/****** Start of Social Follow Us - Desktop *********/

@media screen and (min-width:768px ){
    .socialLink {
		padding-top: 57px;
        text-align: left;
        max-width: 250px;
        margin: auto;
  	}   
}
/**** End of Social Follow Us - Desktop ****/

/** Start of faq feedback **/
.feedback-ack{
  display:none;
}
/** End of faq feedback **/
/************** Start of FAQ css *************/

.overlayFAQ {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 99;
}

.overlayFAQ .overlayFAQContainer {
	width: 100vw;
	height: 100vh;
	background: #fff;
	overflow-y: scroll;
    /*overflow-x: hidden;*/
}
.overlayFAQ .icon-cancel {
	padding: 5px 0px;
	cursor: pointer;
	font-size: 16px;
	
	color: #3F3D3A;
}

.faqPlaceHolder .faqHeading > label {
	background: none repeat scroll 0 0 #c9a977;
	border-radius: 5px 5px 0 0;
	color: #fff;
	
	font-size: 20px;
	font-weight: bold;
	padding: 10px 14px;
	/*text-transform: uppercase;*/
}

.faqPlaceHolder .faqItem{	
	background: none repeat scroll 0 0 #f4f3f3;
	border-bottom: 2px solid #fff;
	font-size: 16px;
	line-height: 1.4;
	padding: 25px 15px;
}
.faqPlaceHolder .faqItem.collapsed{			
	cursor: pointer;		
}		

.faqPlaceHolder .faqItem.collapsed{	
	cursor: pointer;
}

.faqPlaceHolder li.faqItem:hover {
    background: #E0E0DD;
}

.faqPlaceHolder span.link{			
	display:none;
	width: 100%;
	text-align: right;
}

.faqPlaceHolder li.faqItem a{
    color: #0099ff;
	/*cursor: pointer;*/
}

.faqPlaceHolder .faqAnswer{			
	display:none;
    overflow-x: auto;
}

.overlayFAQContainer .loaderImg {
	display: block;
	text-align: center;
	padding: 20px 20px 20px 0;
    width: initial;
}

/************** End of FAQ css *************/
/****** Start of FAQ css - Mobile *************/

@media only screen and (max-width:767px){
	.overlayFAQ .faqPlaceHolder{
		/*clear:both;*/
	}	

    .faqPlaceHolder{
		width: 99%;
        margin: auto;    
	}	        

	.faqPlaceHolder .faqBox{
		margin: 0px -8px;		
	}	

}

/************** End of FAQ css - Mobile *************/
footer{
  float:left;
}

div.sastravel{
	overflow: hidden;
}
.small-banner-wrap {
  /*float:left;*/
  margin: 0 auto;
  max-width: 1120px;
  clear: both;
  display: block;
}
.small-banner-wrap h2 {
  
  color: #000099 !important;
  text-transform: uppercase;
  font-size: 1.44rem !important;
}
#small-banner-wrap .small-banner {
  margin: 0 ;  
}
#small-banner-wrap .small-banner .inner {
  width: 100%;
  height: 180px;
  display: block;
  overflow: hidden;
}
#small-banner-wrap li span {
  float: left;
  margin: 16px 0; 
  font-size: 16px;  
}
#small-banner-wrap li span a {
  color: #09f;
  display: block;
  word-break: break-word;
}

/*cookiewrap css for authormode*/
div.cookieBoxWrap.authorMode{

	float:left;

}
/****************************** Start of New Information Page Template **********************************/

.category-page h2 {
    color: #000099;
    font-size: 32px !important;
    text-align: center;
    padding: 0 0 30px 0;
}

@media (max-width: 767px) {
	.category-page ol.breadcrumb {
    	    margin: -20px 0 0 16px;
                  padding-bottom: 16px;
	}

	.category-page h2 {
    		text-align: left;
    		padding-left: 16px;
	}
}
/****************************** End of New Information Page Template **********************************/
/****************************** Start of Information Page Template **********************************/

/** Control default sizes and color **/
.cms-infopage-wrapper small {
  font-size: 0.8rem;	/* 13px	*/
  line-height: 125%;
}
.cms-infopage-wrapper a {
  /*font-size: 0.8rem;	*/	/* 13px */
    font-size: 1rem;	
}
.cms-infopage-wrapper p {
  font-size: 1rem;		/* 16px */
}
.cms-infopage-wrapper blockquote {
  font-size: 1.2rem;	/* 20px */
}
.cms-infopage-wrapper h5 {
  font-size: 1rem;		/* 16px */
  
  color:  #3f3d3a;
}
.cms-infopage-wrapper h4 {
  font-size: 1rem;		/* 16px */
   
  color:  #3f3d3a;
}
.cms-infopage-wrapper h3 {
  font-size: 1.25rem;	/* 20px */	
  /*line-height: 125%;*/
  
  color:  #3f3d3a;
}
.cms-infopage-wrapper h2 {
  font-size: 1.44rem;	/* 24px */
  line-height: 120%;
  
  color: #000099;
}
/*
.cms-infopage-wrapper h2 {
  font-size: 1.73rem;	// 28px	
  line-height: 110%;
  font-family: ScandinavianHeadline; 
  color: #3f3d3a;
}*/
.cms-infopage-wrapper h1 {
  line-height: 110%;
   
  color: #000099;
}
.cms-infopage-wrapper .parbase.text ul {
	list-style-type: disc !important;
	list-style-position: outside !important;
    margin-left: 1.25rem;
}
.cms-infopage-wrapper .parbase.text ol {
	list-style-type: decimal !important;
	list-style-position: outside !important;
    margin-left: 1.25rem;
}
.cms-infopage-wrapper li {
	list-style-type: inherit !important;	
}

/*Added for bullet styling in SAR flow*/
#payWithModal .cms-infopage-wrapper .parbase.text ul li {
    list-style: none !important;
}

#payWithModal .cms-infopage-wrapper .parbase.text ul li:before { 
  content: "";
  margin-right: 8px;
  margin-bottom: 2px;
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #09f;
  border-radius: 50%; 
}

/****************************** End of Information Page Template **********************************/
/****************************** Start of Information Page - Desktop  **********************************/
@media screen and (min-width: 768px) {

	.cms-infopage-wrapper blockquote, .cms-infopage-wrapper p, .cms-infopage-wrapper h4, .cms-infopage-wrapper h5 {
	  line-height: 137.5%;
	}
	.cms-infopage-wrapper h1 {
	  font-size: 3rem;		/* 32px */
	}
}

/****************************** End of Information Page - Desktop  **********************************/
/****************************** Start of Information Page - Mobile  **********************************/
@media screen and (max-width: 767px) {

	.cms-infopage-wrapper blockquote, .cms-infopage-wrapper p, .cms-infopage-wrapper h4, .cms-infopage-wrapper h5 {
	  line-height: 125%;
	}
	.cms-infopage-wrapper h1 {
	  font-size: 2rem;		/* 32px */
	}
}

/****************************** End of Information Page - Mobile  **********************************/
/****************************** Start of FAQ Page Template **********************************/
div.cms-faqpage-wrapper{
    max-width:1120px;
    margin:0 auto;
    padding:0px 10px;
}
.cms-faqpage-wrapper .width65{
    width: 65%;
}
.cms-faqpage-wrapper .width35{
    width: 35%;
}
.cms-faqpage-wrapper .leftSection{
    float: left;
    /*background: #f4f4f3;*/
}
.cms-faqpage-wrapper .rightSection{
    display: inline-block;
    padding-left: 80px;
	float:right;
    /*margin-top: 70px*/
}
.cms-faqpage-wrapper .rightSection section{
    margin-bottom: 10px;
}
.cms-faqpage-wrapper .clearFix{
    clear: both;
}

@media (max-width: 767px) {
    .cms-faqpage-wrapper .leftSection{
        width:100%;
		/*background: #f4f4f3;*/
    }
	.cms-faqpage-wrapper .rightSection{
        padding-left: 0px;
        padding-top: 10px;
        width:100%;
    }
}
/****************************** End of FAQ Page Template **********************************/
/****************************** Start of FAQ Page Template **********************************/
div.cms-faqitempage-wrapper{
    max-width:1120px;
    margin:0 auto;
    padding:0px 10px;
}
.cms-faqitempage-wrapper .width65{
    width: 65%;
}
.cms-faqitempage-wrapper .width35{
    width: 35%;
}
.cms-faqitempage-wrapper .leftSection{
    float: left;
    /*background: #f4f4f3;*/
}
.cms-faqitempage-wrapper .rightSection{
    display: inline-block;
    padding-left: 80px;
	float:right;
    /*margin-top: 70px*/
}
.cms-faqitempage-wrapper .rightSection section{
    margin-bottom: 10px;
}
.cms-faqitempage-wrapper .clearFix{
    clear: both;
}

@media (max-width: 767px) {
    .cms-faqitempage-wrapper .leftSection{
        width:100%;
		/*background: #f4f4f3;*/
    }
	.cms-faqitempage-wrapper .rightSection{
        padding-left: 0px;
        padding-top: 10px;
        width:100%;
    }
}

/****************************** End of FAQ Page Template **********************************/
/************** Start of 404 page ***********/
.errorWrapper {
	background-color: #000066;
	min-height: 500px;
	width: 100%;
}
.errorDetails {
    position: relative;
    margin-top: 90px;
}
.errorDetails .errorNo {
    
	font-size: 420px;
	line-height: 420px;
	text-align: center;
	color: #000033;
}
.errorMessage {
	position: absolute;
	top: 0px;	/*Ritu:Added for CMS-260*/
	
	text-align: center;
	width: 100%;
	font-size: 28px;
	line-height: 120%;
	color: #fff;
}
.errorMessage  p {
	margin-bottom: 0;
    font-size: 28px;
	line-height: 120%;
    color: #fff;
}
/*Added for CMS-260*/
.errorSearchBox{
    display:block !important;
    position:absolute;
    top:100px;
    padding:0px !important;
    opacity:0.8;
}
@media screen and (max-width: 767px) {
	.errorDetails .errorNo {
        font-size: 100px !important;
        line-height: 100px !important;

    }

    .errorMessage {
        top: 126px !important;

    }
	
	/*Added for CMS-260*/
	.errorSearchBox {
		top: 250px !important;
    }

}

/************** End of 404 page ***********/
/****************************** Start of Destination Page Template **********************************/
.cms-destpage-wrapper #page-content.homeM {
	background : transparent!
}
/****************************** End of Destination Page Template **********************************/
/************** Start of SSO Iframes *************/
.sso-iframe .cms-sso-message {
	display: none;
}   
.sso-iframe .cms-sso-iframe {
	display: none;
}
.sso-iframe .cms-sso-iframe.cms-loading {

    border: 1px solid #bbb;            
}
/************** End of SSO Iframes *************/
/************** Start of Navigation redirect dropdown css ***********/


.redirect-dropdown button{
	width: 100%;

}

.redirect-dropdown ul{
    margin:0px !important;
    top:97% !important;
	width: 100%;

}
.redirect-dropdown.active ul{
	display:block !important;
}
@media only screen and (min-width:321px) and (max-width:767px){
	 .redirect-dropdown> div.dropdown {
	width:50% ;

}
}
@media only screen and (max-width:320px){
    .redirect-dropdown> div.dropdown {
	width:100% ;

}

}
@media only screen and (min-width:768px){
	 .redirect-dropdown> div.dropdown {
	width:25%  ;

}
}


/************** End of Navigation redirect dropdown css *************/
/****************************** Start of Links-on-the-page **********************************/
#bookmarkSidebar ul li{
    list-style-type: none !important;
	list-style: none !important;
    padding-bottom: 20px;
}

.anchorDropdown{
    display:none;
}
.anchorHeader{
	display:none;
}

/****************************** End of Links-on-the-page **********************************/
/****************************** Start of Links-on-the-page - Mobile **********************************/

@media screen and (max-width: 767px) {

	#content {
        float: left;
    }
    #bookmarkSidebar ul li{
        padding:  10px  !important;
        border-bottom: 1px solid #D5D4D1;
        float: left;
        width: 100%;
    }
	#bookmarkSidebar li:hover{
        background-color: #0033CC; 
        cursor: pointer;
        -moz-transition: 0.2s;
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }
    #bookmarkSidebar ul li a{
        color: #3f3d3a;
        /*font-size: 1.2em;*/
        font-size: 1em;
        display: block;
        width: 100%;
    }

    #bookmarkSidebar li:hover a{
        color: #fff !important;
        -moz-transition: 0.2s;
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }

    .anchorList{
        position: absolute;
        width: 100%; 
        top: 15px;
        left: 0;
        padding-top: 0 !important;
        background-color: #fff;   
        display: none;
    	z-index: 100000;
	}

    .anchorDropdown{
        display: block !important;
        position: absolute;
        top: -30px;		/* to offset the cms-wrapper margin-top */
        left: 0;
        width: 100vw;
        background-color: #000099;
        padding: 7px 7px 8px 7px;
    	margin-left: -1px;

    }

    .selectedAnchorValue{
        font-size: 1em;
        padding: 4px 0 0 5px;
    }
    .anchorValue {
        width: 100%;
        display: block;
        background-color: #0033CC;    
        color: #fff;
        padding: 6px 8px 6px 8px;
        float: left;
        cursor: pointer;
        border-radius: 4px;
    }

    .anchorValue span.icon-down {
        font-size: 1.4em;
        }

	.selectedAnchorValue{
        font-size: 1em;
        padding: 4px 0 0 5px;
	}

	/** To make space for the anchor dropdown **/
	/*
	.category{
      margin-top:60px !important;
    }*/
	


}
/****************************** End of Links-on-the-page - Mobile **********************************/
/*Added for CMS-500*/
@media (min-width: 768px) {
	a:target{
    	box-shadow:none !important;
	}
}
/*** Start of breadcrumb **/

ol.breadcrumb {
	background:none;
	padding-left:0;
	/*border-bottom: 2px solid #eee;*/
	border-radius:0;
	font-size:14px;
    margin-bottom: 0px !important;
}

div.breadcrumb {
	background:none;
	padding-left:0;
    margin-bottom: 0px !important;
}

ol.breadcrumb>li>a {
 	font-size:14px !important;
}

/* added focus style for acessibility */

ol.breadcrumb>li>a:focus {
 	outline: 1px dashed #09f !important;
}

ol.breadcrumb>li.active {
	color: #7b766c;
}
/*** End of breadcrumb **/
/*** Start of Back to top **/

.backToTop {
	position: absolute;
	bottom: 0;
    width: 100%;
    font-size: 1rem;
    display: none;
}
/*** End of Back to top **/


/****************************** Start of Back to Top - Desktop **********************************/
@media screen and (max-width: 767px) {

    .backToTop{
		display: none !important;
    }   
}
/****************************** End of Back to Top - Desktop **********************************/
/****************************** Start of Back to Top - Mobile **********************************/
@media screen and (min-width: 768px) {

    .backToTop{
		display: block !important;
    }   
}
/****************************** End of Back to Top - Mobile **********************************/
/** Start of vacation planner **/
.vacation-planner {
    width: 100%;
	/*max-width: 960px;
    margin:auto;*/
    background: #006;
    display: none;
}        

.div-lpc-wrapper {
	float: left;
    /*min-height: 375px;*/
    height: auto;
    background: #006;
    display: block; 
}

.div-lpc-wrapper .dropdown-menu > li > a {
    padding: 10px 20px !important;
	line-height: 1.0;
	cursor: pointer;
}    

.div-lpc-wrapper h3 {
    padding: 10px 0 20px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.div-lpc-wrapper .lpcDataTblWrap{    
    float: left;
    margin: 20px 0; 
    position: relative;
    width: 100%;
    min-height: 100px;   
    display: block;
}
.div-lpc-wrapper .lpcDataTbl{    
    float: left;
    margin:0;
    position: relative;
    width: 100%;    
    display: block;
}
.div-lpc-wrapper .lpcDataTblWrap h4{ 
    
    font-size: 13px;
    color: #fff;
    text-align: left;
}
.div-lpc-wrapper .heading-lpc-wrapper{
    padding: 14px;
    text-align: center;
    color: #fff;
    font-size: 15px;
}
.div-lpc-wrapper .origin-lpc-wrapper {
    float: left;
    min-width: 144px;
    width:auto;
    min-height: 44px;
}
.div-lpc-wrapper .dest-dd-lpc-wrapper {
    float: left;
    left: 2%;
    padding: 0px;
    min-width: 144px;
	width:auto;
    min-height: 44px;
}
.div-lpc-wrapper .label-price-heading-lpc-wrapper{
    padding: 0%;
    color: white;
    font-weight: bold;
    font-size: 13px;
    margin-top: 3%;
    margin-left: 4%;

}
.div-lpc-wrapper .source-dest-box {
	min-width: 144px;
	padding:0;
	width:auto;
}
.div-lpc-wrapper .dropdown-lpc-wrapper{
	width: 150px;
}
.div-lpc-wrapper .label-month-lpc-wrapper{
	color: white;
	width:30px;
    font-weight: bold;
    font-size: 12px;

}
.div-lpc-wrapper .label-price-heading{
    font-size: 12px;

}
.div-lpc-wrapper  .price-list-heading-lpc-wrapper{
	color: #3F3C39 !important;
    font-weight: bolder;
    background-color: white;
	font-size: 13px !important;
	border-right: 1px solid #BAB9C6;
	text-align: center !important;
	
    cursor: pointer !important;
	vertical-align: middle;
}
/*
.div-lpc-wrapper  .price-list-heading-lpc-wrapper:hover{
	background-color: #eae9e8;
}
*/
.div-lpc-wrapper .lpcDataTbl .valid-price:hover{
	background-color: #eae9e8;
}
.div-lpc-wrapper  .price-list-heading-lpc-wrapper span{
	width: 100%;
}
.div-lpc-wrapper .stick-lpc-wrapper{
position: fixed; 
	top: 0;
    z-index: 999;
    margin: 0px;
    width: 781px;
    height: 44px;
}

.div-lpc-wrapper .stick-blank-lpc-wrapper{
	position: fixed; 
	top: 0;
    z-index: 999;
	width: 150px; 
    height: 44px !important; 

}
.div-lpc-wrapper  .stick-month-lpc-wrapper{
	padding-left: 16px!important;
    padding-right: 22px!important;
    padding-bottom: 0!important;
    line-height: 0;
}
.div-lpc-wrapper .dest-label-lpc-wrapper{
	 background-color: #ddd;
    border: 1px solid #BAB9C6;
    color:#8F8D8B;
    font-size: 14px;
    text-align: center;
    padding: 5%;
}
.div-lpc-wrapper .origin-dropdown-lpc-wrapper{
	min-width: 126px;
    padding-left: 0px;
    background: #009;
}  
.div-lpc-wrapper .origin-dd-lpc-wrapper{
    float: left;
    min-width: 156px;
    margin-left: 0px;
	width: auto;
	text-align: left;
	padding: 9px 11px;
}
.div-lpc-wrapper .dd-icon-lpc-wrapper{
	float:right;
	position: relative;
}
.div-lpc-wrapper .dd-option-lpc-wrapper{
	top: 31px;
	min-width: 156px;
	border-radius: 0px;
	padding: 0;
	/*Added to limit height of dropdown*/
	max-height: 250px;
	overflow-y: auto;
	/*End */
	/** Added **/
	list-style-type: none !important;
    list-style-position: outside !important;
}
.div-lpc-wrapper .origin-dd-row{
    width: 100%;
    height: 40px !important;
    font-size: 16px !important;
    text-align: left !important;
}
.div-lpc-wrapper .dest-dd-label-lpc-wrapper{
    padding: 0 0 2px 0px;
	color: white;
	font-size: 13px;
}
.div-lpc-wrapper .orig-label-lpc-wrapper{
    color: white;
    padding: 0% 0% 2% 2%;
	font-size: 13px;
}
.div-lpc-wrapper .hide-lpc-wrapper{
	display: none;
}
.div-lpc-wrapper  .lpc-matrix-label{
    background-color: #009;
}
.div-lpc-wrapper .blank-col{
	border-top: 0;
    background: #009;
	text-indent: -9999px;
	height: 44px;
}
.div-lpc-wrapper .blank-col-tr{
	background-color: #009;
}
.div-lpc-wrapper .table-responsive-lpc-wrapper{
	padding:0;
	min-height: 200px;
}

.div-lpc-wrapper .table{
	 border-top: 0;
    margin: 0px;
}
.div-lpc-wrapper  .dest-city{
    padding:0;
    text-align: center;
    background: #eae9e8;
    display: block;
}
.div-lpc-wrapper .table tr.lpc-matrix-label td .blank-col-tr td{
	border:none;
}
.div-lpc-wrapper  .dest-list-lpc-wrapper{
    padding-right: 0!important;
	width: 152px;
}
.div-lpc-wrapper  .matrix-lpc-wrapper{
	padding-left: 0 !important;
}
.div-lpc-wrapper span#vocationPlannerOriginSelection, .div-lpc-wrapper span#vocationPlannerDestSelection{
	padding-right:20px;
	padding-left: 10px;
}

.div-lpc-wrapper .lpcDataTbl .table>tbody>tr>th  {
    padding: 0;
    line-height: 20px;
    text-align: center; 
    vertical-align: middle;
    
    font-size: 13px;
    color: #fff;
    background: #009;
    border-top: 0;
    height: 44px;
}
.div-lpc-wrapper .lpcDataTbl .table>tbody>tr>td {
	padding: 0px 0px;
    /*vertical-align: middle;*/
    text-align: center;
    color: #3f3d3a;
    
    font-size: 13px;
    height: 44px;
    border-top: 0;
	/*width: 65px;
	min-width: 65px;*/
}
.div-lpc-wrapper .matrix-lpc-wrapper .add-bottom-border{
	border-bottom: 1px solid #BAB9C6;
}
.div-lpc-wrapper .lpcDataTbl .dest-city .dest-city-cell {
    /*width: 100%;
    display: block;
    line-height: 28px !important;
	padding: 10px 0px;*/

    padding: 10px 10px 10px 20px;
    text-align: left;
    text-overflow: ellipsis;
	white-space: nowrap;
    overflow: hidden;
	vertical-align: middle;
	height: 44px;
}
.ui-loader .ui-icon-loading h1{
color: #006;
}

.div-lpc-wrapper .hide-element{
	/*	display: none;*/
}
.div-lpc-wrapper .show-element{
		display: block;
}
.div-lpc-wrapper .bg-color{
	background: #000099!important;
}
.ui-loader .hide{
	display: none;
}
.div-lpc-wrapper .col-md-5 .pull-left{
padding: 0;
}
.div-lpc-wrapper  .dest{
	left: 4%;
}
.div-lpc-wrapper .origVal-big-length{
	left: 14%;
}
.div-lpc-wrapper .dd-option-lpc-wrapper li{
	height: 32px;
    text-align: center;
	font-size: 16px;
    border-bottom: 1px solid #BAB9C6;
}
.div-lpc-wrapper .dest-long{
	left: 22%;
}

.div-lpc-wrapper .sliderDiv .ui-widget-header{
	background: #00B7FF!important;
}
.div-lpc-wrapper .sliderDiv .ui-slider-horizontal .ui-slider-handle{
	top: -0.9em;
}
.div-lpc-wrapper .sliderDiv .ui-state-default .ui-corner-all .ui-state-hover{
	-moz-border-radius: 22px!important;
	-webkit-border-radius: 22px!important;
	border-radius: 22px!important;

}
/*
.div-lpc-wrapper .sliderDiv .ui-state-default, .ui-widget-content .ui-state-default{*/
.div-lpc-wrapper .sliderDiv .ui-state-default, .div-lpc-wrapper .ui-widget-content .ui-state-default{
	border: 7px solid white!important;
	background: #00B7FF!important;
}

.div-lpc-wrapper .sliderDiv .ui-corner-all,#slider-range-min{
	-moz-border-radius: 22px!important;
	-webkit-border-radius: 22px!important;
	border-radius: 22px!important;
	behavior: url(/styles/PIE.htc);
}
.div-lpc-wrapper .sliderDiv .ui-input-text{
	padding-bottom: 10px!important;
}
.div-lpc-wrapper .sliderDiv .ui-input-text .ui-body-inherit .ui-corner-all .ui-shadow-inset{
	float: left;
    height: 27px;
    max-width: 100%;
    width: 21%;
	
}
.div-lpc-wrapper .sliderDiv .ui-slider-handle{
	height: 30px!important;
    width: 30px!important;
}
.div-lpc-wrapper .sliderDiv{
	width: 40%;
    height: 85px;
	padding: 0px 20px;
}
.div-lpc-wrapper #slider-range-min{
	background-color: #009;
	height: 18%;
	
}
.div-lpc-wrapper .sliderDiv .slider-heading{
	color: white;
	padding-top:5px;
}
.div-lpc-wrapper .sliderDiv .slider-label-bottom{
	color: white;
	padding-top:5px;
    font-size: 14px !important;
}
.div-lpc-wrapper .sliderDiv #amount{
    height: 18px; /*100%; */
    max-width: 100%;
    width: auto;
	color: white!important;
	background-color: #006;
	padding: 0;
    /* margin: 5px 5px; */
    margin: 5px 0px 25px 5px;
}
.div-lpc-wrapper .sliderDiv .ui-slider-horizontal .ui-slider-handle{
	top: -0.5em!important;
}
.div-lpc-wrapper .sliderDiv .ui-widget-content{
	border: 0px!important;
}
.div-lpc-wrapper .slider-price-heading{
    width: 23%;
    height: 30%;
}
.div-lpc-wrapper .hide-text{
	color: white!important;
}

.div-lpc-wrapper .matrix-lpc-wrapper .add-bottom-border td{
	width: 50px;
	word-wrap: break-word;
}
.div-lpc-wrapper .lpcDataTbl .destCityCol{
    width: 150px;
    padding: 0;
    margin: 0;
	word-wrap: break-word;
}
.div-lpc-wrapper .lpcDataTbl .destListCol{
    position: relative;
    top: -17px;
}
.div-lpc-wrapper .lpcDataTbl .blank-price{
	color: #09F!important;
	font-weight: normal!important;
    font-size: 14px!important;
    background-image: url("clientlibs-aem/images/loadPrice.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.div-lpc-wrapper .collide-row{
	width:100%;
	height:20px;
	clear:both;
} 

.div-lpc-wrapper .vpLoader{
	display:none;
    /*
    position: absolute;
    top: 97px;
    bottom: 20px;
    left: 0;
    right: 0;
    min-height: 30px;
   	*/  
    width: 50px;
    margin: auto;
    border-radius: 5px;
	background: rgba(255,255,255,1.0) !important;
}
.div-lpc-wrapper .vpLoader .cms-loading-image{
	padding: 15px;
}

@media only screen and (max-width:1023px){
	.div-lpc-wrapper{
		max-width:100%;
		width:100%;
		margin:0;
	}
	.div-lpc-wrapper #LPCmatrix  td.dest-list-lpc-wrapper{
		width:30%;
		padding:0;
	}
	.div-lpc-wrapper #LPCmatrix  td.matrix-lpc-wrapper{
		width:100%;
		padding:0;
		max-width:209px;
		overflow-x: scroll;
		-webkit-overflow-scrolling:touch;
		/*-webkit-overflow-scrolling:auto;*/
	}
	.div-lpc-wrapper {
		max-width:100%;
		width:726px;
		min-height: 350px;
		padding-bottom: 12px;
	}
	.div-lpc-wrapper .heading-lpc-wrapper{
		padding:14px !important;
		text-align:center;
		width:100%;
		font-size: 18px;
	}
	.div-lpc-wrapper .orig-label-lpc-wrapper,.div-lpc-wrapper .dest-dd-label-lpc-wrapper{
		font-size: 13px;
		padding: 4px;
	}
	.div-lpc-wrapper .dropdown-lpc-wrapper{
		margin-left:0;
	}
	.div-lpc-wrapper .price-slider{
		clear: both;
		height: 20px;
		width: 80%;
	} 
	.label-price-heading{
		display:none;
	}
	.table-responsive-lpc-wrapper{
		padding:0;
		width: 100%
	}
	.div-lpc-wrapper .source-dest{
		float: left;
		left: 0;
		min-width: 175px;
		position: relative;
		margin: 0;
	}
	.div-lpc-wrapper .table-responsive{
		border: none;
	}
	.div-lpc-wrapper .table-responsive{
		border: none;
	}
	.div-lpc-wrapper .table tr th{
		line-height: 1.7;
		padding: 12px;
		font-size:14px;
	}
	.div-lpc-wrapper .origin-lpc-wrapper {
		padding-left: 4%;
	}
	.div-lpc-wrapper .dest-dd-lpc-wrapper{
		padding-left: 2%;
	}
	.div-lpc-wrapper #lpcMatixTable tr {
		height: 44px;
	}
	.dest-list-lpc-wrapper {
		width: 30%;
	}
	.div-lpc-wrapper .blank-col{
		padding: 11px;
	}
	.div-lpc-wrapper .dest-label-lpc-wrapper{
		line-height: 1.5;
		padding: 9px;
	}
	.div-lpc-wrapper #lpcMatixTable{
		width: 100%;
	}
	.div-lpc-wrapper #LPCmatrix{
		width: 100%;
	}
	.div-lpc-wrapper #matrixRow{
		width: 100%;
	}
	.div-lpc-wrapper .lpcDataTblWrap h4{
		display:none;
	}
	.div-lpc-wrapper .lpcDataTblWrap{
		padding-top: 25px;
	}
	.div-lpc-wrapper .sliderDiv{
		float: left!important;
		width: 70%;
		padding-top: 15px;
	}
	.div-lpc-wrapper .slider-price-heading{
		width: 71px;
	}
	.div-lpc-wrapper .sliderDiv .slider-label-bottom{
		padding-top: 15px;
	}
	.div-lpc-wrapper .stick-blank-lpc-wrapper{
		position: fixed; 
		top: 0;
		z-index: 999;
		width: 210px;
		height: 44px !important;
	}
	.div-lpc-wrapper .stick-lpc-wrapper{
		position: fixed;
		top: 0;
		z-index: 999;
		margin: 0px;
		width: inherit;
		padding: 0 2px;
	}
	.div-lpc-wrapper .stick-month-lpc-wrapper{
		padding-left: 45px!important;
		padding-right: 47px!important;
		padding-bottom: 0!important;
	}

}
@media only screen and (max-width:767px){

    .div-lpc-wrapper .vpLoader{
       margin-bottom: 20px;
    }
	table#lpcMatixTable th, lpcMatixTable td {
		padding: 0 24px;
	}

}
@media only screen and (min-width:569px) and (max-width:767px){
	.div-lpc-wrapper .blank-col {
		padding: 11px;
	}
    .div-lpc-wrapper .row {
    margin-left: -12px !important;
    }
	.div-lpc-wrapper .dest-label-lpc-wrapper{
		padding: 9px;
	}
	.div-lpc-wrapper .lpcDataTblWrap h4{
		display:none;
	}
	.div-lpc-wrapper .sliderDiv{
		width: 100%;
		padding-top: 15px;
	}
	.div-lpc-wrapper .stick-blank-lpc-wrapper{
		width: 29%;
		height: 44px !important;
	}
	.div-lpc-wrapper .stick-lpc-wrapper{
		width: 66%;
	}
	.div-lpc-wrapper .label-month-lpc-wrapper{
		min-width:162px;
	}
}
@media only screen and (width:568px){
	.div-lpc-wrapper .label-month-lpc-wrapper {
		width: 187px !important;
	}
	.div-lpc-wrapper .stick-lpc-wrapper {
		width: 67% !important;
	}
}
@media only screen and (width:667px){
	.div-lpc-wrapper .label-month-lpc-wrapper {
		min-width: 148px;
	}
}
@media only screen and (min-width:320px) and (max-width:568px){
   .div-lpc-wrapper .row {
		margin-left: -12px !important;
    }
	.div-lpc-wrapper{
		width: 100%;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
	}
	.div-lpc-wrapper .dest-dd-lpc-wrapper{
		padding-left: 2%;
	}
	.div-lpc-wrapper .blank-col{
		width: 34%;
		height: 44px;
		padding: 11px;
		margin: 0;
	}
	.div-lpc-wrapper .dest-label-lpc-wrapper {
		line-height: 1.5;
		padding: 9px;
	}
	.div-lpc-wrapper{
		max-width: 100%;
	}
	.div-lpc-wrapper .origin-lpc-wrapper, .div-lpc-wrapper .dest-dd-lpc-wrapper{
		width:45%!important;
	} 
	.div-lpc-wrapper .source-dest{
		min-width: 160px;
	}
	.div-lpc-wrapper .dest{
		left: 3%;
	}
	.div-lpc-wrapper .org{
		width: 40%;
		padding: 0;
	}
	.div-lpc-wrapper .dest-long{
		left: 1%;
		padding: 0px;
		float: left!important;
	}
	.div-lpc-wrapper .org-long{
		width: 56%;
		padding: 0;
	}
	.div-lpc-wrapper .lpcDataTblWrap h4{
		display:none;
	}
	.div-lpc-wrapper .sliderDiv{
		width: 100%;
		padding-top: 15px;
	}
	.div-lpc-wrapper .stick-blank-lpc-wrapper, .div-lpc-wrapper .stick-lpc-wrapper{
		height: 44px!important;
	}
    .div-lpc-wrapper .label-month-lpc-wrapper{
        width:150px;
     }
	 .div-lpc-wrapper .stick-lpc-wrapper{
		width:65%;
	 }
	 .div-lpc-wrapper .stick-month-lpc-wrapper{
		padding:0 !important;
	 }
}
@media only screen and (max-width:360px){
	.div-lpc-wrapper .origin-lpc-wrapper, .div-lpc-wrapper .dest-dd-lpc-wrapper{
		width:95%;
		padding-left:7%;
		padding-right: 0;
	}
	.div-lpc-wrapper .origin-dropdown-lpc-wrapper, .div-lpc-wrapper .dropdown-lpc-wrapper {
		width: auto;
	}
	.div-lpc-wrapper .source-dest button, .source-dest ul.dropdown-menu{
		width:95% !important;
	}
	.div-lpc-wrapper .dest-dd-lpc-wrapper{
		left:0 !important;
	}
	.div-lpc-wrapper .lpcDataTblWrap h4{
		display:none;
	}
	.div-lpc-wrapper .sliderDiv{
		width: 100%;
		padding-top: 15px;
	}
	
}
@media (min-width: 1136px)  { 
  #LPCTable th.stick-month-lpc-wrapper:last-child {min-width: 80px;}
  #LPCTable th.stick-month-lpc-wrapper {min-width: 81px;}
}
/** End of vacation planner **/
/****************************** Start of Banners **********************************/

.cq-dialog-content.coral-FixedColumn { 

    /*added for css fix in touchui dialog*/
	overflow-y: scroll !important;

}



.bannerWrap{
        position: initial;
        /*display: none;*/ 
		overflow:hidden;
		width: inherit; 
}



/* Textual overrides */
.hideBanner{
    display:none !important;
}
.cms-wrapper .bannerWrap .text {
    padding: 0px !important;
    margin: 0px !important;
}
.cms-wrapper .bannerWrap .text *{
    line-height: 100%;
    margin: 0px !important;
    padding: 0px !important;

}
.bannerWrap .text p{
    
    font-size: 11px;
}
.bannerWrap .text small{
    
    font-size: 11px;
}
.bannerWrap .text h2 {
    font-size: 40px !important;
}
.bannerWrap .text h3 {
    font-size: 32px !important;
}    
.bannerWrap .text h4 {
    font-size: 28px !important;
}
.bannerWrap .text h5 {
    font-size: 28px !important;
}
.bannerWrap .text h6 {
    font-size: 28px !important;
}
/**.cms-wrapper .bannerWrap .notimer{
    color: #fff !important;
}**/
/**.cms-wrapper .bannerWrap .countDown .timer{
    color: #fff !important;
}**/

/** Banner size **/
.largeBanner{
    width:100%;
    /*max-width: 944px;*/
    position: relative;
    overflow:hidden;
	height: 452px;
}
.mediumBanner{
    width:100%;
    /*max-width: 304px;*/
    position: relative;
    overflow:hidden;
	height: 376px;
}
.smallBanner{
    width:100%;
    /*max-width: 304px;*/
    position: relative;
    overflow:hidden;
	height: 180px;
}
.authorModeBanner{
        height: 700px !important;
}

/* Top content - Banner title area */
.bannerWrap .topContent1{
    padding-top: 16px;
	padding-left: 16px;
	padding-right: 24px;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
}
.bannerWrap .smallBanner .topContent1{
    padding-top: 16px !important;
}

/* Middle content - Banner middle area */
.bannerWrap .middleContent{
    display:none;
}    
.bannerWrap .largeBanner .middleContent{
/*	display: inline-block !important;
    text-align:center;
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
    margin: auto;
}
.bannerWrap .largeBanner .middleContent > div{*/
    display:block !important;
   position: absolute;
   top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	min-width:20%;
}


/* Bottom content - Banner bottom area */
.bannerWrap .bottomContent{
	position: absolute;
    width: 100%;
    left: 0px;
   	bottom: 0px;
}

/*
.bannerWrap .bottomContent .column:first-of-type {
    width: 50%;
    overflow: auto;
    position: relative;
}
.bannerWrap .bottomContent .column:last-of-type {
   	position: absolute;
    bottom: 0;
    right: 0;
}*/
/*
.largeBanner .bottomContent{
        padding-bottom: 8px !important;
}*/


/* Border */
.bannerWrap .outerBorder{
        border: 1px solid #ccc;
}


/* Advert */
.cms-wrapper .bannerWrap .advert {
    width:100%;
    /*height:2em;*/
    color:#999999 !important;
    /*font-weight: bold;*/
    position:absolute;
    bottom:-20px;
    right:0px;
    text-align: right;
    font-size: 13px !important;
}

.flashMessage {
	position: absolute;
	/*display: table;*/
	width: 144px;
	height: 144px;
    margin-right:-72px;
    
    bottom: 10%;
    right: 10%;
	padding: 10px;
	text-align: center;
	/*background-color: #FF4338;*/
	border-radius: 75px;

    display: none;
}
.flashMessage span {	
	display: table-cell;
	vertical-align: middle;
	
	font-size: 18px;
	line-height: 130%;
	/*color: #fff;*/
    text-transform: uppercase;
}

/*Fix for CMS-469*/
@media (max-width: 767px){
    .flashMessage {
    	margin-right:-10px;
    }
}

/* tool tip for fare conditions
====================================== */
.cms-wrapper .bannerWrap .fareCondtionTooltip {
    /*position: relative;
	display: table;*/
    position:absolute;
    bottom:0px;/*Fix for CMS-747*/
    left:0px;
	width: 100%;
    font-size: 13px !important;
}
.cms-wrapper .bannerWrap .fareCondtionTooltip .errorInfo {
    position: absolute;
    left: 3%;
    z-index: 9999;
	display: none;
    width:90%;
    max-width: 600px;
    top:-140px;
    bottom:33px;
    padding: 10px;
    
    font-size: 13px;
    color: #3F3D3A;
    background-color: #EAE9E8;
    box-shadow: 0px 0px 4px 2px rgba(0,0,51,0.4);
    -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,51,0.4);
    -moz-box-shadow: 0px 0px 4px 2px rgba(0,0,51,0.4);
    box-shadow: 0px 0px 4px 2px rgba(0,0,51,0.4);
}
.bannerWrap .fareCondtionTooltip .errorInfo .errorInfoarrow {
    position: absolute;
    bottom: -30px;
    left: 25px;
    z-index: -1;
    width: 100px !important;
    height: 100px;
    overflow: hidden;
    box-shadow: 0 8px 9px -12px rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.bannerWrap .fareCondtionTooltip .errorInfo .errorInfo-hider {
    position: absolute;
    left: 15px;
    bottom: 0px;
    background-color: #EAE9E8;
    width: 55px;
    height: 55px;
    z-index: -1;
}
.cms-wrapper .bannerWrap .fareCondtionTooltip .errorInfo .errorInfoarrow:after {
    content: "";
    position: absolute;
    top: 75px;
    left: 28px;
    width: 50px;
    height: 40px;
    background-color: #EAE9E8;
    transform: rotate(45deg);
    box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.4);
}
.cms-wrapper .bannerWrap .fareCondtionTooltip .icon-close {
    /*margin-right: -5px;*/
	font-size: 22px;
	color: #A7A299 !important;
    top: 5px !important;
    right: 5px;
	cursor: pointer;
    display: block !important;
}
.cms-wrapper .bannerWrap .fareCondtionTooltip .fareHeading {
    margin: 10px 0;
	
	font-size: 16px;
    color: black !important;
    text-transform: uppercase;
}
.cms-wrapper .bannerWrap .fareCondtionTooltip p {
	font-size: 13px !important;
	color: #3F3D3A !important;
}
.cms-wrapper .bannerWrap .fareCondtionTooltip .fareConditionContent {
	height: 60px;
    overflow: overlay;
 }
.bannerWrap .errorInfo:after{
	display:none;
} 
/****************************** End of Banners **********************************/
/*** Start of hero campaign **/
.heroCampaignWrap h2 {
	font-size: 3.750em !important;
    text-align: left;
	line-height: 110% !important;
	color: #fff !important;
}

.heroCampaignWrap .bannerDetails {
	/*position: absolute;
	top: 95px;*/
	display: table;
	width: 100%;
	text-align: center;
}
.heroCampaignWrap .bannerDetailsWrapper {
	display: table-row;
}
.heroCampaignWrap .bannerDetails .leftContent {
	display: inline-block;
	/*width: 80px;*/
	width: 100%;
}
.heroCampaignWrap .bannerDetails .rightContent {
    /*text-align: left;*/
	text-align : center;
    display: inline-block;	
}
.heroCampaignWrap .bannerDetails .priceValue  {
	/*top: -11px;*/
	font-size: 3.750em;
	text-align: left;
	line-height: 110%;
	color: #fff;
}
.heroCampaignWrap .bannerDetails .leftContent span {
    display: block;
	width: 100%;
    padding-right: 10px;
	
    font-size: 11px;
   	/*text-align: right;*/
	text-align: center;
	line-height: 110%;
	color: #fff;	
}

.heroCampaignWrap .bannerDetails .leftContent span.origin_label {
	 text-transform:uppercase;
}

.heroCampaignWrap .bannerDetails .heroCampaignButton {
    display: table;
    width: 100%;
	padding-top: 45px;	

}
.heroCampaignWrap .heroCampaignBtn {
	height: 40px;
   
    font-size: 16px;
	line-height: 120%;
    color: #fff;
	cursor: pointer;
    background-color: #0069c3;
    border-radius: 4px;
    /*width: 100%;*/
    width: 250px;
}
.heroCampaignWrap .largeBannerBtn:hover,
.heroCampaignWrap .largeBannerBtn:focus  {   
    color: #fff;
    background: #0055AA; 
}


@media only screen and (max-width:767px){
	/*
	.heroCampaignWrap .bannerDetails .leftContent span {
        text-align: center !important;
    }

    .heroCampaignWrap .bannerDetails .leftContent  {
        width: 100% !important;
    }

    .heroCampaignWrap .bannerDetails .rightContent  {
        text-align : center !important;
    }           
	*/
    .heroCampaignWrap h2 {
        font-size: 2.750em !important;
        text-align: center !important;
    }

    .heroCampaignWrap .bannerDetails .priceValue  {
        font-size: 2.750em;
    }

}
/*** End of hero campaign **/
/****************************** Start of Single Destination Campaign **********************************/
    
.campaignWrap .singleDestinationList {
	/*padding: 28px 40px;
	color: #fff;*/
    background-color: #001EB7;
    height: 68px;
    padding-top: 20px;
    padding-left: 32px;
    padding-right: 28px;
     
}
.campaignWrap .singleDestinationList * {
	color: #fff !important;
}
.campaignWrap .singleDestinationList:hover{
	background-color: #000099;
	cursor: pointer;
}
.campaignWrap .singleDestinationList .pull-left{
    padding-top: 3px !important;
	width: 25%;
    text-transform: uppercase;
}
.campaignWrap .singleDestinationList .pull-left p{
	text-align: left !important;
    word-wrap: break-word;
    text-transform: uppercase;
    color: #FFFFFF !important; 
}
.campaignWrap .singleDestinationList .pull-right{
	width: 75%;
    text-align: right !important;
}
.campaignWrap .singleDestinationList .priceValue{
	font-size: 28px;
	line-height: 28px;
	word-wrap: break-word;
}
.cms-wrapper .campaignWrap .singledestinationDetails li * {
	color: #FFFFFF !important;
}

/****************************** End of Single Destination Campaign **********************************/
/****************************** Start of Multi Destination Campaign **********************************/
.campaignWrap{
    
	/*position: absolute;*/
    width: 100%;
    /*max-width: 304px;
	bottom: 0;*/
    display: none;
}

.campaignWrap .multipleDestinationList{
	background-color: #001EB7;
}
.cms-wrapper .bannerWrap .campaignWrap .campaignLabel * {
    text-align: right !important;
    padding-bottom: 5px !important;
	padding-right: 10px !important;
	padding-left: 10px !important;	/*added for CMS-530*/
    text-transform: uppercase !important;
	margin-top : 5px !important;

}

/*added for CMS-530*/
.cms-wrapper .bannerWrap .campaignWrap .campaignLabel .originCity{
	float:left;
}

.cms-wrapper .bannerWrap .campaignWrap .campaignLabel .labelWithOrg{
	float:right;
}

.cms-wrapper .bannerWrap .campaignWrap .campaignLabel .clear {
    clear: both;
    margin-top: 0px !important;
    padding-bottom: 0px !important;
}
/*End: CMS-530*/

.campaignWrap .destinationDetails .destinationValue{
	text-align: left;
	width: 65%;/* cms-628*/
	text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.campaignWrap .destinationDetails .priceValue{
	text-align: right;
	width: 35%;/* cms-628*/
}

.campaignWrap .destinationDetails li{
	font-size: 20px;
	color: #fff;
	height: 40px;
	padding: 10px;
	line-height: 20px;
}

.campaignWrap .destinationDetails li:hover{
	background-color: #000099;
	cursor: pointer;
}
.cms-wrapper .campaignWrap .destinationDetails li * {
	color: #FFFFFF !important;
}

/** Overrides for smaller banners **/
.smallBanner .campaignWrap .destinationDetails li{
    font-size: 16px !important;
    height: 36px !important;
    line-height: 16px !important;
}
/** GS-180 **/
@media only screen and (max-width:767px){
   .campaignWrap .destinationDetails li{
    line-height: 26px;
  }

}   
/****************************** End of Multi Destination Campaign **********************************/
.cardsInfo {
  float: left;
  padding: 8px 0;
  width: 100%;
  min-height: 50px;
  color: #fff;
  background: #009;        
}
.cardWrap {
  float: right;
  display: block;          
}        
.cardsInfo h3 {
  margin-bottom: 4px;
  font-size: 14px;
  text-align: left;
  
}
.cardsInfo p {
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  
}
.cardsInfo ul {
  float: left;
  margin-left: 16px;          
  font-size: 12px; 
  font-weight: bold;        
}
.cardsInfo ul li {
  list-style-type:disc !important;
  list-style-position: outside !important;         
}
.bonusPointInfo {
  padding: 16px 8px;
  float: left;
  width: 100%;
}

.cms-wrapper .bgWhite .bonusPointCalc h3 {
  font-size: 16px;
  
  color: #3f3d3a !important;
  text-align: left;
}
.bonusPointWrap {
  position: relative;
}
.cms-wrapper .bgWhite .bonusPointInput {
  margin: 16px 0 8px;
  padding: 8px 16px !important;
  height: 72px;
  color: #C3C2BE !important;
  border-radius: 4px ;
}
.cms-wrapper .bonusPointCalc label {
  position: absolute;
  top: 26px;
  left: 16px;
  color: #BFBCB5 !important;
  font-size: 16px;
  transition: all .15s ease-out 0s;
  pointer-events: none;
}
.bonusPointCalc input:focus+label,
.bonusPointCalc input[type=number].has-content+label,
.bonusPointCalc input:active+label {
  position: absolute;
  top: 8px !important;
  font-size: 13px;
}

.cms-wrapper .bgWhite .bonusPointInfo h4 {
  font-size: 14px;
  color: #3f3d3a !important;
  text-align: left;
}
.bonusPointInfo ul  { 
  margin: 0px 0 16px;
  list-style-type: none;          
}
.cms-wrapper .bgWhite .bonusPointInfo ul li { 
  padding-left: 16px; 
  color: #A7A299 !important;
  font-size: 14px;
}
.cms-wrapper .bgWhite .bonusPointInfo ul li.active {  
  color: #004DD6 !important;
  padding-left: 16px;
  background: url("clientlibs-aem/images/tick-blue.png") no-repeat left 4px !important;
} 
.cms-wrapper .bgWhite .cmsCalcBtn {
  margin-bottom: 8px;          
  width: 100%;
  height: 44px;
  font-family: ScandinavianHeadline,Helvetica,Arial,sans-serif;
  font-size: 14px;
  color: #09f!important;
  background: #fff!important;
  border: 1px solid #09f!important;         
  text-transform: uppercase;
}
.cms-wrapper .bgWhite .cmsCalcBtn:hover {
  color: #fff!important;
  background: #09f!important;
  border: 1px solid #09f;
}
.cms-wrapper #entered.clmBonusPoint  {  
  padding: 16px 0;
  font-size: 32px;
  color: #0037C4 !important;
  font-family: ScandinavianHeadline,Helvetica,Arial,sans-serif;
}
.bonusPointUser {
  font-size: 14px;  
  line-height: 16px;
  font-family: ScandinavianRegular,Helvetica,Arial,sans-serif;
}
.cms-wrapper .bgWhite .bonusPointUser .progress {
  margin: 8px 0;
  height: 8px;    
  overflow: hidden;
  background-color: #EAE9E8;
  border-radius: 4px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.cms-wrapper .bgWhite .bonusPointUser .progress-bar {
  float: left;
  width: 0;
  height: 100%;
  background-color: #0099FF;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}
.cms-wrapper .bgWhite .ptsNextLevel,
.cms-wrapper .bgWhite .progressVal {
  font-size: 14px;
  color: #B6B1A9 !important;
}
.cms-wrapper .bgWhite .ptsNextLevel span { 
  color: #3F3C3A !important;
  font-weight: bold;
}
.btn.cmsCalcBtn.btn-block{
    line-height: 44px;
}

/****************************** Start of Takeover  **********************************/
.takeOverWrap{
   width: 100vw;
}

.takeOverEnabled{
   /*height: 400px;*/
	min-height: 450px;
}

.takeOverEditorial{
    
/*	width: 100%;
    display: table; 
    height: 100%; 
    overflow: hidden;*/
    text-align: center;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px 0px;
}

.takeOverEditorialContent{
/*	display: table-cell;
    vertical-align: middle; 
	text-align: center;

    position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%,-50%);
    min-width:200px;*/
}
.takeOverEditorialContent .text{
    color:#fff !important; 
}
.takeOverEditorialContent .text p{
    
    font-size: 11px;
}
.takeOverEditorialContent .text small{
    
    font-size: 11px;
}
.takeOverEditorialContent .title h1{
	font-size: 44px !important;
	color:#fff !important; 
}  
.takeOverEditorialContent .text h2{
	font-size: 40px !important;

}
.takeOverEditorialContent .text h3{
	font-size: 32px !important;
}
.takeOverEditorialContent .text h4{
	font-size: 28px !important;
}
.takeOverEditorialContent .text h5{
	font-size: 28px !important;
}
.takeOverEditorialContent .text h6{
	font-size: 28px !important;
}       
#cep-container{
	width: 100%;
}

/****************************** End of Takeover  **********************************/

/* Tab Header */

.tabctrl-header ul {
    text-transform: uppercase;
	display:inline-block;
    list-style: none !important;
}
.tabctrl-header ul li {
    float: left; 
    list-style: none;
}
.tabctrl-header ul li a {
    display:block;
    padding: 20px 0; 
    width: 160px;    
	height: 60px; 
    font-size: 13px; 
    
    color: #fff;
    text-align: center; 
    background: #000099; 
    border: 0; 
    border-radius: 0; 
    display: flex;
    justify-content: center;
    align-items: center;	
}
.tabctrl-header ul li.active a {
    display: flex;
	justify-content: center;
	align-items: center;
	color: #fff; 
    background: #0033cc; 
    font-size: 16px;    
}    
.tabctrl-header ul li a:hover {

    color: #fff !important; 
    cursor: pointer; 
    background-color: #00007a;
    -moz-transition: 0.1s; 
    -webkit-transition: 0.1s; 
    transition: 0.1s;
}

/* Tab Content */

.js .tabctrl-container {
    position: relative;
    /*overflow: hidden;*/
}
.js .tabctrl-container .tabctrl-content .tabctrl-title {
    position: absolute;
    text-indent: -1000em;
}
.tabctrl-container .tabctrl-content {
    overflow: hidden;
}
.js .tabctrl-container .tabctrl-content {
    width: 100%;
}
.js .cq-wcm-edit .tabctrl-container .tabctrl-content {
    position: relative;
}
.js .tabctrl-container .tabctrl-content:nth-child(n+2) {
    display: none;
}


/****************************** Start of Swatch Container  **********************************/
.swatch{
   display: -moz-inline-stack;
	/*display: inline-block;*/
    display: block;
	zoom: 1;
	*display: inline;
    margin: auto;
    position: relative;
}
/*ADDED for the smooth loading of background image*/

/* .bgDarkBlue {
    animation: BgFadein 10s ;
       
}
@keyframes BgFadein {
 
         from {

            opacity: 0;
          }

          to {

            opacity: 1;
          }
} */

/*END of addition for smooth loading of background image*/

.swatch.partner{
    display: block !important;
    width: 100%;
    height: auto;
}

.swatch.partner img{
    position: relative;
}
/*Fixes for CMS-414*/
@media screen and (max-width: 767px){
    .swatch.partner img{

        /*margin-left:-15%;*/
		max-width: 100%

    }
}


/****************************** End of Swatch Container  **********************************/
/****************************** Start of Styled Container  **********************************/
.styledC{
   margin:auto;
}
.hideStyledC{
    display:none;
}
/****************************** End of Styled Container  **********************************/
/** Start of para carousel **/
.slide-wrapper {
    position: relative
}

.slide-wrapper .fixed {
    display: none;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.slide-wrapper .fixed-content {
    width: 100%;
    height: 300px;
    background: red;
    color: #fff;
}


/* MISC */
.slide-wrapper #homepage-feature .item {
    overflow: hidden;
    /*height: 400px;*/
    background-color: transparent;
    /*background-size: cover;*/
}

.slide-wrapper #homepage-feature > .carousel-control {
    width: 30px;
    font-size: 40px;
    color: #fff;
    text-shadow: none;
    filter: none;
    opacity: 1;
    cursor: pointer;
}

.slide-wrapper #homepage-feature > .carousel-control span {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 100%;
    text-align: center;
    display: block;
}

.slide-wrapper .fa-angle-left:before{
    content:"\f104"
        }
.slide-wrapper .fa-angle-right:before{
    content:"\f105"
                }

.cms-wrapper .slide-wrapper .carousel-control.left {
	background-image: none !important;
}

.cms-wrapper .slide-wrapper .carousel-control.right {
	background-image: none !important;
}

.cms-wrapper .slide-wrapper .carousel-indicators {
    bottom: -2px !important;
}  

.cms-wrapper .slide-wrapper .carousel-indicators .active {
	background-color: #D5D4D1 !important;
}

.cms-wrapper .slide-wrapper .carousel-indicators li {
	background-color: #fff !important;
	border: 1px solid #D5D4D1 !important;
}
/** End of para carousel **/
/****************************** Start of Card View Component **********************************/
.card {
    margin-bottom: 80px;
}
.card-row { position: relative;}

.card-row picture {
    display: block;
    overflow: hidden;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.linkswrap li, .linkswrap li a {
    width: 100%;
    text-align: left;
}

.blur-link {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 102, 0.5);
    top: 0;
    left: 0;
    color: #fff;
    
    align-items: center;
    justify-content: center;
    padding: 20px;
    text-align: center;
    font-size: 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.blur-link:hover, .blur-link:active, .blur-link:visited {
    color: #fff;
    text-decoration: underline;
    background-color: rgba(0, 0, 102, 0.8);
}

.linkswrap li {
    height: 56px;
    border-bottom: 1px solid #bfbcb5;
    padding: 0;
}

.linkswrap li a {
    height: 56px;
    display: block;
    padding: 18px 0 0 15px;
    color: #3f3d3a;
}

.linkswrap li a:hover {
    text-decoration: underline;
}

.linkswrap li .icon-arrow-right-grey2 {
    float: right;
    margin: 1px 0 0 0;
}

.card-row img { width:100%; }

@media (max-width: 991px) {
	.card-row { padding-bottom: 0;}
}
@media (max-width: 767px) {
	.card {
    	margin-bottom: 0;
        padding: 0 8px 16px 8px;
    }
	.linkswrap { display: none;}
	
}

/****************************** End of Card View Component **********************************/
/****************************** Start of partner landing **********************************/
.partnerDropdowns .dropdown {
	display: block;
	/*width: 97%;*/
	height: 40px;
	margin-top: 5px;
	padding: 8px 8px 8px 16px;
	cursor: pointer;
	font-size: 16px;
	color: #fff;
	background-color: #000099;
	border-radius: 4px;
}
.partnerDropdowns .icon-down {
	margin-top: 2px;
	font-size: 20px;
}
.partnerLandingInfo .baggageDetails {
	padding-bottom: 10px;
}
.dropDownHeading ,
.dropDownHeadingpartner {
    display: block;
	padding: 15px 0 8px 0;
}

/*
#partner ,
.dropDownHeadingpartner,
.partnerOption {  
	margin-left: 10px;
}
.partnerLandingInfo .backToTop {
	position: fixed;
	bottom: 0;
	right: 0;
	display: none;
	padding: 30px;
	font-family: scandinavianRegular;
	font-size: 16px;
}*/
.partnerDropdowns ul li {
    float: left;
    width: 100%;
	height: 48px;
	padding: 15px;
    border-bottom: 1px solid #D5D4D1;
}
.partnerDropdowns ul li:last-child {
	border-bottom: 0;
}
.partnerDropdowns ul li  a {
	font-size: 16px;
	color: #3f3d3a;
}
.partnerDropdowns ul li:hover {
	background-color: #EAE9E8;
	cursor: pointer;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.gridViewBind {
    float: left;
    width: 100%;
    margin-top: 20px;
    min-height: 1000px;
}
.categoryValue ,
.partnerValue {
    padding-top: 4px;
}
.categoryOption ,
.partnerOption {
	overflow-x: hidden;
    overflow-y: auto;
    max-height: 300px;
    position: absolute;
    top: 88px;
    left: 9px;
    z-index: 999;
	display: none;
    width: 96%;
    background-color: #fff;
	border-radius: 4px;
	transition: all 0.2s ease-in;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
}
.LandingPartnerBind .pointsDetails,
.LandingPartnerBind .bgWhite1 {
	padding: 30px 20px 20px 20px;
	min-height: 325px;
	background-color: #EAE9E8;
	border-radius: 4px;
}
.LandingPartnerBind .bgWhite1  {
	background-color: #fff !important;
	border: 1px solid #ccc;
}
/*
.LandingPartnerBind {
	display: table;
	margin-left: -8px;
}
.LandingPartnerBind li {
	padding: 0 0 10px 10px;
}*/
.LandingPartnerBind li {
	padding-bottom: 10px;
}

.LandingPartnerBind  img {
	display: block;
	margin: 0 auto;
	text-align: center;
}
/*Added for CMS-536*/
.LandingPartnerBind img[src="/"] {
    display: none;
}
.LandingPartnerBind h3 {
	padding-top: 20px;
    
    font-size: 16px;
	text-transform: uppercase;
    color: #3F3D3A !important;
	position: absolute;
    top: 120px;
	width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}	
.LandingPartnerBind p {
	padding-bottom: 25px;
	
    font-size: 13px;
	line-height: 140%;
    color: #A7A39A;
    max-height: 86px;
    overflow-y: hidden;
	position: absolute;
    top: 165px;
	width: 75%;
}
.LandingPartnerBind  .findOutMore {
	position: absolute;
	bottom: 40px;
}
.partnerLandingInfo .viewMore {
	display: block;
	float: left;
    width: 100%;
	height: 40px;
    margin-top: 15px;
    padding: 12px;
    cursor: pointer;
    text-align: center;
    background-color: #EAE9E8;
}
.LandingPartnerBind .newPartner {
	position: absolute;
	right: 20px;
    top: 10px;
	background-color: #09f;
	color: #fff;
    font-weight: bold;
    font-size: 13px;
	padding: 2px 5px 2px 5px;
    text-transform: uppercase;
}

/*Added for CMS-534*/
.gridViewBind .noPartner {
	text-align: center;
}

.gridViewBind .noPartner p {
    color: #696969;
}

#viewLessLink {
	display: none;
}

/****************************** End of partner landing **********************************/
/****************************** Start of partner landing - mobile **********************************/
@media screen and (max-width: 767px) {

    /*
	.partnerDropdowns .dropdown ,
	.partnerDropdowns ul	{
		width: 100%;
	}

	.pointsDetails, .bgWhite1 {
		margin-left: -8px;
		margin-right: -8px;
	}
    */
	.gridViewBind {
		margin-top: 25px;
	}
	.viewMore {
		display: none !important;
	}
/*
	.LandingPartnerBind {
		margin-left: 0px;
	}

	.categoryOption, 
	.partnerOption { 
		top: 88px; 
	}

    .partnerLandingInfo .categort-list {
    	margin-right: -15px !important;
 	}
    .partnerLandingInfo .partner-list {
        margin-left: -15px !important;
        margin-right: -15px !important;
     }
*/
}
/****************************** End of partner landing - mobile **********************************/
/****************************** Start of partner landing - aem specific **********************************/
.partnerLandingInfo ul li {
	list-style-type: none !important;
}

.partnerLandingInfo .viewMore {
	display:none;
}
.partnerLandingInfo .pointsDetails img {
	max-width: 150px;
    max-height: 90px;
	margin: auto;
} 
.partnerLandingInfo .bgWhite1 img {
	max-width: 150px;
    max-height: 90px;
	margin: auto;
}         
.partnerLandingInfo a {
	font-size: 13px !important;
}
/*
.partnerLandingInfo .partner-list {
    margin-left: -8px !important;
    margin-right: -8px !important;
}

.partnerLandingInfo .categort-list {
    margin-left: -8px !important;
    margin-right: -8px !important;
}
*/
.partnerLandingInfo .pointsDetails .campaign {
	display:none;
} 
.partnerLandingInfo .bgWhite1 .campaign {
	
	display:block;
    width:100%;
    /*color:#999999;*/	
	color:#3f3d3a; 
    font-weight: bold;
    position:absolute;
    top:2px;
    left:15px;
    text-align: left;
    font-size: 13px !important;
} 
.partnerLandingInfo {
	min-height: 200px;

} 
.plLoader{
	display:none;
    height:200px;
}

/****************************** End of partner landing - aem specific **********************************/
/****************************** Start of page-icon  **********************************/
#pageIcon img{
	max-width: 150px;
    max-height: 90px;
/*    width: 100%	*/
}

#iconHolder{
    width: 100%;
} 

/****************************** End of page-icon  **********************************/

/****************************** Start of page-icon - Mobile **********************************/
@media screen and (max-width: 767px) {

	#iconHolder{
        margin-bottom: 30px !important;
        text-align:center;
    } 
    #pageIcon img{
        text-align:center;
        margin:auto;
    }
}

/****************************** End of page-icon - Mobile **********************************/
/****************************** Start of Info Box **********************************/
.infoBoxWrapEdit .infoBoxWrap{
	display: block !important;
}

.infoBoxWrap {
	width:100%;
    display: none;	
    min-height: 40px;
} 

.alert {
	padding: 10px 15px;
	margin-bottom: 0px;
	min-height: 30px; 
	border: 0px solid transparent;
	border-radius: 0;
    text-align: center; 
 	color: white;
 }

/*.alertInfo {
	text-align: center; 
	color: white; 
	font-size: 20px; 
	background-color: #000033;
}
.alertError {
	text-align: center; 
	color: white;
	font-size: 20px;
	background-color: #ff4338;
 } */
.alert .close{
	color: #fff;
	padding: 0;
	opacity: 0.9;
	line-height: 1;
	font-size: 16px;
	text-shadow: none;
}	
.alert .fade{
	display: none;
}
.alert .in{
	display: block;
}
.infoBoxWrap .alert .close {
    margin-top: 2px;
}
.infoBoxWrap .alert .close span {
    
    font-size: 16px;
}
.infoBoxWrap .alert a{
    color:#fff !important;
   	text-decoration: underline;

}    
.infoBoxWrap #cmsCloseButton span.overlayclose.icon-cancel {
    margin-top: -26px;
}
    
@media only screen and (max-width:767px){
	.infoBoxWrap p{
		margin-right:25px;
	}
}
/****************************** End of Info Box **********************************/
/****************************** Start of Information Banners **********************************/
.infoBannerWrap{
	width:100%;
    display: inline-block;
    padding: 15px 15px 15px 15px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;

}
/*
.infoBannerWrap h2,.infoBannerWrap h3,.infoBannerWrap h4,.infoBannerWrap h5,.infoBannerWrap h6,.infoBannerWrap p,.infoBannerWrap small{
	color: white !important;
}
*/
.roundCorner{
	border-radius: 6px !important;
}

/****************************** End of Information Banners **********************************/
/** Start of Baggage calculator **/

.baggageCalc_Wrap { width:100%;}
.baggageCalc_Wrap ul, .baggageCalc_Wrap ul li { list-style:none; list-style-type: none !important;}
.baggageCalc_Wrap .calcControls{ margin-bottom:32px; line-height:28px;}
.baggageCalc_Wrap .calcControls label{ display:block; float:left; font-size:16px; font-weight:normal;}
.baggageCalc_Wrap .calcControls div span{ display: block; font-size: 16px; margin-right: 85px; text-align: right;}
.baggageCalc_Wrap .calcControls .number-picker-controls li:first-child{ margin:0 16px 0 0 !important;}
.baggageCalc_Wrap .selectDropdown{ padding:7px 10px; height: 36px !important; max-width:100%;}
.baggageCalc_Wrap .selectDropdown.zIndex9{z-index:9;}
.baggageCalc_Wrap .selectDropdown.zIndex8{z-index:8;}
.baggageCalc_Wrap .selectDropdown.zIndex7{z-index:7;}
.baggageCalc_Wrap .selectDropdown_wrap label{padding-top: 8px;  font-weight:normal;}
.baggageCalc_Wrap ul.number-picker-controls{ width: 73px; position: absolute; right: 0; top: 0;}
.baggageCalc_Wrap .submit button.btn-primary { width: 100%; background:#0069c3; border-color:#0069c3; margin:0px; height: 44px;}
.baggageCalc_Wrap .dropDw_wrap{ margin-bottom:24px;}
.baggageCalc_Wrap .estAmt{ margin:24px;  }
.baggageCalc_Wrap .estAmt h5 {color:#3F3D3A; margin: 0; padding: 0; font-size: 24px; text-align:right; line-height:24px;}
.baggageCalc_Wrap .estAmt h6 { color:#C1BCB5; margin-top: 5px; font-size:16px;}
.baggageCalc_Wrap button.btn-primary.disabled, .baggageCalc_Wrap button.btn-primary.disabled:hover {background-color: #d5d4d1 !important; border-color:#d5d4d1 !important; opacity: 1 !important; pointer-events: none; cursor: not-allowed; color:#bfbcb5;}

@media (max-width: 767px) {
.baggageCalc_Wrap{ max-width:400px !important; margin:0px auto;}
.baggageCalc_Wrap .calcControls label,.baggageCalc_Wrap label{font-size:13px; line-height:13px; padding-top:7px;}
.baggageCalc_Wrap .calcControls > div {float:right;}
.baggageCalc_Wrap .dropDw_wrap { margin-top:10px;}
.baggageCalc_Wrap .selectDropdown_wrap label{padding-top: 0px;}
.baggageCalc_Wrap .calcControls .number-picker-controls li:first-child{ margin:0 !important;}
.baggageCalc_Wrap .calcControls .number-picker-controls li:last-child{ margin:0 0 0 16px !important;}
}

/** End of Baggage calculator **/
/*** Start of page title **/
.cms-wrapper .page-title {
	margin-bottom: 20px;          
}
/*** End of page title **/

/****************************** Start of Text **********************************/
.cms-wrapper .text small a {
    font-size: 0.8rem !important;

}
.cms-wrapper .text {
    overflow-wrap: break-word;
    word-wrap: break-word;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.cms-wrapper .text ul{
    list-style-type:disc;
}
.cms-wrapper .text ul li ul{
    list-style-type:circle !important;    
    margin-left: 20px;
}
.cms-wrapper .text ul li ul li ul{
    list-style-type:square !important;
    margin-left: 20px;
}
/*
.cms-wrapper .text p {
    text-align: justify;
}
.cms-wrapper .text small {
    text-align: justify;
}
*/
/** Size overrides **/
.cms-wrapper .text a {
  	font-size: 1rem !important;		/* 16px */
}
.cms-wrapper .text li {
  	font-size: 1rem !important;		/* 16px */
}

div.text + div.text {
  margin-top: 24px !important;
}

.cms-wrapper p {
	color: black;	/* generic color of all text within the cms area */
}  
.terms-condition p { /*added for cms-740 */
   text-align: left;
   color: #fff;
}
.cms-wrapper .text small a {
    font-size: 0.8rem !important;

}         
/****************************** End of Text **********************************/
/*** Start of show-hide **/
.no-text {
	display: none;
}
.show-text{
	display: block;
}
.show-more a span {
        margin-left: 10px;
        height: 10px;
        width: 12px;
        display: inline-block;
}

.show-more a span.collapsed  {
        background:url(clientlibs-aem/images/arrow-right.png) no-repeat;
    	background-size:50%;
}

.show-more a span.expanded  {
        background:url(clientlibs-aem/images/arrow-down.png) no-repeat;
    	background-size:80%;
    	height: 7px !important;
}

/*** End of show-hide **/

/*** Start of category **/
.cms-wrapper .category {
	font-size: 1.73rem;	// 28px	
	line-height: 1 !important;
	 
	color: #3f3d3a;
	margin-bottom: 10px;          
}
@media screen and (max-width: 767px) {
    .cms-wrapper .category {
       line-height: 1 !important;
    }
}        
/*** End of category **/

/************** Generic form field css ***********/

/** overrides **/
.cms-wrapper form div.text {
  margin-top: 10px !important;
  padding-top: 0px !important;
}
.cms-wrapper form .column {
    padding-left: 0px !important;
    padding-right: 0px !important;
}



.cms-generic-form-success, .cms-generic-form-failure{
	display:none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
 }

.cms-wrapper form{
	/*display: table; 
    width: 100%;*/
    position: relative;
	margin-top:25px;
}
.cms-wrapper .form .formSubmitOverlay {
    display: none;            
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: 0.60;
    z-index: 1;
    background: white;           
}
.cms-wrapper .form .formSubmitOverlay img {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;          
}



/** common ancestor - section **/

.cms-wrapper form .section {
	position: relative;
	display: inline-block;
    width: 100%;
	height: 84px;
	margin-bottom: 10px;
    margin-top: 10px;
	border: 1px solid #BFBCB5;
    padding-bottom: 0px !important;
}
.cms-wrapper form .section .form-row {
	/*display:table-row; */
    display: block;
    width: 100%;
}
.cms-wrapper form .section input {
    width: 100%;
	height: 72px;
    display: inline-block;
    padding: 25px 20px 15px 20px;
    font-size: 16px;
	line-height: 110%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
    background: none; 
	border: none;	
    box-shadow: none;
}
.cms-wrapper form .focus {
	background-color: #EAE9E8 !important;
    outline: 0;
}
/** Text field labels **/
.cms-wrapper form label {
    display: inline-block !important;
    margin-bottom: 0 !important;
    font-weight: normal !important;
}

.cms-wrapper form label.displayNone{
	display: none !important;
}

.cms-wrapper form .section .float-label {
    position: absolute;
    top: 25px;
    left: 20px;
    font-size: 16px;
	line-height: 110%;
    color: #7b766c;
    -webkit-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    pointer-events: none;
}
/** Text field labels when in focus or has content **/
.cms-wrapper form .section.focus .form-field-text+ label,
 .cms-wrapper form .section .form-field-text.has-content + label {
	top: 7px;
	font-size: 13px !important;
}
/** Non-Text field labels **/
.cms-wrapper form .formLabel {
	float: left;
    
	font-size: 18px;
	line-height: 20px;
	color:  #3f3d3a;	
	display: block;
    width: 100%;
	margin-bottom: 15px;
	margin-top: 10px;
	text-transform: uppercase;
}
.cms-wrapper form .formLabel .mandatory{
	font-size: 16px;
    line-height: 110%;
    color: #c8c0b2;
    
}
.cms-wrapper form .mandatory{
	text-transform: capitalize;    
}
/** Form description styles - start **/
.cms-wrapper form .form-row-description {
  	position: absolute;
    top: 20px;
    left: 10px;
    display: none;
    margin-top: 10px;
}
.cms-wrapper form .form-row-description .errorInfo {
    position: absolute;
    top: -67px;
    left: 10px;

    z-index: 1;
    min-width: 180px;
    max-width: 230px;
    min-height: 51px;
    padding: 10px;
    
    font-size: 13px;
    line-height: 19px;
	/*color: #3F3D3A;*/
    font-weight: bold;
    background-color: red;
    box-shadow: 0px 0px 1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 1px 0 rgba(0, 0, 0, 0.4);
}
.cms-wrapper form .form-row-description .errorInfo .errorInfoarrow {
	display: none;
    position: absolute;
    bottom: -30px;
    left: 0;
    z-index: -1;
    width: 100px !important;
    height: 100px;
    overflow: hidden;
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.4);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.cms-wrapper form .form-row-description .errorInfo .errorInfo-hider {
    position: absolute;
    left: 0;
    bottom: 0px;
    background-color: red;
    width: 45px;
    height: 41px;
    z-index: -1;
}
.cms-wrapper form .form-row-description .errorInfo .errorInfoarrow:after {
    content: "";
    position: absolute;
    top: 80px;
    width: 62px;
    height: 19px;
    background-color: red;
    transform: rotate(45deg);
    box-shadow: 1px -2px -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 1px -2px -1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px -2px -1px 0 rgba(0, 0, 0, 0.4);
}
/** Form description styles - end **/

/************** End of Generic form field css ***********/

/* Why is this needed?
form select option {
    line-height:200%;
	padding:4px;
}
*/

/************** Dropdowns ***********/

.cms-wrapper form .section.dropdown .icon-down {
    position: absolute;
    right: 15px;
    top: 30px;
	cursor: pointer;
}
.cms-wrapper form .dropdown-list {
    position: absolute;
    top: 69px;
    z-index: 999;
    width: 100%;
    display: none;
	border-top: 1px solid #D5D4D1;
    background-color: #fff;
    border-radius: 4px;
    transition: all 0.2s ease-in;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.75);
}

.cms-wrapper form .dropdown-list ul {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 300px;
    }

.cms-wrapper form .dropdown-list li {
    float: left;
    width: 100%;
    height: 48px;
    padding: 15px;
    line-height: 20px;
    font-size: 18px;
    border-bottom: 1px solid #D5D4D1;
    list-style-type: none !important;
}
.cms-wrapper form .dropdown-list  ul li:hover  {
	background-color: #EAE9E8;
	cursor: pointer;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.cms-wrapper form .dropdown-list ul li:last-child  {
	border-bottom: 0;
}

/************** End of dropdowns ***********/


/************** Radio group ***********/
.cms-wrapper form .section.radio  {
    border: none;
    height: inherit;
}
.cms-wrapper form .section.radio label {
    margin-left: 20px;
	padding-left: 0;
}
.cms-wrapper form .section.radio .radioButton {
	float: left;
	margin-bottom: 5px;
    margin-top: 10px;
}
.cms-wrapper form .section.radio  input[type="radio"] {
    top: 47px;
    float: right; 
    width: 21px;
    height: 24px;
    opacity: 0;
	cursor: pointer;
}
.cms-wrapper form .section.radio  input[type="radio"]+label span {
	background-color: #BFBCB5;
    border: 5px solid #BFBCB5;
    position: relative;
    display: inline-block;
	float: right;
    width: 20px;
    height: 20px;
    margin: -1px 10px 0 15px;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.cms-wrapper form .section.radio input[type="radio"] + label span,
.cms-wrapper form .section.radio input[type="radio"]:checked + label span {
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}
.cms-wrapper form .section.radio   input[type="radio"]:checked +label span {
    height: 20px;
    width: 20px;
    background-color: #0033cc;
    border: 5px solid #BFBCB5;
}

/************** End of radio group ***********/


/************** Checkbox group ***********/
.cms-wrapper form .section.checkbox {
    border: none;
	height: inherit;
}
.cms-wrapper form .section.checkbox input[type="checkbox"] + label span {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: -3px 4px 0 0;
    vertical-align: middle;
    background: #ccc;
    cursor: pointer;
    content: "";
    font-size: 11px;
    text-align: center;
    border-radius: 2px;
}
.cms-wrapper form .section.checkbox .icon-ok {
    background: #03c;
    color: #FFF;
    margin-right: 5px;
    padding: 0px 2px;
    padding-bottom: 2px;
}
.cms-wrapper form .section.checkbox input[type="checkbox"]:checked + label span {
    background: #03c url(../../../home/images/sprite.svg) no-repeat 4px -2220px;
}
.cms-wrapper form .section.checkbox input[type="checkbox"] + label span.icon-ok:before {
    visibility: hidden;
}
.cms-wrapper form .section.checkbox input[type="checkbox"]:checked + label span.icon-ok:before {
    visibility: visible;
    color: #fff;
}
.cms-wrapper form .section.checkbox .icon-ok:before {
    font-size: 12px;
    vertical-align: middle;
	margin-top: 4px;
}
.cms-wrapper form .checkbox input[type=checkbox] {
	margin-top: -5px;
    margin-left: 20px;
    float: left;
    width: 21px;
    height: 24px;
    opacity: 0;
	cursor: pointer;
}
.cms-wrapper form .checkBox {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

/************** End of Radio group ***********/


/**************Start Of TextArea group********/
/*.cms-wrapper form .section.textArea{
	width:auto;
	height:auto;
    border:none;
    box-shadow:none;
}*/

.cms-wrapper form .section .form-field-textarea{
    width: 100%;
    border: none;
    
    padding: 10px;
    box-sizing: border-box;
    display: block;
  }


/**************End Of TextArea group********/
/** Submit button **/

.cms-wrapper form .sendBtn {
	height: 40px;
	width: 50%;
	margin: 20px 0 50px 0;
    
    font-size: 16px;
    line-height: 120%;
    color: #fff;
    cursor: pointer;
    background-color: #0069c3;
    border-radius: 4px;
}
.cms-wrapper form .sendBtn:hover,
.cms-wrapper form .sendBtn:focus  {   
    color: #fff;
    background: #0055AA; 
}
/** End of button **/

/*
.formdatepicker.datepicker.datepicker-dropdown.dropdown-menu {
	width: 71.3%;
	top: 460px !important;
	padding: 0 !important;
	margin-bottom: 20px;
}
.formdatepicker.datepicker .table-condensed  {
	width: 100% !important;
}
.formdatepicker.datepicker .table-condensed  thead tr:first-child {
	color: #fff;
	background-color: #000099;
}
.formdatepicker.datepicker .table-condensed .datepicker-switch:hover ,
.formdatepicker.datepicker .table-condensed .prev:hover ,
.formdatepicker.datepicker .table-condensed .next:hover {
	background-color:#000099 !important;
}
.formdatepicker.datepicker thead tr:first-child th,
.formdatepicker.datepicker tfoot tr th {
	padding: 20px 10px;
    font-size: 20px;
}
.formdatepicker.datepicker .table-condensed .next,
.formdatepicker.datepicker .table-condensed .prev ,
.formdatepicker.datepicker .table-condensed .datepicker-switch {
	border-radius: 0 !important;
}
.formdatepicker.datepicker td,
.formdatepicker.datepicker th {
	height: 55px !important;
}
.formdatepicker.datepicker .day {
    font-size: 18px;
    color: #3f3d3a;
    border: 1px solid #D5D4D1;
}
.formdatepicker.datepicker .dow {
	font-size: 18px;
    color: #3f3d3a;
	background-color: #EAE9E8;
}
.formdatepicker.datepicker table tr td.active,
.formdatepicker.datepicker table tr td.active:hover,
.formdatepicker.datepicker table tr td.active.disabled,
.formdatepicker.datepicker table tr td.active.disabled:hover {
	background-color: #007AFF !important;
	background-image: none !important; 
	border-radius: 0 !important;
}
.formdatepicker.datepicker-dropdown:after {
	border-bottom: 6px solid #000099 !important;
}
.formdatepicker.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px !important;
}

.formdatepicker.datepicker-dropdown.datepicker-orient-left:before {
	display:none;
}
.formdatepicker.datepicker .table-condensed  .prev {
	position: absolute;
	margin-right: 10px;
   	 margin-left: -5px;
	left: 350px !important;
}
.formdatepicker.datepicker .table-condensed  .next {
	position: absolute;
	margin-left: 10px;
	right : 350px !important;
}

.formdatepicker.datepicker .table-condensed .datepicker-switch {
	text-align: center;
}
*/


.cms-wrapper form *:focus {
        outline: none !important;
}



/*********** icon close **********/
.cms-wrapper .icon-close {
    position: absolute;
    /*top: 35px;
    right: 20px;*/
    top: 1px;
    right: -1px;
    cursor: pointer;
    color: #C3C2BE;
    font-size: 18px;
}


.cms-wrapper .overlayclose {
	padding: 0px 15px;
}  

.cms-wrapper .form.parbase {
    position: relative;
                    }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

        	.ie-dropdown:focus {
    text-indent: -9999999em;
        	}
 	}
@media screen and (max-width: 767px){
	.cms-wrapper form .sendBtn {
		width: 100%;
	}
	.cms-wrapper form .radio .radioButton {
		display: block;
		width: 100%;
		margin: 10px 0 10px 0 !important;
	}	

    .cms-wrapper form .checkbox .checkBox{
		display: block;
		width: 100%;
		margin: 10px 0 10px 0 !important;
     }
}
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.formdatepicker.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
		border-top: 1px solid #ddd !important;
	}*/

}
.datepicker-inline {
  width: 220px;
}
.formdatepicker.datepicker.datepicker-rtl {
  direction: rtl;
}
.formdatepicker.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.formdatepicker.datepicker > div {
  display: none;
}
.formdatepicker.datepicker .days div.datepicker-days {
  display: block;
}
.formdatepicker.datepicker .months div.datepicker-months {
  display: block;
}
.formdatepicker.datepicker .years div.datepicker-years {
  display: block;
}
.formdatepicker.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.formdatepicker.datepicker td,
.formdatepicker.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .formdatepicker.datepicker table tr td,
.table-striped .formdatepicker.datepicker table tr th {
  background-color: transparent;
}
.formdatepicker.datepicker table tr td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.formdatepicker.datepicker table tr td.old,
.formdatepicker.datepicker table tr td.new {
  color: #999999;
}
.formdatepicker.datepicker table tr td.disabled,
.formdatepicker.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.formdatepicker.datepicker table tr td.today,
.formdatepicker.datepicker table tr td.today:hover,
.formdatepicker.datepicker table tr td.today.disabled,
.formdatepicker.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.formdatepicker.datepicker table tr td.today:hover,
.formdatepicker.datepicker table tr td.today:hover:hover,
.formdatepicker.datepicker table tr td.today.disabled:hover,
.formdatepicker.datepicker table tr td.today.disabled:hover:hover,
.formdatepicker.datepicker table tr td.today:active,
.formdatepicker.datepicker table tr td.today:hover:active,
.formdatepicker.datepicker table tr td.today.disabled:active,
.formdatepicker.datepicker table tr td.today.disabled:hover:active,
.formdatepicker.datepicker table tr td.today.active,
.formdatepicker.datepicker table tr td.today:hover.active,
.formdatepicker.datepicker table tr td.today.disabled.active,
.formdatepicker.datepicker table tr td.today.disabled:hover.active,
.formdatepicker.datepicker table tr td.today.disabled,
.formdatepicker.datepicker table tr td.today:hover.disabled,
.formdatepicker.datepicker table tr td.today.disabled.disabled,
.formdatepicker.datepicker table tr td.today.disabled:hover.disabled,
.formdatepicker.datepicker table tr td.today[disabled],
.formdatepicker.datepicker table tr td.today:hover[disabled],
.formdatepicker.datepicker table tr td.today.disabled[disabled],
.formdatepicker.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.formdatepicker.datepicker table tr td.today:active,
.formdatepicker.datepicker table tr td.today:hover:active,
.formdatepicker.datepicker table tr td.today.disabled:active,
.formdatepicker.datepicker table tr td.today.disabled:hover:active,
.formdatepicker.datepicker table tr td.today.active,
.formdatepicker.datepicker table tr td.today:hover.active,
.formdatepicker.datepicker table tr td.today.disabled.active,
.formdatepicker.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.formdatepicker.datepicker table tr td.today:hover:hover {
  color: #000;
}
.formdatepicker.datepicker table tr td.today.active:hover {
  color: #fff;
}
.formdatepicker.datepicker table tr td.range,
.formdatepicker.datepicker table tr td.range:hover,
.formdatepicker.datepicker table tr td.range.disabled,
.formdatepicker.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.formdatepicker.datepicker table tr td.range.today,
.formdatepicker.datepicker table tr td.range.today:hover,
.formdatepicker.datepicker table tr td.range.today.disabled,
.formdatepicker.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: linear-gradient(top, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.formdatepicker.datepicker table tr td.range.today:hover,
.formdatepicker.datepicker table tr td.range.today:hover:hover,
.formdatepicker.datepicker table tr td.range.today.disabled:hover,
.formdatepicker.datepicker table tr td.range.today.disabled:hover:hover,
.formdatepicker.datepicker table tr td.range.today:active,
.formdatepicker.datepicker table tr td.range.today:hover:active,
.formdatepicker.datepicker table tr td.range.today.disabled:active,
.formdatepicker.datepicker table tr td.range.today.disabled:hover:active,
.formdatepicker.datepicker table tr td.range.today.active,
.formdatepicker.datepicker table tr td.range.today:hover.active,
.formdatepicker.datepicker table tr td.range.today.disabled.active,
.formdatepicker.datepicker table tr td.range.today.disabled:hover.active,
.formdatepicker.datepicker table tr td.range.today.disabled,
.formdatepicker.datepicker table tr td.range.today:hover.disabled,
.formdatepicker.datepicker table tr td.range.today.disabled.disabled,
.formdatepicker.datepicker table tr td.range.today.disabled:hover.disabled,
.formdatepicker.datepicker table tr td.range.today[disabled],
.formdatepicker.datepicker table tr td.range.today:hover[disabled],
.formdatepicker.datepicker table tr td.range.today.disabled[disabled],
.formdatepicker.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.formdatepicker.datepicker table tr td.range.today:active,
.formdatepicker.datepicker table tr td.range.today:hover:active,
.formdatepicker.datepicker table tr td.range.today.disabled:active,
.formdatepicker.datepicker table tr td.range.today.disabled:hover:active,
.formdatepicker.datepicker table tr td.range.today.active,
.formdatepicker.datepicker table tr td.range.today:hover.active,
.formdatepicker.datepicker table tr td.range.today.disabled.active,
.formdatepicker.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.formdatepicker.datepicker table tr td.selected,
.formdatepicker.datepicker table tr td.selected:hover,
.formdatepicker.datepicker table tr td.selected.disabled,
.formdatepicker.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
  background-image: -o-linear-gradient(top, #b3b3b3, #808080);
  background-image: linear-gradient(top, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.formdatepicker.datepicker table tr td.selected:hover,
.formdatepicker.datepicker table tr td.selected:hover:hover,
.formdatepicker.datepicker table tr td.selected.disabled:hover,
.formdatepicker.datepicker table tr td.selected.disabled:hover:hover,
.formdatepicker.datepicker table tr td.selected:active,
.formdatepicker.datepicker table tr td.selected:hover:active,
.formdatepicker.datepicker table tr td.selected.disabled:active,
.formdatepicker.datepicker table tr td.selected.disabled:hover:active,
.formdatepicker.datepicker table tr td.selected.active,
.formdatepicker.datepicker table tr td.selected:hover.active,
.formdatepicker.datepicker table tr td.selected.disabled.active,
.formdatepicker.datepicker table tr td.selected.disabled:hover.active,
.formdatepicker.datepicker table tr td.selected.disabled,
.formdatepicker.datepicker table tr td.selected:hover.disabled,
.formdatepicker.datepicker table tr td.selected.disabled.disabled,
.formdatepicker.datepicker table tr td.selected.disabled:hover.disabled,
.formdatepicker.datepicker table tr td.selected[disabled],
.formdatepicker.datepicker table tr td.selected:hover[disabled],
.formdatepicker.datepicker table tr td.selected.disabled[disabled],
.formdatepicker.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.formdatepicker.datepicker table tr td.selected:active,
.formdatepicker.datepicker table tr td.selected:hover:active,
.formdatepicker.datepicker table tr td.selected.disabled:active,
.formdatepicker.datepicker table tr td.selected.disabled:hover:active,
.formdatepicker.datepicker table tr td.selected.active,
.formdatepicker.datepicker table tr td.selected:hover.active,
.formdatepicker.datepicker table tr td.selected.disabled.active,
.formdatepicker.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.formdatepicker.datepicker table tr td.active,
.formdatepicker.datepicker table tr td.active:hover,
.formdatepicker.datepicker table tr td.active.disabled,
.formdatepicker.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.formdatepicker.datepicker table tr td.active:hover,
.formdatepicker.datepicker table tr td.active:hover:hover,
.formdatepicker.datepicker table tr td.active.disabled:hover,
.formdatepicker.datepicker table tr td.active.disabled:hover:hover,
.formdatepicker.datepicker table tr td.active:active,
.formdatepicker.datepicker table tr td.active:hover:active,
.formdatepicker.datepicker table tr td.active.disabled:active,
.formdatepicker.datepicker table tr td.active.disabled:hover:active,
.formdatepicker.datepicker table tr td.active.active,
.formdatepicker.datepicker table tr td.active:hover.active,
.formdatepicker.datepicker table tr td.active.disabled.active,
.formdatepicker.datepicker table tr td.active.disabled:hover.active,
.formdatepicker.datepicker table tr td.active.disabled,
.formdatepicker.datepicker table tr td.active:hover.disabled,
.formdatepicker.datepicker table tr td.active.disabled.disabled,
.formdatepicker.datepicker table tr td.active.disabled:hover.disabled,
.formdatepicker.datepicker table tr td.active[disabled],
.formdatepicker.datepicker table tr td.active:hover[disabled],
.formdatepicker.datepicker table tr td.active.disabled[disabled],
.formdatepicker.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.formdatepicker.datepicker table tr td.active:active,
.formdatepicker.datepicker table tr td.active:hover:active,
.formdatepicker.datepicker table tr td.active.disabled:active,
.formdatepicker.datepicker table tr td.active.disabled:hover:active,
.formdatepicker.datepicker table tr td.active.active,
.formdatepicker.datepicker table tr td.active:hover.active,
.formdatepicker.datepicker table tr td.active.disabled.active,
.formdatepicker.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.formdatepicker.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.formdatepicker.datepicker table tr td span:hover {
  background: #eeeeee;
}
.formdatepicker.datepicker table tr td span.disabled,
.formdatepicker.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.formdatepicker.datepicker table tr td span.active,
.formdatepicker.datepicker table tr td span.active:hover,
.formdatepicker.datepicker table tr td span.active.disabled,
.formdatepicker.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.formdatepicker.datepicker table tr td span.active:hover,
.formdatepicker.datepicker table tr td span.active:hover:hover,
.formdatepicker.datepicker table tr td span.active.disabled:hover,
.formdatepicker.datepicker table tr td span.active.disabled:hover:hover,
.formdatepicker.datepicker table tr td span.active:active,
.formdatepicker.datepicker table tr td span.active:hover:active,
.formdatepicker.datepicker table tr td span.active.disabled:active,
.formdatepicker.datepicker table tr td span.active.disabled:hover:active,
.formdatepicker.datepicker table tr td span.active.active,
.formdatepicker.datepicker table tr td span.active:hover.active,
.formdatepicker.datepicker table tr td span.active.disabled.active,
.formdatepicker.datepicker table tr td span.active.disabled:hover.active,
.formdatepicker.datepicker table tr td span.active.disabled,
.formdatepicker.datepicker table tr td span.active:hover.disabled,
.formdatepicker.datepicker table tr td span.active.disabled.disabled,
.formdatepicker.datepicker table tr td span.active.disabled:hover.disabled,
.formdatepicker.datepicker table tr td span.active[disabled],
.formdatepicker.datepicker table tr td span.active:hover[disabled],
.formdatepicker.datepicker table tr td span.active.disabled[disabled],
.formdatepicker.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.formdatepicker.datepicker table tr td span.active:active,
.formdatepicker.datepicker table tr td span.active:hover:active,
.formdatepicker.datepicker table tr td span.active.disabled:active,
.formdatepicker.datepicker table tr td span.active.disabled:hover:active,
.formdatepicker.datepicker table tr td span.active.active,
.formdatepicker.datepicker table tr td span.active:hover.active,
.formdatepicker.datepicker table tr td span.active.disabled.active,
.formdatepicker.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.formdatepicker.datepicker table tr td span.old,
.formdatepicker.datepicker table tr td span.new {
  color: #999999;
}
.formdatepicker.datepicker th.datepicker-switch {
  width: 145px;
}
.formdatepicker.datepicker thead tr:first-child th,
.formdatepicker.datepicker tfoot tr th {
  cursor: pointer;
}
.formdatepicker.datepicker thead tr:first-child th:hover,
.formdatepicker.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.formdatepicker.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.formdatepicker.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

/* ----------------------------------------- Start of FAQ Sidebar ---------------------------------------*/

section#faqSidebar .sectionHeader{
    padding: 7px 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #caa977;
    color: white;
    display: inline-block;
    text-transform: uppercase;
    
}
section#faqSidebar .sectionContent{
    background-color: rgba(234, 233, 232, 0.5);
}
section#faqSidebar .sectionContent ul {
	list-style: none;
	margin: 0;
    padding: 0;
}
section#faqSidebar .sectionContent li{
    background-color: rgba(234, 233, 232, 0.5);
    box-shadow: inset 0 -1px 0 0 #ffffff;
    padding: 15px;
    cursor:pointer;
    color: #3f3d3a;
	text-decoration: underline;
}
section#faqSidebar .sectionContent li:active, section#faqSidebar .sectionContent li:focus, section#faqSidebar .sectionContent li:hover{
	background: #eae9e8;
}
section#faqSidebar .sectionContent a, section#faqSidebar .sectionContent a:hover, section#faqSidebar .sectionContent a:active, 
section#faqSidebar .sectionContent a:focus {
	color: #3f3d3a;
	text-decoration: none;
	outline: none;
}
::-moz-selection {
	background: #009;
	color: #fff;
}
::selection {
	background: #009;
	color: #fff;
}
::-moz-selection {
	background: #009;
	color: #fff;
}

@media (max-width: 767px) {
	section#faqSidebar .sectionHeader {
        padding: 7px 10px;
        width: 100%;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
}

/* ----------------------------------------- End of FAQ Sidebar ---------------------------------------*/
/* ----------------------------------------- Start of FAQ Learn More ---------------------------------------*/

section#learnmoreapp .sectionHeader{
    padding: 7px 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #caa977;
    color: white;
    display: inline-block;
    text-transform: uppercase;
    
}
section#learnmoreapp .sectionContent{
    background-color: rgba(234, 233, 232, 0.5);
}
section#learnmoreapp .sectionContent.managemybooking {
	padding: 20px;
}

section#learnmoreapp .sectionContent.managemybooking div{ 
	padding: 10px 0 0;
    text-align: center;
}

section#learnmoreapp .sectionContent.managemybooking .btn.primary{
	background: transparent;
    border: 1px solid #007aff;
    color: #007aff;
    width: 100%;
    font-size: 14px;
}

section#learnmoreapp .sectionContent.managemybooking .btn.small{
    padding-top: 0px;
    line-height: 32px;
}

/* ----------------------------------------- End of FAQ Sidebar ---------------------------------------*/
/** Start of faq feedback **/
.useful-info input[type="button"], .useful-info .btn {
	cursor: pointer;
	border: none;
}
.useful-info .btn.primary:hover, .useful-info .btn.primary:focus {
    background: #0055aa;
}
.useful-info .btn:hover, .useful-info .btn:focus, .useful-info .btn:active {
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none !important;
    border: none;
    outline-offset: 0;
}
.useful-info .btn.small {
    max-width: none !important;
    font-size: 16px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
	height: 32px;
}
.useful-info .btn.primary {
    background: #0069c3;
    color: #fff;
}
.useful-info .btn {
    text-transform: uppercase;
    padding: 0 15px;
    max-width: 240px;
    
}
.faq-feedback {
  	display: block;
  	padding: 0 30px;
  	
  	font-size: 14px;
  	background: #f4f4f3;
    margin: 20px 0;
}
.useful-info {
	background: #f4f4f3;
    height: 100px;
	
}
.faq-feedback h4{
	margin: 0;
	padding: 10px;
    color: #3f3d3a;
}
.useful-info div{ 
	display: inline-block;
	width: 49%;
	padding: 0 10px;	
}
.useful-info .btn{ 
	width: 100%;
}
.useful-info .icon-faqok,
.useful-info .icon-faqcancel
 {
	background: #fff;
    width: 24px;
    height: 24px;
    border-radius: 20px;
    margin-top: 4px;
	display:inline-block;
	margin-right: 10px;
    overflow: hidden;
}
.useful-info  .icon-faqok:before,
.useful-info  .icon-faqcancel:before  {
	margin-top: 4px;
	color: #007aff;
    
    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); */
}
.useful-info .icon-faqok:before {
	content: '\e80e';
}
.useful-info .icon-faqcancel:before {
	content: '\e800';
}
.feedback-ack{
  display:none;
}

@media (max-width: 767px) {
	/*aside.leftSection{
        width:100%;
		background: #f4f4f3;
    }*/
	.faq-feedback {
		padding: 0 16px;
	}
}

.useful-info .btn.small {
    padding-top: 0px;
}
/** End of faq feedback **/
/** Start of faq accordian **/
#faqAccordion li{
    position: relative;
    background-color: rgba(234, 233, 232, 0.5);
    box-shadow: inset 0 -1px 0 0 #ffffff;
    padding: 15px 15px 15px 40px;
    cursor: pointer;
    color: #3f3d3a;
	text-decoration: underline;
	
}
#faqAccordion li:hover,
#faqAccordion li:focus,
#faqAccordion li:active{
	background: #eae9e8;
}
#faqAccordion li:before{
    text-align: center;
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    z-index: 0;
    border-radius: 50%;
    left: 15px;
    top: 50%;
    background: #d5d4d1;
    margin-top: -3px;

}
#faqAccordion li a{
    color: #3f3d3a;
}
#faqAccordion .accordionContent.ui-accordion-content-active ul li:nth-child(n+6) {
    display:none;
}
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 0;
    /*padding: .5em .5em .5em .7em;*/
    min-height: 0; /* support: IE7 */
    padding: 12px;
    font-size: 16px;
    color:white;
	
}
.ui-accordion .ui-accordion-icons {
    padding-left: 2.6em;
}
.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    right: .5em;
    top: 50%;
    /* margin-top: -8px; */
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    display: block;
}
.ui-accordion .ui-accordion-content {
    /*padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
    border:1px solid #999999;*/
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    /*line-height: 1.3;*/
    text-decoration: none;
    font-size: 100%;
    /*list-style: none;*/
}
.accordionHeader span.faqCategoryIcon,
.accordionHeader span.faqCategoryIconActive
{
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    left: 10px;
}
.ui-accordion-header.ui-accordion-header-active {
	background: #eae9e8;
	color: #3f3d3a;
}
.ui-accordion-header .faqCategoryIconActive {
	display: none;
}
.ui-accordion-header.ui-accordion-header-active .faqCategoryIconActive {
	display: inline-block;
}
.ui-accordion-header .faqCategoryIcon {
	display: inline-block;
}
.ui-accordion-header.ui-accordion-header-active .faqCategoryIcon {
	display: none;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background-color: #000098;
    box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.2);
    text-align: left;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    /*color: #555555;
    text-decoration: none;*/
}
/* Corner radius */
.ui-corner-all{
    border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom{
    border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.icon-down:before {
	content: '\e80b';
}
.accordionContent{
	max-height: 400px;
    overflow: auto;
}
.accordionContent.ui-accordion-content-active {
	height: auto !important;
}
.ui-widget-content .ui-state-active{
    /*border: 1px solid #aaaaaa;
    background: #66aadd;
    font-weight: normal;
    color: #212121;*/
	background:#000098;
    box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.2);
}
.ui-widget-content .ui-state-hover{
    /*border: 1px solid #999999;
    background: #dadada;
    font-weight: normal;
    color: #212121;*/
}
.ui-widget-content .ui-state-hover{
    /*border: 1px solid #999999;
    background: #dadada;
    font-weight: normal;
    color: #212121;*/
}
.expandListDiv,
.expandListDivLess{
	padding: 20px;
	padding-left: 40px;
	background: rgba(234, 233, 232, 0.5);
}
.expandListBtn {
    cursor: pointer;
}

/** Start of accordion icons **/
.icon2-baggage-white {
	
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat 0 0;
	width: 16px;
	height: 28px;
	
	
}

.icon3-baggage-black{
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat -301px 0;
	width: 16px;
	height: 28px;	
	
}

.icon2-booking-white{
	
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat 0 -58px;
	width: 24px;
	height: 23px;
	
}

.icon3-booking-black{
	
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat -293px -58px;
	width: 24px;
	height: 23px;	
	
}

.icon2-checkin-white{
	
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat 0 -111px;
	width: 24px;
	height: 17px;
	
}

.icon3-checkin-black{
	
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat -293px -111px;
	width: 24px;
	height: 17px;
	
}

.icon2-eurobonusnew-white{
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat 0 -158px;
	width: 24px;
	height: 17px;
	
	
}

.icon3-eurobonusnew-black{
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat -293px -158px;
	width: 24px;
	height: 17px;	
	
}

.icon2-contact-white{
	
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat 0 -205px;
	width: 16px;
	height: 20px;
		
}

.icon3-contact-black{
	
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat -301px -205px;
	width: 16px;
	height: 20px;	
	
}

.icon2-profile-login-white{
	
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat 0 -255px;
	width: 14px;
	height: 20px;	
	
}

.icon3-profile-login-black{
	
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat -303px -255px;
	width: 14px;
	height: 20px;
	
}

.icon2-around-the-world-white{
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat 0 -305px;
	width: 20px;
	height: 18px;
	
}
.icon3-around-the-world-black{
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat -297px -305px;
	width: 20px;
	height: 18px;	
	
}
.icon2-eurobonus-white{
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat 0 -353px;
	width: 24px;
	height: 19px;	
	
}

.icon3-eurobonus-black{
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat -293px -353px;
	width: 24px;
	height: 19px;	
	
}

.icon2-travel-information-white{
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat 0 -402px;
	width: 17px;
	height: 22px;
	
}

.icon3-travel-information-black{
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat -300px -402px;
	width: 17px;
	height: 22px;
	
}

.icon2-call-white {
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat 0 -454px;
	width: 20px;
	height: 20px;
}

.icon3-call-black {
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat -297px -454px;
	width: 20px;
	height: 20px;
}

.icon2-suitcase-white{
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat 0 -504px;
	width: 24px;
	height: 20px;
}

.icon3-suitcase-black {
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat -293px -504px;
	width: 24px;
	height: 20px;
}

.icon2-question-white {
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat 0 -554px;
	width: 13px;
	height: 20px;
}

.icon3-question-black {
    background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat -304px -554px;
	width: 13px;
	height: 20px;
}

.icon2-seat-day-white {
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat 0 -604px;
	width: 24px;
	height: 28px;
}

.icon3-seat-day-black {
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat -293px -604px;
	width: 24px;
	height: 28px;
}

.icon2-seat-night-white {
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat 0 -662px;
	width: 28px;
	height: 28px;
}


.icon3-seat-night-black {
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat -289px -662px;
	width: 28px;
	height: 28px;
}

.icon2-flight-white {
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat 0 -720px;
	width: 28px;
	height: 27px;
}

.icon3-flight-black {
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat -289px -720px;
	width: 28px;
	height: 27px;
}

.icon2-info-white  {
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat -297px -777px;
	width: 20px;
	height: 20px;
}

.icon3-info-black  {
	background: url('clientlibs-aem/images/Sprite Secondary.svg') no-repeat -297px -827px;
	width: 20px;
	height: 20px;
}
.icon2-wifi-white  {
	background: url('clientlibs-aem/images/spritenew.svg') no-repeat -293px -3922px;
	width: 24px;
	height: 17px;
}

.icon3-wifi-black  {
	background: url('clientlibs-aem/images/spritenew.svg') no-repeat -131px 0;
	width: 24px;
	height: 17px;
}
/** End of accordion icons **/

@media (max-width: 767px) {
    /* Corner radius */
    .ui-corner-all{
        border-top-left-radius: 0px;
		border-top-right-radius: 0px;
    }
	.ui-corner-all, .ui-corner-bottom{
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
}
/** Start of faq accordian **/
/****************************** Start of FAQ Contact **********************************/
.faq-contact{
	padding: 20px 0;
	background: #f4f4f3;
}
.call-graph {
  display: block;
  padding: 0 30px;
  
  font-size: 14px;
  background: #f4f4f3;
}
.call-graph-desktop {
	display: block;
}	
.call-graph-mobile {
	display: none;
}
.call-graph-desktop h3, .call-graph-mobile h3 {
	margin-bottom: 20px !important;
}
.call-graph-desktop p, .call-graph-mobile p {
    font-size: 17px;
}
.call-graph img {
    vertical-align: middle;
    max-width: 100%;
}
.call-graph .mt20{
    margin-top: 20px!important;
}
.call-graph .width30 .faq-contact-number{
	font-size: 16px;
}

.clearFix {
	clear: both;
}
.width30{
    width: 30%;
	display: inline-block;
	margin-top: 40px;
	vertical-align: top;
}

@media (max-width: 767px) {
	.call-graph-desktop {
		display: none;
	}	
	.call-graph-mobile {
		display: block;
	}
	.call-graph {
		padding: 0 16px;
	}
	.width30 {
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}
	.see-all-numbers {
		text-align: center;
	}
}
/****************************** End of FAQ Contact **********************************/
/** Start of Good-to-know **/
.good-to-know{
	width: 100%;
    text-align:center;
}       
.destinationInformation {
    display: inline-block;
    padding-top: 20px;
}
.destinationInformation .texBold ,
.destinationInformation .texBolder {
	font-family: ScandinavianHeadline;
	color: #A7A299;
}
.destinationInformation .texBold {
	font-size: 16px;
    display: table-cell !important;
    vertical-align: middle;
    height: 110px;

        }
.destinationInformation .goodToKnow:nth-child(odd) {
	background-color: #EAE9E8
}
.destinationInformation .goodToKnow:nth-child(even) {
	background-color: #F4F4F3;
}
.destinationInformation .goodToKnow {
	display: table-cell;
	width: 160px;
	height: 110px;
	text-align: center;
    vertical-align: middle;
}
.destinationInformation .goodToKnow div {
	width: 100%;
    display:table
}
.destinationInformation .goodToKnow .headLine {
	font-size: 16px;
	height: 30px;
    padding-top: 10px;
    padding-bottom: 5px;
}
.destinationInformation .goodToKnow .Content {
	font-size: 13px;
    height: 30px;
    padding-top: 5px;
    padding-bottom: 10px;
}
.destinationInformation .goodToKnow .texBolder {
	font-size: 24px;
    height: 40px;
    padding-top: 10px;
    padding-bottom: 5px;
}

        /*
.destinationInformation img {
    height: 66px;
    width: 66px;
	margin-top: -22px;
    padding-bottom: 10px;
}*/
/** End of Good-to-know **/
/*** Start of destination list ***/
.cms-wrapper .allDestination{
	
/*	padding-left: 15px;
    padding-right: 15px;*/
	width: 100%;
	height: 100%;

}

.cms-wrapper .allDestination .grid {
  background: #fff;
  max-width: 1200px;
  margin:0 auto;
}

/* clearfix */
.cms-wrapper .allDestination .grid:after {
  content: '';
  display: block;
  clear: both;
}


/* ---- grid-item ---- */
.cms-wrapper .allDestination ul {
  list-style-type:none !important;

}
.cms-wrapper .allDestination .grid-item {
  width: 24%;
  height: auto;
  float: left;


}
.cms-wrapper .allDestination  .allDestTitle {
    background: #000066;
	color:#ffffff;
    text-align: center;
}
.cms-wrapper .allDestination .allDestTitle h1{
	line-height:normal !important;
    color:white !important;
}
.cms-wrapper .allDestination  .destinations-list{
	padding: 7px 0;
	font-size:13px;

}
.cms-wrapper .allDestination  .destinations-list h4 {
    color: #494744 !important;
    font-size: 15px;
    padding: 10px 0;
	text-transform: uppercase;
}
.cms-wrapper .allDestination  .destinations-list .grid-childTwo-ul a{
	font-size:14px;
	line-height:1.4;
	
}
.cms-wrapper  .allDestination  .legend{
	background:#000099;
	color:#ffffff;
	padding: 10px 0;
}
.cms-wrapper .allDestination  .legend label{
	padding:0 10px;
	font-size: 13px;
}
.cms-wrapper .allDestination .iconSet-1{
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 8px;
    margin: 0 4px;
} 
.cms-wrapper .allDestination .direct-icon{
	background:#0033CC;
}
.cms-wrapper .allDestination .seasonal-icon{
	background:#C9A977;
}
/*Added for CMS-516*/
.cms-wrapper .allDestination .direct{
    display:none;
}
.cms-wrapper .allDestination .seasonal{
    display:none;
}
/*End:CMS-516*/
.cms-wrapper .allDestination .shadow-txt {
    color: #BEBBB5 !important;
    font-size: 14px;
    padding: 0 5px;
}
.cms-wrapper .allDestination .destination-list{
	padding-bottom:7px;
}
.cms-wrapper .allDestination  .destination-list > ul > li > h6.destSubCat {
    display: none;
}
.cms-wrapper .allDestination li p {
    margin-bottom: 0;
}
.cms-wrapper .allDestination  .grid-container{
	margin-left:20px;
	position:relative;
}
.cms-wrapper .allDestination.desktop .goBtn{
	display:none;
}
.cms-wrapper .destSubCat a{
    color: grey !important;
    
    font-weight: bold !important;
    font-size: 12px !important;
}

@media only screen and (max-width:767px){
.cms-wrapper .allDestination .grid{
	padding:0;
}
.cms-wrapper .allDestination  .grid-container{
	margin-left:0;
}
.cms-wrapper .allDestination li.grid-item,.cms-wrapper .allDestination .countryOverlay h6{
    width: 100%;
	background: #009 !important;
    text-align: center;
	padding:0 !important;
}
.cms-wrapper .allDestination .grid-container li.grid-item:hover{
	background:#0033CC !important;
}
.cms-wrapper .allDestination li.grid-item h4{
	color:#fff !important;
    margin: 0;
	padding: 30px 25px;
    text-align: left;
	cursor:pointer;
	font-size:17px !important;
}
.cms-wrapper .allDestination .legend{
	display:none; 
}
.cms-wrapper .allDestination .countryOverlay .mobLegend {
    padding: 13px 25px;
}
.cms-wrapper .allDestination .countryOverlay .mobLegend label{
	min-width: 76px;
    color:#444 !important;
}
.cms-wrapper .allDestination .destination-list{
	padding:0;
}
.cms-wrapper .allDestination .destination-list li a {
    font-size: 16px;
    line-height: 1.4;
}
.cms-wrapper .allDestination .destination-list ul ul li {
    padding: 10px 0;
    background: #fafafa;
    text-align: center;
    border-bottom: 2px solid #fff;
}
.cms-wrapper .allDestination .destination-list ul{
	display:none;
}
.cms-wrapper .allDestination .continentOverlay,.cms-wrapper .allDestination .countryOverlay{
/*
    width:100%;
	height:100%;
	position:absolute;
*/
    width:100vw;
	height:100vh;
	position:fixed;
    left:0;
    overflow-y: auto;

	z-index:99;
	top:0;
	background:#fff;
}
.cms-wrapper .allDestination .continentOverlay .destination-list  > ul, .cms-wrapper .allDestination .continentOverlay .destination-list .destSubCat{
	display:block;
}
.cms-wrapper .allDestination .continentOverlay .destination-list .destSubCat{
	margin-bottom:0 !important;
	color:#444 !important;
	padding:30px !important;
	font-size: 17px !important;
	
    text-transform: capitalize !important;
}
.cms-wrapper .allDestination .continentOverlay .destination-list .destSubCat span{
	color:#444 !important;
}
.cms-wrapper .allDestination .continentOverlay .destination-list li{
	background: #fff;
	cursor:pointer;
    text-align: left;
    border-bottom: 1px solid #ddd;
}
.cms-wrapper .allDestination .countryOverlay  > ul, .cms-wrapper .allDestination .countryOverlay .destSubCat{
	display:block;
}
.cms-wrapper .allDestination .countryOverlay h6.destSubCat,.cms-wrapper .allDestination .continentOverlay h4.destCat{
	margin:0;
	color:#fff;
	font-size:17px;
	padding:25px 0 !important;
	cursor: pointer;
	line-height:1.4;
	text-align: center;
	text-transform:uppercase;
	
}
.cms-wrapper .allDestination .countryOverlay ul ul li{
    border-bottom: 1px solid #ddd;
	cursor: pointer;
}
.cms-wrapper .allDestination .countryOverlay .grid-childTwo-ul p {
    margin-bottom: 0;
    padding: 30px;
}
.cms-wrapper .allDestination .backBtn{
	padding:0 12px;
	cursor:pointer;
	left: 0;
    position: absolute;
}
.cms-wrapper .allDestination .goBtn{
    cursor: pointer;
	padding:0 12px;
	right:0;
    position: absolute;
}
.cms-wrapper .allDestination .continentOverlay .destCat .goBtn,.cms-wrapper .allDestination .countryOverlay .destSubCat .goBtn{
	display:none;
}
.cms-wrapper .allDestination.mobile .destinations-list a{
	color:#444 !important;
	font-size:17px !important;
	font-weight: normal !important;
	
	-webkit-font-smoothing: antialiased !important;
}
.cms-wrapper .allDestination.mobile .destinations-list .overlaysubCat .destSubCat a {
    color: #fff !important;
	font-weight: bold !important;
    
}

}
@media only screen and (min-width:320px) and (max-width:568px){
	.cms-wrapper .allDestination{
		width: 100%;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
	}


}

@media only screen and (min-width:768px){
    .cms-wrapper .allDestination{
        padding-left: 10px;
        padding-right: 10px;
        margin: auto;
        max-width: 1140px;
    }
    .cms-wrapper .allDestination .destination-list > ul > li > h6.destSubCat {
        display: block;
        color: grey !important;
        margin-bottom: 0px !important;
        margin-top: 10px !important;
    }
}                        
/*** End of destination list ***/
/****************************** Start of Feedback Button css **********************************/

.feedback .btn {
	display: none;
	position: fixed;
    top: 30%;
	/*right: 0px;*/
     margin-left: 0px;
     margin-right: 97.4% !important;
    /*left: 0px;*/
 	-ms-transform: rotate(-90deg); /* IE 9 */
    -ms-transform-origin: 100% 100%; /* IE 9 */
    -moz-box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.75);
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 100% 100%; /* Chrome, Safari, Opera */
    -webkit-box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.75);        
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
    box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.75);

    width: 150px;        
	height: 40px;
   
    font-size: 16px;
    color: white !important;
    background-color: #0033CC;/*Sky Blue */
    /*border-radius: 4px;*/
    text-transform: uppercase;
}

.feedback .btn:hover {  background-color:  #001eb7; } /* to remove hover effect from feedback button */

@media screen and (max-width: 767px) {
    .feedback .btn {
        z-index: 5 !important; 
    }
}
 @media screen and (min-width: 768px) {
    .feedback .btn {
        z-index: 100000 !important; 
    }
}
/****************************** End of Feedback Button css **********************************/
/****************************** Start of CTA Button css **********************************/
.cmsBtn,.takeOverEditorialContent .cmsBtn {
	height: 40px;
    font-family: ScandinavianHeadline, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: white !important;
    background-color: #0099ff;
    border-radius: 4px;
	margin-top:22px !important;
	margin-bottom: 10px !important;
    margin:auto;
}

.btn.cmsBtn{
    /*line-height: 40px;*/
	display: block;
}

.btn.cmsBtn.primary{
    color:white !important;
            }
.btn.cmsBtn.secondary{
                color:#0099ff !important;
                        }
/****************************** End of CTA Button css **********************************/
/****************************** Start of CTA Button css - Mobile **********************************/

@media screen and (max-width: 767px) {
	.cmsBtn{
        width: 100% !important;
    }
}

/****************************** End of CTA Button css - Mobile **********************************/
/****************************** Start of CTA Button css - Desktop **********************************/
@media screen and (min-width: 768px) {

    .cmsBtn{
        width: 50% !important;    
    }
}

/****************************** End of CTA Button css - Desktop **********************************/
/****************************** Start of Common AEM css  **********************************/
html { 
    font-size: 16px !important; 
     
    -webkit-font-smoothing: antialiased;
}
.upperCase {
	text-transform: uppercase;
}
.centerAligned{
    text-align: center;
}
body.modal-open{
    overflow:hidden;
    position:fixed;
    width:100%;
}
#content {width:100%;float:left;clear:both;}
.genericWrapper{
    max-width:1120px !important;
	margin:auto !important;
}  
.wrapper960{
	max-width:960px;
    margin:auto !important;
}
.wrapper1100{
	max-width:1100px;
	margin:auto;
}
.wrapper1120{
	max-width:1120px;
    margin:auto !important;
}
.wrapper1140{
	max-width:1140px;
    margin:auto !important;
}
.cms-wrapper-margin-top{
    margin-top: 30px! important;    
}
.cms-wrapper-margin-bottom{
    margin-bottom: 20px! important;   
}
.cms-wrapper{
	width:100%; 
    margin:auto;
    position:relative;
}
.cms-wrapper .row {
  	margin-left: 0px !important;
  	margin-right: 0px !important;
}
.cms-wrapper .column {
  	padding-left: 8px !important;
  	padding-right: 8px !important;
}
.cms-wrapper iframe {
  	border: 0 !important;
}
.cms-wrapper .image, .footerToggleContent .image{
    margin-bottom: 0px !important;
}

/** in upper case **/
.cms-wrapper h1 {
    text-transform: uppercase;
     /*margin-bottom: 0px !important;*/
}
.cms-wrapper h2 {
    text-transform: uppercase;
     /*margin-bottom: 0px !important;*/
}
.cms-wrapper h3 {
    text-transform: uppercase;
    /*margin-bottom: 0px !important;*/
}
.cms-wrapper h4 {
    text-transform: uppercase;
     /*margin-bottom: 0px !important;*/
}
.cms-wrapper h5 {
    text-transform: uppercase;
 /*margin-bottom: 0px !important;*/
}
.cms-wrapper h6 {
    text-transform: uppercase;
    /*margin-bottom: 0px !important;*/
}
/* added focus style for acessibility */
.cms-wrapper a:focus { 
    outline: 1px dashed #0069c3;
}
.cms-wrapper button,.takeOverEditorialContent button {
    text-transform: uppercase;
}
/** OOB Iframe to have 100% width **/
/*
.external.parbase iframe {
	width: 100%;
}
*/
/** introduced for author instance component segregation */
[class~="parbase"][id^="cq-gen"] { 
    outline-style: dotted;
    outline-width: thin;
    padding: 4px;
    margin-bottom: 4px;
    margin-top: 4px;
}

.cms-loading{
        background: rgba(255,255,255,0.6);
}
.cms-loading-image{
	background:url('clientlibs-aem/images/loading-spinner-grey.gif') center center no-repeat;
    width: 100%;
    height: 100%;
}


#page-content.homeM .wrapper {
	float:none;
} 

/*Added to display header in explore page*/
.exploreIsolation .isolationWrap {
	top: 0 !important;
}

span.type_pdf {
	width: 24px;
}

li.logged-user a {
    padding: 7px 0 0 8px;
}

.modal .wrapper {float:none !important}
.modal header {background-color: transparent;}
#join-euro-bonus .input-set input[type=tel], #join-euro-bonus .input-set input[type=number] { height:100%}


.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
	border: 0;
	color: transparent;
	opacity: 0;
}


.bgSasBlue a, .bgDeepBlue a{
    color: #0087f5;
}

.bg-blue-text-link {
    color: #0087f5;
}

/****************************** End of Common AEM css  **********************************/
/****************************** Start of Common AEM css - Desktop **********************************/
@media screen and (min-width: 768px) {

	html { 
		font-size: 16px; 
	}

	.sitemapMenu .menuItems .titleDescription {
        padding-right: 5px;
    }

    .sitemapMenu .menuItems {
        padding-left: 10px;        
    }

	.countryMenu {
		padding-right: 20px !important;
    }
/*
	.cms-wrapper-margin-top{
        margin-top: 30px! important;    
     } 
*/
}


@media (min-width: 768px) {
    .viewfocus :focus,
	.viewfocus a:focus,	
	.viewfocus a:focus[role="button"],
	.viewfocus a:focus[role="radio"],	
	.viewfocus a:focus[role="checkbox"],
	.viewfocus .checkbox-wrap input[type=checkbox]+label span:focus,	
	.viewfocus button:focus,
    .viewfocus ol.breadcrumb>li>a:focus {
		outline: 1px dashed #0087f5 !important;
		box-shadow: 0 0 5px 2px rgba(0, 0, 153, 0.25);
	}
	.viewfocus .valid-day:focus,
	.viewfocus .valid-date:focus {outline-offset: -1px;} 
}
/****************************** End of Common AEM css - Desktop **********************************/
/****************************** Start of Common AEM css - Mobile **********************************/

@media screen and (max-width: 767px) {
	html { 
		font-size: 16px; 
	}

/*    .cms-wrapper .column {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }*/

    .wrapper960, .wrapper1100, .wrapper1140{
        margin-left:1px !important;
    	margin-right:1px !important;
    }

}

/****************************** End of Common AEM css - Mobile **********************************/

/****************************** Start of Background swatch  **********************************/
.bgMediumBlue{
    background-color: #0087f5 !important;
}
 .bgMediumBlue *:not(a){
	color: #fff !important;
}
 .bgMediumBlue[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #0055aa !important;
}


 .bgSkyBlue{
    background-color: #0033CC !important;
}
 .bgSkyBlue *:not(a){
	color: #fff !important;
}
 .bgSkyBlue[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #001EB7 !important;
}

 .bgSasBlue{
   	background-color: #000099 !important;
}
 .bgSasBlue *:not(a){
	color: #fff !important;
}
 .bgSasBlue[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #00007A !important;
}

 .bgDeepBlue{
   	background-color: #000066 !important;
}
 .bgDeepBlue *:not(a){
	color: #fff !important;
}
 .bgDeepBlue[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #000047 !important;
}

 .bgDarkBlue{
   	background-color: #000033 !important;
}
.bgDarkBlue *:not(a){
	color: #fff !important;
}
 .bgDarkBlue[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #00001E !important;
}

 .bgGrey1{
   	background-color: #D5D4D1 !important;
}
 .bgGrey1 *:not(a){
	color: #3F3D3A !important;
}
 .bgGrey1[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #C3C2BE !important;
}

.bgGrey2{
  	background-color: #BFBCB5 !important;
}
 .bgGrey2 *:not(a){
	color: #fff !important;
}
 .bgGrey2[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #A7A39A !important;
}

 .bgGrey3{
 	background-color: #A7A299 !important;
}
.bgGrey3 *:not(a){
	color: #fff !important;
}
 .bgGrey3[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #8A847A !important;
}


 .bgText{
  	background-color: #3F3D3A !important;
}
 .bgText *:not(a){
	color: #fff !important;
}
 .bgText[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #272623 !important;
}

.bgHightlightSand{
  	background-color:#CAA977 !important;
}
 .bgHightlightSand *:not(a){
	color: #fff !important;
}
.bgHightlightSand[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #B58C57 !important;
}

.bgHightlightRed{
    background-color:#eb1932 !important;
}
.bgHightlightRed *:not(a){
	color: #fff !important;
}
.bgHightlightRed[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #c81428 !important;
}

/*Added for CMS-479*/
.bgTransparent {
    background-color:rgba(0,0,0,0.6) !important;
}
 .bgTransparent *:not(a) {
	color: #fff !important;
}
 .bgTransparent[style*="/etc/designs/default/0.gif"] .cta:hover {
    background-color: rgba(0,0,0,0.6) !important;
}

/*Moved from top for CMS-541*/
 .bgWhite {
	background-color: #FFFFFF !important;
}
 .bgWhite *:not(a){
	color: #3F3D3A !important;
}
 .bgWhite [style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #EAE9E8 !important;
}

/****************************** End of Background swatch  **********************************/


#sas-footer	.bgDeepBlue, footer .bgDeepBlue{
   	background-color: #000066 !important;
}

#sas-footer .bgMediumBlue, footer .bgMediumBlue{
    background-color: #0099FF !important;
}
#sas-footer .bgMediumBlue *:not(a), footer .bgMediumBlue *:not(a){
	color: #fff !important;
}
#sas-footer .bgMediumBlue[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgMediumBlue[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #0087f5 !important;
}


#sas-footer .bgSkyBlue, footer .bgSkyBlue{
    background-color: #0033CC !important;
}
#sas-footer .bgSkyBlue *:not(a), footer .bgSkyBlue *:not(a){
	color: #fff !important;
}
#sas-footer .bgSkyBlue[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgSkyBlue[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #001EB7 !important;
}

#sas-footer .bgSasBlue, footer .bgSasBlue{
   	background-color: #000099 !important;
}
#sas-footer .bgSasBlue *:not(a), footer .bgSasBlue *:not(a){
	color: #fff !important;
}
#sas-footer .bgSasBlue[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgSasBlue[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #00007A !important;
}

#sas-footer .bgDeepBlue, footer .bgDeepBlue{
   	background-color: #000066 !important;
}
#sas-footer .bgDeepBlue *:not(a), footer .bgDeepBlue *:not(a){
	color: #fff !important;
}
#sas-footer .bgDeepBlue[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgDeepBlue[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #000047 !important;
}

#sas-footer .bgDarkBlue, footer .bgDarkBlue{
   	background-color: #000033 !important;
}
#sas-footer .bgDarkBlue *:not(a), footer .bgDarkBlue *:not(a){
	color: #fff !important;
}
#sas-footer .bgDarkBlue[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgDarkBlue[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #00001E !important;
}

#sas-footer .bgGrey1, footer .bgGrey1{
   	background-color: #D5D4D1 !important;
}
#sas-footer .bgGrey1 *:not(a), footer .bgGrey1 *:not(a){
	color: #3F3D3A !important;
}
#sas-footer .bgGrey1[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgGrey1[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #C3C2BE !important;
}

#sas-footer .bgGrey2, footer .bgGrey2{
  	background-color: #BFBCB5 !important;
}
#sas-footer .bgGrey2 *:not(a), footer .bgGrey2 *:not(a){
	color: #fff !important;
}
#sas-footer .bgGrey2[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgGrey2[style*="/etc/designs/default/0.gif"] .cta:hover
{
    background-color: #A7A39A !important;
}

#sas-footer .bgGrey3, footer .bgGrey3{
 	background-color: #A7A299 !important;
}
#sas-footer .bgGrey3 *:not(a), footer .bgGrey3 *:not(a){
	color: #fff !important;
}
#sas-footer .bgGrey3[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgGrey3[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #8A847A !important;
}


#sas-footer .bgText, footer .bgText{
  	background-color: #3F3D3A !important;
}
#sas-footer .bgText *:not(a), footer .bgText *:not(a){
	color: #fff !important;
}
#sas-footer .bgText[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgText[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #272623 !important;
}

#sas-footer .bgHightlightSand, footer .bgHightlightSand{
  	background-color:#CAA977 !important;
}
#sas-footer .bgHightlightSand *:not(a), footer .bgHightlightSand *:not(a){
	color: #fff !important;
}
#sas-footer .bgHightlightSand[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgHightlightSand[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #B58C57 !important;
}

#sas-footer .bgHightlightRed, footer .bgHightlightRed{
    background-color:#eb1932 !important;
}
#sas-footer .bgHightlightRed *:not(a), footer .bgHightlightRed *:not(a){
	color: #fff !important;
}
#sas-footer .bgHightlightRed[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgHightlightRed[style*="/etc/designs/default/0.gif"] .cta:hover
{
    background-color: #c81428 !important;
}

/*Added for CMS-479*/
#sas-footer .bgTransparent {
    background-color:rgba(0,0,0,0.6) !important;
}
#sas-footer .bgTransparent *:not(a) {
	color: #fff !important;
}
#sas-footer .bgTransparent[style*="/etc/designs/default/0.gif"] .cta:hover {
    background-color: rgba(0,0,0,0.6) !important;
}

/*Moved from top for CMS-541*/
#sas-footer .bgWhite, footer .bgWhite{
	background-color: #FFFFFF !important;
}
#sas-footer .bgWhite *:not(a), footer .bgWhite *:not(a){
	color: #3F3D3A !important;
}
#sas-footer .bgWhite [style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgWhite [style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #EAE9E8 !important;
}











/****************************** Start of Background swatch  **********************************/
.cms-wrapper .bgMediumBlue, footer .bgMediumBlue, .takeOverEditorialContent .bgMediumBlue, .flashMessage .bgMediumBlue{
    background-color: #0099FF !important;
}
.cms-wrapper .bgMediumBlue *:not(a), footer .bgMediumBlue *:not(a), .takeOverEditorialContent .bgMediumBlue *:not(a), .flashMessage .bgMediumBlue *:not(a){
	color: #fff !important;
}
.cms-wrapper .bgMediumBlue[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgMediumBlue[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #007AFF !important;
}


.cms-wrapper .bgSkyBlue, footer .bgSkyBlue, .takeOverEditorialContent .bgSkyBlue, .flashMessage .bgSkyBlue{
    background-color: #0033CC !important;
}
.cms-wrapper .bgSkyBlue *:not(a), footer .bgSkyBlue *:not(a), .takeOverEditorialContent .bgSkyBlue *:not(a), .flashMessage .bgSkyBlue *:not(a){
	color: #fff !important;
}
.cms-wrapper .bgSkyBlue[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgSkyBlue[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #001EB7 !important;
}

.cms-wrapper .bgSasBlue, footer .bgSasBlue, .takeOverEditorialContent .bgSasBlue, .flashMessage .bgSasBlue{
   	background-color: #000099 !important;
}
.cms-wrapper .bgSasBlue *:not(a), footer .bgSasBlue *:not(a), .takeOverEditorialContent .bgSasBlue *:not(a), .flashMessage .bgSasBlue *:not(a){
	color: #fff !important;
}
.cms-wrapper .bgSasBlue[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgSasBlue[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #00007A !important;
}

.cms-wrapper .bgDeepBlue, footer .bgDeepBlue, .takeOverEditorialContent .bgDeepBlue, .flashMessage .bgDeepBlue{
   	background-color: #000066 !important;
}
.cms-wrapper .bgDeepBlue *:not(a), footer .bgDeepBlue *:not(a), .takeOverEditorialContent .bgDeepBlue *:not(a), .flashMessage .bgDeepBlue *:not(a){
	color: #fff !important;
}
.cms-wrapper .bgDeepBlue[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgDeepBlue[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #000047 !important;
}

.cms-wrapper .bgDarkBlue, footer .bgDarkBlue, .takeOverEditorialContent .bgDarkBlue, .flashMessage .bgDarkBlue{
   	background-color: #000033 !important;
}
.cms-wrapper .bgDarkBlue *:not(a), footer .bgDarkBlue *:not(a), .takeOverEditorialContent .bgDarkBlue *:not(a), .flashMessage .bgDarkBlue *:not(a){
	color: #fff !important;
}
.cms-wrapper .bgDarkBlue[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgDarkBlue[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #00001E !important;
}

.cms-wrapper .bgGrey1, footer .bgGrey1, .takeOverEditorialContent .bgGrey1, .flashMessage .bgGrey1{
   	background-color: #D5D4D1 !important;
}
.cms-wrapper .bgGrey1 *:not(a), footer .bgGrey1 *:not(a), .takeOverEditorialContent .bgGrey1 *:not(a), .flashMessage .bgGrey1 *:not(a){
	color: #3F3D3A !important;
}
.cms-wrapper .bgGrey1[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgGrey1[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #C3C2BE !important;
}

.cms-wrapper .bgGrey2, footer .bgGrey2, .infoBoxWrap.bgGrey2, .takeOverEditorialContent .bgGrey2, .flashMessage .bgGrey2{
  	background-color: #BFBCB5 !important;
}
.cms-wrapper .bgGrey2 *:not(a), footer .bgGrey2 *:not(a), .infoBoxWrap.bgGrey2 *:not(a), .takeOverEditorialContent .bgGrey2 *:not(a), .flashMessage .bgGrey2 *:not(a){
	color: #fff !important;
}
.cms-wrapper .bgGrey2[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgGrey2[style*="/etc/designs/default/0.gif"] .cta:hover,
.infoBoxWrap.bgGrey2[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #A7A39A !important;
}

.cms-wrapper .bgGrey3, footer .bgGrey3, .takeOverEditorialContent .bgGrey3, .flashMessage .bgGrey3{
 	background-color: #A7A299 !important;
}
.cms-wrapper .bgGrey3 *:not(a), footer .bgGrey3 *:not(a), .takeOverEditorialContent .bgGrey3 *:not(a), .flashMessage .bgGrey3 *:not(a){
	color: #fff !important;
}
.cms-wrapper .bgGrey3[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgGrey3[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #8A847A !important;
}


.cms-wrapper .bgText, footer .bgText, .takeOverEditorialContent .bgText, .flashMessage .bgText{
  	background-color: #3F3D3A !important;
}
.cms-wrapper .bgText *:not(a), footer .bgText *:not(a), .takeOverEditorialContent .bgText *:not(a), .flashMessage .bgText *:not(a){
	color: #fff !important;
}
.cms-wrapper .bgText[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgText[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #272623 !important;
}

.cms-wrapper .bgHightlightSand, footer .bgHightlightSand, .takeOverEditorialContent .bgHightlightSand, .flashMessage .bgHightlightSand{
  	background-color:#CAA977 !important;
}
.cms-wrapper .bgHightlightSand *:not(a), footer .bgHightlightSand *:not(a), .takeOverEditorialContent .bgHightlightSand *:not(a), .flashMessage .bgHightlightSand *:not(a){
	color: #fff !important;
}
.cms-wrapper .bgHightlightSand[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgHightlightSand[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #B58C57 !important;
}

.cms-wrapper .bgHightlightRed, footer .bgHightlightRed, .infoBoxWrap.bgHightlightRed, .takeOverEditorialContent .bgHightlightRed, .flashMessage .bgHightlightRed{
    background-color:#eb1932 !important;
}
.cms-wrapper .bgHightlightRed *:not(a), footer .bgHightlightRed *:not(a), .infoBoxWrap.bgHightlightRed *:not(a), .takeOverEditorialContent .bgHightlightRed *:not(a), .flashMessage .bgHightlightRed *:not(a){
	color: #fff !important;
}
.cms-wrapper .bgHightlightRed[style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgHightlightRed[style*="/etc/designs/default/0.gif"] .cta:hover,
.infoBoxWrap.bgHightlightRed[style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #c81428 !important;
}

/*Added for CMS-479*/
.cms-wrapper .bgTransparent {
    background-color:rgba(0,0,0,0.6) !important;
}
.cms-wrapper .bgTransparent *:not(a) {
	color: #fff !important;
}
.cms-wrapper .bgTransparent[style*="/etc/designs/default/0.gif"] .cta:hover {
    background-color: rgba(0,0,0,0.6) !important;
}

/*Moved from top for CMS-541*/
.cms-wrapper .bgWhite, footer .bgWhite, .takeOverEditorialContent .bgWhite, .flashMessage .bgWhite{
	background-color: #FFFFFF !important;
}
.cms-wrapper .bgWhite *:not(a), footer .bgWhite *:not(a), .takeOverEditorialContent .bgWhite *:not(a), .flashMessage .bgWhite *:not(a){
	color: #3F3D3A !important;
}
.cms-wrapper .bgWhite [style*="/etc/designs/default/0.gif"] .cta:hover, footer .bgWhite [style*="/etc/designs/default/0.gif"] .cta:hover{
    background-color: #EAE9E8 !important;
}

/****************************** End of Background swatch  **********************************/

/*---------------for rdesign footer in cms pages -----------*/

@media (max-width: 767px){
#sas-footer .bgDeepBlue *:not(a), footer .bgDeepBlue *:not(a),
#sas-footer .bgMediumBlue *:not(a), footer .bgMediumBlue *:not(a),
#sas-footer .bgSkyBlue *:not(a), footer .bgSkyBlue *:not(a),
#sas-footer .bgSasBlue *:not(a), footer .bgSasBlue *:not(a),
#sas-footer .bgDarkBlue *:not(a), footer .bgDarkBlue *:not(a),
#sas-footer .bgGrey1 *:not(a), footer .bgGrey1 *:not(a),
#sas-footer .bgGrey2 *:not(a), footer .bgGrey2 *:not(a),
#sas-footer .bgGrey3 *:not(a), footer .bgGrey3 *:not(a),
#sas-footer .bgText *:not(a), footer .bgText *:not(a),
#sas-footer .bgHightlightSand *:not(a), footer .bgHightlightSand *:not(a),
#sas-footer .bgHightlightRed *:not(a), footer .bgHightlightRed *:not(a),
#sas-footer .bgTransparent *:not(a),
#sas-footer .bgWhite *:not(a), footer .bgWhite *:not(a)

    {
     color: #3f3d3a !important;
    
    }
}

/******************cms-610****************************/
button.btn.heroCampaignBtn{

	color: #fff !important;
}
/****************************************************/

 [class^="icon-"]:before, [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); */
}

.icon-cancel:before { content: '\e800'; } /* 'î €' */
.icon-left-open:before { content: '\e801'; } /* 'î ?' */
.icon-plus:before { content: '\e802'; } /* 'î ‚' */
.icon-minus:before { content: '\e803'; } /* 'î ƒ' */
.icon-help:before { content: '\e804'; } /* 'î „' */
.icon-search:before { content: '\e805'; } /* 'î …' */
.icon-calendar:before { content: '\e806'; } /* 'î †' */
.icon-tag:before { content: '\e807'; } /* 'î ‡' */
.icon-flight:before { content: '\e808'; } /* 'î ˆ' */
.icon-circle:before { content: '\e809'; } /* 'î ‰' */
.icon-star:before { content: '\e80a'; } /* 'î Š' */
.icon-down:before { content: '\e80b'; } /* 'î ‹' */
.icon-up:before { content: '\e80c'; } /* 'î Œ' */
.icon-right-open:before { content: '\e80d'; } /* 'î ?' */
.icon-ok:before { content: '\e80e'; } /* 'î Ž' */


.icon-left:before { content: '\e80f'; } 
.icon-attention-alt:before { content: '\e811'; }
.icon-close:before { content: '\e812'; } 
.icon-info:before { content: '\e813'; } 
.icon-gplus:before { content: '\e814'; } 
.icon-facebook:before { content: '\e815'; } 
.icon-linkedin:before { content: '\e816'; } 

.flighticon:after {content: url('images/flight-icon-left.png');}
.returnflighticon:before {content: url('images/flight-icon-right.png');}
.sitemapMenu, 
.countryMenu {
	display: none;
	padding: 40px 0px 70px 0px;
	width: 100%;
	
	background: #fff;
/*	overflow: hidden;	*/
}
.sitemapMenu .title, 
.countryNames .title, 
.languageNames .title {
	font-size: 16px;
	
    color: #3F3D3A;
}
.sitemapMenu .title {
	margin-bottom: 10px;
	display: block;
}
.sitemapMenu .menuItems {
    float: left;
	margin-top: 30px;
	width: 100%;
}
.sitemapMenu .subMenu {
	float: left;
	width: 100%;
	margin-top: 10px;
	
}
.sitemapMenu .subMenu a, 
.countryMenu .subMenu a {
	font-size: 13px;
	color: #3F3D3A;
	
}
.sitemapMenu .subMenu a:hover, 
.countryMenu .subMenu a:hover {
	color: #0087f5;
	text-decoration: none;
}
.sitemapMenu .subMenu li {
	line-height: 2.7;
}
.sitemapMenu .menuTitle {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.sitemapMenu .menuTilteList > a {
	cursor: default;
}
.countryMenu .subMenu li {
	line-height: 2;
	margin-bottom: 5px;
	padding: 3px 0 5px 14px;
}
.sitemapMenu .search-input {
	padding-top: 30px;
	padding-bottom: 30px;
	height: 84px;
	border-right: none;
	box-shadow: none;
	font-size: 20px;
	color: #C3C2BE !important;
	border-radius: 4px 0px 0px 4px;
	-webkit-appearance: none;	/* BOOKING-2913*/
}
.sitemapMenu .search-btn {
	padding-top: 20px;
	padding-bottom: 20px;
	height: 84px;
	border-color: #E1E2E9;
	min-width: 64px !important;
	background: url(../../../images/sprite.svg) no-repeat 22px -2614px;
	border-radius: 0;
	height: 40px;
}
.sitemapMenu .search-btn .icon-search:before {
	color: #A7A299;
}
.sitemapMenu .input-group-btn:last-child >.btn {
	margin-left: 0px;
	border-left: none;
}
.sitemapMenu .input-group-btn {
	border: 1px solid #e1e2e9;
	border-left: none;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.flag {
	margin-right: 10px;
}
.flag img {
	 width: 25px;
}
.countryNames .flag {
	margin-left: 10px;
}
.countryPart {
    padding-right: 10px;
}
#dropdownMobileCountry .flag  {
	float: left;
	margin-top: 2px;
}
.dropdownMobileCountry  img {
	padding-right: 10px;
	width: 35px;
	 
}
.highlightedBgcolor {
	background-color: #EAE9E8 !important;
	border-radius: 4px;
}
.language-names .subMenu li {
	padding-left: 10px;
}
.countryList li:hover,
.langList li:hover {
	background-color: #EAE9E8;
	border-radius: 4px;
	cursor:pointer;
}
.countryMenu .okButton {
	float: none;
	clear: both;
	text-align: center;
}
.countryMenu .okButton .btn {
	color: #fff;
	background-color: #0087f5;
	width: 25%;
	margin-top: 30px;
	text-transform: uppercase;
	font-weight: bold;
}

.sitemapMenu .menuItems .titleDescription {
    float: left;
    /*min-height: 40px;*/
	font-size: 13px;
	color: #C3C2BE;
	
}
.countryMenu .languageNames li ul li {
	display:none;
}
.tickSymbol {
	background: url("clientlibs-aem/images/tick-dark.png") no-repeat 93% 13px !important;
}
/* Fix for OCP-963 */
.arrowUp {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	position: absolute;
	bottom: 0;
	display: none;
	left: 37%;
}
.countryOrgin {
    padding-top: 50px;
    width: 100%;
    display: table;
}
.languagePartDropdown {
	position: relative;
	background-color: #EAE9E8;
    height: 45px;
    width: 100%;
    border-radius: 3px;
    padding: 5px 16px;
    border: none;
	border: 1px solid #D5D4D1;	
    cursor: pointer;
}

.countryTitle {
	padding-top: 0;
    padding-bottom: 35px;
	color: #3f3d3a;
}
.topFooterLinks {
	min-height: 60px;
}
.search-btn .icon-search:before {
	font-size: 25px !important;
	line-height: 0em;
    display:inline-block !important;
}
.menuTilteList  a {
	float: left;
	width: 100%;
}
.applychanges .btn {
    color: #fff;
    background-color: #0087f5;
    width: 100%;
    margin-top: 60px;
    text-transform: uppercase;
    font-weight: bold;
	/*padding: 12px;*/
    height: 44px;
    
}
.applychanges .btn:hover {
	background-color: #0055aa;
}
.mobileApplyChangesBtn .btn {
	color: #fff;
	width: 70%;
    margin-top: 30px;
    text-transform: uppercase;
    font-weight: bold;
	padding: 12px;
    height: 44px;
	background-color: #0087f5;
    
}
.countryMenuDropdown {
	position: absolute;
	top: 44px;
	left: 0;
	width: 100%;
	background-color: #fff;
    border-radius: 2px;
    transition: all 0.2s ease-in;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
	display: none;
	z-index: 999;
}
.countryMenuDropdown li {
    float: left;
    width: 100%;
    height: 48px;
    /*padding: 15px;*/
	padding: 11px 15px;
    border-bottom: 1px solid #D5D4D1;
}
.countryMenuDropdown li:hover {	
	background-color: #EAE9E8;
	cursor: pointer;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.countryMenuDropdown li:last-child {
	border-bottom: 0;
}
.countryMenu .icon-down ,
.mobileLanguagePart .icon-down {
	font-size: 20px;
	padding-top: 6px;
}
.languageValue  ,
.originValue ,
.mobileCountryValue {
	padding-top: 6px;
}
a, a:hover, a:active, a:focus  {
	text-decoration : none;

}
/*
ul.dropdownMobileCountry {
    overflow-y: scroll;
    height: 195px;
}*/
.countryMenuDropdown {
    overflow-y: auto;
    max-height: 195px;
    z-index: 100000;
}

@media screen and (max-width: 767px) {

	.homeSignup {
		text-align: center;
	}
	 .sitemapMenu .search-btn {
        padding-bottom: 15px !important;
    }
    .menuTilteList .title, .countryMobile a {
        margin-top: 15px;
    }
    .sitemapMenu .subMenu {
        padding-left: 50px;
        margin-top: 0!important;
    }
    .sitemapMenu .subMenu a {
        line-height: 40px;
    }
    .homesmallBanner,
    .homebigBanner {
        display: none;
    }
    .menuItems li.col-lg-3.col-md-6.col-sm-6.col-xs-12,.menuItems li.col-xs-12 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.mobileCountryLanguage .title  {
		margin-left: 0!important;
	}
	.mobileCountry {
		display: block;
	}
	.sitemapMenu .menuItems {
		margin-top: 15px;
	}
	.menuTilteList  .title,
	.countryMobile a {
		font-size: 15px;
		cursor: pointer;
		margin-left: 20px;
	}
	.mobileLanguagePart .languagePartDropdown {
		width: 100%;
		margin-bottom: 15px;
	}
	.mobileLanguagePart .countryOrgin {
		margin-top: 15px;
	}
	.menuTilteList .mobileCountryLanguage .title {
		padding: 18px 10px 18px 18px;
	}
	.applychanges .btn ,
	.mobileApplyChangesBtn .btn {
		width: 100%;
		margin: 30px 0;
		padding: 12px;
	}
	.sitemapMenu .search-input,
    .sitemapMenu .search-btn {
    	padding-top: 16px;
    	padding-bottom: 22px;
        height: 60px;
        font-size: 16px;
    }
    .sitemapMenu {
    	/*padding: 15px 0 0 0;*/
    	padding: 15px 8px 0px 8px;
    }
    .countryMenu {
    	/*padding: 0 0 0 0;*/
    	padding: 0 8px 0 8px;
		margin-top: -2px;
    }
    .title.icon-down:before {
    	width: 1.6em;
    	font-size: 20px;
    }
    .countryMobile a {
		padding-bottom: 20px;
		color: #3F3D3A;
	}
	.menuTilteList .highlightedBgcolor .icon-down {
		margin-left: 10px !important;
	}
	.menuTilteList .icon-right-open:before {
		font-size: 18px;
	}
	.mobileLanguagePart {
		margin-top: 6px;
	}
	.countryOrgin {
		padding-top: 15px;
	}
	.arrowUp {
		left: 33%;
	}

}
@media screen and (min-width:768px){
	
	.country .arrowUp {
		left: 43%;
	}
    .countryMenu > div {
		padding-bottom: 30px;
	}        
    .sitemapMenu .menuItems {
        padding-bottom: 30px;
	}        
	.applychanges .btn  {
		padding: 9px;
	}
}
@media screen and (min-width:1200px){

	.country .arrowUp {
		left: 43%;
	}
}
.standalone-cep-page-wrapper {
    z-index: 99;
}

.standalone-cep {
    clear: both;
    float: left;
    width: 100%;
}

.standalone-cep caption{
    height: 40px;
        visibility: visible;
    }
.standalone-cep .wrapper {
    float: none;
    background: #006;
    padding: 0 8px;
    min-height: 140px;
    border-radius: 4px;
    margin: 0 auto;
    max-width: 1104px;
}

.standalone-cep .radio-wrap input[type=radio]:checked+label span, .radio-wrap input[type=radio]:checked+label span {
    height: 18px ;
    width: 18px;
    border: none;
    top: 3px;
}

.standalone-cep .radio-wrap input[type=radio]:checked+label span.label-content { background-image: none; color:#fff}

.standalone-cep .radio-wrap input[type=radio]+label span, .radio-wrap input[type=radio]:checked+label span { transition: none; }
 @media (min-width: 992px) {
.standalone-cep .input-set input[type="text"] {
    height: 100%;
}
}
.parbase.cep {
    padding-right: 0;
    height:auto;
	background: transparent;
}

.standalone-cep [class^="icon"] { transition: none; }

.radio-wrap input[type=radio]:checked+label span  { background-color: transparent !important;}

.standalone-cep form { margin-top: 0 !important; }

.standalone-cep .wrapper { float: none; }

.standalone-cep .cep .cep-button-wrap { right: -114px; }


.standalone-cep .cep-preference {margin-top:20px;}
.standalone-cep .radio-wrap input[type=radio]:checked+label span.label-content {width:auto;}
.standalone-cep .radio-wrap input[type=radio]+label span.label-content, 
.standalone-cep .radio-wrap input[type=radio]+label span.label-content {     background-color: transparent; border: none !important; color:#fff !important; width:auto}

.standalone-cep .currency-points { color: #fff; }

.standalone-cep  .select-passengers .category {
    font-size: 14px;
    
}

.standalone-cep .flights-filter li.holidays.active:before {
    background: #eb1932 url(clientlibs-aem/images/sprite.svg) no-repeat 99.5% -3008px;
}

.standalone-cep  #lpc .calendar-tab-content.lpc { padding: 0 8px 0 8px; }

.standalone-cep .calendar-footer { background: transparent; }

.standalone-cep .calendar-wrapper .dropdown-native .arrow-down {
    background: url(clientlibs-aem/images/sprite.svg) no-repeat 0 -1156px;
}

.adaptiveimage.image.styled-container.swatch-container.parbase {
    width: 100%;
}

.standalone-cep .calendar-wrapper th { text-align: center; }
.standalone-cep  .calendar-wrapper tbody td .date {top:-3px}
.standalone-cep .calendar-footer .flights-filter li a {  margin-top: -3px;}
.standalone-cep .flights-filter li.show  {  margin-top:4px;}

.standalone-cep ul.spinner.white-bg { background: transparent;}

.standalone-cep  .airport-list li .country {
    display: block;
    line-height: normal;
    height: auto;
    
}

.standalone-cep .spinner { position: absolute !important;}

.standalone-cep .book-youth a { font-size: 14px;}

.standalone-cep .book-youth-warning a { font-size: 14px;}

.standalone-cep #group-booking a  { font-size: 12px;}

@media (max-width: 991px) {
	.standalone-cep .wrapper {
		float: left;
		border-radius: 0;
		padding: 0;
	}
}
/****************************** Start of Table css  **********************************/
.aem-mobile-table, .aem-mobile-table table, .aem-mobile-table th{
border:none;
 table-layout:fixed;
}
.aem-mobile-table,.aem-mobile-table td{
border:1px solid #BFBCB5;

}
.aem-mobile-table td, .aem-mobile-table th{
padding:8px;
 
}
.aem-mobile-table th{
background-color: #fff !important;
 
}
.aem-mobile-table tr:nth-child(even){
background-color: #faf9f9;
 
}
@media (max-width: 767px){
    .aem-mobile-table {
    max-width: 767px;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: auto;
    }
    .aem-mobile-table th, .aem-mobile-table td {
       min-width: 110px;
 
    }
 
}

/****************************** End of Table css  **********************************/




/* ---------------------------------------------------------------------------
 * Feedback Button
 * --------------------------------------------------------------------------- */
.feedback-button {
    background: #0033cc;
    
    box-shadow: 0 -2px 4px 0 rgba(63, 61, 58, 0.5);
    position: fixed;
    z-index: 10;
    display:block;
    width: 120px;
    height: 32px;
    text-transform: uppercase;
    color: #fff;
    padding: 6px;
    text-align: center;
    font-size: 14px;
	-webkit-font-smoothing: antialiased;
	
}

@media (min-width: 992px) {
	.feedback-button {   
		top: calc(50% - 16px);
		left: -44px;   
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(-90deg);
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}
  .feedback-button:hover { background:#001eb7}
}


.feedback-button:hover,
.feedback-button:focus { color:#fff}


@media (max-width: 991px) {	
	.feedback-button {
		bottom: -4px;
		margin: 0 auto;
		left: calc(50% - 60px);
		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
	}
}

body.cq-wcm-edit #content,
body.cq-wcm-design #content { float: none;}
body div#footercontent.cq-Editable-dom.cq-Editable-dom--container
{ 
    float: left;
    width:100%;
}
.term-condition-content p, 
.term-condition-content h4, 
.term-condition-content  li {
    text-align: left !important;
    padding: 0 0 0 10px !important;
    color: #fff !important;
    margin: 10px 0 20px 0 !important;
} 

#modelwindow .wrapper {
      overflow-y: visible;
} 
#sas-footer .modal {
    overflow-y:hidden;
}
.modal-body.survey-popup .inner-wrap {
    background: #f4f4f4;
    max-width: 300px;
    margin: 80px auto 0 auto;
    border-radius: 8px;
    position: relative;
}
.modal-body.survey-popup h2,
.modal-body.survey-popup p { 
	 color:#006; 
	 text-align:left;
	 margin: 0;
	 padding-left: 0;
 }
.modal-body.survey-popup h2 { font-size: 26px; padding-bottom: 30px;}
.modal-body.survey-popup p {
    text-transform: initial;
    padding: 35px 0 0 0;
}
.modal-body.survey-popup .icon-close-grey {
    background-position: 0 -1513px;
    position: absolute;
    right: 0;
    top: 14px;
	z-index: 2;
}
.modal-body.survey-popup button.btn { 
	min-width: 100%; 
	margin-top:15px;
}

@media (max-width: 767px) {
	.modal-body.survey-popup { padding: 8px;}	
	.modal-body.survey-popup .inner-wrap { padding:0 8px;}
}
