#iOASearchBtn, #iNavSrchBtn {
	min-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.hero {
	max-height: none !important;
	min-height: none !important;
}

.login {
	min-width: 315px !important;
}

@media (min-width : 768px) {
	.login {
		z-index: 9 !important;
		position: absolute !important;
		top: 20px !important;;
	}
}

/* Used for the merchant pages, since the login widget is a custom GEM implementation, custom CSS is needed */
.hero-carousel-outer {
	min-height: 500px !important;
}

.hero-carousel-content {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.hero-bg-height {
	height: 500px !important;
}

.nav-header.nav-large .nav-brand {
	min-height: 2.5rem;
	flex-grow: 0;
}


/* Added by Arun Mohanty for WEBCM-622 - R7-OfferComponent - Begin */

.card-detail-image {
    transition: all 500ms ease;
    transform: translate3d(0,0,0);
}



/* Added by Arun Mohanty for WEBCM-622 - R7-OfferComponent - Ends */

/* adding style for Map Component */

.map-container {
	min-height:400px;
}

/* adding style for Map Component */

/* Added by Arun Mohanty for Interstitial Modal Pop Up - Starts */

.modal{

    z-index: 1 !important; /* Sit on top */
}
.modal-width-2{
	min-width:20% !important;
}
.modal-width-4{
	min-width:40% !important;
}
.modal-width-6{
	min-width:60% !important;
}
.modal-width-8{
	min-width:80% !important;
}
.modal-width-10{
	min-width:90% !important;
}
.popup-overlay{
	visibility:hidden;
	z-index: 2 !important;/*adding to come in front of the carousal*/
}
.popup-overlay.active{
  visibility:visible;
  text-align:center;
}

/* Added by Arun Mohanty for Interstitial Modal Pop Up - Ends */
/* Added by Rohan Raj for accesibility of collapsible panel HOME-749 - Starts
 these needed unless we have DLS 6.0 is not released */

.accordion > button {
	font-size: .9375rem;
	max-width: 100%;
	text-align: left;
	width: 100%;
	border-radius: 0;
	color: #333;
}

.accordion > button:focus{
	outline:1px dotted rgba(0,0,0,.3);
	outline-offset:0px;
}

/* Added by Rohan Raj for accesibility of collapsible panel HOME-749 - Ends */

.dls-gray-06 {
	color: #333!important;
}

a.card-actionable {
	text-decoration: none;
}

h4.heading-3.margin-1-b.display-block.dls-bright-blue {
	text-decoration: none;
}

@media (min-width: 768px) {
	.actionable-card .col-md-4 {
		max-width: none;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.grid .col-md-3 .actionable-card .pad-responsive {
		padding: 0px!important;
	}

	.grid .col-md-3 .actionable-card .pad-responsive-r {
		padding: 0px!important;
	}
}
/* Added by Sesha Samudrala for Supporting login Box for v6 upgrade - Starts */

.card-block {
	height: 100%;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	padding: 10px;
	backface-visibility: hidden;
	position: relative;
	width: 100%;
}
.form-group {
	margin-bottom: 1.25rem;
	text-align: left;
}
@media (min-width: 1280px) {
	.card-block {
		padding: 20px
	}
}
@media (min-width: 1024px) {
	.card-block {
		padding: 20px
	}
}
@media (min-width: 768px) {
	.card-block {
		padding: 18px
	}
}
@media (min-width: 375px) {
	.card-block {
		padding: 12px
	}
}

/* Added by Sesha Samudrala for Supporting login Box for v6 upgrade - Ends */

/*Added for grid pattern : HOME-1790*/
.bright-blue-pattern {
	background-image: url(https://www.aexp-static.com/cdaas/one/statics/axp-static-assets/2.1.0/package/dist/img/brand/worldservice-tile-brightblue.jpg);
	background-size: 250px;
}
.deep-blue-pattern {
	background-image: url(https://www.aexp-static.com/cdaas/one/statics/axp-static-assets/2.1.0/package/dist/img/brand/worldservice-tile-deepblue.jpg);
	background-size: 250px;
}
.gray-pattern {
	background-image: url(https://www.aexp-static.com/cdaas/one/statics/axp-static-assets/2.1.0/package/dist/img/brand/worldservice-tile-gray.jpg);
	background-size: 250px;
}

/* Added by Ravi Kolla for Supporting hero for v6.6 upgrade - Starts */
/* Below .hero is required to not to break existing experience */
.hero {
	max-width: 100% !important;
}
/*  hero background image animation start*/
.card-img-scale {
	overflow: hidden;
	min-height: 200px
}

.card-img-scale:hover .hero-bg {
	transform: scale(1.1)
}

.card-img-scale .hero-bg {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: transform 1s cubic-bezier(.445,.05,.55,.95);
	will-change: transform
}
/*  hero background image animation end*/
/* Added by Ravi Kolla for Supporting hero for v6.6 upgrade - Ends */
@font-face {
	font-family: "dls-icons-2.1.0";
	font-weight: 400;
	font-display:block;src: url(https://www.aexp-static.com/cdaas/one/statics/axp-static-assets/2.2.0/package/dist/iconfont/dls-icons.woff?v=2.1.0) format("woff"),url(https://www.aexp-static.com/cdaas/one/statics/axp-static-assets/2.2.0/package/dist/iconfont/dls-icons.woff2?v=2.1.0) format("woff2")
}

.rte-checklist {
	list-style-type: none;
	padding-left: 28px;
	margin-bottom: 1.5625rem;
}

.rte-checklist li:before {
	font-family: "dls-icons-2.1.0";
	content: "\eaf2";
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-right: 9.5px;
	padding-left: 0px;
	margin-left: -25px;
}

.badge-container {
	position: absolute;
	z-index: 1;
	top: 10px;
}

.badge {
	white-space: nowrap;
}

/** For RTE Tooltip story HOME-4157*/
.richtext p.tooltip-row {
	display: inline-block;
}
.screen-reader-text {
    overflow: hidden;
    clip: rect(0,0,0,0);
    position: absolute !important;
    width: 1px;
    height: 1px;
    border: 0;
    word-wrap: normal !important;
}
.links-item i {
  margin-left: 5px;
  display: inline;
}
.text-visible, .text-visible a  {
    color: #fff;
}
.text-visible > a.link-underlined:hover {
    color: #fff;
}

img.lazy {
	max-width:100%;
	max-height: 100%;
    }

.primarynav .nav-brand{
	margin-left:4%;
}
.nav-horizontal.border>.nav-menu{
	margin-bottom:0;
}
.bt-login{
	right:4%;
}
a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}
.bt-login {
    position: absolute;
    right: 20px;
    /*top: 8px;*/
    pointer-events: auto;
}

.dls-logo-bluebox-solid-sm1 {
    width: 90px !important;
    height: 25px !important;
}
/* WEBCM-1438 -- This CSS was used to do some custom layout since the GEM primary nav is non-standard. This is not needed after the 5.4 upgrade */
@media ( min-width: 480px) {
    .nav-header {
        justify-content: flex-start;
    }
}
@media only screen and (max-width: 480px) {
    .btn-burger {
        position: absolute;
        top:0.8rem;
    }
    .nav-header .nav-brand {
        padding-left: 1.875rem;
    }
	.dls-logo-bluebox-solid-sm {
		height: 14px !important;
	}
	.dls-logo-bluebox-solid-sm img {
    display: none !important;
	}
}
/*.nav-header[aria-current=vertical]>.nav-menu {
	position: absolute;
    left: 0;
    right: initial;
    bottom: initial;
    z-index: 999;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}*/
@media ( max-width: 767px) {
    .nav button.nav-burger {
        left: -88%;
    }
    .nav-header[aria-current=vertical]>.nav-menu {
        position: absolute;
        left: 0;
        right: initial;
        bottom: initial;
        z-index: 999;
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
	.dls-logo-bluebox-solid-sm {
		height: 14px !important;
	}
	.dls-logo-bluebox-solid-sm img {
    display: none !important;
	}
}
@media (min-device-width: 768px) {
	.dls-logo-bluebox-solid-sm {
		height: 14px !important;
		display: inline !important;
		}
	.dls-logo-bluebox-solid-sm1 img {
		display: none !important;
		}
	.dls-logo-bluebox-solid-sm img {
		display: block !important;
		}
	.nav button.nav-burger {
			left: -88%;
		}
}
@media (min-width: 500px) and (max-width: 620px) {
    .nav button.nav-burger {
        left: -88%;
    }
	.dls-logo-bluebox-solid-sm {
    height: 14px !important;
	}
	.dls-logo-bluebox-solid-sm img {
    display: none !important;
	}
}
@media (min-width: 400px) and (max-width: 499px) {
    .nav button.nav-burger {
        left: -88%;
    }
	.dls-logo-bluebox-solid-sm {
    height: 14px !important;
	}
	.dls-logo-bluebox-solid-sm img {
    display: none !important;
	}
}
@media (min-width: 320px) and (max-width: 399px) {
    .nav button.nav-burger {
        left: -88%;
    }
	.dls-logo-bluebox-solid-sm {
    height: 14px !important;
	}
	.dls-logo-bluebox-solid-sm img {
    display: none !important;
	}
}
@media (max-width: 1023px) {
.nav button.nav-burger {
        left: -88%;
    }
}

@media (min-width: 1024px) {
.nav button.nav-burger {
        left: -88%;
    }
.dls-logo-bluebox-solid-sm1 img {
    display: none !important;
	}
}
#new-window {
  display: none;
}
.siteareanav .nav {
  z-index: unset;
}
.san-dropdown {
  display: none;
  background-color: #f7f8f9;
  border: 1px solid #00175a;
  border-radius: .25rem;
  color: #00175a;
  padding: .75rem 1.125rem;
  position: relative;
  text-align: left;
  width: 100%;
  max-width: 100%;
}
.nav-item.nav-section {
    height: 50px;
}
.xf-content-height {
  margin: 0 !important;
}
.siteareanav .san button.san-dropdown:hover,
.siteareanav .san button.san-dropdown:active {
  color: #00175a;
  background-color: #f7f8f9;
}
.san-wrapper {
	left:0px;
}
.san .collapse:not(.in) {
  display: none;
}
@media screen and (min-width: 768px) {
  .san-wrapper .nav-menu {
    margin-bottom: unset !important;
  }
  .san-wrapper .nav-horizontal .margin-2-lr {
     display:none;
  }
  .navbar-expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-lg .san-dropdown {
    display: none;
  }
  .navbar-expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .san .collapse {
    display: block !important;
  }
  .san .nav-sticky {
    z-index:97;
    width:100%;
    left: 0%;
    top: unset;
    position: relative !important;
  }
  .san-wrapper .nav-inverse .nav-link {
    color:#fff !important;
  }
  .san-wrapper .nav-horizontal .nav-inverse .nav-link[aria-selected=true]:after{
    color: #fff !important;
  }
  .san-container {
    min-height:45px;
    padding-left:0px;
  }
  .siteareanav {
    width: 100%;
  }
  .san-head-spacer {
    height:45px;
    display:none;
  }
  .san-wrapper .nav-horizontal .nav-link {
    outline-offset: -1px;
  }

  .secondarynav-overlay {
    background-color: transparent;
  }
  .navsan-container {
    position: relative !important;
    max-width: 1240px;
    padding-left: 0px;
  }
  .secondarynav {
    width: 100%;
  }
  .nav-horizontal .nav-item>.nav-menu .nav-link:hover {
    max-height: 42px;
  }
  .nav-horizontal .nav-item [aria-current=page].dls-bright-blue-bg.navsan-link.nav-link:after {
    background-color: #fff !important;
  }
  .nav-san {
    z-index : 9;
  }
}
@media screen and (max-width: 767px) {
  .san-item {
    width:100%;
  }
  .san .nav-link[aria-selected=true] {
    background-color: #ecedee;
    color: #00175a !important;
  }
  .san-container {
    background-color: #fff;
  }
  .siteareanav,
  .san-child-wrapper {
    background-color: #fff !important;
  }
  .san-container {
    min-height:49px;
  }
  .san-wrapper .collapse {
    position: absolute !important;
    z-index: 99;
    width: 101%;
    background-color: #fff;
    left: -1px;
    top: unset;
  }
  .san .nav-overlay {
    top: 130px;
    background-color: rgba(0,0,0,.5);
    opacity: 1;
  }
  .san .padding-1-tb {
    padding-top:10px;
    padding-bottom: 10px;
  }
  .san-head-spacer {
    height:69px;
    display:none;
  }
  .san-dropdown {
    outline:none;
  }
  .dls-bright-blue-bg.navsan-link.nav-link.caret:before {
    color: #fff !important;
  }
  .nav-vertical .dls-bright-blue-bg.navsan-link.nav-link[aria-current=page] {
    color: #fff !important;
  }
  .nav-vertical .nav-item>.nav-menu {
    display: none;
  }
  .nav-vertical [aria-expanded=true]+.nav-menu {
    display: block;
  }
  .lock-scroll {
      overflow: hidden;
    }
}
@media screen and (min-device-width: 320px) and (max-device-width: 768px) {
.nav-menu{
    overflow: scroll !important;
    height: 100px;
}
}

/* Notification Component */

.comment {
    width: 100%;
    margin: 0;
}

.less-content, .less-content p, .less-content div, .less-content span {
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

a.morelink {
    text-decoration:underline;
    outline: none;
}

.morecontent {
    display: none;  
}

.readMore, .readLess {
    flex: none !important;
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
}

@media(max-width: 480px) {

    .readLess {
         left: 10px !important;
         position:static !important;
         margin-right: 0 !important;
         margin-left: 0 !important;
    }

}

.icon-text-container {
    display: flex !important;
    position: relative !important;
}

.icon-text{
    margin-top:0.3rem !important;
    /*padding: .75rem 1.25rem !important;*/
}
@media print{
    .share-amex-floating-style,.a2a_menu,.a2a_overlay{
        visibility:hidden
    }
}
 .shareAmex-icons-svg{
    background-repeat:no-repeat;
    display:block;
    overflow:hidden;
    height:44px;
    line-height:44px;
    width:44px
}
.shareAmex-icons-svg svg{
    background-repeat:no-repeat;
    background-position:50% 50%;
    border:none;
    display:block;
    left:0;
    margin:0 auto;
    overflow:hidden;
    padding:0;
    position:relative;
    top:0;
    width:auto;
    height:auto
}
.share-amex-kit .shareAmex-icons-svg{
    background-repeat:repeat
}
.share-amex-default-style a{
    float:left;
    line-height:16px;
    padding:0 2px
}
.share-amex-default-style a:hover .shareAmex-icons-svg,.share-amex-floating-style a:hover .shareAmex-icons-svg,.a2a_overlay_style a:hover .shareAmex-icons-svg svg{
    opacity:.7
}
.share-amex-default-style .a2a_count,.share-amex-default-style .shareAmex-icons-svg,.share-amex-floating-style .shareAmex-icons-svg,.a2a_menu .shareAmex-icons-svg,.share-amex-vertical-style .a2a_count,.share-amex-vertical-style .shareAmex-icons-svg{
    border-radius:4px
}
.share-amex-default-style .a2a_counter img,.share-amex-default-style .a2a_dd,.share-amex-default-style .shareAmex-icons-svg{
    float:left
}
.share-amex-default-style .a2a_img_text{
    margin-right:4px
}
.share-amex-default-style .a2a_divider{
    border-left:1px solid #000;
    display:inline;
    float:left;
    height:16px;
    line-height:16px;
    margin:0 5px
}
.share-amex-kit a{
    cursor:pointer
}
.share-amex-floating-style{
    background-color:#fff;
    border-radius:6px;
    position:fixed
}
.share-amex-floating-style,.a2a_overlay_style{
    animation:a2aFadeIn .2s ease-in;
    padding:4px;
    z-index:9999995
}
.share-amex-vertical-style a{
    clear:left;
    display:block;
    overflow:hidden;
    padding:4px;
    text-decoration:none
}
.share-amex-floating-style.share-amex-default-style{
    bottom:0
}
.share-amex-floating-style.share-amex-default-style a,.a2a_overlay_style.share-amex-default-style a{
    padding:4px
}
.share-amex-vertical-style .a2a_counter img{
    display:block
}
.share-amex-vertical-style .a2a_count{
    float:none;
    margin-left:0;
    margin-top:6px
}
.share-amex-vertical-style .a2a_count:after,.share-amex-vertical-style .a2a_count:before{
    border:solid transparent;
    border-width:0 4px 4px 4px;
    content:"";
    height:0;
    left:50%;
    line-height:0;
    margin:-4px 0 0 -4px;
    position:absolute;
    top:0;
    width:0
}
.share-amex-vertical-style .a2a_count:before{
    border-bottom-color:#ccc
}
.share-amex-vertical-style .a2a_count:after{
    border-bottom-color:#fff;
    margin-top:-3px
}
.share-amex-icon-label{
    position:absolute!important;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px,1px,1px,1px);
    clip-path:polygon(0 0,0 0,0 0);
    -webkit-clip-path:polygon(0 0,0 0,0 0);
    overflow:hidden;
    height:1px;
    width:1px
}
.share-amex-kit,.a2a_menu,.a2a_modal,.a2a_overlay{
    -ms-touch-action:manipulation;
    touch-action:manipulation
}
.shareAmex-leftAlign {
	top: 270px;
	line-height: 32px;
	left: 0;
	padding:15px 5px;
}
.shareAmex-rightAlign{
	top: 270px;
	line-height: 32px;
	right: 0;
	padding:15px 5px;
	
}
.shareAmex-bottomAlign {
	bottom: 0px;
    right: 0px;
    line-height: 32px;
}
.share-amex-button-twitter {
    width: 52px;
    height: 52px;
    float: left;
}
@media only screen and (max-width: 480px) {
    .share-amex-title{
    	display:none;
    }
}
.share-amex-facebook {
    background-image: url("https://www.aexp-static.com/cdaas/one/statics/@americanexpress/static-assets/2.28.0/package/dist/img/social/social-network-facebook.svg");
}
.share-amex-twitter {
	background-color: rgb(85, 172, 238);
    background-image: url("https://www.aexp-static.com/cdaas/one/statics/@americanexpress/static-assets/2.28.0/package/dist/img/social/social-network-twitter.svg");
}
.share-amex-linkedin {
	background-color: rgb(0, 123, 181);
    background-image: url("https://www.aexp-static.com/cdaas/one/statics/@americanexpress/static-assets/2.28.0/package/dist/img/social/social-network-linkedin.svg");
}
.share-amex-email {
	background: rgb(1, 102, 255);
}

/*************************************************/
/***** CSS for Android App Cross Sell Banner *****/
/*************************************************/

.appbanner_show .appbanner{
    display:block;
}
.appbanner_show .shiftRt .appbanner,
.appbanner_show.fullHt .appbanner{
    top:-69px;
}
.appbanner{
    position:absolute;
    left:0;
    top:0;
    display:none;
    border-bottom:1px solid #e8e8e8;
    width:100%;
    height:69px;
    font-family:'Helvetica Medium', Arial, 'Lucida Grande', sans-serif;
    background:#F2F3F3;
    z-index:9998;
    -webkit-font-smoothing:antialiased;
    overflow:hidden;
    -webkit-text-size-adjust:none;
    font-size: 16px;
}
.appbanner__container{
    margin:0 auto;
}
.appbanner__close {
    background: url('../image/mobile-banner-icon.png') no-repeat -2px -28px;
    position: absolute;
    left: 7px;
    top: 28px;
    display: block;
    width: 15px;
    height: 15px;
    border:none;
}
.appbanner__close:active,
.appbanner__close:hover{
    color:#aaa;
}
.appbanner__icon{
    position:absolute;
    left:22px;
    top:6px;
    display:block;
    width:57px;
    height:57px;
    background-size:cover;
    border-radius:15px;
    margin-left: 5px;
    box-shadow:0 1px 3px rgba(0,0,0,0.3);
    background: url('../image/mobile-banner-icon.png') no-repeat -21px 0px;
}

.appbanner__info{
    position:absolute;
    left:95px;
    top:10px;
    width:45%;
    line-height:1.0em;
    font-weight:normal;
    color:#6c6d6d;
}
.appbanner__title{
    font-size:0.875em;
    color:#252626;
    line-height:18px;
    font-weight:normal;
}
.appbanner__author,.appbanner__store{
    font-size: 0.75em;
}
.appbanner-button{
    position:absolute;
    right:15px;
    top:23px;
    border: none;
    padding:0 10px;
    width:37px;
    height:27px;
    font-size:16px;
    line-height:24px;
    text-align:center;
    font-weight:normal;
    color:#0F73FC;
    text-decoration:none;
}
.appbanner-button:active,
.appbanner-button:hover{
    color:#6a6a6a;
}
.appbanner_android{
    background:#F2F2F2;
    box-shadow:none;
    font-family:'Roboto Medium',sans-serif;
}
.appbanner_android .appbanner__icon{
    background-color:transparent;
    box-shadow:none;
    border-radius:10px;
    left:24px;
}
.appbanner_android .appbanner-button{
    font-size:14px;
    min-width:12%;
    border:2px solid #209BAF;
    padding:1px;
    color:#209BAF;
    background:0;
    border-radius:0;
    box-shadow:none;
    height:29px;
    width:78px;
    top: 20px;
}
.appbanner_android .appbanner-button:active,
.appbanner_android .appbanner-button:hover{
    background:0;
}
.appbanner_android .appbanner-button__text{
    text-align:center;
    display:block;
    padding:0 10px;
}
.appbanner_ios{
    background:#F2F2F2;
    box-shadow:none;
    font-family:'Roboto Medium',sans-serif;
}
.appbanner_ios .appbanner__icon{
    background-color:transparent;
    box-shadow:none;
    border-radius:10px;
    left:24px;
}
.appbanner_ios .appbanner-button{
    font-size:14px;
    min-width:12%;
    border:2px solid #209BAF;
    padding:1px;
    color:#209BAF;
    background:0;
    border-radius:0;
    box-shadow:none;
    height:22px;
    width:55px;
    top: 20px;
}
.appbanner_ios .appbanner-button:active,
.appbanner_ios .appbanner-button:hover{
    background:0;
}
.appbanner_ios .appbanner-button__text{
    text-align:center;
    display:block;
    padding:0 10px;
}

.res_Small.res_250 .appbanner__info,
.res_Small.res_300 .appbanner__info
{
    left: 92px;
}
.res_Small.res_250 .appbanner-button,
.res_Small.res_300 .appbanner-button
{right: 5px;}

.res_Small.res_250 .appbanner__title {
    font-size: 0.75em;
}
.res_Small.res_300 .appbanner__author,.res_Small.res_300 .appbanner__store {
    font-size: 0.71em;
}
.res_Small.res_250 .appbanner__author,.res_Small.res_250 .appbanner__store {
    font-size: 0.71em;
}

/* DLS 6.5.0 Classes */

.card-relative {
    display: flex;
    flex-flow: column
}

.card-relative>div{
    flex:0 1 auto
}
.card-relative>div:last-of-type{
    flex:1 0 auto;
    display:flex;
    flex-direction:column;
    justify-content:flex-end
}

.dls-bright-blue {
    color: #006fcf!important;
    fill: #006fcf!important
}

.margin-b {
    margin-bottom: 1.25rem!important
}

.heading-3 {
    font-family: Helvetica Neue,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem
}



/* Should we add ALL stack-1 classes? */


.stack-1>:not(:last-child) {
    margin-bottom: .625rem
}

.btn {
    cursor: pointer;
    transition-property: color,background-color,border-color;
}

.btn-secondary:hover {
    background: #f2f2f2;
    border-color: #0061b6
}

.btn-secondary:active {
    background: #e6e6e6;
    border-color: #00549c
}

.card-img-tint {
    opacity: .5
}

.dls-white {
    color: #fff!important;
    fill: #fff!important
}

.btn-white:not(.btn-contextual):hover {
    background: #f2f2f2
}

.btn-white:not(.btn-contextual):active {
    background: #e6e6e6
}

.btn-white:not(.btn-contextual):focus {
    outline: 1px dashed hsla(0,0%,100%,.92);
    outline-offset: 3px
}

.btn-white:not(.btn-contextual).btn-loading:before {
    border-color: rgba(200,201,199,.25) rgba(200,201,199,.25) rgba(200,201,199,.25) #006fcf;
    border-style: solid
}

.btn-white-secondary:hover {
    background: rgba(0,0,0,.05) !important;
}

.btn-white-secondary:active {
    background: rgba(0,0,0,.1);
}

.btn-white-secondary:focus {
    outline: 1px dashed hsla(0,0%,100%,.92);
    outline-offset: 3px;
}

.btn-white-secondary.btn-loading:before {
    border-color: rgba(200,201,199,.25) rgba(200,201,199,.25) rgba(200,201,199,.25) #006fcf;
    border-style: solid;
}

.overlay-gray:before{
    content:"";
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    background:linear-gradient(90deg,#ecedee 0,rgba(125,185,232,0))
}

@media (max-width:1023px) {
    .overlay-gray:before {
        content: "";
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        background: linear-gradient(90deg, #ecedee 0, rgba(125, 185, 232, 0))
    }
}

@media (max-width:767px) {
    .overlay-gray:before {
        content: "";
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        opacity: .8;
        background: linear-gradient(90deg, #ecedee 100%, rgba(125, 185, 232, 0) 0)
    }
}
/* Adding these classes for Color classes change/deprecation in DLS 6.8 */
.dls-accent-blue-02-bg {
    background-color: #006fcf !important;
}

.dls-core-blue-01-bg {
    background-color: #00175a !important;
}

.dls-accent-white-01-bg {
    background-color: #fff !important;
}

.dls-accent-gray-01-bg {
    background-color: #f7f8f9 !important;
}

.dls-accent-gray-02-bg {
    background-color: #ecedee !important;
}

.dls-accent-gray-03-bg {
    background-color: #c8c9c7 !important;
}

.dls-accent-gray-04-bg {
    background-color: #97999b !important;
}

.dls-accent-gray-05-bg {
    background-color: #53565a !important;
}

.dls-accent-green-01-bg {
    background-color: #008767 !important;
}

.dls-accent-red-01-bg {
    background-color: #b42c01 !important;
}



.dls-rewards-blue-01-bg {
    background-color: #006890;
}

.dls-rewards-blue-02-bg {
    background-color: #009bbb;
}

.dls-rewards-blue-03-bg {
    background-color: #90d7e7;
}

.dls-rewards-green-01-bg {
    background-color: #00693c;
}

.dls-rewards-green-02-bg {
    background-color: #3f9c35;
}

.dls-rewards-green-03-bg {
    background-color: #a5d867;
}

.dls-rewards-gray-01-bg {
    background-color: #4d4f53;
}

.dls-rewards-gray-02-bg {
    background-color: #8b8d8e;
}

.dls-rewards-gray-03-bg {
    background-color: #adafaf;
}


.dls-rtp-purple-bg {
    background-color: #77216f;
}

.dls-rtp-aqua-bg {
    background-color: #009bbb;
}

.dls-rtp-teal-bg {
    background-color: #35c4b5;
}

.dls-rtp-green-bg {
    background-color: #3f9c35;
}

.dls-rtp-yellow-bg {
    background-color: #f2af00;
}

.dls-rtp-orange-bg {
    background-color: #ed5929;
}

.dls-rtp-gray-bg {
    background-color: #8b8d8e;
}

.dls-rtp-black-bg {
    background-color: #000;
}

.dls-rtp-lime-green-bg {
    background-color: #c1d42f;
}

.dls-rtp-hot-pink-bg {
    background-color: #e61d5a;
}

.dls-rtp-midnight-blue-bg {
    background-color: #0b2241;
}


.dls-cobrand-starwood-bg {
    background-color: #7c209a;
}

.dls-accent-blue-02 {
    color: #006fcf;
}

.dls-accent-white-01 {
    color: #fff;
}

.gradient-linear-tb {
    background: #006fcf;
    background: linear-gradient(to bottom, #006fcf, #00175a);
}

.gradient-radial {
    background: #006fcf;
    background: radial-gradient(ellipse farthest-corner at center top, #006fcf, #00175a);
}

.btn-cobrand-starwood {
    background: #7c209a;
}

.btn-cobrand-starwood:hover {
    background: #721d8d;
}

.btn-cobrand-starwood:active {
    background: #681b81;
}
.btn-co-brand-aeroplan-premium{
    background: #00175A;
}
.btn-co-brand-aeroplan-premium:hover{
    background: #020b34;
}
.btn-co-brand-aeroplan-premium:active{
    background: #020a30;
}

@media (max-width: 767px) {
    .hero-login {
        width: 19.6875rem;
    }
}

/*
Overriding DLS HTML scroll behaviour for anchorlink
*/
html {
    scroll-behavior: auto !important;
}
/* DLS Breadcrumb Override CSS for mobile - temporary fix until DLS fix. */

@media (max-width: 767px){

	.breadcrumb {
	    color: #333;
	    /* display: -webkit-box; */
	    /*display: -ms-flexbox; */
	    /* display: flex; */
	    display:block !important;
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	    -ms-flex-flow: row;
	    flex-flow: row;
	    margin: 0;
	    list-style: none;
	    /*overflow-x: scroll;*/
	}

}

/* DLS Breadcrumb Override CSS for mobile - temporary fix until DLS fix. */

.primarynav .nav-brand {
    flex-grow: inherit !important;
}

/* Applying header-* styles directly to h tags */

h1 {
    font-family: BentonSans, "Helvetica Neue", Helvetica, fallbackBold, sans-serif;
    font-weight: 300;
    font-size: 2.375rem;
    line-height: 2.75rem;
}

h2 {
    font-family: BentonSans, "Helvetica Neue", Helvetica, fallbackBold, sans-serif;
    font-weight: 300;
    font-size: 1.875rem;
    line-height: 2.375rem;
}

h3 {
    font-family: BentonSans, "Helvetica Neue", Helvetica, fallbackBold, sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

h4 {
    font-family: "Helvetica Neue", Helvetica, fallbackBold, sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
}

h5 {
	font-family: "Helvetica Neue", Helvetica, fallbackBold, sans-serif;
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 1.375rem;
}

h6 {
    font-family: "Helvetica Neue", Helvetica, fallbackBold, sans-serif;
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.125rem;
    text-transform: uppercase;
}

/* Temporarily restore bottom margin for ul elements */
ul {
	margin-bottom: 1.5625rem;
}

/* Set opacity for video-player */
.video-player {
	opacity: 1;
}

/* .btn should not have a min-wdith */
.btn {
	min-width: 0;
}

/* Adding the styles for Rich Text Bold */
b, strong {
    font-weight: bolder !important;
}

/* Adding css for Image Component to avaoid extra padding */

.image .card-block {
	padding:0;
}

/* Fix the height of carousel components */
.carousel > ul {
    margin-bottom: 0px !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .hero-carousel .carousel-inner {
        min-height: 580px !important;
    }
    .hero-carousel .hero {
        min-height: 580px !important;
    }
}
.hero-bg{
    z-index: auto !important;
}

pre .code {
  background-color: transparent;
  padding: 0; }

.code,
pre {
  font-family: "Roboto Mono", Monaco, courier, monospace;
  font-size: 0.8em;
  background-color: #f8f8f8;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial; }
 .code {
  color: #00175a;
  padding: 3px 5px;
  margin: 0 2px;
  border-radius: 2px;
  white-space: nowrap; }

a .code {
  padding-bottom: 0; }

.roundedcorner-card ul {
    margin-bottom: 0;
}

.list-links-inline-separator li {
    white-space: normal;
}
.carousel-multi-card a:hover {
    text-decoration: none;
}

.carousel-multi-card .card {
    box-shadow: none;
}

.carousel-multi-card img {
    background: rgb(236, 237, 238);
}
.list-wide-img-card {
    flex-wrap: nowrap;
    height:100%;
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.list-wide-img-container {
    padding-left: 0px;
    padding-right: 0px;
    min-width: 100px !important;
}
.list-wide-small-img-container {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 100px !important;
}
.list-wide-img {
    height: 100%;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .list-items > div {
        display: flex;
    }
}
.list-items :last-child {
    margin-right: 0px !important;
}
.small-wide-img {
    height: 100px;
    width: 100px;
}
.list-wide-text-container {
    padding-right: 0px;
}
.list-items>div>.text-list {    
    width: 100%;
}
.text-list {
    padding-top: 15px;
    padding-bottom: 15px;

}
.text-list>:not(:last-child) {
    margin-bottom: 10px;
}
.list-items>:last-child > hr {
    display: none;
}
@media screen and (min-width: 1280px) {
    .list-wide-small-img-container {
        min-width: 100px !important;
    }
}
@media screen and (max-width: 767px) {
    .list-wide-img-container {
        min-width: 100px !important;
        max-width: 100px !important;
        height: 100px !important;
    }
    
}
@media screen and (max-width: 1023px) {
    .list-wide-img {
        object-fit:cover;
    }
}
.tab-link span {
  pointer-events: none !important;
}

.nav {
    z-index: 98 !important;
}

.navHeader {
    font-weight: 500;
    color: #333;
    font-family: "Chromatica", "Source Sans Pro", "Helvetica Neue", Arial sans-serif;
    letter-spacing: -0.5px;
    word-spacing: -0.1em;
    padding: 0px 12px;
    font-size: 1.3em;
}

.nav-burger {
    padding: 0.25rem 0.725rem !important;
    position: initial !important;
}

.toggle-sidebar-btns {
    padding: 0.625rem 1rem;
}
@media only screen and (max-width: 430px) {
    .md-down-hidden {
        display:none
    }
     .nav-width-2 {
        max-width: 69%;
    }
}

@media only screen and (max-width: 1023px) {
    .md-down-hidden {
        display: none;
    }
    .nav-width-2 {
            max-width: 49%;
    }
}

@media only screen and (min-width: 1024px) {
    .md-up-hidden {
        display: none;
    }
     .nav-width-2 {
        max-width: 19%;
    }
}

.nav-width-2{
	  position: fixed;
    height: fit-content;
    margin-top: 15px;
   /* margin-left: -2%; */
    max-height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}
.left-nav-padding{
    padding-top:50px;
 }

 @media only screen and (min-width: 1024px) {
      .left-nav-padding{
          padding-left: 20% !important;
       }
   }