/*************************************************
    Breakpoints
	Description: PX Breakpoints with @include-media npm.
**************************************************/
/* 
extraSmall: 320px
small: 420px
middle: 600px
medium: 800px
registration: 900px
twoStep: 1024px
base: 1280px
extraLarge: 1600px
*/
/*************************************************
	Colors Maps
	Description: Legal UX Color Palette
**************************************************/
/* SassScript Map */
/* Function */
/*************************************************
	Font Weights
	Description: Font weights for Source Sans Pro
**************************************************/
/* SassScript Map */
/* Function */
/*************************************************
	PX to REM converter
	Description: Changes pixel value to relative em units.
	Version: 1.0
**************************************************/
/*	Functions - Need to set html font-size to 62.5%
______________________________________*/
/*************************************************
	Grid
	Description: Grid component
	Examples:
    .example {
        @include grid-margin(right, 4);
        @include grid-padding(right, 8);
    }
    .example2 {
        @include grid-margin(32, 4);
        @include grid-padding(32, 4);
    }
    .example3 {
        @include grid-margin(8, 40, 24);
        @include grid-padding(8, 40, 24);
    }
    .example4 {
        @include grid-margin(8, 16, 24, 32);
        @include grid-padding(8, 16, 24, 32);
    }
    .example5 {
        @include grid-margin(8);
        @include grid-padding(8);
    }

**************************************************/
/*	Height calc
-------------------------------------------*/
/*	Site Widths
-------------------------------------------*/
/*	Text Formatting
-------------------------------------------*/
/*	Fonts
-------------------------------------------*/
/*	Colors
-------------------------------------------*/
/*	Margins
-------------------------------------------*/
:root {
  --margin-4: 4px;
  --margin-8: 8px;
  --margin-16: 16px;
  --margin-24: 24px;
  --margin-32: 32px;
  --margin-40: 40px;
  --margin-48: 48px;
  --margin-4: 0.4rem;
  --margin-8: 0.8rem;
  --margin-16: 1.6rem;
  --margin-24: 2.4rem;
  --margin-32: 3.2rem;
  --margin-40: 4rem;
  --margin-48: 4.8rem;
}

/*************************************************
	Button placeholders
	Description: Placeholders you can extend for button types.
	Version: 1.0

**************************************************/
/* Buttons
______________________________________*/
.Cosi-ads .Button--flat, .newMarketing .Button--flat, .Cosi-ads .ButtonLink--icon, .newMarketing .ButtonLink--icon, .Cosi-ads .Button--raised, .newMarketing .Button--raised, .Cosi-ads .Button--primary, .newMarketing .Button--primary, .Cosi-ads .Button--raised--reversed, .newMarketing .Button--raised--reversed, .Cosi-ads .Button--ghost, .newMarketing .Button--ghost, .Cosi-ads .Button--delete, .newMarketing .Button--delete, .Cosi-ads button,
.Cosi-ads .Button, .newMarketing button,
.newMarketing .Button, .Cosi-ads .Marketing-button, .newMarketing .Marketing-button {
  align-items: center;
  background-color: transparent;
  border: 1px solid transparent;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  display: inline;
  font-size: 14px;
  font-size: 1.4rem;
  justify-content: center;
  line-height: 16px;
  line-height: 1.6rem;
  outline: none;
  padding: 4px 16px;
  vertical-align: middle;
  transition: background-color 0.15s cubic-bezier(0.42, 0, 0.58, 1), outline 0.15s cubic-bezier(0.42, 0, 0.58, 1), border 0.15s cubic-bezier(0.42, 0, 0.58, 1);
}
.Cosi-ads .Button--flat:hover, .newMarketing .Button--flat:hover, .Cosi-ads .ButtonLink--icon:hover, .newMarketing .ButtonLink--icon:hover, .Cosi-ads .Button--raised:hover, .newMarketing .Button--raised:hover, .Cosi-ads .Button--primary:hover, .newMarketing .Button--primary:hover, .Cosi-ads .Button--raised--reversed:hover, .newMarketing .Button--raised--reversed:hover, .Cosi-ads .Button--ghost:hover, .newMarketing .Button--ghost:hover, .Cosi-ads .Button--delete:hover, .newMarketing .Button--delete:hover, .Cosi-ads button:hover,
.Cosi-ads .Button:hover, .newMarketing button:hover,
.newMarketing .Button:hover, .Cosi-ads .Marketing-button:hover, .newMarketing .Marketing-button:hover, .Cosi-ads .Button--flat:focus, .newMarketing .Button--flat:focus, .Cosi-ads .ButtonLink--icon:focus, .newMarketing .ButtonLink--icon:focus, .Cosi-ads .Button--raised:focus, .newMarketing .Button--raised:focus, .Cosi-ads .Button--primary:focus, .newMarketing .Button--primary:focus, .Cosi-ads .Button--raised--reversed:focus, .newMarketing .Button--raised--reversed:focus, .Cosi-ads .Button--ghost:focus, .newMarketing .Button--ghost:focus, .Cosi-ads .Button--delete:focus, .newMarketing .Button--delete:focus, .Cosi-ads button:focus,
.Cosi-ads .Button:focus, .newMarketing button:focus,
.newMarketing .Button:focus, .Cosi-ads .Marketing-button:focus, .newMarketing .Marketing-button:focus {
  text-decoration: none;
}
.Cosi-ads .Button--flat:focus, .newMarketing .Button--flat:focus, .Cosi-ads .ButtonLink--icon:focus, .newMarketing .ButtonLink--icon:focus, .Cosi-ads .Button--raised:focus, .newMarketing .Button--raised:focus, .Cosi-ads .Button--primary:focus, .newMarketing .Button--primary:focus, .Cosi-ads .Button--raised--reversed:focus, .newMarketing .Button--raised--reversed:focus, .Cosi-ads .Button--ghost:focus, .newMarketing .Button--ghost:focus, .Cosi-ads .Button--delete:focus, .newMarketing .Button--delete:focus, .Cosi-ads button:focus,
.Cosi-ads .Button:focus, .newMarketing button:focus,
.newMarketing .Button:focus, .Cosi-ads .Marketing-button:focus, .newMarketing .Marketing-button:focus {
  outline: none;
}
.Cosi-ads .Button--flat:disabled, .newMarketing .Button--flat:disabled, .Cosi-ads .ButtonLink--icon:disabled, .newMarketing .ButtonLink--icon:disabled, .Cosi-ads .Button--raised:disabled, .newMarketing .Button--raised:disabled, .Cosi-ads .Button--primary:disabled, .newMarketing .Button--primary:disabled, .Cosi-ads .Button--raised--reversed:disabled, .newMarketing .Button--raised--reversed:disabled, .Cosi-ads .Button--ghost:disabled, .newMarketing .Button--ghost:disabled, .Cosi-ads .Button--delete:disabled, .newMarketing .Button--delete:disabled, .Cosi-ads button:disabled,
.Cosi-ads .Button:disabled, .newMarketing button:disabled,
.newMarketing .Button:disabled, .Cosi-ads .Marketing-button:disabled, .newMarketing .Marketing-button:disabled, .Cosi-ads .Button--flat:disabled:hover, .newMarketing .Button--flat:disabled:hover, .Cosi-ads .ButtonLink--icon:disabled:hover, .newMarketing .ButtonLink--icon:disabled:hover, .Cosi-ads .Button--raised:disabled:hover, .newMarketing .Button--raised:disabled:hover, .Cosi-ads .Button--primary:disabled:hover, .newMarketing .Button--primary:disabled:hover, .Cosi-ads .Button--raised--reversed:disabled:hover, .newMarketing .Button--raised--reversed:disabled:hover, .Cosi-ads .Button--ghost:disabled:hover, .newMarketing .Button--ghost:disabled:hover, .Cosi-ads .Button--delete:disabled:hover, .newMarketing .Button--delete:disabled:hover, .Cosi-ads button:disabled:hover,
.Cosi-ads .Button:disabled:hover, .newMarketing button:disabled:hover,
.newMarketing .Button:disabled:hover, .Cosi-ads .Marketing-button:disabled:hover, .newMarketing .Marketing-button:disabled:hover, .Cosi-ads .Button--flat:disabled:active, .newMarketing .Button--flat:disabled:active, .Cosi-ads .ButtonLink--icon:disabled:active, .newMarketing .ButtonLink--icon:disabled:active, .Cosi-ads .Button--raised:disabled:active, .newMarketing .Button--raised:disabled:active, .Cosi-ads .Button--primary:disabled:active, .newMarketing .Button--primary:disabled:active, .Cosi-ads .Button--raised--reversed:disabled:active, .newMarketing .Button--raised--reversed:disabled:active, .Cosi-ads .Button--ghost:disabled:active, .newMarketing .Button--ghost:disabled:active, .Cosi-ads .Button--delete:disabled:active, .newMarketing .Button--delete:disabled:active, .Cosi-ads button:disabled:active,
.Cosi-ads .Button:disabled:active, .newMarketing button:disabled:active,
.newMarketing .Button:disabled:active, .Cosi-ads .Marketing-button:disabled:active, .newMarketing .Marketing-button:disabled:active, .Cosi-ads .Button--flat:disabled:focus, .newMarketing .Button--flat:disabled:focus, .Cosi-ads .ButtonLink--icon:disabled:focus, .newMarketing .ButtonLink--icon:disabled:focus, .Cosi-ads .Button--raised:disabled:focus, .newMarketing .Button--raised:disabled:focus, .Cosi-ads .Button--primary:disabled:focus, .newMarketing .Button--primary:disabled:focus, .Cosi-ads .Button--raised--reversed:disabled:focus, .newMarketing .Button--raised--reversed:disabled:focus, .Cosi-ads .Button--ghost:disabled:focus, .newMarketing .Button--ghost:disabled:focus, .Cosi-ads .Button--delete:disabled:focus, .newMarketing .Button--delete:disabled:focus, .Cosi-ads button:disabled:focus,
.Cosi-ads .Button:disabled:focus, .newMarketing button:disabled:focus,
.newMarketing .Button:disabled:focus, .Cosi-ads .Marketing-button:disabled:focus, .newMarketing .Marketing-button:disabled:focus {
  background: none;
}
.Cosi-ads .Button--flat:active, .newMarketing .Button--flat:active, .Cosi-ads .ButtonLink--icon:active, .newMarketing .ButtonLink--icon:active, .Cosi-ads .Button--raised:active, .newMarketing .Button--raised:active, .Cosi-ads .Button--primary:active, .newMarketing .Button--primary:active, .Cosi-ads .Button--raised--reversed:active, .newMarketing .Button--raised--reversed:active, .Cosi-ads .Button--ghost:active, .newMarketing .Button--ghost:active, .Cosi-ads .Button--delete:active, .newMarketing .Button--delete:active, .Cosi-ads button:active,
.Cosi-ads .Button:active, .newMarketing button:active,
.newMarketing .Button:active, .Cosi-ads .Marketing-button:active, .newMarketing .Marketing-button:active {
  box-shadow: none;
  outline: none;
  text-decoration: none;
}

.Cosi-ads .Button--extralarge, .newMarketing .Button--extralarge {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 28px;
  line-height: 2.8rem;
  padding: 8px 20px;
}

.Cosi-ads .Button--large, .newMarketing .Button--large {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem;
  padding: 8px 20px;
}

.Cosi-ads .Button--small, .newMarketing .Button--small {
  line-height: 12px;
  line-height: 1.2rem;
  padding: 4px 8px;
}

.Cosi-ads .Button--tiny, .newMarketing .Button--tiny {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 20px;
  line-height: 2rem;
  padding: 0;
}

/* Flat Button */
.Cosi-ads .Button--flat, .newMarketing .Button--flat {
  color: #565656;
}
.Cosi-ads .Button--flat:hover, .newMarketing .Button--flat:hover {
  background-color: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.2);
  color: #262626;
}
.Cosi-ads .Button--flat:focus, .newMarketing .Button--flat:focus {
  background-color: transparent;
  color: #565656;
}
.Cosi-ads .Button--flat:active, .newMarketing .Button--flat:active {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.5);
  color: #262626;
}
.Cosi-ads .Button--flat:disabled, .newMarketing .Button--flat:disabled, .Cosi-ads .Button--flat:disabled:hover, .newMarketing .Button--flat:disabled:hover, .Cosi-ads .Button--flat:disabled:active, .newMarketing .Button--flat:disabled:active, .Cosi-ads .Button--flat:disabled:focus, .newMarketing .Button--flat:disabled:focus {
  background-color: transparent;
  border-color: transparent;
}

/* Icon Link Button */
.Cosi-ads .ButtonLink--icon, .newMarketing .ButtonLink--icon {
  padding: 4px 4px 4px 0px;
  padding: 0.3rem 0.3rem 0.3rem 0rem;
  position: relative;
}
@media (min-width: 50em) {
  .Cosi-ads .ButtonLink--icon, .newMarketing .ButtonLink--icon {
    padding: 4px 4px 4px 0px;
    padding: 0.4rem 0.4rem 0.4rem 0rem;
  }
}
.Cosi-ads .ButtonLink--icon:hover, .newMarketing .ButtonLink--icon:hover {
  background-color: transparent;
  border-color: transparent;
}
.Cosi-ads .ButtonLink--icon:focus, .newMarketing .ButtonLink--icon:focus {
  background-color: transparent;
}
.Cosi-ads .ButtonLink--icon:active, .newMarketing .ButtonLink--icon:active {
  background-color: transparent;
}
.Cosi-ads .ButtonLink--icon:disabled, .newMarketing .ButtonLink--icon:disabled, .Cosi-ads .ButtonLink--icon:disabled:hover, .newMarketing .ButtonLink--icon:disabled:hover, .Cosi-ads .ButtonLink--icon:disabled:active, .newMarketing .ButtonLink--icon:disabled:active, .Cosi-ads .ButtonLink--icon:disabled:focus, .newMarketing .ButtonLink--icon:disabled:focus {
  background-color: transparent;
  border-color: transparent;
}

/* Raised Button */
.Cosi-ads .Button--raised, .newMarketing .Button--raised {
  background-color: white;
  border-color: #dadada;
  color: #0d77d6;
}
.Cosi-ads .Button--raised:hover, .newMarketing .Button--raised:hover, .Cosi-ads .Button--raised:focus, .newMarketing .Button--raised:focus {
  background-color: #dadada;
  border-color: #dadada;
  color: #262626;
}
.Cosi-ads .Button--raised:disabled, .newMarketing .Button--raised:disabled, .Cosi-ads .Button--raised:disabled:hover, .newMarketing .Button--raised:disabled:hover, .Cosi-ads .Button--raised:disabled:active, .newMarketing .Button--raised:disabled:active, .Cosi-ads .Button--raised:disabled:focus, .newMarketing .Button--raised:disabled:focus {
  background-color: transparent;
  border-color: transparent;
}
.Cosi-ads .Button--raised:active, .newMarketing .Button--raised:active {
  background-color: #c6c6c6;
  border-color: #6b6b6b;
  color: #262626;
}
.Cosi-ads .Button--raised:visited, .newMarketing .Button--raised:visited {
  background-color: white;
  border-color: #dadada;
  color: #0d77d6;
}

.Cosi-ads .Button--primary, .newMarketing .Button--primary {
  background-color: #0d77d6;
  border-color: #0e568c;
  color: white;
}
.Cosi-ads .Button--primary:hover, .newMarketing .Button--primary:hover, .Cosi-ads .Button--primary:focus, .newMarketing .Button--primary:focus {
  background-color: #0e568c;
  border-color: #103a59;
  color: white;
}
.Cosi-ads .Button--primary:active, .newMarketing .Button--primary:active {
  background-color: #103a59;
  border-color: #092856;
  box-shadow: none;
  color: white;
}
.Cosi-ads .Button--primary:visited, .newMarketing .Button--primary:visited {
  color: white;
}

.Cosi-ads .Button--raised--reversed, .newMarketing .Button--raised--reversed {
  background-color: #efefef;
  border-color: #c6c6c6;
  color: #565656;
}
.Cosi-ads .Button--raised--reversed:hover, .newMarketing .Button--raised--reversed:hover, .Cosi-ads .Button--raised--reversed:focus, .newMarketing .Button--raised--reversed:focus {
  background-color: #dadada;
  border-color: #dadada;
  color: #262626;
}
.Cosi-ads .Button--raised--reversed:disabled, .newMarketing .Button--raised--reversed:disabled, .Cosi-ads .Button--raised--reversed:disabled:hover, .newMarketing .Button--raised--reversed:disabled:hover, .Cosi-ads .Button--raised--reversed:disabled:active, .newMarketing .Button--raised--reversed:disabled:active, .Cosi-ads .Button--raised--reversed:disabled:focus, .newMarketing .Button--raised--reversed:disabled:focus {
  background-color: transparent;
  border-color: transparent;
}
.Cosi-ads .Button--raised--reversed:active, .newMarketing .Button--raised--reversed:active {
  background-color: #c6c6c6;
  border-color: #6b6b6b;
  color: #262626;
}

/* Ghost Button */
.Cosi-ads .Button--ghost, .newMarketing .Button--ghost {
  background-color: transparent;
  border-color: white;
  border-width: 2px;
  color: white;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 8px 20px;
}
.Cosi-ads .Button--ghost:hover, .newMarketing .Button--ghost:hover, .Cosi-ads .Button--ghost:focus, .newMarketing .Button--ghost:focus {
  background-color: #2b3647;
  border-color: black;
  color: white;
}
.Cosi-ads .Button--ghost:disabled, .newMarketing .Button--ghost:disabled, .Cosi-ads .Button--ghost:disabled:hover, .newMarketing .Button--ghost:disabled:hover, .Cosi-ads .Button--ghost:disabled:active, .newMarketing .Button--ghost:disabled:active, .Cosi-ads .Button--ghost:disabled:focus, .newMarketing .Button--ghost:disabled:focus {
  background-color: transparent;
  border-color: #d5d9e2;
  color: white;
}
.Cosi-ads .Button--ghost:active, .newMarketing .Button--ghost:active {
  background-color: #242a33;
  border-color: black;
  box-shadow: none;
  color: white;
}

/* Status */
.Cosi-ads .Button--delete, .newMarketing .Button--delete {
  background-color: #a0251c;
  border-color: #661f1a;
  color: white;
}
.Cosi-ads .Button--delete:hover, .newMarketing .Button--delete:hover {
  background-color: #661f1a;
  border-color: #3d1916;
  color: white;
}
.Cosi-ads .Button--delete:focus, .newMarketing .Button--delete:focus {
  background-color: #a0251c;
  border-color: white;
  color: white;
}
.Cosi-ads .Button--delete:active, .newMarketing .Button--delete:active {
  background-color: #3d1916;
  border-color: #3d1916;
  color: white;
}

.Cosi-ads .Button--comboBox, .newMarketing .Button--comboBox {
  color: #0d77d6;
  line-height: 16px;
  line-height: 1.6rem;
  padding: 8px 12px 8px 48px;
  position: relative;
  text-align: left;
  width: 100%;
}
.Cosi-ads .Button--comboBox:hover, .newMarketing .Button--comboBox:hover, .Cosi-ads .Button--comboBox:focus, .newMarketing .Button--comboBox:focus {
  background: #e4ecf4;
  color: #262626;
  text-decoration: none;
}
.Cosi-ads .Button--comboBox .Icon-svg, .newMarketing .Button--comboBox .Icon-svg,
.Cosi-ads .Button--comboBox img,
.newMarketing .Button--comboBox img {
  display: none;
  left: 20px;
  left: 2rem;
  margin-top: -2px;
  margin-top: -0.2rem;
  position: absolute;
}
@media (max-width: 50em) {
  .Cosi-ads .Button--comboBox .Icon-svg, .newMarketing .Button--comboBox .Icon-svg,
  .Cosi-ads .Button--comboBox img,
  .newMarketing .Button--comboBox img {
    left: 10px;
    left: 1rem;
  }
}
.Cosi-ads .is-selected.Button--comboBox, .newMarketing .is-selected.Button--comboBox {
  color: black;
}
.Cosi-ads .is-selected.Button--comboBox .Icon-svg, .newMarketing .is-selected.Button--comboBox .Icon-svg, .ie8 .Cosi-ads .is-selected.Button--comboBox img, .Cosi-ads .ie8 .is-selected.Button--comboBox img, .ie8 .newMarketing .is-selected.Button--comboBox img, .newMarketing .ie8 .is-selected.Button--comboBox img {
  fill: black;
}

.Cosi-ads .Button-backToProduct, .newMarketing .Button-backToProduct {
  margin: 8px 0px 0px 0px;
  margin: 0.6rem 0rem 0rem 0rem;
}
@media (min-width: 50em) {
  .Cosi-ads .Button-backToProduct, .newMarketing .Button-backToProduct {
    margin: 8px 0px 0px 0px;
    margin: 0.8rem 0rem 0rem 0rem;
  }
}

.Cosi-ads .Button--cosiLinks, .newMarketing .Button--cosiLinks {
  margin: 12px 0px 0px 0px;
  margin: 0.9rem 0rem 0rem 0rem;
  padding: 12px 0px;
  padding: 0.9rem 0rem;
  background: #597399;
  border: solid 1px #3e4d6b;
  color: white;
  display: block;
  text-align: center;
}
@media (min-width: 50em) {
  .Cosi-ads .Button--cosiLinks, .newMarketing .Button--cosiLinks {
    margin: 12px 0px 0px 0px;
    margin: 1.2rem 0rem 0rem 0rem;
  }
}
@media (min-width: 50em) {
  .Cosi-ads .Button--cosiLinks, .newMarketing .Button--cosiLinks {
    padding: 12px 0px;
    padding: 1.2rem 0rem;
  }
}
.Cosi-ads .Button--cosiLinks:visited, .newMarketing .Button--cosiLinks:visited {
  color: white;
}
.Cosi-ads .Button--cosiLinks:hover, .newMarketing .Button--cosiLinks:hover, .Cosi-ads .Button--cosiLinks:focus, .newMarketing .Button--cosiLinks:focus {
  background: #3e4d6b;
  border: solid 1px #2b3647;
}
.Cosi-ads .Button--cosiLinks:active, .newMarketing .Button--cosiLinks:active {
  background: #2b3647;
  border: solid 1px #242a33;
}

/*************************************************
	Layout placeholders
	Description: Placeholders for layout.
	Version: 1.0
**************************************************/
.u-floatRight, .Cosi-ads .floatRight, .newMarketing .floatRight, .Cosi-ads .Button--floated, .newMarketing .Button--floated {
  float: right;
}

.Cosi-ads .floatLeft, .newMarketing .floatLeft {
  float: left;
}

.Cosi-ads .clear:before, .newMarketing .clear:before {
  /* Must use this on an :after pseudo element ie. header[role=banner]:after { @extend %clearfix:after;} */
  content: '';
  display: table;
  clear: both;
}

.Cosi-ads .Button-backToProduct, .newMarketing .Button-backToProduct, .Complete-circle {
  display: inline-block;
}

.Cosi-ads .Button--comboBox, .newMarketing .Button--comboBox, .Cosi-ads .is-selected.Button--comboBox .Icon-svg, .newMarketing .is-selected.Button--comboBox .Icon-svg, .ie8 .Cosi-ads .is-selected.Button--comboBox img, .Cosi-ads .ie8 .is-selected.Button--comboBox img, .ie8 .newMarketing .is-selected.Button--comboBox img, .newMarketing .ie8 .is-selected.Button--comboBox img {
  display: block;
}

.Cosi-ads .listInline li, .newMarketing .listInline li {
  display: inline;
}

/*************************************************
	Links
	Description: Placeholders for links.
	Version: 1.0
**************************************************/
.Cosi-ads .Button--flat:disabled, .newMarketing .Button--flat:disabled, .Cosi-ads .ButtonLink--icon:disabled, .newMarketing .ButtonLink--icon:disabled, .Cosi-ads .Button--raised:disabled, .newMarketing .Button--raised:disabled, .Cosi-ads .Button--primary:disabled, .newMarketing .Button--primary:disabled, .Cosi-ads .Button--raised--reversed:disabled, .newMarketing .Button--raised--reversed:disabled, .Cosi-ads .Button--ghost:disabled, .newMarketing .Button--ghost:disabled, .Cosi-ads .Button--delete:disabled, .newMarketing .Button--delete:disabled, .Cosi-ads button:disabled,
.Cosi-ads .Button:disabled, .newMarketing button:disabled,
.newMarketing .Button:disabled, .Cosi-ads .Marketing-button:disabled, .newMarketing .Marketing-button:disabled, .Cosi-ads .Button--flat:disabled:hover, .newMarketing .Button--flat:disabled:hover, .Cosi-ads .ButtonLink--icon:disabled:hover, .newMarketing .ButtonLink--icon:disabled:hover, .Cosi-ads .Button--raised:disabled:hover, .newMarketing .Button--raised:disabled:hover, .Cosi-ads .Button--primary:disabled:hover, .newMarketing .Button--primary:disabled:hover, .Cosi-ads .Button--raised--reversed:disabled:hover, .newMarketing .Button--raised--reversed:disabled:hover, .Cosi-ads .Button--ghost:disabled:hover, .newMarketing .Button--ghost:disabled:hover, .Cosi-ads .Button--delete:disabled:hover, .newMarketing .Button--delete:disabled:hover, .Cosi-ads button:disabled:hover,
.Cosi-ads .Button:disabled:hover, .newMarketing button:disabled:hover,
.newMarketing .Button:disabled:hover, .Cosi-ads .Marketing-button:disabled:hover, .newMarketing .Marketing-button:disabled:hover, .Cosi-ads .Button--flat:disabled:active, .newMarketing .Button--flat:disabled:active, .Cosi-ads .ButtonLink--icon:disabled:active, .newMarketing .ButtonLink--icon:disabled:active, .Cosi-ads .Button--raised:disabled:active, .newMarketing .Button--raised:disabled:active, .Cosi-ads .Button--primary:disabled:active, .newMarketing .Button--primary:disabled:active, .Cosi-ads .Button--raised--reversed:disabled:active, .newMarketing .Button--raised--reversed:disabled:active, .Cosi-ads .Button--ghost:disabled:active, .newMarketing .Button--ghost:disabled:active, .Cosi-ads .Button--delete:disabled:active, .newMarketing .Button--delete:disabled:active, .Cosi-ads button:disabled:active,
.Cosi-ads .Button:disabled:active, .newMarketing button:disabled:active,
.newMarketing .Button:disabled:active, .Cosi-ads .Marketing-button:disabled:active, .newMarketing .Marketing-button:disabled:active, .Cosi-ads .Button--flat:disabled:focus, .newMarketing .Button--flat:disabled:focus, .Cosi-ads .ButtonLink--icon:disabled:focus, .newMarketing .ButtonLink--icon:disabled:focus, .Cosi-ads .Button--raised:disabled:focus, .newMarketing .Button--raised:disabled:focus, .Cosi-ads .Button--primary:disabled:focus, .newMarketing .Button--primary:disabled:focus, .Cosi-ads .Button--raised--reversed:disabled:focus, .newMarketing .Button--raised--reversed:disabled:focus, .Cosi-ads .Button--ghost:disabled:focus, .newMarketing .Button--ghost:disabled:focus, .Cosi-ads .Button--delete:disabled:focus, .newMarketing .Button--delete:disabled:focus, .Cosi-ads button:disabled:focus,
.Cosi-ads .Button:disabled:focus, .newMarketing button:disabled:focus,
.newMarketing .Button:disabled:focus, .Cosi-ads .Marketing-button:disabled:focus, .newMarketing .Marketing-button:disabled:focus, .Cosi-ads a.disabled, .newMarketing a.disabled, .Cosi-ads .Marketing-button--secondary:disabled, .Cosi-ads .Marketing-button--secondary:disabled:hover, .Cosi-ads .Marketing-button--secondary:disabled:active, .Cosi-ads .Marketing-button--secondary:disabled:focus, .newMarketing .Marketing-button--secondary:disabled, .newMarketing .Marketing-button--secondary:disabled:hover, .newMarketing .Marketing-button--secondary:disabled:active, .newMarketing .Marketing-button--secondary:disabled:focus {
  color: #acacac;
  cursor: default;
  text-decoration: none;
}

/*************************************************
	Lists
	Description: Placeholders for unordered and ordered lists.
	Version: 1.0
**************************************************/
.u-bulletList, .Cosi-ads .u-bulletList, .newMarketing .u-bulletList {
  list-style-position: inside;
  list-style-type: disc;
}

.u-decimalList, .Cosi-ads .u-decimalList, .newMarketing .u-decimalList {
  list-style-position: inside;
  list-style-type: decimal;
}
.u-decimalList li, .Cosi-ads .u-decimalList li, .newMarketing .u-decimalList li {
  margin: 12px 0px 0px 0px;
  margin: 0.9rem 0rem 0rem 0rem;
}
@media (min-width: 50em) {
  .u-decimalList li, .Cosi-ads .u-decimalList li, .newMarketing .u-decimalList li {
    margin: 12px 0px 0px 0px;
    margin: 1.2rem 0rem 0rem 0rem;
  }
}

.u-alphaList, .Cosi-ads .u-alphaList, .newMarketing .u-alphaList {
  list-style-position: inside;
  list-style-type: lower-alpha;
}

/*************************************************
	Text placeholders
	Description: Placeholders for typography.
	Version: 1.0
**************************************************/
.Cosi-ads, .newMarketing, .Cosi-ads .embedded, .newMarketing .embedded, .Cosi-ads .Marketing-button, .newMarketing .Marketing-button {
  font-family: "Source Sans Pro", Arial, sans-serif;
}

.Cosi-ads .lightFont, .newMarketing .lightFont {
  font-weight: 300;
}

.Cosi-ads, .newMarketing, .Cosi-ads .embedded, .newMarketing .embedded, .Cosi-ads .regularFont, .newMarketing .regularFont, .Cosi-ads h2, .newMarketing h2, .Cosi-ads h2.Heading-special, .newMarketing h2.Heading-special {
  font-weight: 400;
}

.Cosi-ads .Button--primary, .newMarketing .Button--primary, .Cosi-ads .Button--delete, .newMarketing .Button--delete, .Cosi-ads .is-selected.Button--comboBox, .newMarketing .is-selected.Button--comboBox, .Cosi-ads .Button--cosiLinks, .newMarketing .Button--cosiLinks, .Cosi-ads .semiBoldFont, .newMarketing .semiBoldFont, .Cosi-ads h1,
.Cosi-ads h2,
.Cosi-ads h3,
.Cosi-ads h4,
.Cosi-ads h5,
.Cosi-ads h6, .newMarketing h1,
.newMarketing h2,
.newMarketing h3,
.newMarketing h4,
.newMarketing h5,
.newMarketing h6, .Cosi-ads .Marketing-button, .newMarketing .Marketing-button, .Cosi-ads table caption, .newMarketing table caption {
  font-weight: 600;
}

.Cosi-ads .boldFont, .newMarketing .boldFont, .Cosi-ads .Table-card .Table-cellHeader, .newMarketing .Table-card .Table-cellHeader {
  font-weight: 700;
}

.Cosi-ads .fontSize21, .newMarketing .fontSize21, .Cosi-ads h2, .newMarketing h2, .Cosi-ads .Button--continueAction, .newMarketing .Button--continueAction {
  font-size: 21px;
  font-size: 2.1rem;
}

.Cosi-ads .fontSize18, .newMarketing .fontSize18, .Cosi-ads h3, .newMarketing h3 {
  font-size: 18px;
  font-size: 1.8rem;
}

.Cosi-ads .fontSize16, .newMarketing .fontSize16, .Cosi-ads ul.listLarge li,
.Cosi-ads ol.listLarge li, .newMarketing ul.listLarge li,
.newMarketing ol.listLarge li, .Cosi-ads ul.listLarge li:first-child,
.Cosi-ads ol.listLarge li:first-child, .newMarketing ul.listLarge li:first-child,
.newMarketing ol.listLarge li:first-child, .Cosi-ads h2.Heading-special, .newMarketing h2.Heading-special, .Cosi-ads h4, .newMarketing h4 {
  font-size: 16px;
  font-size: 1.6rem;
}

.Cosi-ads .Button--cosiLinks, .newMarketing .Button--cosiLinks {
  font-size: 15px;
  font-size: 1.5rem;
}

.Cosi-ads, .newMarketing, .Cosi-ads .embedded, .newMarketing .embedded, .Cosi-ads .fontSize14, .newMarketing .fontSize14, .Cosi-ads p, .newMarketing p, .Cosi-ads ol,
.Cosi-ads ul, .newMarketing ol,
.newMarketing ul, .Cosi-ads h5, .newMarketing h5 {
  font-size: 14px;
  font-size: 1.4rem;
}

.Cosi-ads .fontSize13, .newMarketing .fontSize13, .Cosi-ads h6, .newMarketing h6 {
  font-size: 13px;
  font-size: 1.3rem;
}

.Cosi-ads .fontSize12, .newMarketing .fontSize12 {
  font-size: 12px;
  font-size: 1.2rem;
}

.Cosi-ads .textLeft, .newMarketing .textLeft {
  text-align: left;
}

.Cosi-ads .textCenter, .newMarketing .textCenter {
  text-align: center;
}

.Cosi-ads .textRight, .newMarketing .textRight {
  text-align: right;
}

.Cosi-ads .textDecorationNone, .newMarketing .textDecorationNone {
  text-decoration: none;
}

@font-face {
  font-family: 'KnowledgeRegular';
  src: url("../Fonts/knowledge-regular-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../Fonts/knowledge-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/knowledge-regular-webfont.woff2") format("woff2"), url("../Fonts/knowledge-regular-webfont.woff") format("woff"), url("../Fonts/knowledge-regular-webfont.ttf") format("truetype"), url("../Fonts/knowledge-regular-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: 'KnowledgeMedium';
  src: url("../Fonts/knowledge-medium-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../Fonts/knowledge-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/knowledge-medium-webfont.woff2") format("woff2"), url("../Fonts/knowledge-medium-webfont.woff") format("woff"), url("../Fonts/knowledge-medium-webfont.ttf") format("truetype"), url("../Fonts/knowledge-medium-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */
}
.CustomFont {
  font-family: KnowledgeRegular, 'Source Sans Pro', Arial, sans-serif;
}

.Cosi-ads h2.Heading-special, .newMarketing h2.Heading-special {
  font-family: KnowledgeMedium, 'Source Sans Pro', Arial, sans-serif;
}

.CustomFont {
  color: #f27300;
  font-weight: normal;
}

/* Import Helpers in one location for styleurls */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  box-shadow: none;
  padding: 0;
}

.qtip-content, .qtip-titlebar {
  position: relative;
  overflow: hidden;
}

.qtip-content {
  padding: 5px 9px;
  text-align: left;
  word-wrap: break-word;
}

.qtip-titlebar {
  padding: 5px 35px 5px 10px;
  border-width: 0 0 1px;
  font-weight: 700;
}

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}

.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  z-index: 11;
  cursor: pointer;
  outline: 0;
  border: 1px solid transparent;
}

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
  top: 16px;
}

.qtip-icon .ui-icon, .qtip-titlebar .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}

.qtip-icon, .qtip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
}

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal 700 10px/13px Tahoma,sans-serif;
  color: inherit;
  background: -100em -100em no-repeat;
}

.qtip-default {
  border: 1px solid #F1D031;
  background-color: #FFFFA3;
  color: #555;
}

.qtip-default .qtip-titlebar {
  background-color: #FFEF93;
}

.qtip-default .qtip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777;
}

.qtip-default .qtip-titlebar .qtip-close {
  border-color: #AAA;
  color: #111;
}

.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}

.qtip .qtip-tip, x:-o-prefocus {
  visibility: hidden;
}

.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas {
  position: absolute;
  color: #123456;
  background: 0 0;
  border: 0 dashed transparent;
}

.qtip .qtip-tip canvas {
  top: 0;
  left: 0;
}

.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible;
}

/*************************************************
	Badge placeholders
	Description: Placeholders you can extend for badges.
	Version: 1.0

**************************************************/
/*************************************************
	Utility classes
	Description: Use classes sparingly if the item will always fit this style regarldess of screen size.
**************************************************/
/* TODO: refactor utilities */
.u-floatRight {
  padding-left: 5px;
}

.divider {
  border-top: 1px solid #acacac;
  margin: 32px 0px;
  margin: 2.4rem 0rem;
}
@media (min-width: 50em) {
  .divider {
    margin: 32px 0px;
    margin: 3.2rem 0rem;
  }
}

.divider.dotted {
  border-top-style: dotted;
}

.u-accessibilityText {
  display: block;
  height: 0;
  text-indent: -9999px;
}

.u-inline {
  display: inline;
}

.u-inlineBlock {
  display: inline-block;
}

.u-block {
  display: block;
}

.u-none {
  display: none;
}

.u-hiddenAnimation {
  opacity: 0 !important;
  position: absolute !important;
  visibility: hidden !important;
}

.u-textCenter {
  text-align: center;
}

.u-textRight {
  text-align: right;
}

/*  List utilities */
.u-indentedList {
  margin: 12px 0px 16px 32px;
  margin: 0.9rem 0rem 1.2rem 2.4rem;
}
@media (min-width: 50em) {
  .u-indentedList {
    margin: 12px 0px 16px 32px;
    margin: 1.2rem 0rem 1.6rem 3.2rem;
  }
}

.list--hasPipe:before {
  margin: 0px 8px 0px 0px;
  margin: 0rem 0.6rem 0rem 0rem;
  color: #dadada;
  content: '|';
}
@media (min-width: 50em) {
  .list--hasPipe:before {
    margin: 0px 8px 0px 0px;
    margin: 0rem 0.8rem 0rem 0rem;
  }
}

/* Completely remove from the flow but leave available to screen readers. */
.u-hiddenVisually {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

/* Highlighting
______________________________________*/
.highlightField {
  background: #f9efc7 !important;
  border: 2px solid #ffe780 !important;
  color: #262626 !important;
  margin: -2px;
}

.highlightField [contenteditable] {
  background: #f9efc7 !important;
  color: #262626 !important;
}

.highlightText {
  background: #ffe780 !important;
  color: #262626 !important;
}

/* TODO remove from utilities */
/* Clear Input Button
______________________________________*/
.ClearButton {
  background: transparent;
  border: 0px;
  margin: 0px 0px 0px -29px;
  padding: 0px;
  position: absolute;
  /*Note: This removes it from the flow of the page so it doesn't push other elements around */
  transform: translateY(-2px);
}

[px-clearable-input] {
  padding-right: 25px;
}

/* Hides the IE clear button */
[px-clearable-input]::-ms-clear {
  display: none;
}

.Display-small {
  display: none;
}
@media (max-width: 50em) {
  .Display-small {
    display: block;
  }
}

.Display-smallInline {
  display: none;
}
@media (max-width: 64em) {
  .Display-smallInline {
    display: inline-block;
  }
}

.Display-large {
  display: block;
}
@media (max-width: 50em) {
  .Display-large {
    display: none;
  }
}

.Display-largeInline {
  display: inline;
}
@media (max-width: 50em) {
  .Display-largeInline {
    display: none;
  }
}

.Icon-wrapper {
  display: inline-block;
  height: 14px;
  position: relative;
  vertical-align: middle;
  width: 14px;
}

.ie8 .Icon-wrapper {
  display: none;
}

.Icon-wrapper--small {
  height: 12px;
  width: 12px;
}

.Icon-wrapper--large {
  height: 16px;
  width: 16px;
}

.Icon-wrapper--extraLarge {
  height: 20px;
  width: 20px;
}

.Icon-wrapper--isCircle {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.Icon-svg {
  bottom: 0;
  left: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.Icon-svg:not(:root) {
  overflow: hidden;
}

.Icon-svg--right {
  margin: 0px 0px 0px 4px;
  margin: 0rem 0rem 0rem 0.3rem;
}
@media (min-width: 50em) {
  .Icon-svg--right {
    margin: 0px 0px 0px 4px;
    margin: 0rem 0rem 0rem 0.4rem;
  }
}

.Icon-svg--large + span {
  padding: 0px 0px 0px 24px;
  padding: 0rem 0rem 0rem 1.8rem;
}
@media (min-width: 50em) {
  .Icon-svg--large + span {
    padding: 0px 0px 0px 24px;
    padding: 0rem 0rem 0rem 2.4rem;
  }
}
@media (max-width: 50em) {
  .Icon-svg--large + span {
    padding: 0px 0px 0px 28px;
    padding: 0rem 0rem 0rem 2.1rem;
  }
}
@media (max-width: 50em) and (min-width: 50em) {
  .Icon-svg--large + span {
    padding: 0px 0px 0px 28px;
    padding: 0rem 0rem 0rem 2.8rem;
  }
}

.Complete-circle {
  -webkit-border-radius: 18px;
  border-radius: 18px;
  background: #158915;
  height: 36px;
  left: 0;
  line-height: 0;
  position: absolute;
  text-align: center;
  top: -4px;
  width: 36px;
}

.ie8 .Complete-circle {
  padding: 0px 4px 0px 0px;
  padding: 0rem 0.3rem 0rem 0rem;
  background: none;
  height: auto;
  position: relative;
  width: auto;
}
@media (min-width: 50em) {
  .ie8 .Complete-circle {
    padding: 0px 4px 0px 0px;
    padding: 0rem 0.4rem 0rem 0rem;
  }
}

.Complete-circle .Icon-svg {
  fill: white;
  height: 13px;
  margin-right: 0;
  margin-top: 11px;
  margin-top: 1.1rem;
  width: 17px;
}

.Complete-circle img {
  display: none;
}

.ie8 .Complete-circle img {
  display: block;
}

.Icon-svg {
  fill: #c6c6c6;
}

.Icon-svg--onLight {
  fill: #acacac;
}

.Icon-svg--onDark {
  fill: #6b6b6b;
}

.Icon-svg--inPrimaryButton {
  fill: #8ec0ed;
}

.Icon-svg--isFulfilled {
  fill: #158915;
}

.Icon-svg--ghost {
  fill: white;
}

.Icon-svg--link {
  fill: #0d77d6;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
}

.cosi {
  font-size: 152%;
}

.Cosi-ads-top,
.Cosi-ads-bottom {
  padding: 0px 32px;
  padding: 0rem 2.4rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 18px;
  margin-top: 1.8rem;
  max-width: 560px;
}
@media (min-width: 50em) {
  .Cosi-ads-top,
  .Cosi-ads-bottom {
    padding: 0px 32px;
    padding: 0rem 3.2rem;
  }
}
@media (max-width: 64em) {
  .Cosi-ads-top,
  .Cosi-ads-bottom {
    display: none;
  }
}

.Cosi-ads-bottom {
  padding: 0px 0px;
  padding: 0rem 0rem;
  margin-top: 36px;
  margin-top: 3.6rem;
}
@media (min-width: 50em) {
  .Cosi-ads-bottom {
    padding: 0px 0px;
    padding: 0rem 0rem;
  }
}

.newMarketing {
  width: 352px;
}

#BottomMarketing .newMarketing {
  margin-left: 20px;
}

.Cosi-ads, .newMarketing {
  line-height: 20px;
  line-height: 2rem;
}
.Cosi-ads a, .newMarketing a {
  color: #214acc;
  text-decoration: none;
}
.Cosi-ads a:visited, .newMarketing a:visited {
  color: #214acc;
}
.Cosi-ads a:hover, .newMarketing a:hover {
  text-decoration: underline;
}
.Cosi-ads a:focus, .newMarketing a:focus {
  outline: none;
  text-decoration: underline;
}
.Cosi-ads a:active, .newMarketing a:active {
  color: #0e568c;
  outline: none;
  text-decoration: none;
}
.Cosi-ads .displayInline, .newMarketing .displayInline {
  display: inline;
}
.Cosi-ads .displayInlineBlock, .newMarketing .displayInlineBlock {
  display: inline-block;
}
.Cosi-ads .displayBlock, .newMarketing .displayBlock {
  display: block;
}
.Cosi-ads .displayNone, .newMarketing .displayNone {
  display: none;
}
.Cosi-ads .fontSize21, .newMarketing .fontSize21 {
  line-height: 28px;
  line-height: 2.8rem;
}
.Cosi-ads .fontSize18, .newMarketing .fontSize18 {
  line-height: 24px;
  line-height: 2.4rem;
}
.Cosi-ads .fontSize16, .newMarketing .fontSize16 {
  line-height: 20px;
  line-height: 2rem;
}
.Cosi-ads .fontSize14, .newMarketing .fontSize14 {
  line-height: 20px;
  line-height: 2rem;
}
.Cosi-ads .fontSize13, .newMarketing .fontSize13 {
  line-height: 16px;
  line-height: 1.6rem;
}
.Cosi-ads .fontSize12, .newMarketing .fontSize12 {
  line-height: 16px;
  line-height: 1.6rem;
}
.Cosi-ads .italics, .newMarketing .italics {
  font-style: italic;
}
.Cosi-ads p, .newMarketing p {
  margin: 8px 0px;
  margin: 0.6rem 0rem;
  padding: 0px 0px;
  padding: 0rem 0rem;
  margin-top: 20px;
  margin-top: 2rem;
}
@media (min-width: 50em) {
  .Cosi-ads p, .newMarketing p {
    margin: 8px 0px;
    margin: 0.8rem 0rem;
  }
}
@media (min-width: 50em) {
  .Cosi-ads p, .newMarketing p {
    padding: 0px 0px;
    padding: 0rem 0rem;
  }
}
.Cosi-ads p + p, .newMarketing p + p {
  margin: 16px 0px 8px 0px;
  margin: 1.2rem 0rem 0.6rem 0rem;
}
@media (min-width: 50em) {
  .Cosi-ads p + p, .newMarketing p + p {
    margin: 16px 0px 8px 0px;
    margin: 1.6rem 0rem 0.8rem 0rem;
  }
}
.Cosi-ads .paragraph--noMargin, .newMarketing .paragraph--noMargin {
  margin: 0;
}
.Cosi-ads ol,
.Cosi-ads ul, .newMarketing ol,
.newMarketing ul {
  margin: 0;
  padding: 0;
}
.Cosi-ads ul li,
.Cosi-ads ol li, .newMarketing ul li,
.newMarketing ol li {
  margin: 8px 0px;
  margin: 0.6rem 0rem;
}
@media (min-width: 50em) {
  .Cosi-ads ul li,
  .Cosi-ads ol li, .newMarketing ul li,
  .newMarketing ol li {
    margin: 8px 0px;
    margin: 0.8rem 0rem;
  }
}
.Cosi-ads ul li:first-child,
.Cosi-ads ol li:first-child, .newMarketing ul li:first-child,
.newMarketing ol li:first-child {
  margin: 0px 0px 8px 0px;
  margin: 0rem 0rem 0.6rem 0rem;
}
@media (min-width: 50em) {
  .Cosi-ads ul li:first-child,
  .Cosi-ads ol li:first-child, .newMarketing ul li:first-child,
  .newMarketing ol li:first-child {
    margin: 0px 0px 8px 0px;
    margin: 0rem 0rem 0.8rem 0rem;
  }
}
.Cosi-ads ul.listLarge li,
.Cosi-ads ol.listLarge li, .newMarketing ul.listLarge li,
.newMarketing ol.listLarge li {
  margin: 16px 0px;
  margin: 1.2rem 0rem;
}
@media (min-width: 50em) {
  .Cosi-ads ul.listLarge li,
  .Cosi-ads ol.listLarge li, .newMarketing ul.listLarge li,
  .newMarketing ol.listLarge li {
    margin: 16px 0px;
    margin: 1.6rem 0rem;
  }
}
.Cosi-ads ul.listLarge li:first-child,
.Cosi-ads ol.listLarge li:first-child, .newMarketing ul.listLarge li:first-child,
.newMarketing ol.listLarge li:first-child {
  margin: 0px 0px 16px 0px;
  margin: 0rem 0rem 1.2rem 0rem;
}
@media (min-width: 50em) {
  .Cosi-ads ul.listLarge li:first-child,
  .Cosi-ads ol.listLarge li:first-child, .newMarketing ul.listLarge li:first-child,
  .newMarketing ol.listLarge li:first-child {
    margin: 0px 0px 16px 0px;
    margin: 0rem 0rem 1.6rem 0rem;
  }
}
.Cosi-ads .listInline li:before, .newMarketing .listInline li:before {
  margin: 0px 8px;
  margin: 0rem 0.6rem;
  color: #c6c6c6;
  content: '\2022';
}
@media (min-width: 50em) {
  .Cosi-ads .listInline li:before, .newMarketing .listInline li:before {
    margin: 0px 8px;
    margin: 0rem 0.8rem;
  }
}
.Cosi-ads .listInline li:first-child:before, .newMarketing .listInline li:first-child:before {
  margin: 0px;
  margin: 0rem;
  content: '';
}
@media (min-width: 50em) {
  .Cosi-ads .listInline li:first-child:before, .newMarketing .listInline li:first-child:before {
    margin: 0rem;
    margin: 0;
  }
}
.Cosi-ads .u-bulletList, .newMarketing .u-bulletList {
  margin: 0px 0px 0px 4px;
  margin: 0rem 0rem 0rem 0.3rem;
  list-style-type: none;
}
@media (min-width: 50em) {
  .Cosi-ads .u-bulletList, .newMarketing .u-bulletList {
    margin: 0px 0px 0px 4px;
    margin: 0rem 0rem 0rem 0.4rem;
  }
}
.Cosi-ads .u-bulletList li:before, .newMarketing .u-bulletList li:before {
  margin: 0px 12px 0px 0px;
  margin: 0rem 0.9rem 0rem 0rem;
  color: #acacac;
  content: '\2022';
  font-size: 22px;
  line-height: 14px;
}
@media (min-width: 50em) {
  .Cosi-ads .u-bulletList li:before, .newMarketing .u-bulletList li:before {
    margin: 0px 12px 0px 0px;
    margin: 0rem 1.2rem 0rem 0rem;
  }
}
.Cosi-ads .u-indentedList, .newMarketing .u-indentedList {
  margin: 12px 0px 16px 32px;
  margin: 0.9rem 0rem 1.2rem 2.4rem;
}
@media (min-width: 50em) {
  .Cosi-ads .u-indentedList, .newMarketing .u-indentedList {
    margin: 12px 0px 16px 32px;
    margin: 1.2rem 0rem 1.6rem 3.2rem;
  }
}
.Cosi-ads h1,
.Cosi-ads h2,
.Cosi-ads h3,
.Cosi-ads h4,
.Cosi-ads h5,
.Cosi-ads h6, .newMarketing h1,
.newMarketing h2,
.newMarketing h3,
.newMarketing h4,
.newMarketing h5,
.newMarketing h6 {
  margin: 0px 0px 12px 0px;
  margin: 0rem 0rem 0.9rem 0rem;
  color: #3d3d3d;
}
@media (min-width: 50em) {
  .Cosi-ads h1,
  .Cosi-ads h2,
  .Cosi-ads h3,
  .Cosi-ads h4,
  .Cosi-ads h5,
  .Cosi-ads h6, .newMarketing h1,
  .newMarketing h2,
  .newMarketing h3,
  .newMarketing h4,
  .newMarketing h5,
  .newMarketing h6 {
    margin: 0px 0px 12px 0px;
    margin: 0rem 0rem 1.2rem 0rem;
  }
}
.Cosi-ads h1, .newMarketing h1 {
  display: none !important;
}
.Cosi-ads h2, .newMarketing h2 {
  line-height: 27px;
  line-height: 2.7rem;
}
.Cosi-ads h2.Heading-special, .newMarketing h2.Heading-special {
  padding: 16px 20px;
  padding: 1.2rem 1.5rem;
  border: solid 1px transparent;
  line-height: 18px;
  line-height: 1.8rem;
  text-transform: uppercase;
}
@media (min-width: 50em) {
  .Cosi-ads h2.Heading-special, .newMarketing h2.Heading-special {
    padding: 16px 20px;
    padding: 1.6rem 2rem;
  }
}
.Cosi-ads h2.Heading-special .Icon-wrapper, .newMarketing h2.Heading-special .Icon-wrapper {
  margin: -8px 12px 0px 0px;
  margin: -0.6rem 0.9rem 0rem 0rem;
}
@media (min-width: 50em) {
  .Cosi-ads h2.Heading-special .Icon-wrapper, .newMarketing h2.Heading-special .Icon-wrapper {
    margin: -8px 12px 0px 0px;
    margin: -0.8rem 1.2rem 0rem 0rem;
  }
}
.Cosi-ads h2.Heading-specialWhite, .newMarketing h2.Heading-specialWhite {
  background: white;
  border-color: #dadada;
  color: #565656;
}
.Cosi-ads h2.Heading-specialLightGray, .newMarketing h2.Heading-specialLightGray {
  background: #dadada;
  color: #3d3d3d;
}
.Cosi-ads h2.Heading-specialDarkGray, .newMarketing h2.Heading-specialDarkGray {
  background: #565656;
  color: white;
}
.Cosi-ads h2.Heading-specialWhite .Icon-svg, .newMarketing h2.Heading-specialWhite .Icon-svg {
  fill: #f27300;
}
.Cosi-ads h2.Heading-specialLightGray .Icon-svg, .newMarketing h2.Heading-specialLightGray .Icon-svg {
  fill: #6b6b6b;
}
.Cosi-ads h2.Heading-specialDarkGray .Icon-svg, .newMarketing h2.Heading-specialDarkGray .Icon-svg {
  fill: #acacac;
}
.Cosi-ads h3, .newMarketing h3 {
  line-height: 23px;
  line-height: 2.3rem;
}
.Cosi-ads h4, .newMarketing h4 {
  line-height: 20px;
  line-height: 2rem;
}
.Cosi-ads h5, .Cosi-ads h6, .newMarketing h5, .newMarketing h6 {
  text-transform: uppercase;
}
.Cosi-ads h5, .newMarketing h5 {
  line-height: 18px;
  line-height: 1.8rem;
}
.Cosi-ads h6, .newMarketing h6 {
  line-height: 17px;
  line-height: 1.7rem;
}
.Cosi-ads img, .newMarketing img {
  margin: 8px 0px;
  margin: 0.6rem 0rem;
  max-width: 100%;
}
@media (min-width: 50em) {
  .Cosi-ads img, .newMarketing img {
    margin: 8px 0px;
    margin: 0.8rem 0rem;
  }
}
.Cosi-ads .Container, .newMarketing .Container {
  padding: 16px 0px;
  padding: 1.2rem 0rem;
  border-bottom: solid 2px #dadada;
}
@media (min-width: 50em) {
  .Cosi-ads .Container, .newMarketing .Container {
    padding: 16px 0px;
    padding: 1.6rem 0rem;
  }
}
.Cosi-ads .Container--noDivider, .newMarketing .Container--noDivider {
  border: none;
}
.Cosi-ads .Container--noPadding, .newMarketing .Container--noPadding {
  padding: 0px 0px;
  padding: 0rem 0rem;
}
@media (min-width: 50em) {
  .Cosi-ads .Container--noPadding, .newMarketing .Container--noPadding {
    padding: 0px 0px;
    padding: 0rem 0rem;
  }
}
.Cosi-ads .Container--noTopPadding, .newMarketing .Container--noTopPadding {
  padding: 0px 0px 16px 0px;
  padding: 0rem 0rem 1.2rem 0rem;
}
@media (min-width: 50em) {
  .Cosi-ads .Container--noTopPadding, .newMarketing .Container--noTopPadding {
    padding: 0px 0px 16px 0px;
    padding: 0rem 0rem 1.6rem 0rem;
  }
}
.Cosi-ads .Container--noBottomPadding, .newMarketing .Container--noBottomPadding {
  padding: 16px 0px 0px 0px;
  padding: 1.2rem 0rem 0rem 0rem;
}
@media (min-width: 50em) {
  .Cosi-ads .Container--noBottomPadding, .newMarketing .Container--noBottomPadding {
    padding: 16px 0px 0px 0px;
    padding: 1.6rem 0rem 0rem 0rem;
  }
}
.Cosi-ads .Container-special h2.Heading-special, .newMarketing .Container-special h2.Heading-special {
  margin: 0;
}
.Cosi-ads .Container-special .Special-wrapper, .newMarketing .Container-special .Special-wrapper {
  padding: 20px 20px;
  padding: 1.5rem 1.5rem;
  background: white;
  border: solid 1px #dadada;
  margin: 0;
}
@media (min-width: 50em) {
  .Cosi-ads .Container-special .Special-wrapper, .newMarketing .Container-special .Special-wrapper {
    padding: 20px 20px;
    padding: 2rem 2rem;
  }
}
@media (max-width: 50em) {
  .Cosi-ads .Button--floated, .newMarketing .Button--floated {
    margin: 0px 0px 24px 0px;
    margin: 0rem 0rem 1.8rem 0rem;
    float: none;
  }
}
@media (max-width: 50em) and (min-width: 50em) {
  .Cosi-ads .Button--floated, .newMarketing .Button--floated {
    margin: 0px 0px 24px 0px;
    margin: 0rem 0rem 2.4rem 0rem;
  }
}

.Cosi-ads .ButtonLink--icon:hover span,
.Cosi-ads .ButtonLink--icon:focus span, .newMarketing .ButtonLink--icon:hover span,
.newMarketing .ButtonLink--icon:focus span {
  text-decoration: underline;
}
.Cosi-ads .ButtonLink--icon span, .newMarketing .ButtonLink--icon span {
  padding: 0 0 0 4px;
}
.Cosi-ads .ie8 .ButtonLink--icon span,
.Cosi-ads .ie8 .ButtonLink--icon.Button--large span, .newMarketing .ie8 .ButtonLink--icon span,
.newMarketing .ie8 .ButtonLink--icon.Button--large span {
  padding: 0 !important;
}
@media (max-width: 50em) {
  .Cosi-ads .ie8 .ButtonLink--icon span,
  .Cosi-ads .ie8 .ButtonLink--icon.Button--large span, .newMarketing .ie8 .ButtonLink--icon span,
  .newMarketing .ie8 .ButtonLink--icon.Button--large span {
    padding: 0 !important;
  }
}
.Cosi-ads .ButtonLink--icon .Icon-svg,
.Cosi-ads .Button--hasIcon .Icon-svg, .newMarketing .ButtonLink--icon .Icon-svg,
.newMarketing .Button--hasIcon .Icon-svg {
  position: absolute;
}
.Cosi-ads .ButtonLink--icon .Icon-svg, .newMarketing .ButtonLink--icon .Icon-svg {
  top: -2px;
}
.Cosi-ads .Button--hasIcon, .newMarketing .Button--hasIcon {
  position: relative;
}
.Cosi-ads .Button--hasIcon.Button--large, .newMarketing .Button--hasIcon.Button--large {
  padding: 8px 20px;
}
.Cosi-ads .Button--hasIcon.Button--large .Icon-svg, .newMarketing .Button--hasIcon.Button--large .Icon-svg {
  left: -7px;
  top: -2px;
}
.Cosi-ads .Button--hasIcon.Button--small, .newMarketing .Button--hasIcon.Button--small {
  padding: 8px 16px;
}
.Cosi-ads .Button--hasIcon.Button--small .Icon-svg, .newMarketing .Button--hasIcon.Button--small .Icon-svg {
  left: -5px;
  top: -3px;
}
.Cosi-ads .ie8 .Button--hasIcon.Button--small, .newMarketing .ie8 .Button--hasIcon.Button--small {
  padding: 8px 16px;
}
.Cosi-ads .Button--hasIcon.Button--tiny, .newMarketing .Button--hasIcon.Button--tiny {
  padding: 0px 8px 0px 32px;
  padding: 0rem 0.6rem 0rem 2.4rem;
  padding: 0 8px 0 32px;
}
@media (min-width: 50em) {
  .Cosi-ads .Button--hasIcon.Button--tiny, .newMarketing .Button--hasIcon.Button--tiny {
    padding: 0px 8px 0px 32px;
    padding: 0rem 0.8rem 0rem 3.2rem;
  }
}
.Cosi-ads .Button--hasIcon.Button--tiny .Icon-svg, .newMarketing .Button--hasIcon.Button--tiny .Icon-svg {
  height: 16px;
  left: 8px;
  top: 2px;
  width: 16px;
}
.Cosi-ads .Button--continueAction, .newMarketing .Button--continueAction {
  padding: 16px 32px;
  padding: 1.2rem 2.4rem;
  background: #158915;
  color: white;
  position: relative;
  display: block;
  text-align: right;
}
@media (min-width: 50em) {
  .Cosi-ads .Button--continueAction, .newMarketing .Button--continueAction {
    padding: 16px 32px;
    padding: 1.6rem 3.2rem;
  }
}
.Cosi-ads .Button--continueAction:hover, .Cosi-ads .Button--continueAction:visited, .newMarketing .Button--continueAction:hover, .newMarketing .Button--continueAction:visited {
  color: white;
}
.Cosi-ads .Button--continueAction .Icon-svg, .newMarketing .Button--continueAction .Icon-svg {
  fill: #39bc39;
  position: absolute;
  right: 0;
}
.Cosi-ads .ButtonBar, .newMarketing .ButtonBar {
  margin: 28px 0px 0px 0px;
  margin: 2.1rem 0rem 0rem 0rem;
}
@media (min-width: 50em) {
  .Cosi-ads .ButtonBar, .newMarketing .ButtonBar {
    margin: 28px 0px 0px 0px;
    margin: 2.8rem 0rem 0rem 0rem;
  }
}
.Cosi-ads .ButtonBar--hasLink, .newMarketing .ButtonBar--hasLink {
  margin: 28px 0px;
  margin: 2.1rem 0rem;
}
@media (min-width: 50em) {
  .Cosi-ads .ButtonBar--hasLink, .newMarketing .ButtonBar--hasLink {
    margin: 28px 0px;
    margin: 2.8rem 0rem;
  }
}
.Cosi-ads .ButtonBar-item + .ButtonBar-item, .newMarketing .ButtonBar-item + .ButtonBar-item {
  margin: 0px 0px 0px 16px;
  margin: 0rem 0rem 0rem 1.2rem;
}
@media (min-width: 50em) {
  .Cosi-ads .ButtonBar-item + .ButtonBar-item, .newMarketing .ButtonBar-item + .ButtonBar-item {
    margin: 0px 0px 0px 16px;
    margin: 0rem 0rem 0rem 1.6rem;
  }
}
@media (max-width: 26.25em) {
  .Cosi-ads .ButtonBar-item + .ButtonBar-item, .newMarketing .ButtonBar-item + .ButtonBar-item {
    margin: 16px 0px 0px 0px;
    margin: 1.2rem 0rem 0rem 0rem;
  }
}
@media (max-width: 26.25em) and (min-width: 50em) {
  .Cosi-ads .ButtonBar-item + .ButtonBar-item, .newMarketing .ButtonBar-item + .ButtonBar-item {
    margin: 16px 0px 0px 0px;
    margin: 1.6rem 0rem 0rem 0rem;
  }
}

.Cosi-ads .ButtonBar-item, .newMarketing .ButtonBar-item {
  display: inline;
}
@media (max-width: 26.25em) {
  .Cosi-ads .ButtonBar-item, .newMarketing .ButtonBar-item {
    display: block;
  }
}
.Cosi-ads .ButtonBar-doubleItem .Button, .newMarketing .ButtonBar-doubleItem .Button {
  margin: 0px 0px 0px 16px;
  margin: 0rem 0rem 0rem 1.2rem;
}
@media (min-width: 50em) {
  .Cosi-ads .ButtonBar-doubleItem .Button, .newMarketing .ButtonBar-doubleItem .Button {
    margin: 0px 0px 0px 16px;
    margin: 0rem 0rem 0rem 1.6rem;
  }
}
@media (max-width: 50em) {
  .Cosi-ads .ButtonBar-doubleItem .Button, .newMarketing .ButtonBar-doubleItem .Button {
    margin: 0px 0px 16px 16px;
    margin: 0rem 0rem 1.2rem 1.2rem;
    display: block;
  }
}
@media (max-width: 50em) and (min-width: 50em) {
  .Cosi-ads .ButtonBar-doubleItem .Button, .newMarketing .ButtonBar-doubleItem .Button {
    margin: 0px 0px 16px 16px;
    margin: 0rem 0rem 1.6rem 1.6rem;
  }
}

@media (max-width: 26.25em) {
  .Cosi-ads .ButtonBar-doubleItem .Button, .newMarketing .ButtonBar-doubleItem .Button {
    margin: 0px 0px 16px 0px;
    margin: 0rem 0rem 1.2rem 0rem;
  }
}
@media (max-width: 26.25em) and (min-width: 50em) {
  .Cosi-ads .ButtonBar-doubleItem .Button, .newMarketing .ButtonBar-doubleItem .Button {
    margin: 0px 0px 16px 0px;
    margin: 0rem 0rem 1.6rem 0rem;
  }
}

.Cosi-ads .ButtonBar--isSpread button,
.Cosi-ads .ButtonBar--isSingular button, .newMarketing .ButtonBar--isSpread button,
.newMarketing .ButtonBar--isSingular button {
  float: right;
}
@media (max-width: 26.25em) {
  .Cosi-ads .ButtonBar--isSpread button,
  .Cosi-ads .ButtonBar--isSingular button, .newMarketing .ButtonBar--isSpread button,
  .newMarketing .ButtonBar--isSingular button {
    float: none;
  }
}
.Cosi-ads .ButtonBar--isSpread li:first-child button, .newMarketing .ButtonBar--isSpread li:first-child button {
  float: none;
}
.Cosi-ads .ButtonBar-singleCentered .ButtonBar-item, .newMarketing .ButtonBar-singleCentered .ButtonBar-item {
  display: block;
  text-align: center;
}
.Cosi-ads .Marketing-button, .newMarketing .Marketing-button {
  margin: 8px 0px;
  margin: 0.6rem 0rem;
  display: inline-block;
  line-height: 18px;
  line-height: 1.8rem;
  padding: 8px 20px;
}
@media (min-width: 50em) {
  .Cosi-ads .Marketing-button, .newMarketing .Marketing-button {
    margin: 8px 0px;
    margin: 0.8rem 0rem;
  }
}
.Cosi-ads .Marketing-button--primary, .newMarketing .Marketing-button--primary {
  background: #597399;
  border: solid 1px #3e4d6b;
  color: white;
  text-align: center;
}
.Cosi-ads .Marketing-button--primary:visited, .newMarketing .Marketing-button--primary:visited {
  color: white;
}
.Cosi-ads .Marketing-button--primary:hover, .Cosi-ads .Marketing-button--primary:focus, .newMarketing .Marketing-button--primary:hover, .newMarketing .Marketing-button--primary:focus {
  background: #3e4d6b;
  border: solid 1px #2b3647;
}
.Cosi-ads .Marketing-button--primary:active, .newMarketing .Marketing-button--primary:active {
  background: #2b3647;
  border: solid 1px #242a33;
}
.Cosi-ads .Marketing-button--secondary, .newMarketing .Marketing-button--secondary {
  background-color: white;
  border-color: #dadada;
  color: #0d77d6;
}
.Cosi-ads .Marketing-button--secondary:hover, .Cosi-ads .Marketing-button--secondary:focus, .newMarketing .Marketing-button--secondary:hover, .newMarketing .Marketing-button--secondary:focus {
  background-color: #dadada;
  border-color: #dadada;
  color: #262626;
}
.Cosi-ads .Marketing-button--secondary:disabled, .Cosi-ads .Marketing-button--secondary:disabled:hover, .Cosi-ads .Marketing-button--secondary:disabled:active, .Cosi-ads .Marketing-button--secondary:disabled:focus, .newMarketing .Marketing-button--secondary:disabled, .newMarketing .Marketing-button--secondary:disabled:hover, .newMarketing .Marketing-button--secondary:disabled:active, .newMarketing .Marketing-button--secondary:disabled:focus {
  background-color: transparent;
  border-color: transparent;
}
.Cosi-ads .Marketing-button--secondary:active, .newMarketing .Marketing-button--secondary:active {
  background-color: #c6c6c6;
  border-color: #6b6b6b;
  color: #262626;
}
.Cosi-ads .Marketing-button--secondary:visited, .newMarketing .Marketing-button--secondary:visited {
  background-color: white;
  border-color: #dadada;
  color: #0d77d6;
}
.Cosi-ads .Marketing-button--small, .newMarketing .Marketing-button--small {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 17px;
  line-height: 1.7rem;
  padding: 5px 18px;
}
.Cosi-ads .Marketing-button--large, .newMarketing .Marketing-button--large {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem;
  padding: 9px 21px;
}
.Cosi-ads .Inline-icon-list, .newMarketing .Inline-icon-list {
  display: inline-block;
}
.Cosi-ads .Inline-icon-list li, .newMarketing .Inline-icon-list li {
  margin: 8px 0px;
  margin: 0.6rem 0rem;
  display: inline-block;
}
@media (min-width: 50em) {
  .Cosi-ads .Inline-icon-list li, .newMarketing .Inline-icon-list li {
    margin: 8px 0px;
    margin: 0.8rem 0rem;
  }
}
.Cosi-ads .Inline-icon-list li:first-child, .newMarketing .Inline-icon-list li:first-child {
  margin: 8px 0px;
  margin: 0.6rem 0rem;
}
@media (min-width: 50em) {
  .Cosi-ads .Inline-icon-list li:first-child, .newMarketing .Inline-icon-list li:first-child {
    margin: 8px 0px;
    margin: 0.8rem 0rem;
  }
}
.Cosi-ads .Inline-icon-list li a, .newMarketing .Inline-icon-list li a {
  margin: 4px 0px;
  margin: 0.3rem 0rem;
  padding: 4px 8px;
  padding: 0.3rem 0.6rem;
}
@media (min-width: 50em) {
  .Cosi-ads .Inline-icon-list li a, .newMarketing .Inline-icon-list li a {
    margin: 4px 0px;
    margin: 0.4rem 0rem;
  }
}
@media (min-width: 50em) {
  .Cosi-ads .Inline-icon-list li a, .newMarketing .Inline-icon-list li a {
    padding: 4px 8px;
    padding: 0.4rem 0.8rem;
  }
}
.Cosi-ads .Inline-icon-list li a .Icon-svg, .newMarketing .Inline-icon-list li a .Icon-svg {
  fill: #6b6b6b;
}
.Cosi-ads .Inline-icon-list li a:hover .Icon-svg, .newMarketing .Inline-icon-list li a:hover .Icon-svg {
  fill: #565656;
}
.Cosi-ads .Inline-icon-list--withContainer, .newMarketing .Inline-icon-list--withContainer {
  background: white;
  border: solid 1px #dadada;
}
.Cosi-ads .Inline-icon-list--withContainer li, .newMarketing .Inline-icon-list--withContainer li {
  border-left: solid 1px #dadada;
}
.Cosi-ads .Inline-icon-list--withContainer li:first-child, .newMarketing .Inline-icon-list--withContainer li:first-child {
  border-left: none;
}
.Cosi-ads .Table-wrapper, .newMarketing .Table-wrapper {
  margin: 40px 0px 0px 0px;
  margin: 3rem 0rem 0rem 0rem;
}
@media (min-width: 50em) {
  .Cosi-ads .Table-wrapper, .newMarketing .Table-wrapper {
    margin: 40px 0px 0px 0px;
    margin: 4rem 0rem 0rem 0rem;
  }
}
.Cosi-ads .Table-wrapper:first-child, .newMarketing .Table-wrapper:first-child {
  padding: 0px;
  padding: 0rem;
  margin: 0px;
  margin: 0rem;
  border-top: none;
}
@media (min-width: 50em) {
  .Cosi-ads .Table-wrapper:first-child, .newMarketing .Table-wrapper:first-child {
    padding: 0rem;
    padding: 0;
  }
}
@media (min-width: 50em) {
  .Cosi-ads .Table-wrapper:first-child, .newMarketing .Table-wrapper:first-child {
    margin: 0rem;
    margin: 0;
  }
}
.Cosi-ads table, .newMarketing table {
  margin: 24px 0px;
  margin: 1.8rem 0rem;
  border: 1px solid #dadada;
  border-collapse: collapse;
  width: 100%;
}
@media (min-width: 50em) {
  .Cosi-ads table, .newMarketing table {
    margin: 24px 0px;
    margin: 2.4rem 0rem;
  }
}
@media (max-width: 64em) {
  .Cosi-ads table, .newMarketing table {
    border: none;
  }
}
.Cosi-ads table + table, .newMarketing table + table {
  margin: 48px 0px 0px 0px;
  margin: 3.6rem 0rem 0rem 0rem;
}
@media (min-width: 50em) {
  .Cosi-ads table + table, .newMarketing table + table {
    margin: 48px 0px 0px 0px;
    margin: 4.8rem 0rem 0rem 0rem;
  }
}
@media (max-width: 64em) {
  .Cosi-ads table + table, .newMarketing table + table {
    margin: 24px 0px 0px 0px;
    margin: 1.8rem 0rem 0rem 0rem;
  }
}
@media (max-width: 64em) and (min-width: 50em) {
  .Cosi-ads table + table, .newMarketing table + table {
    margin: 24px 0px 0px 0px;
    margin: 2.4rem 0rem 0rem 0rem;
  }
}

.Cosi-ads table caption, .newMarketing table caption {
  padding: 0px 0px 20px 0px;
  padding: 0rem 0rem 1.5rem 0rem;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem;
  text-align: left;
}
@media (min-width: 50em) {
  .Cosi-ads table caption, .newMarketing table caption {
    padding: 0px 0px 20px 0px;
    padding: 0rem 0rem 2rem 0rem;
  }
}
.Cosi-ads table caption.hasIcon, .newMarketing table caption.hasIcon {
  padding: 0px 0px 20px 0px;
  padding: 0rem 0rem 1.5rem 0rem;
  position: relative;
}
@media (min-width: 50em) {
  .Cosi-ads table caption.hasIcon, .newMarketing table caption.hasIcon {
    padding: 0px 0px 20px 0px;
    padding: 0rem 0rem 2rem 0rem;
  }
}
@media (max-width: 64em) {
  .Cosi-ads table caption.hasIcon, .newMarketing table caption.hasIcon {
    padding: 0px 0px 20px 0px;
    padding: 0rem 0rem 1.5rem 0rem;
  }
}
@media (max-width: 64em) and (min-width: 50em) {
  .Cosi-ads table caption.hasIcon, .newMarketing table caption.hasIcon {
    padding: 0px 0px 20px 0px;
    padding: 0rem 0rem 2rem 0rem;
  }
}

.Cosi-ads .ie8 table caption.hasIcon, .newMarketing .ie8 table caption.hasIcon {
  padding: 0px 0px 20px 0px;
  padding: 0rem 0rem 1.5rem 0rem;
}
@media (min-width: 50em) {
  .Cosi-ads .ie8 table caption.hasIcon, .newMarketing .ie8 table caption.hasIcon {
    padding: 0px 0px 20px 0px;
    padding: 0rem 0rem 2rem 0rem;
  }
}
.Cosi-ads table caption.hasIcon .Icon-wrapper, .newMarketing table caption.hasIcon .Icon-wrapper {
  margin: 0px 4px 0px 0px;
  margin: 0rem 0.3rem 0rem 0rem;
}
@media (min-width: 50em) {
  .Cosi-ads table caption.hasIcon .Icon-wrapper, .newMarketing table caption.hasIcon .Icon-wrapper {
    margin: 0px 4px 0px 0px;
    margin: 0rem 0.4rem 0rem 0rem;
  }
}
@media (max-width: 64em) {
  .Cosi-ads table thead, .newMarketing table thead {
    display: none;
  }
}
.Cosi-ads thead th, .newMarketing thead th {
  background: #efefef;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 20px;
  line-height: 2rem;
  text-align: left;
  padding: 12px 24px;
  padding: 0.9rem 1.8rem;
}
@media (min-width: 50em) {
  .Cosi-ads thead th, .newMarketing thead th {
    padding: 12px 24px;
    padding: 1.2rem 2.4rem;
  }
}
.Cosi-ads thead th:first-child, .newMarketing thead th:first-child {
  padding-left: 24px;
  padding-left: 1.8rem;
}
@media (min-width: 50em) {
  .Cosi-ads thead th:first-child, .newMarketing thead th:first-child {
    padding-left: 24px;
    padding-left: 2.4rem;
  }
}
@media (max-width: 64em) {
  .Cosi-ads thead th:first-child, .newMarketing thead th:first-child {
    padding: 20px 0px 0px 0px;
    padding: 1.5rem 0rem 0rem 0rem;
  }
}
@media (max-width: 64em) and (min-width: 50em) {
  .Cosi-ads thead th:first-child, .newMarketing thead th:first-child {
    padding: 20px 0px 0px 0px;
    padding: 2rem 0rem 0rem 0rem;
  }
}

@media (max-width: 64em) {
  .Cosi-ads table tr, .newMarketing table tr {
    padding: 12px 0px 0px 0px;
    padding: 0.9rem 0rem 0rem 0rem;
    display: block;
    float: left;
    position: relative;
    width: 100%;
  }
}
@media (max-width: 64em) and (min-width: 50em) {
  .Cosi-ads table tr, .newMarketing table tr {
    padding: 12px 0px 0px 0px;
    padding: 1.2rem 0rem 0rem 0rem;
  }
}

.Cosi-ads table th,
.Cosi-ads table td, .newMarketing table th,
.newMarketing table td {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
@media (max-width: 64em) {
  .Cosi-ads table th,
  .Cosi-ads table td, .newMarketing table th,
  .newMarketing table td {
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    vertical-align: middle;
    word-break: break-all;
  }
}
.Cosi-ads table td a, .newMarketing table td a {
  padding: 0px 8px 0px 0px;
  padding: 0rem 0.6rem 0rem 0rem;
}
@media (min-width: 50em) {
  .Cosi-ads table td a, .newMarketing table td a {
    padding: 0px 8px 0px 0px;
    padding: 0rem 0.8rem 0rem 0rem;
  }
}
.Cosi-ads tbody td,
.Cosi-ads tfoot td, .newMarketing tbody td,
.newMarketing tfoot td {
  padding: 12px 24px;
  padding: 0.9rem 1.8rem;
}
@media (min-width: 50em) {
  .Cosi-ads tbody td,
  .Cosi-ads tfoot td, .newMarketing tbody td,
  .newMarketing tfoot td {
    padding: 12px 24px;
    padding: 1.2rem 2.4rem;
  }
}
@media (max-width: 64em) {
  .Cosi-ads tbody td,
  .Cosi-ads tfoot td, .newMarketing tbody td,
  .newMarketing tfoot td {
    padding: 8px 20px;
    padding: 0.6rem 1.5rem;
    display: block;
    float: left;
    width: 100%;
  }
}
@media (max-width: 64em) and (min-width: 50em) {
  .Cosi-ads tbody td,
  .Cosi-ads tfoot td, .newMarketing tbody td,
  .newMarketing tfoot td {
    padding: 8px 20px;
    padding: 0.8rem 2rem;
  }
}

@media (max-width: 64em) {
  .Cosi-ads tbody td:before,
  .Cosi-ads tfoot td:before, .newMarketing tbody td:before,
  .newMarketing tfoot td:before {
    color: #6b6b6b;
    content: attr(data-th);
    display: block;
    font-weight: 700;
  }
}
@media (max-width: 64em) {
  .Cosi-ads tbody td.Text-right,
  .Cosi-ads tfoot td.Text-right, .newMarketing tbody td.Text-right,
  .newMarketing tfoot td.Text-right {
    padding: 0px;
    padding: 0rem;
  }
}
@media (max-width: 64em) and (min-width: 50em) {
  .Cosi-ads tbody td.Text-right,
  .Cosi-ads tfoot td.Text-right, .newMarketing tbody td.Text-right,
  .newMarketing tfoot td.Text-right {
    padding: 0rem;
    padding: 0;
  }
}

.Cosi-ads tbody td:first-child,
.Cosi-ads tfoot td:first-child, .newMarketing tbody td:first-child,
.newMarketing tfoot td:first-child {
  padding-left: 24px;
  padding-left: 1.8rem;
}
@media (min-width: 50em) {
  .Cosi-ads tbody td:first-child,
  .Cosi-ads tfoot td:first-child, .newMarketing tbody td:first-child,
  .newMarketing tfoot td:first-child {
    padding-left: 24px;
    padding-left: 2.4rem;
  }
}
@media (max-width: 64em) {
  .Cosi-ads tbody td:first-child,
  .Cosi-ads tfoot td:first-child, .newMarketing tbody td:first-child,
  .newMarketing tfoot td:first-child {
    padding: 8px 20px;
    padding: 0.6rem 1.5rem;
  }
}
@media (max-width: 64em) and (min-width: 50em) {
  .Cosi-ads tbody td:first-child,
  .Cosi-ads tfoot td:first-child, .newMarketing tbody td:first-child,
  .newMarketing tfoot td:first-child {
    padding: 8px 20px;
    padding: 0.8rem 2rem;
  }
}

.Cosi-ads thead tr,
.Cosi-ads tbody tr, .newMarketing thead tr,
.newMarketing tbody tr {
  border-bottom: 1px solid #dadada;
}
@media (max-width: 64em) {
  .Cosi-ads thead tr,
  .Cosi-ads tbody tr, .newMarketing thead tr,
  .newMarketing tbody tr {
    margin: 0px 0px 16px 0px;
    margin: 0rem 0rem 1.2rem 0rem;
    border: 1px solid #dadada;
  }
}
@media (max-width: 64em) and (min-width: 50em) {
  .Cosi-ads thead tr,
  .Cosi-ads tbody tr, .newMarketing thead tr,
  .newMarketing tbody tr {
    margin: 0px 0px 16px 0px;
    margin: 0rem 0rem 1.6rem 0rem;
  }
}

.Cosi-ads thead th.Text-right,
.Cosi-ads tbody td.Text-right, .newMarketing thead th.Text-right,
.newMarketing tbody td.Text-right {
  text-align: right;
}
.Cosi-ads .Text-right .Button, .newMarketing .Text-right .Button {
  display: inline-block;
}
.Cosi-ads tfoot, .newMarketing tfoot {
  border-top: 1px solid #dadada;
}
.Cosi-ads .Table--onGrayBackground .thead th, .newMarketing .Table--onGrayBackground .thead th {
  background: transparent;
}
.Cosi-ads .Table--onGrayBackground tbody tr, .newMarketing .Table--onGrayBackground tbody tr {
  background: white;
}
@media (max-width: 64em) {
  .Cosi-ads .Table--withoutEdit tr, .newMarketing .Table--withoutEdit tr {
    padding-bottom: 8px;
    padding-bottom: 0.8rem;
  }
}
.Cosi-ads table, .newMarketing table {
  margin: 0;
}
.Cosi-ads table caption, .newMarketing table caption {
  padding: 0px 0px 16px 0px;
  padding: 0rem 0rem 1.2rem 0rem;
  color: #3d3d3d;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem;
}
@media (min-width: 50em) {
  .Cosi-ads table caption, .newMarketing table caption {
    padding: 0px 0px 16px 0px;
    padding: 0rem 0rem 1.6rem 0rem;
  }
}
.Cosi-ads tbody tr, .newMarketing tbody tr {
  background: white;
}
.Cosi-ads tbody td,
.Cosi-ads thead th, .newMarketing tbody td,
.newMarketing thead th {
  padding: 8px 12px;
  padding: 0.6rem 0.9rem;
}
@media (min-width: 50em) {
  .Cosi-ads tbody td,
  .Cosi-ads thead th, .newMarketing tbody td,
  .newMarketing thead th {
    padding: 8px 12px;
    padding: 0.8rem 1.2rem;
  }
}
.Cosi-ads thead th, .newMarketing thead th {
  text-transform: uppercase;
}
.Cosi-ads tbody .Marketing-button, .newMarketing tbody .Marketing-button {
  display: inline-block;
  margin: 0;
}
.Cosi-ads .Table-card, .newMarketing .Table-card {
  border: none;
}
.Cosi-ads .Table-card caption, .newMarketing .Table-card caption {
  padding: 8px 24px;
  padding: 0.6rem 1.8rem;
  border: solid 1px #dadada;
  border-bottom: none;
}
@media (min-width: 50em) {
  .Cosi-ads .Table-card caption, .newMarketing .Table-card caption {
    padding: 8px 24px;
    padding: 0.8rem 2.4rem;
  }
}
.Cosi-ads .Table-card .Table-cellHeader, .newMarketing .Table-card .Table-cellHeader {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 17px;
  line-height: 1.7rem;
  text-transform: uppercase;
}
.Cosi-ads .Table-card tr:first-child, .newMarketing .Table-card tr:first-child {
  border-top: solid 1px #dadada;
}
.Cosi-ads .Table-card thead tr,
.Cosi-ads .Table-card tbody tr, .newMarketing .Table-card thead tr,
.newMarketing .Table-card tbody tr {
  margin: 0;
}
.Cosi-ads .Table-card tr, .newMarketing .Table-card tr {
  border: solid 1px #dadada;
  border-top: none;
  width: 100%;
}
.Cosi-ads .Table-card td, .newMarketing .Table-card td {
  padding: 0px 24px 24px 24px;
  padding: 0rem 1.8rem 1.8rem 1.8rem;
  display: block;
  max-width: none;
}
@media (min-width: 50em) {
  .Cosi-ads .Table-card td, .newMarketing .Table-card td {
    padding: 0px 24px 24px 24px;
    padding: 0rem 2.4rem 2.4rem 2.4rem;
  }
}
.Cosi-ads .Table-card td:first-child, .newMarketing .Table-card td:first-child {
  padding: 24px 24px;
  padding: 1.8rem 1.8rem;
  display: block;
  max-width: none;
}
@media (min-width: 50em) {
  .Cosi-ads .Table-card td:first-child, .newMarketing .Table-card td:first-child {
    padding: 24px 24px;
    padding: 2.4rem 2.4rem;
  }
}