.font-icon,
.xCheckbox span:before,
.xCheckbox span.xChecked:before,
.xRadiobox span:before,
.xRadiobox span.xChecked:before,
.xComboInput:after,
.picker__nav--prev:before,
.picker__nav--next:before,
.xPlayable .xIconPlay:before,
.xPlayable .xIconPlay:before,
.xClassCarousel .xActionNext:before,
.xClassCarousel .xActionPrevious:before,
.xIconClose:before {
  display: block;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'socialvetica';
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
iframe,
label,
pre,
address,
td,
th,
ul,
ol,
dl,
dd,
hr,
table,
small {
  margin: 0 0 10px;
  padding: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
blockquote:last-child,
iframe:last-child,
label:last-child,
pre:last-child,
address:last-child,
td:last-child,
th:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
dd:last-child,
hr:last-child,
table:last-child,
small:last-child {
  margin-bottom: 0;
}
html {
  font-size: 62.5%;
}
body {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'Roboto-Thin', Arial, Helvetica, sans-serif;
  background-color: #e9e9e9;
  color: #444;
  line-height: 1.4;
}
iframe {
  border: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  line-height: normal;
}
h1 {
  font-size: 36px;
  font-size: 3.6rem;
  color: inherit;
  line-height: normal;
  font-family: inherit;
  text-align: center;
  margin: 0 0 10px 0;
}
h2 {
  font-size: 22px;
  font-size: 2.2rem;
  color: inherit;
  line-height: normal;
  font-family: inherit;
  text-align: center;
  margin: 0 0 10px 0;
}
h3 {
  font-size: 24px;
  font-size: 2.4rem;
}
h4 {
  font-size: 22px;
  font-size: 2.2rem;
}
h5 {
  font-size: 20px;
  font-size: 2rem;
}
h6 {
  font-size: 18px;
  font-size: 1.8rem;
}
.xCopy {
  font-size: 16px;
  font-size: 1.6rem;
  color: inherit;
  line-height: inherit;
  font-family: inherit;
  text-align: center;
  margin: 0 0 10px 0;
}
hr {
  height: 2px;
  outline: none;
  border: none;
  background-color: #3287B3;
}
a {
  text-decoration: none;
  color: inherit;
}
a:hover,
a:focus,
a.xActive {
  text-decoration: underline;
  color: inherit;
}
p a {
  color: inherit;
  cursor: pointer;
  text-decoration: underline;
}
p a:hover,
p a:focus,
p a.xActive {
  color: inherit;
}
img {
  display: block;
}
.uaMSIE8 img {
  height: auto!important;
  width: 100%;
  max-width: none;
}
img,
video,
canvas {
  max-width: 100%;
  height: auto;
}
ul {
  list-style-position: inside;
  list-style-type: disc;
  -webkit-padding-start: 0;
}
ol {
  list-style-position: inside;
  list-style-type: decimal;
}
ul ul,
ol ul {
  padding-left: 20px;
  list-style-type: circle;
}
ol ol,
ul ol {
  padding-left: 20px;
  list-style-type: lower-latin;
}
input,
textarea,
keygen,
select,
button,
isindex {
  color: inherit;
  font: inherit;
}
a:focus,
button:focus,
input:focus,
textarea:focus {
  outline: none;
}
button,
input[type="submit"] {
  padding: 0;
}
fieldset {
  margin: 0;
  padding: 0;
  border: none;
  width: auto;
}
input,
textarea {
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
  padding: 10px 10px;
  border: rgba(68, 68, 68, 0.5) 1px solid;
  color: #444;
  background-color: white;
  width: 100%;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(68, 68, 68, 0.6);
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: rgba(68, 68, 68, 0.6);
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(68, 68, 68, 0.6);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(68, 68, 68, 0.6);
}
input:focus,
textarea:focus,
input.xActive,
textarea.xActive {
  border-color: #3287B3;
}
textarea {
  resize: vertical;
}
select {
  width: 100%;
}
.xFieldContainer[style*="height"] textarea {
  resize: none;
}
.picker__button--clear,
.picker__button--today {
  padding: 10px 20px;
  width: 100%;
  background-color: #3287B3;
  color: white;
}
.picker__button--clear:hover,
.picker__button--today:hover,
.picker__button--clear:active,
.picker__button--today:active,
.picker__button--clear.xActive,
.picker__button--today.xActive {
  background-color: #3287B3;
  color: white;
}
.xFieldItem {
  margin-bottom: 11px;
}
.xFieldItem:last-child {
  margin-bottom: 0;
}
.xForm .buttons {
  margin-bottom: 0;
}
.xActionsForm {
  margin-bottom: 0;
}
.xActionsForm .xActivateContainer {
  margin-top: 16px;
}
.xControlSummary {
  margin-bottom: 16px;
}
.xForm {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 16px;
  color: #444;
  line-height: inherit;
  font-family: inherit;
}
.xForm .xCopy {
  font-size: 16px;
  font-size: 1.6rem;
}
.xForm .xCopyContainer {
  padding: 0;
}
.xFieldContainer {
  font-size: 0;
}
.xField {
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
}
.xField:last-child {
  margin-bottom: 0;
}
.xFormPages {
  margin-bottom: 10px;
  max-width: 100%;
}
.xFormPages:last-child {
  margin-bottom: 0;
}
.xFormPages {
  max-width: 100%;
}
.xUserAuthContainer {
  margin-bottom: 16px;
  text-align: center;
}
.xUserAuthContainer .xMessagesContainer {
  padding-top: 10px;
}
.xUserAuthContainer .xIntroContainer {
  margin-bottom: 10px;
}
.xLabelContainer {
  margin-bottom: 5px;
}
.xLabelContainer:last-child {
  margin-bottom: 0;
}
.xSubLabel {
  display: none;
}
.xHelpLabel {
  margin-bottom: 5px;
}
.xHelpContainer {
  margin-bottom: 5px;
}
.xRequired .xControlLabel:after {
  content: '*';
}
.xRequired.xControlTerms_and_conditions .xControlLabel:after,
.xRequired.xControlMarketing .xControlLabel:after {
  content: '';
}
.xRequired.xControlTerms_and_conditions .xFieldLabel:after,
.xRequired.xControlMarketing .xFieldLabel:after {
  content: '*';
}
.xForm .info {
  text-align: inherit;
}
.xFieldRadioChoice,
.xFieldCheckboxChoice {
  margin-bottom: 8px;
}
.xFieldRadioChoice:last-child,
.xFieldCheckboxChoice:last-child {
  margin-bottom: 0;
}
.xFieldRadioChoice .xIcon,
.xFieldCheckboxChoice .xIcon {
  display: block;
  margin-bottom: 11px;
}
.xFieldRadioChoice .xFieldLabel,
.xFieldCheckboxChoice .xFieldLabel {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding-left: 5px;
  max-width: 80%;
}
.xFieldRadioChoice .xMediaContainer,
.xFieldCheckboxChoice .xMediaContainer {
  margin-bottom: 5px;
}
.xFieldRadioChoice .xMediaContainer img,
.xFieldCheckboxChoice .xMediaContainer img {
  margin: 0;
}
.xProfileMarketingOptIn,
.xControlTerms_and_conditions {
  margin-bottom: 0;
}
.xProfileMarketingOptIn .xFieldLabel a,
.xControlTerms_and_conditions .xFieldLabel a {
  color: inherit;
}
.xProfileMarketingOptIn .xFieldLabel a:hover,
.xControlTerms_and_conditions .xFieldLabel a:hover,
.xProfileMarketingOptIn .xFieldLabel a:active,
.xControlTerms_and_conditions .xFieldLabel a:active {
  color: inherit;
}
.xRadiobox,
.xCheckbox {
  display: inline-block;
  vertical-align: middle;
}
.xRadiobox span,
.xCheckbox span {
  color: rgba(68, 68, 68, 0.5);
  position: relative;
  display: block;
  cursor: pointer;
}
.xCheckbox span:before {
  content: "\5e";
}
.xCheckbox span.xChecked:before {
  content: "\26";
}
.xRadiobox span:before {
  content: "\24";
}
.xRadiobox span.xChecked:before {
  content: "\25";
}
.radioField,
.checkField {
  zoom: 1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.xUploader {
  position: relative;
}
.xFileAction {
  -webkit-border-radius: 0 0 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 0 0;
  -moz-background-clip: padding;
  border-radius: 0 0 0 0;
  background-clip: padding-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 10px 10px;
  background-color: #3287B3;
  color: white;
}
.xFilename {
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  padding: 10px 10px;
  background-color: white;
  border: rgba(68, 68, 68, 0.5) 1px solid;
}
input[type="file"] {
  zoom: 1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%!important;
  cursor: pointer;
}
.xComboInput {
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
  font-size: 0;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
  padding: 10px 10px;
  border: rgba(68, 68, 68, 0.5) 1px solid;
  background-color: white;
}
.xComboInput > * {
  font-size: 16px;
  font-size: 1.6rem;
}
.xComboInput.focus {
  border-color: #3287B3;
}
.xComboInput.focus:after {
  border-color: #3287B3;
  color: #3287B3;
}
.xComboInput.dropdown-active {
  -webkit-border-radius: 0 0 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 0 0;
  -moz-background-clip: padding;
  border-radius: 0 0 0 0;
  background-clip: padding-box;
}
.xComboInput input[type="text"] {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  outline: none;
  border: none;
  background-color: none;
}
.xComboInput:after {
  font-size: 20px;
  font-size: 2rem;
  content: "\a8";
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  border-left: rgba(68, 68, 68, 0.5) 1px solid;
  color: rgba(68, 68, 68, 0.5);
  text-align: center;
  padding: 10px 10px;
  padding-bottom: 0;
}
.xComboOptions {
  -webkit-border-radius: 0 0 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 0 0;
  -moz-background-clip: padding;
  border-radius: 0 0 0 0;
  background-clip: padding-box;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  overflow-y: auto;
  border: 1px solid black;
  background-color: white;
  border: rgba(68, 68, 68, 0.5) 1px solid;
  border-top: none;
  z-index: 4;
}
.xFilename {
  color: #444;
}
.option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  padding: 10px 10px;
}
.option:hover,
.option.active,
.option .xActive {
  background-color: #3287B3;
  color: white;
}
.item {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.xDatePicker {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 2;
  display: none;
  margin: 10px auto 0;
  border: rgba(68, 68, 68, 0.5) 1px solid;
  background-color: white;
}
.xDatePicker .picker__button--today,
.xDatePicker .picker__button--clear,
.xDatePicker .picker__button--close {
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  background-color: #3287B3;
  color: white;
}
.xDatePicker .picker__button--today:hover,
.xDatePicker .picker__button--clear:hover,
.xDatePicker .picker__button--close:hover,
.xDatePicker .picker__button--today:active,
.xDatePicker .picker__button--clear:active,
.xDatePicker .picker__button--close:active {
  background-color: #3287B3;
  color: white;
}
.xDatePicker thead th {
  padding: 5px;
}
.picker--opened {
  display: block;
}
.xDatePicker .picker__button--close {
  display: block;
  padding: 10px 20px;
  width: 100%;
}
.dateField {
  cursor: pointer;
}
.picker__table {
  margin-bottom: 0;
  width: 100%;
  table-layout: fixed;
}
.picker__table td {
  padding: 0;
  text-align: center;
}
.picker__table th {
  text-align: center;
}
.picker__header {
  padding: 10px;
  position: relative;
  text-align: center;
}
.picker__footer {
  font-size: 0;
}
.picker__footer > * {
  font-size: 16px;
  font-size: 1.6rem;
}
.picker__month {
  font-weight: bold;
}
.picker__day {
  padding: 12% 0;
}
.picker__day--infocus {
  cursor: pointer;
}
.picker__day--infocus.picker__day--selected,
.picker__day--infocus:hover,
.picker__day--infocus.xActive {
  background-color: #3287B3;
  color: white;
}
.picker__day--outfocus {
  background-color: #ccc;
  color: #444;
}
.picker__day--selected {
  font-weight: bold;
}
.picker__nav--prev,
.picker__nav--next {
  font-size: 30px;
  font-size: 3rem;
  top: 10px;
  position: absolute;
  cursor: pointer;
}
.picker__nav--prev {
  left: 10px;
}
.picker__nav--prev:before {
  content: "\3c";
}
.picker__nav--next {
  right: 10px;
}
.picker__nav--next:before {
  content: "\3e";
}
.xControlTime {
  position: relative;
}
.xTimePicker {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 2;
  display: none;
  margin: 10px auto 0;
  border: 1px solid #444;
  background-color: white;
}
.xTimePicker.picker--opened {
  display: block;
}
.xTimePicker li {
  list-style-type: none;
}
.timeField {
  cursor: pointer;
}
.picker__list-item {
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
  text-align: center;
  cursor: pointer;
  width: 25%;
}
.picker__list-item:last-child {
  padding: 0;
  border-bottom: 0;
}
.picker__list-item:hover,
.picker__list-item.xActive {
  background-color: #3287B3;
  color: white;
}
.picker__list-item:hover:last-child,
.picker__list-item.xActive:last-child {
  background-color: inherit;
  color: inherit;
}
.picker__list-item--selected {
  font-weight: bold;
}
.xRatingIcons img {
  display: inline-block;
  vertical-align: middle;
}
.xRatingHint {
  padding-top: 5px;
}
.xErrorLabel {
  display: none;
}
.xFieldError .xErrorLabel {
  display: block;
}
.xFieldError {
  color: #c00;
}
.xFieldError input,
.xFieldError textarea {
  border-color: #c00;
  background-color: #ffcccc;
  color: #c00;
}
.xFieldError input::-webkit-input-placeholder,
.xFieldError textarea::-webkit-input-placeholder {
  color: #c00;
}
.xFieldError input:-moz-placeholder,
.xFieldError textarea:-moz-placeholder {
  color: #c00;
}
.xFieldError input::-moz-placeholder,
.xFieldError textarea::-moz-placeholder {
  color: #c00;
}
.xFieldError input:-ms-input-placeholder,
.xFieldError textarea:-ms-input-placeholder {
  color: #c00;
}
.xFieldError .xComboInput {
  border-color: #c00;
  background-color: #ffcccc;
}
.xFieldError .xComboInput:after {
  border-color: #c00;
  color: #c00;
}
.xFieldError .xComboOptions {
  border-color: #c00;
  color: #444;
}
.xFieldError .xDatePicker {
  color: #444;
}
.xFieldError .xTimePicker {
  color: #444;
}
.xFieldError .xUploader {
  border-color: #c00;
}
.xFieldError .xFileAction {
  background-color: #c00;
  color: white;
}
.xFieldError .xFilename {
  border-color: #c00;
  color: #c00;
  background-color: #ffcccc;
}
.xFieldError .xRadiobox span,
.xFieldError .xCheckbox span {
  color: #c00;
}
.xFieldError.xProfileMarketingOptIn .xFieldLabel a,
.xFieldError.xControlTerms_and_conditions .xFieldLabel a {
  color: #c00;
}
.xQuizHeader {
  margin-bottom: 10px;
}
.xQuizHeader:last-child {
  margin-bottom: 0;
}
.xPaginateShowMore {
  font-size: 0;
}
.xPaginateShowMore > * {
  font-size: 16px;
  font-size: 1.6rem;
}
.xPagingButton:before {
  display: none;
}
.xPagingButton.xActionPrevious,
.xPagingButton.xActionShowPrevious {
  margin-bottom: 10px;
}
.xControlQuestion {
  margin-bottom: 16px;
}
.xControlQuestion .xTypeImage img {
  margin: 0;
}
.xQuestionLabel {
  font-size: 19.2px;
  font-size: 1.92rem;
}
.xQuizQuestion {
  margin-bottom: 8px;
}
.cycle-slide .xControlInfo .xLabelContainer {
  display: none;
}
.cycle-slide .xControlInfo .xFieldContainer {
  width: auto;
}
#count-lives:before,
#count-question:before,
#quizTimer:before {
  content: ' ';
}
.xMetaProgressContainer {
  margin-top: 16px;
  border: 1px solid #444;
  text-align: center;
  padding: 5px;
  position: relative;
  background: white;
}
.xMetaProgress {
  color: #99c3d9;
  position: relative;
  z-index: 2;
}
.xMetaProgressBar {
  background: #3287B3;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: '';
}
.xComponent {
  background-color: #fff;
  border: 1px solid #ccc;
}
.xComponent {
  padding: 16px;
  margin-bottom: 16px;
}
.xRow:last-child .xCell:last-child .xComponent:last-child {
  margin-bottom: 0;
}
.xCopyContainer {
  margin-bottom: 10px;
  overflow: hidden;
}
.xCopyContainer:last-child {
  margin-bottom: 0;
}
.xBodyContainer {
  padding: 16px;
}
.xCTAContainer {
  margin-bottom: 10px;
  text-align: center;
}
.xCTAContainer:last-child {
  margin-bottom: 0;
}
.xBodyContainer {
  margin-bottom: 10px;
  padding: 0;
}
.xBodyContainer:last-child {
  margin-bottom: 0;
}
.xMediaContainer {
  margin-bottom: 10px;
}
.xMediaContainer img {
  margin-right: auto;
  margin-left: auto;
}
.xMediaContainer:last-child {
  margin-bottom: 0;
}
.xPlayable {
  font-size: 0;
  zoom: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  text-align: center;
  position: relative;
}
.xPlayable > * {
  font-size: 16px;
  font-size: 1.6rem;
}
.xPlayable .xIconPlay {
  -webkit-transition: opacity 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  zoom: 1;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.xPlayable .xIconPlay:after {
  display: inline-block;
  vertical-align: middle;
  content: '';
  height: 100%;
}
.xPlayable .xIconPlay:before {
  font-size: 60px;
  font-size: 6rem;
  display: inline-block;
  vertical-align: middle;
  content: "\a3";
}
.xPlayable:hover .xIconPlay,
.xPlayable.xActive .xIconPlay {
  zoom: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.xIcon {
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
  color: inherit;
}
.xPlayable .xIconPlay:before {
  content: '1';
}
button {
  width: 100%;
  border: none;
}
.xButton,
.xPagingButton,
button,
.xPagingButton,
.xActionShowMore {
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
  display: block;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  border: 0px none none;
  color: white;
  background-color: #3287B3;
  margin: 0 0 0 0;
  font-family: inherit;
}
.xButton:hover,
.xPagingButton:hover,
button:hover,
.xButton:focus,
.xPagingButton:focus,
button:focus,
.xButton.xActive,
.xPagingButton.xActive,
button.xActive,
.xPagingButton:hover,
.xPagingButton:focus,
.xPagingButton.xActive,
.xActionShowMore:hover,
.xActionShowMore:focus,
.xActionShowMore.xActive {
  background-color: #235f7d;
  color: white;
  text-decoration: none;
}
.xButton.xDisabled,
.xPagingButton.xDisabled,
button.xDisabled,
.xButton.xDisabled:hover,
.xPagingButton.xDisabled:hover,
button.xDisabled:hover,
.xButton.xDisabled:focus,
.xPagingButton.xDisabled:focus,
button.xDisabled:focus {
  background-color: #ccc;
  color: #444;
}
.xButton > span,
.xPagingButton > span,
button > span,
.xPagingButton span,
.xActionShowMore span {
  display: block;
  padding: 10px 20px;
}
.xButton > span .xIcon,
.xPagingButton > span .xIcon,
button > span .xIcon {
  padding-left: 0;
}
.xButton .xIcon,
.xPagingButton .xIcon,
button .xIcon {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
  color: inherit;
}
.xButton .xIcon + span,
.xPagingButton .xIcon + span,
button .xIcon + span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}
.xClassCarousel {
  overflow: hidden;
}
.xClassCarousel .xItem {
  width: 100%;
}
.cycle-slide {
  width: 100%;
}
.xTransitioning {
  overflow: hidden;
}
.xClassCarousel {
  position: relative;
}
.xClassCarousel.xContainer {
  margin-bottom: 16px;
}
.xClassCarousel.xContainer:last-child {
  margin-bottom: 0;
}
.xClassCarousel:last-child {
  margin-bottom: 0;
}
.xClassCarousel .xItem {
  font-size: 0;
  text-align: center;
}
.xClassCarousel .xItem > * {
  font-size: 16px;
  font-size: 1.6rem;
}
.xClassCarousel .xItem:before {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: '';
}
.xClassCarousel .xItemInner {
  display: inline-block;
  vertical-align: middle;
}
.xClassCarousel .xActionsPagination {
  font-size: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: static;
  height: 0;
  width: 0;
}
.xClassCarousel .xActionsPagination > * {
  font-size: 16px;
  font-size: 1.6rem;
}
.xClassCarousel .xPaginationContainer {
  display: inline-block;
  vertical-align: middle;
  direction: ltr;
  width: 100%;
  text-align: left;
  pointer-events: auto;
  height: 0;
}
.xClassCarousel .xActionPaginate {
  margin: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 999;
  border: none;
}
.xClassCarousel .xActionPaginate:after {
  display: inline-block;
  vertical-align: middle;
  content: '';
  height: 100%;
}
.xClassCarousel .xActionPaginate:before {
  display: inline-block;
  vertical-align: middle;
}
.xClassCarousel .xActionNext {
  right: 10px;
  direction: rtl;
}
.xClassCarousel .xActionNext:before {
  content: '>';
  direction: ltr;
}
.xClassCarousel .xActionPrevious {
  left: 10px;
}
.xClassCarousel .xActionPrevious:before {
  content: '<';
}
.xClassCarousel .xActionNext,
.xClassCarousel .xActionPrevious {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  font-size: 0;
  width: 0;
  white-space: nowrap;
}
.xClassCarousel .xActionNext:before,
.xClassCarousel .xActionPrevious:before {
  font-size: 40px;
  font-size: 4rem;
  color: white;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.xClassCarousel .xActionNext:hover,
.xClassCarousel .xActionPrevious:hover {
  text-decoration: none;
}
.xClassCarousel .xActionNext span,
.xClassCarousel .xActionPrevious span {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
.xPaginateIcon {
  font-size: 0;
  padding: 0 16px 6px;
}
.xPaginateIcon > * {
  font-size: 16px;
  font-size: 1.6rem;
}
.xPagingIcon {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #ccc;
}
.xPagingIcon.activeSlide {
  color: #444;
}
.xPagingIcon:last-child {
  margin-right: 0;
}
.xActionsPagination {
  text-align: center;
}
.xPaginateThumb {
  font-size: 0;
  text-align: center;
}
.xPaginateThumb > * {
  font-size: 16px;
  font-size: 1.6rem;
}
.xPagingThumb {
  vertical-align: top;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 0;
  width: 16.66666667%;
  padding-bottom: 16.66666667%;
}
.mid .xPagingThumb {
  width: 33.33333333%;
  padding-bottom: 33.33333333%;
}
.third .xPagingThumb,
.thin .xPagingThumb {
  width: 50%;
  padding-bottom: 50%;
}
.xPagingThumb img {
  object-fit: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
}
.xPaginateIcon {
  margin-bottom: -16px;
}
.xContentcard {
  text-align: center;
}
.xContentcard .xItemInner {
  position: relative;
  overflow: hidden;
  padding: 16px;
}
.xContentcard.xClassUgc .xIconContainer {
  display: none;
}
.xContentcard.xClassUgc .xMediaContainer {
  margin-bottom: 0;
}
.xContainer .xContentcard.xClassUgc .xItemInner,
.xOverlay .xContentcard.xClassUgc .xItemInner {
  padding-bottom: 0;
}
.xContentcard .xActionContainer {
  position: absolute;
  right: 16px;
  bottom: 16px;
}
.xContentcard .xActionPlatform {
  position: static;
}
.xOverlay .xContentcard .xActionPlatform {
  margin-top: 16px;
}
.xContentcard .xIconContainer {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0;
}
.xContentcard .xCopyContainer.xMain,
.xContentcard .xProfileWrapper {
  margin-bottom: 16px;
}
.xContentcard .xCopyContainer.xMain:last-child,
.xContentcard .xProfileWrapper:last-child {
  margin-bottom: 0;
}
.xContentcard .xMediaContainer {
  margin-right: -16px;
  margin-left: -16px;
}
.xContentcard .xMediaContainer:first-child {
  margin-top: -16px;
}
.xContainer .xContentcard.xNetworkTwitter.xContentVideo .xMediaContainer {
  display: none;
}
.xContentcard .xItemInner {
  padding: 0;
}
.xContentcard .xMediaContainer {
  margin-left: 0;
  margin-right: 0;
}
.xContentcard .xMediaContainer:first-child {
  margin-top: 0;
}
.xContentcard .xActionContainer {
  bottom: 0;
  right: 0;
}
.xContentcard .xIconContainer {
  margin-bottom: 0;
}
.xMediacard {
  text-align: center;
}
.xMediacard.xClassUgc .xIconContainer {
  display: none;
}
.xContainer .xMediacard.xClassUgc .xItemInner {
  padding-top: 0;
}
.xMediacard .xItemInner {
  position: relative;
  overflow: hidden;
  padding: 16px;
}
.xOverlay .xMediacard .xItemInner {
  padding-top: 0;
}
.xOverlay .xMediacard .xItemInner .xIconContainer {
  display: none;
}
.xMediacard.xContentText .xItemInner {
  padding-top: 16px;
}
.xMediacard .xProfileContainer {
  display: inline-block;
  vertical-align: middle;
}
.xMediacard .xMediaContainer {
  margin-right: -16px;
  margin-left: -16px;
  margin-bottom: 16px;
}
.xMediacard .xMediaContainer:last-child {
  margin-bottom: -16px;
}
.xMediacard .xIconContainer {
  position: absolute;
  top: 16px;
  left: 16px;
}
.xMediacard .xActionNetwork {
  text-align: right;
}
.xContainer .xMediacard.xNetworkTwitter.xContentVideo .xMediaContainer {
  display: none;
}
.xTemplateList .xMediacard .xItemInner {
  padding-top: 0;
  padding-bottom: 0;
}
.xOverlay .xMediacard .xActionNetwork {
  margin-top: 16px;
}
.xMediacard .xItemInner {
  padding: 0;
}
.xMediacard .xMediaContainer {
  margin-left: 0;
  margin-right: 0;
}
.xMediacard .xMediaContainer:last-child {
  margin-bottom: 0;
}
.xOverlay .xMediacard .xActionNetwork {
  margin-top: 0;
}
.xTemplateGrid {
  text-align: center;
}
.xTemplateGrid .xMediaitem .xItemInner {
  position: relative;
  overflow: hidden;
  padding: 16px;
}
.xOverlay .xTemplateGrid .xMediaitem .xItemInner {
  padding-top: 0;
}
.xTemplateGrid .xMediaitem .xMediaContainer {
  margin-right: -16px;
  margin-left: -16px;
}
.xTemplateList .xMediaitem .xItemInner {
  padding-top: 0;
  padding-bottom: 0;
}
.xTemplateGrid .xMediaitem .xItemInner {
  padding: 0;
}
.xTemplateGrid .xMediaitem .xMediaContainer {
  margin-left: 0;
  margin-right: 0;
}
.xMedialayer {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.xMedialayer .xButton {
  color: #444;
  background-color: white;
}
.xMedialayer .xButton:hover,
.xMedialayer .xButton:focus,
.xMedialayer .xButton.xActive {
  color: white;
  background-color: #b3b3b3;
}
.xMedialayer.xClassUgc .xIconContainer {
  display: none;
}
.xMedialayer.xNetworkBazaarvoice .xProfileWrapper {
  height: auto;
}
.xMedialayer.xNetworkBazaarvoice .xUserHandle {
  font-size: 1.2em;
}
.xMedialayer .xItemInner {
  position: absolute;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #3287B3;
  color: white;
  padding: 16px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.xTemplateGrid .xMedialayer .xItemInner,
.xTemplateMasonry .xMedialayer .xItemInner {
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
}
.xMedialayer .xItemInner:before {
  -webkit-transition: opacity 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  zoom: 1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3287B3;
  z-index: 1;
}
.xGallery .xMedialayer .xItemInner:before,
.xVideoGallery .xMedialayer .xItemInner:before {
  display: none;
}
.xGallery .hasCopy.xMedialayer .xItemInner:before,
.xGallery .hasCTA.xMedialayer .xItemInner:before,
.xVideoGallery .hasCopy.xMedialayer .xItemInner:before,
.xVideoGallery .hasCTA.xMedialayer .xItemInner:before {
  display: block;
}
.xMedialayer .xItemInner .xUserDetails {
  padding-left: 5px;
}
.xMedialayer .xItemInner .xUserDetails:first-child {
  padding-left: 0;
}
.xMedialayer .xItemInner > * {
  -webkit-transition: opacity 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  z-index: 2;
}
.xMedialayer .xItemInner:hover .xProfileWrapper,
.xMedialayer .xItemInner.xActive .xProfileWrapper,
.xMedialayer .xItemInner:hover .xActionNetwork,
.xMedialayer .xItemInner.xActive .xActionNetwork {
  zoom: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.xMedialayer .xItemInner:hover .xIconContainer,
.xMedialayer .xItemInner.xActive .xIconContainer,
.xMedialayer .xItemInner:hover .xMetaDate,
.xMedialayer .xItemInner.xActive .xMetaDate {
  zoom: 1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.xMedialayer .xCopyContainer {
  position: relative;
  margin-bottom: 8px;
}
.xMedialayer .xCopyContainer:last-child {
  margin-bottom: 0;
}
.xContainerSocialContentWall .xMedialayer .xCopyContainer {
  padding-bottom: 60%;
  height: 0;
  overflow: hidden;
}
.xContainerSocialContentWall .xMedialayer .xCopyContainer:after {
  -webkit-transition: opacity 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSJyZ2IoNTAsIDEzNSwgMTc5KSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzI4N2IzIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(top, rgba(50, 135, 179, 0) 70%, #3287b3 100%);
  background-image: -moz-linear-gradient(top, rgba(50, 135, 179, 0) 70%, #3287b3 100%);
  background-image: -o-linear-gradient(top, rgba(50, 135, 179, 0) 70%, #3287b3 100%);
  background-image: linear-gradient(to bottom, rgba(50, 135, 179, 0) 70%, #3287b3 100%);
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
.xGallery .xMedialayer .xItemInner {
  font-size: 0;
}
.xGallery .xMedialayer .xItemInner > * {
  font-size: 16px;
  font-size: 1.6rem;
}
.xGallery .xMedialayer .xItemInner .xCopyContainer {
  display: inline-block;
  vertical-align: middle;
}
.xGallery .xMedialayer .xItemInner .xCTAContainer {
  zoom: 1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  z-index: 3;
  bottom: 16px;
  left: 16px;
  right: 16px;
}
.xGallery .xMedialayer .xItemInner:hover .xCTAContainer,
.xGallery .xMedialayer .xItemInner.xActive .xCTAContainer {
  zoom: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.xMedialayer.xContentImage .xItemInner .xCopyContainer,
.xMedialayer.xContentVideo .xItemInner .xCopyContainer,
.xMedialayer.xContentImage .xItemInner .xCopyContainer:after,
.xMedialayer.xContentVideo .xItemInner .xCopyContainer:after,
.xMedialayer.xContentImage .xItemInner .xMetaDate,
.xMedialayer.xContentVideo .xItemInner .xMetaDate {
  zoom: 1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.xMedialayer.xContentImage .xItemInner .xIconContainer,
.xMedialayer.xContentVideo .xItemInner .xIconContainer {
  left: auto;
  top: auto;
  right: 16px;
  bottom: 16px;
}
.xMedialayer.xContentImage .xItemInner:hover:before,
.xMedialayer.xContentVideo .xItemInner:hover:before,
.xMedialayer.xContentImage .xItemInner.xActive:before,
.xMedialayer.xContentVideo .xItemInner.xActive:before {
  zoom: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.xMedialayer.xContentImage .xItemInner:hover .xCopyContainer,
.xMedialayer.xContentVideo .xItemInner:hover .xCopyContainer,
.xMedialayer.xContentImage .xItemInner.xActive .xCopyContainer,
.xMedialayer.xContentVideo .xItemInner.xActive .xCopyContainer,
.xMedialayer.xContentImage .xItemInner:hover .xCopyContainer:after,
.xMedialayer.xContentVideo .xItemInner:hover .xCopyContainer:after,
.xMedialayer.xContentImage .xItemInner.xActive .xCopyContainer:after,
.xMedialayer.xContentVideo .xItemInner.xActive .xCopyContainer:after {
  zoom: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.xMedialayer.xContentImage.xClassGallery .xItemInner:hover:before,
.xMedialayer.xContentVideo.xClassGallery .xItemInner:hover:before,
.xMedialayer.xContentImage.xClassGallery .xItemInner.xActive:before,
.xMedialayer.xContentVideo.xClassGallery .xItemInner.xActive:before,
.xMedialayer.xContentImage.xClassGallery .xItemInner:hover .xCopyContainer,
.xMedialayer.xContentVideo.xClassGallery .xItemInner:hover .xCopyContainer,
.xMedialayer.xContentImage.xClassGallery .xItemInner.xActive .xCopyContainer,
.xMedialayer.xContentVideo.xClassGallery .xItemInner.xActive .xCopyContainer,
.xMedialayer.xContentImage.xClassGallery .xItemInner:hover .xCopyContainer:after,
.xMedialayer.xContentVideo.xClassGallery .xItemInner:hover .xCopyContainer:after,
.xMedialayer.xContentImage.xClassGallery .xItemInner.xActive .xCopyContainer:after,
.xMedialayer.xContentVideo.xClassGallery .xItemInner.xActive .xCopyContainer:after {
  zoom: 1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.xMedialayer.xContentText .xIconContainer {
  top: 16px;
  right: 16px;
  left: 16px;
  text-align: center;
  height: 50px;
}
.xMedialayer.xContentText .xIconContainer:before {
  display: inline-block;
  vertical-align: middle;
  content: '';
  height: 100%;
}
.xMedialayer.xContentText .xSourceLogo {
  display: inline-block;
  vertical-align: middle;
  font-size: 42px;
  font-size: 4.2rem;
}
.xMedialayer .xMetaDate {
  position: absolute;
  text-align: center;
  bottom: 16px;
  left: 16px;
  margin: 0;
  right: 16px;
}
.xMedialayer .xProfileWrapper {
  font-size: 0;
  zoom: 1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  height: 50px;
  margin-bottom: 16px;
  text-align: center;
  position: relative;
}
.xMedialayer .xProfileWrapper > * {
  font-size: 16px;
  font-size: 1.6rem;
}
.xMedialayer .xProfileWrapper:before {
  display: inline-block;
  vertical-align: middle;
  content: '';
  height: 100%;
}
.xMedialayer .xProfileContainer {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.xMedialayer .xIconContainer {
  position: absolute;
  margin: 0;
}
.xMedialayer .xActionNetwork {
  zoom: 1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  text-align: center;
}
.xMedialayer.xNetworkTwitter.xContentVideo:not(.hasBGAsset).xVariantS .xMediaContainer {
  display: none;
}
.xMedialayer.xNetworkTwitter.xContentVideo:not(.hasBGAsset).xVariantS .xProfileWrapper,
.xMedialayer.xNetworkTwitter.xContentVideo:not(.hasBGAsset).xVariantS .xCopyContainer,
.xMedialayer.xNetworkTwitter.xContentVideo:not(.hasBGAsset).xVariantS .xActionNetwork {
  zoom: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.xMedialayer.xNetworkTwitter.xContentVideo:not(.hasBGAsset).xVariantS .xIconContainer {
  display: none;
}
.xMedialayer.xNetworkTwitter.xContentVideo:not(.hasBGAsset).xVariantL .xActionContainer {
  display: none;
}
.xMedialayer.xNetworkTwitter.xContentVideo:not(.hasBGAsset).xVariantL .xItemInner {
  padding: 0;
}
.xMedialayer.xNetworkTwitter.xContentVideo:not(.hasBGAsset).xVariantL .xEmbedVine {
  height: 100%;
  padding-bottom: 0;
}
.xMedialayer.xNetworkTwitter.xContentVideo:not(.hasBGAsset).xVariantL .xIconPlay:before {
  content: "\a3";
}
.xMedialayer .xItemInner {
  border: 16px solid #fff;
}
.xMedialayer .xItemInner:after {
  border: 1px solid #ccc;
  position: absolute;
  top: -16px;
  bottom: -16px;
  left: -16px;
  right: -16px;
  content: '';
  display: block;
}
.xMedialayer.xContentVideo .xPlayable {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: 0;
}
.xMedialayer.xContentVideo:hover .xIconPlay,
.xMedialayer.xContentVideo.xActive .xIconPlay {
  zoom: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.xContainerSocialContentWall .xMedialayer.xContentVideo:hover .xIconPlay,
.xContainerSocialContentWall .xMedialayer.xContentVideo.xActive .xIconPlay {
  zoom: 1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.xOverlay {
  background: black;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 16px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.uaMSIE8 .xOverlay {
  background: none;
}
.xOverlay .xItemContent {
  margin-bottom: 16px;
}
.xOverlay .xItemContent:last-child {
  margin-bottom: 0;
}
.xOverlayInner {
  position: relative;
  text-align: start;
  color: #444;
  background-color: white;
}
.xOverlayContent {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.xDialogWrapper {
  padding: 10px;
}
#quizDialogFooter .xButton {
  margin-bottom: 10px;
}
#quizDialogFooter .xButton:last-child {
  margin-bottom: 0;
}
.xOverlay .xMediacard.xContentVideo .xIconContainer {
  display: none;
}
.xOverlay-modal .xOverlayContent {
  padding: 16px;
}
.xRenderOverlay .xItem {
  cursor: pointer;
}
.xActionClose.hasIcon {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: -35px;
  right: -10px;
  margin: 0;
  color: white;
}
.xIconClose:before {
  font-size: 40px;
  font-size: 4rem;
  content: 'x';
}
.xActionCloseOverlay:hover {
  text-decoration: none;
}
@media all and (min-width: 970px) {
  .xActionClose.hasIcon {
    right: -35px;
  }
}
.xOverlay .xToolbar:last-child {
  margin-bottom: 0;
}
.xOverlay .xToolbar:last-child li {
  margin-bottom: 0;
}
.xOverlay-shareModal .xOverlayInner {
  padding: 16px;
  text-align: center;
}
.xOverlay-shareModal .xToolbarSharing .xIcon {
  font-size: 30px;
  font-size: 3rem;
}
.xOverlay-shareModal .hasButton {
  display: none;
}
.xRules {
  padding: 16px;
}
.xOverlayInner {
  padding: 16px;
}
.xRules {
  padding: 0;
}
.xActionClose.hasButton {
  padding: 16px 0 0;
}
.xProfileWrapper {
  margin-bottom: 10px;
  overflow: hidden;
  white-space: nowrap;
}
.xProfileWrapper:last-child {
  margin-bottom: 0;
}
.xProfileContainer {
  display: inline-block;
  vertical-align: middle;
}
.xProfileContainer .xUserAvatar {
  display: table-cell;
  vertical-align: middle;
}
.xProfileContainer .xUserDetails {
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}
.xProfileContainer .xUserAvatar + .xUserDetails {
  padding-left: 10px;
}
.xMediaAvatar {
  min-width: 50px;
  min-height: 50px;
}
.xActionProfile {
  display: none;
}
.xAvatar {
  min-height: 50px;
  min-width: 50px;
  height: 50px;
  width: 50px;
}
.uaMSIE8 .xAvatar {
  height: 50px;
  width: 50px;
}
.xToolbar {
  font-size: 0;
}
.xToolbar > * {
  font-size: 16px;
  font-size: 1.6rem;
}
.xToolbar li {
  display: inline-block;
  vertical-align: middle;
  list-style-type: none;
  margin-right: 10px;
  margin-bottom: 10px;
}
.xToolbar li:last-child {
  margin-right: 0;
}
.xToolbar:last-child {
  margin-bottom: -10px;
}
.xFixed .xToolbar {
  white-space: nowrap;
  overflow: hidden;
}
.xNativeToolbar li {
  vertical-align: top;
}
.xIconToolbar {
  white-space: nowrap;
}
.xIconToolbar li {
  margin-bottom: 0;
}
.xIconToolbar:last-child {
  margin-bottom: 0;
}
.xButtonToolbar li {
  display: block;
  margin: 0 0 10px 0;
}
.xButtonToolbar:last-child {
  margin-bottom: -10px;
}
.xActionContainer {
  margin-bottom: 10px;
}
.xActionContainer:last-child {
  margin-bottom: 0;
}
.xIconLabel {
  display: inline-block;
  vertical-align: middle;
}
.xEmbedYoutube {
  height: 0;
}
.xEmbedYoutube iframe {
  height: 100%;
  width: 100%;
}
div.fb_iframe_widget span {
  display: block;
}
.xHeader {
  margin-bottom: 16px;
}
.xHeader:last-child {
  margin-bottom: 0;
}
.xTemplateColumn .xItem {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
@media all and (min-width: 0px) and (min-width: 520px) {
  .xTemplateColumn .xItem {
    width: 100%;
  }
  .mid .xTemplateColumn .xItem h1,
  .extrawide .xTemplateColumn .xItem h1 {
    font-size: 21.6px;
    font-size: 2.16rem;
  }
  .mid .xTemplateColumn .xItem h2,
  .extrawide .xTemplateColumn .xItem h2 {
    font-size: 13.2px;
    font-size: 1.32rem;
  }
  .mid .xTemplateColumn .xItem .xCopy,
  .extrawide .xTemplateColumn .xItem .xCopy {
    font-size: 12.8px;
    font-size: 1.28rem;
  }
  .mid .xTemplateColumn .xItem button span,
  .extrawide .xTemplateColumn .xItem button span,
  .mid .xTemplateColumn .xItem .xButton span,
  .extrawide .xTemplateColumn .xItem .xButton span {
    font-size: 11.2px;
    font-size: 1.12rem;
    padding: 5px 10px;
  }
  .third .xTemplateColumn .xItem h1,
  .thin .xTemplateColumn .xItem h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .third .xTemplateColumn .xItem h2,
  .thin .xTemplateColumn .xItem h2 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .third .xTemplateColumn .xItem .xCopy,
  .thin .xTemplateColumn .xItem .xCopy {
    font-size: 11.2px;
    font-size: 1.12rem;
  }
  .third .xTemplateColumn .xItem button span,
  .thin .xTemplateColumn .xItem button span,
  .third .xTemplateColumn .xItem .xButton span,
  .thin .xTemplateColumn .xItem .xButton span {
    font-size: 9.6px;
    font-size: 0.96rem;
    padding: 4px 8px;
  }
}
@media all and (min-width: 325px) and (min-width: 520px) {
  .xTemplateColumn .xItem {
    width: 50%;
  }
  .mid .xTemplateColumn .xItem h1,
  .extrawide .xTemplateColumn .xItem h1 {
    font-size: 21.6px;
    font-size: 2.16rem;
  }
  .mid .xTemplateColumn .xItem h2,
  .extrawide .xTemplateColumn .xItem h2 {
    font-size: 13.2px;
    font-size: 1.32rem;
  }
  .mid .xTemplateColumn .xItem .xCopy,
  .extrawide .xTemplateColumn .xItem .xCopy {
    font-size: 12.8px;
    font-size: 1.28rem;
  }
  .mid .xTemplateColumn .xItem button span,
  .extrawide .xTemplateColumn .xItem button span,
  .mid .xTemplateColumn .xItem .xButton span,
  .extrawide .xTemplateColumn .xItem .xButton span {
    font-size: 11.2px;
    font-size: 1.12rem;
    padding: 5px 10px;
  }
  .third .xTemplateColumn .xItem h1,
  .thin .xTemplateColumn .xItem h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .third .xTemplateColumn .xItem h2,
  .thin .xTemplateColumn .xItem h2 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .third .xTemplateColumn .xItem .xCopy,
  .thin .xTemplateColumn .xItem .xCopy {
    font-size: 11.2px;
    font-size: 1.12rem;
  }
  .third .xTemplateColumn .xItem button span,
  .thin .xTemplateColumn .xItem button span,
  .third .xTemplateColumn .xItem .xButton span,
  .thin .xTemplateColumn .xItem .xButton span {
    font-size: 9.6px;
    font-size: 0.96rem;
    padding: 4px 8px;
  }
}
@media all and (min-width: 650px) and (min-width: 520px) {
  .xTemplateColumn .xItem {
    width: 33.33333%;
  }
  .mid .xTemplateColumn .xItem h1,
  .extrawide .xTemplateColumn .xItem h1 {
    font-size: 21.6px;
    font-size: 2.16rem;
  }
  .mid .xTemplateColumn .xItem h2,
  .extrawide .xTemplateColumn .xItem h2 {
    font-size: 13.2px;
    font-size: 1.32rem;
  }
  .mid .xTemplateColumn .xItem .xCopy,
  .extrawide .xTemplateColumn .xItem .xCopy {
    font-size: 12.8px;
    font-size: 1.28rem;
  }
  .mid .xTemplateColumn .xItem button span,
  .extrawide .xTemplateColumn .xItem button span,
  .mid .xTemplateColumn .xItem .xButton span,
  .extrawide .xTemplateColumn .xItem .xButton span {
    font-size: 11.2px;
    font-size: 1.12rem;
    padding: 5px 10px;
  }
  .third .xTemplateColumn .xItem h1,
  .thin .xTemplateColumn .xItem h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .third .xTemplateColumn .xItem h2,
  .thin .xTemplateColumn .xItem h2 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .third .xTemplateColumn .xItem .xCopy,
  .thin .xTemplateColumn .xItem .xCopy {
    font-size: 11.2px;
    font-size: 1.12rem;
  }
  .third .xTemplateColumn .xItem button span,
  .thin .xTemplateColumn .xItem button span,
  .third .xTemplateColumn .xItem .xButton span,
  .thin .xTemplateColumn .xItem .xButton span {
    font-size: 9.6px;
    font-size: 0.96rem;
    padding: 4px 8px;
  }
}
@media all and (min-width: 975px) and (min-width: 520px) {
  .xTemplateColumn .xItem {
    width: 25%;
  }
  .mid .xTemplateColumn .xItem h1,
  .extrawide .xTemplateColumn .xItem h1 {
    font-size: 21.6px;
    font-size: 2.16rem;
  }
  .mid .xTemplateColumn .xItem h2,
  .extrawide .xTemplateColumn .xItem h2 {
    font-size: 13.2px;
    font-size: 1.32rem;
  }
  .mid .xTemplateColumn .xItem .xCopy,
  .extrawide .xTemplateColumn .xItem .xCopy {
    font-size: 12.8px;
    font-size: 1.28rem;
  }
  .mid .xTemplateColumn .xItem button span,
  .extrawide .xTemplateColumn .xItem button span,
  .mid .xTemplateColumn .xItem .xButton span,
  .extrawide .xTemplateColumn .xItem .xButton span {
    font-size: 11.2px;
    font-size: 1.12rem;
    padding: 5px 10px;
  }
  .third .xTemplateColumn .xItem h1,
  .thin .xTemplateColumn .xItem h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .third .xTemplateColumn .xItem h2,
  .thin .xTemplateColumn .xItem h2 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .third .xTemplateColumn .xItem .xCopy,
  .thin .xTemplateColumn .xItem .xCopy {
    font-size: 11.2px;
    font-size: 1.12rem;
  }
  .third .xTemplateColumn .xItem button span,
  .thin .xTemplateColumn .xItem button span,
  .third .xTemplateColumn .xItem .xButton span,
  .thin .xTemplateColumn .xItem .xButton span {
    font-size: 9.6px;
    font-size: 0.96rem;
    padding: 4px 8px;
  }
}
.uaMSIE8 .xTemplateColumn .xItem {
  width: 33.33333333%;
}
.xTemplateColumn {
  margin: -4px;
  padding: 0 0 16px;
}
.xTemplateColumn:last-child {
  margin-bottom: -4px;
}
.xTemplateColumn .xItem {
  padding: 4px;
}
.xTemplateColumn {
  padding: 0;
}
.xTmpl-Column .xActionPlatform {
  margin-bottom: 16px;
}
.xTmpl-Column {
  padding: 0;
  border: none;
  background: none;
}
.xTmpl-Column .xActionContainer {
  bottom: 16px;
  right: 16px;
}
.xTmpl-Column .xActionPlatform {
  margin-top: 16px;
}
.xTmpl-Column .xHeader {
  margin-top: 16px;
  margin-bottom: 16px;
}
.xTmpl-Column .xContainer .xItemInner {
  background-color: #fff;
  padding: 16px;
  border: 1px solid #ccc;
}
.xTemplateGrid .xItem {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
@media all and (min-width: 0px) and (min-width: 520px) {
  .xContainer .xVariantXl {
    width: 100%;
  }
  .xContainer .xVariantXl.xMedialayer {
    padding-bottom: 100%;
  }
  .xVideoGallery .xContainer .xVariantXl.xMedialayer {
    padding-bottom: 55%;
  }
  .mid .xContainer .xVariantXl h1,
  .extrawide .xContainer .xVariantXl h1 {
    font-size: 21.6px;
    font-size: 2.16rem;
  }
  .mid .xContainer .xVariantXl h2,
  .extrawide .xContainer .xVariantXl h2 {
    font-size: 13.2px;
    font-size: 1.32rem;
  }
  .mid .xContainer .xVariantXl .xCopy,
  .extrawide .xContainer .xVariantXl .xCopy {
    font-size: 11.2px;
    font-size: 1.12rem;
  }
  .mid .xContainer .xVariantXl button span,
  .extrawide .xContainer .xVariantXl button span,
  .mid .xContainer .xVariantXl .xButton span,
  .extrawide .xContainer .xVariantXl .xButton span {
    font-size: 11.2px;
    font-size: 1.12rem;
    padding: 5px 10px;
  }
  .third .xContainer .xVariantXl h1,
  .thin .xContainer .xVariantXl h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .third .xContainer .xVariantXl h2,
  .thin .xContainer .xVariantXl h2 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .third .xContainer .xVariantXl .xCopy,
  .thin .xContainer .xVariantXl .xCopy {
    font-size: 9.6px;
    font-size: 0.96rem;
  }
  .third .xContainer .xVariantXl button span,
  .thin .xContainer .xVariantXl button span,
  .third .xContainer .xVariantXl .xButton span,
  .thin .xContainer .xVariantXl .xButton span {
    font-size: 9.6px;
    font-size: 0.96rem;
    padding: 4px 8px;
  }
}
@media all and (min-width: 500px) and (min-width: 520px) {
  .xContainer .xVariantXl {
    width: 50%;
  }
  .xContainer .xVariantXl.xMedialayer {
    padding-bottom: 50%;
  }
  .xVideoGallery .xContainer .xVariantXl.xMedialayer {
    padding-bottom: 27.5%;
  }
  .mid .xContainer .xVariantXl h1,
  .extrawide .xContainer .xVariantXl h1 {
    font-size: 21.6px;
    font-size: 2.16rem;
  }
  .mid .xContainer .xVariantXl h2,
  .extrawide .xContainer .xVariantXl h2 {
    font-size: 13.2px;
    font-size: 1.32rem;
  }
  .mid .xContainer .xVariantXl .xCopy,
  .extrawide .xContainer .xVariantXl .xCopy {
    font-size: 11.2px;
    font-size: 1.12rem;
  }
  .mid .xContainer .xVariantXl button span,
  .extrawide .xContainer .xVariantXl button span,
  .mid .xContainer .xVariantXl .xButton span,
  .extrawide .xContainer .xVariantXl .xButton span {
    font-size: 11.2px;
    font-size: 1.12rem;
    padding: 5px 10px;
  }
  .third .xContainer .xVariantXl h1,
  .thin .xContainer .xVariantXl h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .third .xContainer .xVariantXl h2,
  .thin .xContainer .xVariantXl h2 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .third .xContainer .xVariantXl .xCopy,
  .thin .xContainer .xVariantXl .xCopy {
    font-size: 9.6px;
    font-size: 0.96rem;
  }
  .third .xContainer .xVariantXl button span,
  .thin .xContainer .xVariantXl button span,
  .third .xContainer .xVariantXl .xButton span,
  .thin .xContainer .xVariantXl .xButton span {
    font-size: 9.6px;
    font-size: 0.96rem;
    padding: 4px 8px;
  }
}
@media all and (min-width: 0px) and (min-width: 520px) {
  .xContainer .xVariantL {
    width: 100%;
  }
  .xContainer .xVariantL.xMedialayer {
    padding-bottom: 100%;
  }
  .xVideoGallery .xContainer .xVariantL.xMedialayer {
    padding-bottom: 55%;
  }
  .mid .xContainer .xVariantL h1,
  .extrawide .xContainer .xVariantL h1 {
    font-size: 21.6px;
    font-size: 2.16rem;
  }
  .mid .xContainer .xVariantL h2,
  .extrawide .xContainer .xVariantL h2 {
    font-size: 13.2px;
    font-size: 1.32rem;
  }
  .mid .xContainer .xVariantL .xCopy,
  .extrawide .xContainer .xVariantL .xCopy {
    font-size: 11.2px;
    font-size: 1.12rem;
  }
  .mid .xContainer .xVariantL button span,
  .extrawide .xContainer .xVariantL button span,
  .mid .xContainer .xVariantL .xButton span,
  .extrawide .xContainer .xVariantL .xButton span {
    font-size: 11.2px;
    font-size: 1.12rem;
    padding: 5px 10px;
  }
  .third .xContainer .xVariantL h1,
  .thin .xContainer .xVariantL h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .third .xContainer .xVariantL h2,
  .thin .xContainer .xVariantL h2 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .third .xContainer .xVariantL .xCopy,
  .thin .xContainer .xVariantL .xCopy {
    font-size: 9.6px;
    font-size: 0.96rem;
  }
  .third .xContainer .xVariantL button span,
  .thin .xContainer .xVariantL button span,
  .third .xContainer .xVariantL .xButton span,
  .thin .xContainer .xVariantL .xButton span {
    font-size: 9.6px;
    font-size: 0.96rem;
    padding: 4px 8px;
  }
}
@media all and (min-width: 420px) and (min-width: 520px) {
  .xContainer .xVariantL {
    width: 50%;
  }
  .xContainer .xVariantL.xMedialayer {
    padding-bottom: 50%;
  }
  .xVideoGallery .xContainer .xVariantL.xMedialayer {
    padding-bottom: 27.5%;
  }
  .mid .xContainer .xVariantL h1,
  .extrawide .xContainer .xVariantL h1 {
    font-size: 21.6px;
    font-size: 2.16rem;
  }
  .mid .xContainer .xVariantL h2,
  .extrawide .xContainer .xVariantL h2 {
    font-size: 13.2px;
    font-size: 1.32rem;
  }
  .mid .xContainer .xVariantL .xCopy,
  .extrawide .xContainer .xVariantL .xCopy {
    font-size: 11.2px;
    font-size: 1.12rem;
  }
  .mid .xContainer .xVariantL button span,
  .extrawide .xContainer .xVariantL button span,
  .mid .xContainer .xVariantL .xButton span,
  .extrawide .xContainer .xVariantL .xButton span {
    font-size: 11.2px;
    font-size: 1.12rem;
    padding: 5px 10px;
  }
  .third .xContainer .xVariantL h1,
  .thin .xContainer .xVariantL h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .third .xContainer .xVariantL h2,
  .thin .xContainer .xVariantL h2 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .third .xContainer .xVariantL .xCopy,
  .thin .xContainer .xVariantL .xCopy {
    font-size: 9.6px;
    font-size: 0.96rem;
  }
  .third .xContainer .xVariantL button span,
  .thin .xContainer .xVariantL button span,
  .third .xContainer .xVariantL .xButton span,
  .thin .xContainer .xVariantL .xButton span {
    font-size: 9.6px;
    font-size: 0.96rem;
    padding: 4px 8px;
  }
}
@media all and (min-width: 840px) and (min-width: 520px) {
  .xContainer .xVariantL {
    width: 33.33333%;
  }
  .xContainer .xVariantL.xMedialayer {
    padding-bottom: 33.33333%;
  }
  .xVideoGallery .xContainer .xVariantL.xMedialayer {
    padding-bottom: 18.33333333%;
  }
  .mid .xContainer .xVariantL h1,
  .extrawide .xContainer .xVariantL h1 {
    font-size: 21.6px;
    font-size: 2.16rem;
  }
  .mid .xContainer .xVariantL h2,
  .extrawide .xContainer .xVariantL h2 {
    font-size: 13.2px;
    font-size: 1.32rem;
  }
  .mid .xContainer .xVariantL .xCopy,
  .extrawide .xContainer .xVariantL .xCopy {
    font-size: 11.2px;
    font-size: 1.12rem;
  }
  .mid .xContainer .xVariantL button span,
  .extrawide .xContainer .xVariantL button span,
  .mid .xContainer .xVariantL .xButton span,
  .extrawide .xContainer .xVariantL .xButton span {
    font-size: 11.2px;
    font-size: 1.12rem;
    padding: 5px 10px;
  }
  .third .xContainer .xVariantL h1,
  .thin .xContainer .xVariantL h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .third .xContainer .xVariantL h2,
  .thin .xContainer .xVariantL h2 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .third .xContainer .xVariantL .xCopy,
  .thin .xContainer .xVariantL .xCopy {
    font-size: 9.6px;
    font-size: 0.96rem;
  }
  .third .xContainer .xVariantL button span,
  .thin .xContainer .xVariantL button span,
  .third .xContainer .xVariantL .xButton span,
  .thin .xContainer .xVariantL .xButton span {
    font-size: 9.6px;
    font-size: 0.96rem;
    padding: 4px 8px;
  }
}
@media all and (min-width: 0px) and (min-width: 520px) {
  .xContainer .xVariantM {
    width: 100%;
  }
  .xContainer .xVariantM.xMedialayer {
    padding-bottom: 100%;
  }
  .xVideoGallery .xContainer .xVariantM.xMedialayer {
    padding-bottom: 55%;
  }
  .mid .xContainer .xVariantM h1,
  .extrawide .xContainer .xVariantM h1 {
    font-size: 21.6px;
    font-size: 2.16rem;
  }
  .mid .xContainer .xVariantM h2,
  .extrawide .xContainer .xVariantM h2 {
    font-size: 13.2px;
    font-size: 1.32rem;
  }
  .mid .xContainer .xVariantM .xCopy,
  .extrawide .xContainer .xVariantM .xCopy {
    font-size: 11.2px;
    font-size: 1.12rem;
  }
  .mid .xContainer .xVariantM button span,
  .extrawide .xContainer .xVariantM button span,
  .mid .xContainer .xVariantM .xButton span,
  .extrawide .xContainer .xVariantM .xButton span {
    font-size: 11.2px;
    font-size: 1.12rem;
    padding: 5px 10px;
  }
  .third .xContainer .xVariantM h1,
  .thin .xContainer .xVariantM h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .third .xContainer .xVariantM h2,
  .thin .xContainer .xVariantM h2 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .third .xContainer .xVariantM .xCopy,
  .thin .xContainer .xVariantM .xCopy {
    font-size: 9.6px;
    font-size: 0.96rem;
  }
  .third .xContainer .xVariantM button span,
  .thin .xContainer .xVariantM button span,
  .third .xContainer .xVariantM .xButton span,
  .thin .xContainer .xVariantM .xButton span {
    font-size: 9.6px;
    font-size: 0.96rem;
    padding: 4px 8px;
  }
}
@media all and (min-width: 400px) and (min-width: 520px) {
  .xContainer .xVariantM {
    width: 50%;
  }
  .xContainer .xVariantM.xMedialayer {
    padding-bottom: 50%;
  }
  .xVideoGallery .xContainer .xVariantM.xMedialayer {
    padding-bottom: 27.5%;
  }
  .mid .xContainer .xVariantM h1,
  .extrawide .xContainer .xVariantM h1 {
    font-size: 21.6px;
    font-size: 2.16rem;
  }
  .mid .xContainer .xVariantM h2,
  .extrawide .xContainer .xVariantM h2 {
    font-size: 13.2px;
    font-size: 1.32rem;
  }
  .mid .xContainer .xVariantM .xCopy,
  .extrawide .xContainer .xVariantM .xCopy {
    font-size: 11.2px;
    font-size: 1.12rem;
  }
  .mid .xContainer .xVariantM button span,
  .extrawide .xContainer .xVariantM button span,
  .mid .xContainer .xVariantM .xButton span,
  .extrawide .xContainer .xVariantM .xButton span {
    font-size: 11.2px;
    font-size: 1.12rem;
    padding: 5px 10px;
  }
  .third .xContainer .xVariantM h1,
  .thin .xContainer .xVariantM h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .third .xContainer .xVariantM h2,
  .thin .xContainer .xVariantM h2 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .third .xContainer .xVariantM .xCopy,
  .thin .xContainer .xVariantM .xCopy {
    font-size: 9.6px;
    font-size: 0.96rem;
  }
  .third .xContainer .xVariantM button span,
  .thin .xContainer .xVariantM button span,
  .third .xContainer .xVariantM .xButton span,
  .thin .xContainer .xVariantM .xButton span {
    font-size: 9.6px;
    font-size: 0.96rem;
    padding: 4px 8px;
  }
}
@media all and (min-width: 800px) and (min-width: 520px) {
  .xContainer .xVariantM {
    width: 33.33333%;
  }
  .xContainer .xVariantM.xMedialayer {
    padding-bottom: 33.33333%;
  }
  .xVideoGallery .xContainer .xVariantM.xMedialayer {
    padding-bottom: 18.33333333%;
  }
  .mid .xContainer .xVariantM h1,
  .extrawide .xContainer .xVariantM h1 {
    font-size: 21.6px;
    font-size: 2.16rem;
  }
  .mid .xContainer .xVariantM h2,
  .extrawide .xContainer .xVariantM h2 {
    font-size: 13.2px;
    font-size: 1.32rem;
  }
  .mid .xContainer .xVariantM .xCopy,
  .extrawide .xContainer .xVariantM .xCopy {
    font-size: 11.2px;
    font-size: 1.12rem;
  }
  .mid .xContainer .xVariantM button span,
  .extrawide .xContainer .xVariantM button span,
  .mid .xContainer .xVariantM .xButton span,
  .extrawide .xContainer .xVariantM .xButton span {
    font-size: 11.2px;
    font-size: 1.12rem;
    padding: 5px 10px;
  }
  .third .xContainer .xVariantM h1,
  .thin .xContainer .xVariantM h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .third .xContainer .xVariantM h2,
  .thin .xContainer .xVariantM h2 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .third .xContainer .xVariantM .xCopy,
  .thin .xContainer .xVariantM .xCopy {
    font-size: 9.6px;
    font-size: 0.96rem;
  }
  .third .xContainer .xVariantM button span,
  .thin .xContainer .xVariantM button span,
  .third .xContainer .xVariantM .xButton span,
  .thin .xContainer .xVariantM .xButton span {
    font-size: 9.6px;
    font-size: 0.96rem;
    padding: 4px 8px;
  }
}
@media all and (min-width: 0px) and (min-width: 520px) {
  .xContainer .xVariantS {
    width: 100%;
  }
  .xContainer .xVariantS.xMedialayer {
    padding-bottom: 100%;
  }
  .xVideoGallery .xContainer .xVariantS.xMedialayer {
    padding-bottom: 55%;
  }
  .mid .xContainer .xVariantS h1,
  .extrawide .xContainer .xVariantS h1 {
    font-size: 21.6px;
    font-size: 2.16rem;
  }
  .mid .xContainer .xVariantS h2,
  .extrawide .xContainer .xVariantS h2 {
    font-size: 13.2px;
    font-size: 1.32rem;
  }
  .mid .xContainer .xVariantS .xCopy,
  .extrawide .xContainer .xVariantS .xCopy {
    font-size: 11.2px;
    font-size: 1.12rem;
  }
  .mid .xContainer .xVariantS button span,
  .extrawide .xContainer .xVariantS button span,
  .mid .xContainer .xVariantS .xButton span,
  .extrawide .xContainer .xVariantS .xButton span {
    font-size: 11.2px;
    font-size: 1.12rem;
    padding: 5px 10px;
  }
  .third .xContainer .xVariantS h1,
  .thin .xContainer .xVariantS h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .third .xContainer .xVariantS h2,
  .thin .xContainer .xVariantS h2 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .third .xContainer .xVariantS .xCopy,
  .thin .xContainer .xVariantS .xCopy {
    font-size: 9.6px;
    font-size: 0.96rem;
  }
  .third .xContainer .xVariantS button span,
  .thin .xContainer .xVariantS button span,
  .third .xContainer .xVariantS .xButton span,
  .thin .xContainer .xVariantS .xButton span {
    font-size: 9.6px;
    font-size: 0.96rem;
    padding: 4px 8px;
  }
}
@media all and (min-width: 325px) and (min-width: 520px) {
  .xContainer .xVariantS {
    width: 50%;
  }
  .xContainer .xVariantS.xMedialayer {
    padding-bottom: 50%;
  }
  .xVideoGallery .xContainer .xVariantS.xMedialayer {
    padding-bottom: 27.5%;
  }
  .mid .xContainer .xVariantS h1,
  .extrawide .xContainer .xVariantS h1 {
    font-size: 21.6px;
    font-size: 2.16rem;
  }
  .mid .xContainer .xVariantS h2,
  .extrawide .xContainer .xVariantS h2 {
    font-size: 13.2px;
    font-size: 1.32rem;
  }
  .mid .xContainer .xVariantS .xCopy,
  .extrawide .xContainer .xVariantS .xCopy {
    font-size: 11.2px;
    font-size: 1.12rem;
  }
  .mid .xContainer .xVariantS button span,
  .extrawide .xContainer .xVariantS button span,
  .mid .xContainer .xVariantS .xButton span,
  .extrawide .xContainer .xVariantS .xButton span {
    font-size: 11.2px;
    font-size: 1.12rem;
    padding: 5px 10px;
  }
  .third .xContainer .xVariantS h1,
  .thin .xContainer .xVariantS h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .third .xContainer .xVariantS h2,
  .thin .xContainer .xVariantS h2 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .third .xContainer .xVariantS .xCopy,
  .thin .xContainer .xVariantS .xCopy {
    font-size: 9.6px;
    font-size: 0.96rem;
  }
  .third .xContainer .xVariantS button span,
  .thin .xContainer .xVariantS button span,
  .third .xContainer .xVariantS .xButton span,
  .thin .xContainer .xVariantS .xButton span {
    font-size: 9.6px;
    font-size: 0.96rem;
    padding: 4px 8px;
  }
}
@media all and (min-width: 650px) and (min-width: 520px) {
  .xContainer .xVariantS {
    width: 33.33333%;
  }
  .xContainer .xVariantS.xMedialayer {
    padding-bottom: 33.33333%;
  }
  .xVideoGallery .xContainer .xVariantS.xMedialayer {
    padding-bottom: 18.33333333%;
  }
  .mid .xContainer .xVariantS h1,
  .extrawide .xContainer .xVariantS h1 {
    font-size: 21.6px;
    font-size: 2.16rem;
  }
  .mid .xContainer .xVariantS h2,
  .extrawide .xContainer .xVariantS h2 {
    font-size: 13.2px;
    font-size: 1.32rem;
  }
  .mid .xContainer .xVariantS .xCopy,
  .extrawide .xContainer .xVariantS .xCopy {
    font-size: 11.2px;
    font-size: 1.12rem;
  }
  .mid .xContainer .xVariantS button span,
  .extrawide .xContainer .xVariantS button span,
  .mid .xContainer .xVariantS .xButton span,
  .extrawide .xContainer .xVariantS .xButton span {
    font-size: 11.2px;
    font-size: 1.12rem;
    padding: 5px 10px;
  }
  .third .xContainer .xVariantS h1,
  .thin .xContainer .xVariantS h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .third .xContainer .xVariantS h2,
  .thin .xContainer .xVariantS h2 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .third .xContainer .xVariantS .xCopy,
  .thin .xContainer .xVariantS .xCopy {
    font-size: 9.6px;
    font-size: 0.96rem;
  }
  .third .xContainer .xVariantS button span,
  .thin .xContainer .xVariantS button span,
  .third .xContainer .xVariantS .xButton span,
  .thin .xContainer .xVariantS .xButton span {
    font-size: 9.6px;
    font-size: 0.96rem;
    padding: 4px 8px;
  }
}
@media all and (min-width: 975px) and (min-width: 520px) {
  .xContainer .xVariantS {
    width: 25%;
  }
  .xContainer .xVariantS.xMedialayer {
    padding-bottom: 25%;
  }
  .xVideoGallery .xContainer .xVariantS.xMedialayer {
    padding-bottom: 13.75%;
  }
  .mid .xContainer .xVariantS h1,
  .extrawide .xContainer .xVariantS h1 {
    font-size: 21.6px;
    font-size: 2.16rem;
  }
  .mid .xContainer .xVariantS h2,
  .extrawide .xContainer .xVariantS h2 {
    font-size: 13.2px;
    font-size: 1.32rem;
  }
  .mid .xContainer .xVariantS .xCopy,
  .extrawide .xContainer .xVariantS .xCopy {
    font-size: 11.2px;
    font-size: 1.12rem;
  }
  .mid .xContainer .xVariantS button span,
  .extrawide .xContainer .xVariantS button span,
  .mid .xContainer .xVariantS .xButton span,
  .extrawide .xContainer .xVariantS .xButton span {
    font-size: 11.2px;
    font-size: 1.12rem;
    padding: 5px 10px;
  }
  .third .xContainer .xVariantS h1,
  .thin .xContainer .xVariantS h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .third .xContainer .xVariantS h2,
  .thin .xContainer .xVariantS h2 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .third .xContainer .xVariantS .xCopy,
  .thin .xContainer .xVariantS .xCopy {
    font-size: 9.6px;
    font-size: 0.96rem;
  }
  .third .xContainer .xVariantS button span,
  .thin .xContainer .xVariantS button span,
  .third .xContainer .xVariantS .xButton span,
  .thin .xContainer .xVariantS .xButton span {
    font-size: 9.6px;
    font-size: 0.96rem;
    padding: 4px 8px;
  }
}
.uaMSIE8 .xVariantS {
  width: 33.33333%;
}
.uaMSIE8 .xVariantS.xMedialayer {
  padding-bottom: 33.33333%;
}
.uaMSIE8 .xVariantM {
  width: 33.33333%;
}
.uaMSIE8 .xVariantM.xMedialayer {
  padding-bottom: 33.33333%;
}
.uaMSIE8 .xVariantL {
  width: 50%;
}
.uaMSIE8 .xVariantL.xMedialayer {
  padding-bottom: 50%;
}
.uaMSIE8 .xVariantXL {
  width: 50%;
}
.uaMSIE8 .xVariantXL.xMedialayer {
  padding-bottom: 50%;
}
.uaMSIE8 .xPagingThumb {
  width: 33.33333%;
}
.xTemplateGrid {
  margin: -4px;
}
.xTemplateGrid .xItem {
  vertical-align: top;
}
.xTemplateGrid .xItem.xMediaitem {
  padding: 4px;
}
.xTemplateGrid:last-child {
  margin-bottom: -4px;
}
.xTmpl-Grid {
  border: none;
  background: none;
  padding: 0;
}
.xTmpl-Grid .hasItemMediaitem {
  margin: 16px 0 0;
}
.xTmpl-Grid .hasItemMediaitem:last-child {
  margin: 0;
}
.xTmpl-Grid .xMediaitem .xItemInner {
  background-color: #fff;
  padding: 16px;
  border: 1px solid #ccc;
}
.xTemplateList {
  overflow: hidden;
}
.xTemplateList .xItem {
  margin-bottom: 16px;
}
.xTemplateList .xItem:last-child {
  margin-bottom: 0;
}
.xTemplateList .xMediaContainer,
.xTemplateList .xMetaContainer {
  margin-bottom: 10px;
}
.xTemplateList .xMediaContainer:last-child,
.xTemplateList .xMetaContainer:last-child {
  margin-bottom: 0;
}
.xTemplateList .xActionContainer {
  margin-bottom: 10px;
}
.xTmpl-List .xActionSortButtons {
  margin-bottom: 10px;
}
.xTmpl-List .xActionSortButtons:last-child {
  margin-bottom: -10px;
}
.xTmpl-List .xHeader {
  padding: 0;
}
.xTmpl-List .xActionShowMoreContainer {
  padding: 0;
  margin-top: 16px;
}
.xTemplateMosaic .xItem {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
@media all and (min-width: 0px) and (min-width: 520px) {
  .xTemplateMasonry .xDisplaySpotlight {
    padding-bottom: 200%;
    width: 200%;
  }
  .xTemplateMasonry .xDisplayFeature {
    padding-bottom: 100%;
    width: 200%;
  }
  .xTemplateMasonry .xDisplayCommentary {
    padding-bottom: 200%;
    width: 100%;
  }
  .xTemplateMasonry .xDisplayShow {
    padding-bottom: 100%;
    width: 100%;
  }
  .mid .xTemplateMasonry h1,
  .extrawide .xTemplateMasonry h1 {
    font-size: 21.6px;
    font-size: 2.16rem;
  }
  .mid .xTemplateMasonry h2,
  .extrawide .xTemplateMasonry h2 {
    font-size: 13.2px;
    font-size: 1.32rem;
  }
  .mid .xTemplateMasonry .xCopy,
  .extrawide .xTemplateMasonry .xCopy {
    font-size: 11.2px;
    font-size: 1.12rem;
  }
  .mid .xTemplateMasonry button span,
  .extrawide .xTemplateMasonry button span,
  .mid .xTemplateMasonry .xButton span,
  .extrawide .xTemplateMasonry .xButton span {
    font-size: 11.2px;
    font-size: 1.12rem;
    padding: 5px 10px;
  }
  .third .xTemplateMasonry h1,
  .thin .xTemplateMasonry h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .third .xTemplateMasonry h2,
  .thin .xTemplateMasonry h2 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .third .xTemplateMasonry .xCopy,
  .thin .xTemplateMasonry .xCopy {
    font-size: 9.6px;
    font-size: 0.96rem;
  }
  .third .xTemplateMasonry button span,
  .thin .xTemplateMasonry button span,
  .third .xTemplateMasonry .xButton span,
  .thin .xTemplateMasonry .xButton span {
    font-size: 9.6px;
    font-size: 0.96rem;
    padding: 4px 8px;
  }
}
@media all and (min-width: 325px) and (min-width: 520px) {
  .xTemplateMasonry .xDisplaySpotlight {
    padding-bottom: 100%;
    width: 100%;
  }
  .xTemplateMasonry .xDisplayFeature {
    padding-bottom: 50%;
    width: 100%;
  }
  .xTemplateMasonry .xDisplayCommentary {
    padding-bottom: 100%;
    width: 50%;
  }
  .xTemplateMasonry .xDisplayShow {
    padding-bottom: 50%;
    width: 50%;
  }
  .mid .xTemplateMasonry h1,
  .extrawide .xTemplateMasonry h1 {
    font-size: 21.6px;
    font-size: 2.16rem;
  }
  .mid .xTemplateMasonry h2,
  .extrawide .xTemplateMasonry h2 {
    font-size: 13.2px;
    font-size: 1.32rem;
  }
  .mid .xTemplateMasonry .xCopy,
  .extrawide .xTemplateMasonry .xCopy {
    font-size: 11.2px;
    font-size: 1.12rem;
  }
  .mid .xTemplateMasonry button span,
  .extrawide .xTemplateMasonry button span,
  .mid .xTemplateMasonry .xButton span,
  .extrawide .xTemplateMasonry .xButton span {
    font-size: 11.2px;
    font-size: 1.12rem;
    padding: 5px 10px;
  }
  .third .xTemplateMasonry h1,
  .thin .xTemplateMasonry h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .third .xTemplateMasonry h2,
  .thin .xTemplateMasonry h2 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .third .xTemplateMasonry .xCopy,
  .thin .xTemplateMasonry .xCopy {
    font-size: 9.6px;
    font-size: 0.96rem;
  }
  .third .xTemplateMasonry button span,
  .thin .xTemplateMasonry button span,
  .third .xTemplateMasonry .xButton span,
  .thin .xTemplateMasonry .xButton span {
    font-size: 9.6px;
    font-size: 0.96rem;
    padding: 4px 8px;
  }
}
@media all and (min-width: 650px) and (min-width: 520px) {
  .xTemplateMasonry .xDisplaySpotlight {
    padding-bottom: 66.66666%;
    width: 66.66666%;
  }
  .xTemplateMasonry .xDisplayFeature {
    padding-bottom: 33.33333%;
    width: 66.66666%;
  }
  .xTemplateMasonry .xDisplayCommentary {
    padding-bottom: 66.66666%;
    width: 33.33333%;
  }
  .xTemplateMasonry .xDisplayShow {
    padding-bottom: 33.33333%;
    width: 33.33333%;
  }
  .mid .xTemplateMasonry h1,
  .extrawide .xTemplateMasonry h1 {
    font-size: 21.6px;
    font-size: 2.16rem;
  }
  .mid .xTemplateMasonry h2,
  .extrawide .xTemplateMasonry h2 {
    font-size: 13.2px;
    font-size: 1.32rem;
  }
  .mid .xTemplateMasonry .xCopy,
  .extrawide .xTemplateMasonry .xCopy {
    font-size: 11.2px;
    font-size: 1.12rem;
  }
  .mid .xTemplateMasonry button span,
  .extrawide .xTemplateMasonry button span,
  .mid .xTemplateMasonry .xButton span,
  .extrawide .xTemplateMasonry .xButton span {
    font-size: 11.2px;
    font-size: 1.12rem;
    padding: 5px 10px;
  }
  .third .xTemplateMasonry h1,
  .thin .xTemplateMasonry h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .third .xTemplateMasonry h2,
  .thin .xTemplateMasonry h2 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .third .xTemplateMasonry .xCopy,
  .thin .xTemplateMasonry .xCopy {
    font-size: 9.6px;
    font-size: 0.96rem;
  }
  .third .xTemplateMasonry button span,
  .thin .xTemplateMasonry button span,
  .third .xTemplateMasonry .xButton span,
  .thin .xTemplateMasonry .xButton span {
    font-size: 9.6px;
    font-size: 0.96rem;
    padding: 4px 8px;
  }
}
@media all and (min-width: 975px) and (min-width: 520px) {
  .xTemplateMasonry .xDisplaySpotlight {
    padding-bottom: 50%;
    width: 50%;
  }
  .xTemplateMasonry .xDisplayFeature {
    padding-bottom: 25%;
    width: 50%;
  }
  .xTemplateMasonry .xDisplayCommentary {
    padding-bottom: 50%;
    width: 25%;
  }
  .xTemplateMasonry .xDisplayShow {
    padding-bottom: 25%;
    width: 25%;
  }
  .mid .xTemplateMasonry h1,
  .extrawide .xTemplateMasonry h1 {
    font-size: 21.6px;
    font-size: 2.16rem;
  }
  .mid .xTemplateMasonry h2,
  .extrawide .xTemplateMasonry h2 {
    font-size: 13.2px;
    font-size: 1.32rem;
  }
  .mid .xTemplateMasonry .xCopy,
  .extrawide .xTemplateMasonry .xCopy {
    font-size: 11.2px;
    font-size: 1.12rem;
  }
  .mid .xTemplateMasonry button span,
  .extrawide .xTemplateMasonry button span,
  .mid .xTemplateMasonry .xButton span,
  .extrawide .xTemplateMasonry .xButton span {
    font-size: 11.2px;
    font-size: 1.12rem;
    padding: 5px 10px;
  }
  .third .xTemplateMasonry h1,
  .thin .xTemplateMasonry h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .third .xTemplateMasonry h2,
  .thin .xTemplateMasonry h2 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .third .xTemplateMasonry .xCopy,
  .thin .xTemplateMasonry .xCopy {
    font-size: 9.6px;
    font-size: 0.96rem;
  }
  .third .xTemplateMasonry button span,
  .thin .xTemplateMasonry button span,
  .third .xTemplateMasonry .xButton span,
  .thin .xTemplateMasonry .xButton span {
    font-size: 9.6px;
    font-size: 0.96rem;
    padding: 4px 8px;
  }
}
.uaMSIE8 .xTemplateMasonry .xDisplaySpotlight {
  width: 66.66666%;
  padding-bottom: 66.66666%;
}
.uaMSIE8 .xTemplateMasonry .xDisplayFeature {
  width: 66.66666%;
  padding-bottom: 33.33333%;
}
.uaMSIE8 .xTemplateMasonry .xDisplayCommentary {
  width: 33.33333%;
  padding-bottom: 66.66666%;
}
.uaMSIE8 .xTemplateMasonry .xDisplayShow {
  width: 33.33333%;
  padding-bottom: 33.33333%;
}
.uaMSIE8 .xTemplateMasonry .xItemInner {
  font-size: 16px;
  font-size: 1.6rem;
}
.xTemplateMasonry {
  margin: -4px;
}
.xTemplateMasonry:last-child {
  margin-bottom: -4px;
}
.xTmpl-Masonry {
  padding-left: 0;
  padding-right: 0;
  border: none;
  background: none;
}
.xTmpl-Masonry .xHeader {
  margin-bottom: 16px;
  background-color: #fff;
  border: 1px solid #ccc;
}
.xPage {
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
}
.xSection {
  padding: 0 16px;
}
.xSectionContent {
  padding: 16px;
}
.xCampaignHeader {
  text-align: center;
  color: white;
  background-color: #3287B3;
}
.xCampaignHeader .xButton {
  color: #444;
  background-color: white;
}
.xCampaignHeader .xButton:hover,
.xCampaignHeader .xButton:focus,
.xCampaignHeader .xButton.xActive {
  color: white;
  background-color: #b3b3b3;
}
.xCampaignHeader .xTargetContainer {
  text-align: center;
}
.xNavShareWrapper {
  font-family: inherit;
  padding: 8px 8px 8px 8px;
  color: inherit;
  line-height: inherit;
}
.xPageHeader .xActionSharing {
  padding: 8px;
}
.xPageHeader .xWrapper {
  padding: 16px;
}
.xNavigation {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 8px 8px 8px 8px;
}
.xTab {
  list-style-type: none;
}
.xTabLink {
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
}
.xTabLink:hover,
.xTabLink:focus,
.xTabLink.current {
  color: contrast(inherit, inherit, white, 80%);
}
.xPageBanner img {
  margin-left: auto;
  margin-right: auto;
}
.xContestTimeline {
  background-color: white;
  color: #444;
}
.xTimelineTabs {
  padding: 8px;
}
.xTimelineTab {
  margin-bottom: 16px;
  list-style-type: none;
}
.xTimelineTab:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.timelinePhaseHeader {
  margin-bottom: 0;
}
.timelinePhaseDate {
  font-size: 0.8em;
}
.timelineActiveTab {
  font-weight: bold;
}
.xShareLabel {
  display: inline-block;
  vertical-align: middle;
  list-style-type: none;
  margin-right: 10px;
}
.xPageHeader {
  padding: 0;
}
.xCampaignHeader {
  border: none;
  padding: 0;
  background-color: #3287B3;
}
.xSocialContentCarousel .xContainer {
  text-align: center;
}
.xSocialContentCarousel .xMediacard .xIconContainer {
  top: 0;
  left: 0;
}
.xSocialContentCarousel {
  padding-top: 16px;
}
.xSocialContentCarousel .xActionContainer {
  right: 0;
}
.xContainerSocialContentMosaic {
  text-align: center;
  margin: 0;
}
.xContainerSocialContentMosaic .xItem {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-width: 50px;
  max-height: 50px;
}
.xContainerSocialContentMosaic .xItemInner {
  font-size: 0;
}
.xContainerSocialContentMosaic .xAvatar {
  height: auto;
  width: auto;
}
.xContainerSocialContentMosaic .xMediaAvatar {
  min-width: none;
  min-height: none;
}
.qtip {
  position: absolute;
  background: white;
  z-index: 100!important;
}
.qtip-tip {
  position: absolute;
}
.qtip-content,
.qtip-titlebar {
  overflow: hidden;
  text-overflow: ellipsis;
}
.qtip {
  padding: 10px;
  max-width: 500px;
  border: 2px solid #3287B3;
}
.qtip-titlebar {
  margin-bottom: 10px;
}
.xClassSocialplugin {
  overflow: hidden;
}
.xClassSocialplugin .fb-comments {
  margin: 16px auto 0;
}
.xClassSocialplugin .fb-comments:first-child {
  margin-top: 0;
}
.xIconContainer {
  margin-bottom: 10px;
}
.xIconContainer:last-child {
  margin-bottom: 0;
}
.xMetaDate {
  margin-bottom: 16px;
}
.xMetaDate:last-child {
  margin-bottom: 0;
}
.xEntries .xMedialayer .xActionContainer {
  zoom: 1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  text-align: center;
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
}
.xEntries .xMedialayer:hover .xActionContainer {
  zoom: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.xActionSortContainer {
  padding: 16px 16px 11px;
  margin-bottom: 0;
  text-align: center;
}
.xTmpl-List .xActionSortContainer {
  padding-top: 16px;
  padding-bottom: 0;
  margin-bottom: 16px;
}
.xActionSortContainer:last-child {
  margin-bottom: 0;
}
.xPaginateShowMore {
  text-align: center;
}
.xActionShowMoreContainer {
  padding: 16px;
}
.xActionSortContainer {
  padding-top: 0;
  padding-bottom: 16px;
}
.xTmpl-List .xActionSortContainer {
  padding: 0;
}
.xCallout {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.xCallout .xMediaContainer {
  margin-bottom: 0;
}
.xCallout .xActionContainer {
  margin-top: 10px;
}
.hasBGImage .xCallout .xActionContainer {
  color: white;
}
.xMasthead .xCTAContainer {
  text-align: right;
}
.xCallout .xBodyContainer,
.xCallout .xMediaContainer {
  margin-bottom: 16px;
}
.xCallout .xBodyContainer:last-child,
.xCallout .xMediaContainer:last-child {
  margin-bottom: 0;
}
.xCountdown {
  text-align: center;
  padding: 16px;
}
.xCountdownBody {
  font-size: 2em;
}
@media all and (max-width: 28.75em) {
  .xCountdownBody {
    font-size: 2em;
  }
}
.uaMSIE8 .xCountdownBody {
  font-size: 25.6px;
  font-size: 2.56rem;
}
.xItemCountdown {
  white-space: nowrap;
  line-height: 1;
}
.xIconCountdown {
  display: none;
  margin-bottom: 10px;
}
@media all and (max-width: 28.75em) {
  .xIconCountdown {
    font-size: 2em;
  }
}
.uaMSIE8 .xIconCountdown {
  font-size: 51.2px;
  font-size: 5.12rem;
}
.xCountdownSuffix,
.xCountdownPrefix {
  font-size: 0.5em;
  margin: 0;
}
@media all and (min-width: 480px) {
  .full .xCountdownBody {
    font-size: 2em;
  }
  .extrawide .xCountdownBody {
    font-size: 1.32em;
  }
  .mid .xCountdownBody {
    font-size: 1em;
  }
  .third .xCountdownBody,
  .thin .xCountdownBody {
    font-size: 0.66em;
  }
  .full .xIconCountdown {
    font-size: 4em;
  }
  .extrawide .xIconCountdown {
    font-size: 2.64em;
  }
  .mid .xIconCountdown {
    font-size: 2em;
  }
  .third .xIconCountdown,
  .thin .xIconCountdown {
    font-size: 1.32em;
  }
}
@media all and (min-width: 580px) {
  .full .xCountdownBody {
    font-size: 2.5em;
  }
  .extrawide .xCountdownBody {
    font-size: 1.65em;
  }
  .mid .xCountdownBody {
    font-size: 1.25em;
  }
  .third .xCountdownBody,
  .thin .xCountdownBody {
    font-size: 0.825em;
  }
  .full .xIconCountdown {
    font-size: 5em;
  }
  .extrawide .xIconCountdown {
    font-size: 3.3em;
  }
  .mid .xIconCountdown {
    font-size: 2.5em;
  }
  .third .xIconCountdown,
  .thin .xIconCountdown {
    font-size: 1.65em;
  }
}
@media all and (min-width: 680px) {
  .full .xCountdownBody {
    font-size: 3em;
  }
  .extrawide .xCountdownBody {
    font-size: 1.98em;
  }
  .mid .xCountdownBody {
    font-size: 1.5em;
  }
  .third .xCountdownBody,
  .thin .xCountdownBody {
    font-size: 0.99em;
  }
  .full .xIconCountdown {
    font-size: 6em;
  }
  .extrawide .xIconCountdown {
    font-size: 3.96em;
  }
  .mid .xIconCountdown {
    font-size: 3em;
  }
  .third .xIconCountdown,
  .thin .xIconCountdown {
    font-size: 1.98em;
  }
}
@media all and (min-width: 780px) {
  .full .xCountdownBody {
    font-size: 3.5em;
  }
  .extrawide .xCountdownBody {
    font-size: 2.31em;
  }
  .mid .xCountdownBody {
    font-size: 1.75em;
  }
  .third .xCountdownBody,
  .thin .xCountdownBody {
    font-size: 1.155em;
  }
  .full .xIconCountdown {
    font-size: 7em;
  }
  .extrawide .xIconCountdown {
    font-size: 4.62em;
  }
  .mid .xIconCountdown {
    font-size: 3.5em;
  }
  .third .xIconCountdown,
  .thin .xIconCountdown {
    font-size: 2.31em;
  }
}
@media all and (min-width: 880px) {
  .full .xCountdownBody {
    font-size: 4em;
  }
  .extrawide .xCountdownBody {
    font-size: 2.64em;
  }
  .mid .xCountdownBody {
    font-size: 2em;
  }
  .third .xCountdownBody,
  .thin .xCountdownBody {
    font-size: 1.32em;
  }
  .full .xIconCountdown {
    font-size: 8em;
  }
  .extrawide .xIconCountdown {
    font-size: 5.28em;
  }
  .mid .xIconCountdown {
    font-size: 4em;
  }
  .third .xIconCountdown,
  .thin .xIconCountdown {
    font-size: 2.64em;
  }
}
@media all and (min-width: 980px) {
  .full .xCountdownBody {
    font-size: 4.5em;
  }
  .extrawide .xCountdownBody {
    font-size: 2.97em;
  }
  .mid .xCountdownBody {
    font-size: 2.25em;
  }
  .third .xCountdownBody,
  .thin .xCountdownBody {
    font-size: 1.485em;
  }
  .full .xIconCountdown {
    font-size: 9em;
  }
  .extrawide .xIconCountdown {
    font-size: 5.94em;
  }
  .mid .xIconCountdown {
    font-size: 4.5em;
  }
  .third .xIconCountdown,
  .thin .xIconCountdown {
    font-size: 2.97em;
  }
}
@media all and (min-width: 1080px) {
  .full .xCountdownBody {
    font-size: 5em;
  }
  .extrawide .xCountdownBody {
    font-size: 3.3em;
  }
  .mid .xCountdownBody {
    font-size: 2.5em;
  }
  .third .xCountdownBody,
  .thin .xCountdownBody {
    font-size: 1.65em;
  }
  .full .xIconCountdown {
    font-size: 10em;
  }
  .extrawide .xIconCountdown {
    font-size: 6.6em;
  }
  .mid .xIconCountdown {
    font-size: 5em;
  }
  .third .xIconCountdown,
  .thin .xIconCountdown {
    font-size: 3.3em;
  }
}
@media all and (min-width: 1180px) {
  .full .xCountdownBody {
    font-size: 5.5em;
  }
  .extrawide .xCountdownBody {
    font-size: 3.63em;
  }
  .mid .xCountdownBody {
    font-size: 2.75em;
  }
  .third .xCountdownBody,
  .thin .xCountdownBody {
    font-size: 1.815em;
  }
  .full .xIconCountdown {
    font-size: 11em;
  }
  .extrawide .xIconCountdown {
    font-size: 7.26em;
  }
  .mid .xIconCountdown {
    font-size: 5.5em;
  }
  .third .xIconCountdown,
  .thin .xIconCountdown {
    font-size: 3.63em;
  }
}
@media all and (min-width: 1280px) {
  .full .xCountdownBody {
    font-size: 6em;
  }
  .extrawide .xCountdownBody {
    font-size: 3.96em;
  }
  .mid .xCountdownBody {
    font-size: 3em;
  }
  .third .xCountdownBody,
  .thin .xCountdownBody {
    font-size: 1.98em;
  }
  .full .xIconCountdown {
    font-size: 12em;
  }
  .extrawide .xIconCountdown {
    font-size: 7.92em;
  }
  .mid .xIconCountdown {
    font-size: 6em;
  }
  .third .xIconCountdown,
  .thin .xIconCountdown {
    font-size: 3.96em;
  }
}
@media all and (min-width: 1380px) {
  .full .xCountdownBody {
    font-size: 6.5em;
  }
  .extrawide .xCountdownBody {
    font-size: 4.29em;
  }
  .mid .xCountdownBody {
    font-size: 3.25em;
  }
  .third .xCountdownBody,
  .thin .xCountdownBody {
    font-size: 2.145em;
  }
  .full .xIconCountdown {
    font-size: 13em;
  }
  .extrawide .xIconCountdown {
    font-size: 8.58em;
  }
  .mid .xIconCountdown {
    font-size: 6.5em;
  }
  .third .xIconCountdown,
  .thin .xIconCountdown {
    font-size: 4.29em;
  }
}
.xAvatarWall {
  text-align: center;
}
.xAvatarWall .xAvatar {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}
.xAvatarWall .xUserName {
  display: none;
}
.xAvatarWall .xContainerInner {
  font-size: 0;
}
.xAvatarWall .xContainerInner > * {
  font-size: 16px;
  font-size: 1.6rem;
}
.xAvatarWall {
  background-color: #fff;
  padding: 16px;
  border: 1px solid #ccc;
}
.xSharing {
  padding: 16px;
}
.xSharing .xBodyContainer {
  padding: 0;
}
.xSharing .xActionSharing {
  text-align: center;
}
.xSharing .xHeader {
  margin-bottom: 16px;
}
.xSharing .xHeader:last-child {
  margin-bottom: 0;
}
.xSharing .xMediaContainer {
  padding: 0;
}
.xSharing .xBodyContainer {
  padding: 0;
}
.xImage .xCopyContainer {
  padding: 16px;
}
.xImage .xMediaContainer {
  margin: 0;
}
.xImage .xItemInner {
  padding: 0;
}
.xImage .xCopyContainer {
  padding-bottom: 0;
}
.xClassLeaderboard.xContainer {
  padding: 16px;
}
.xClassLeaderboard.xContainer .xUserAvatar {
  display: block;
  margin-bottom: 10px;
}
.xClassLeaderboard.xContainer .xUserAvatar img {
  margin: auto;
}
.xClassLeaderboard.xContainer .xProfileContainer {
  text-align: center;
  margin-bottom: 10px;
}
.xClassLeaderboard.xContainer .xProfileContainer:last-child {
  margin-bottom: 0;
}
.xClassLeaderboard.xContainer .xUserAvatar + .xUserDetails {
  text-align: center;
  padding: 0;
  display: inline-block;
}
.xLeaderboardQuiz .xContainer .xItemInner > * {
  display: table-cell;
  vertical-align: middle;
}
.xLeaderboardQuiz .xProfileContainer {
  width: 99999px;
}
.xClassLeaderboard.xContainer {
  padding: 0;
}
.xClassScoreresults {
  padding: 16px;
}
.xVideo .xIconContainer {
  display: none;
}
.xVideo .xHeader:last-child {
  margin-top: 16px;
}
.xVideo .xContentcard .xMediaContainer {
  margin-bottom: 0;
}
.xVideoGallery .xIconContainer {
  display: none;
}
.xContainerIncentives {
  padding: 16px;
}
.xAchievement {
  padding: 16px;
}
.xMetric {
  padding: 16px;
}
.xFormMetricsWrapper {
  overflow: hidden;
}
.xFormMetricTitle {
  font-size: 20px;
  font-size: 2rem;
}
.xFormMetricItemWrapper {
  margin-bottom: 10px;
}
.xFormMetricItemWrapper:last-child {
  margin-bottom: 0;
}
.xFormMetricItemLabel {
  display: block;
  margin-bottom: 10px;
}
.xFormMetricItemLabel .xIcon {
  margin-top: 5px;
}
.xFormMetricItemGraphWrapper {
  white-space: nowrap;
  position: relative;
  margin-bottom: 10px;
}
.xFormMetricItemGraphWrapper:last-child {
  margin-bottom: 0;
}
.xFormMetricItemBarWrapper {
  display: table-cell;
  width: 99999px;
  padding-right: 48px;
}
.xFormMetricItemBar {
  background-color: #3287B3;
  height: 30px;
}
.xFormMetricItemCountWrapper {
  font-size: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 48px;
}
.xFormMetricItemCountWrapper > * {
  font-size: 16px;
  font-size: 1.6rem;
}
.xFormMetricItemCountWrapper:before {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: '';
}
.xFormMetricItemCount {
  display: inline-block;
  vertical-align: middle;
  padding-left: 8px;
  white-space: nowrap;
}
.xFormMetricItemCount[style="margin-left: 0%;"] {
  padding-left: 0;
}
.xCouponCode {
  font-size: 20px;
  font-size: 2rem;
}
.xMyRewards {
  padding: 16px;
}
.xProfileWrapper {
  text-align: center;
}
.xProfileWrapper .xUserName,
.xProfileWrapper .xUserHandle {
  text-align: left;
}
.xUserProfile .xContent {
  overflow: hidden;
}
.xUserProfile .xBodyContainer {
  padding-bottom: 0;
}
.xTypeProfile {
  text-align: center;
}
.xTypeProfile .xCopyContainer {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  margin-right: 16px;
}
.xTypeProfile .xCopyContainer:last-child {
  margin-right: 0;
}
.xTypeProfile .xProfileContainer {
  display: inline-block;
}
.xTypeProfile .xUserName {
  text-align: left;
}
.xTypeProfile .xUserAvatar img {
  max-width: none;
}
.xScore,
.xLevel {
  text-align: center;
  padding-left: 16px;
}
.xScore .xValue,
.xLevel .xValue {
  font-size: 40px;
  font-size: 4rem;
  line-height: 1;
  margin-bottom: 0;
}
.xScore .xMeta,
.xLevel .xMeta {
  margin: 0;
}
.xValue {
  font-size: 26px;
  font-size: 2.6rem;
  margin-bottom: 0;
}
.xUserProfile .xContent {
  padding: 0;
}
.xLinkList {
  padding: 0 16px 16px;
}
.xLinkItem a {
  color: inherit;
}
.xLinkItem a:hover {
  color: inherit;
}
.xLinkList {
  padding: 0;
}
.xHtml {
  padding: 16px;
}
@media all and (min-width: 520px) {
  select {
    width: auto;
  }
  .xFieldContainer > * {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .xFormatNameTitle .xCompositeItem-Title,
  .xFormatNameTitle .xCompositeItem-FirstName {
    padding-right: 5px;
  }
  .xFormatNameNoTitle .xCompositeItem-FirstName {
    padding-right: 5px;
  }
  .xControlChallengequestion .xControlLabel:after {
    display: none;
  }
  .xCompositeItem-Address1,
  .xCompositeItem-City {
    padding-right: 5px;
  }
  .xFormatAddressUs .xCompositeItem-Zip,
  .xFormatAddressGl .xCompositeItem-Zip {
    padding-right: 5px;
  }
  .xFormatAddressGl .xCompositeItem-City {
    padding-right: 0;
  }
  .xControlChallengequestion .xLabelContainer {
    display: none;
  }
  .xFieldWrapAddress {
    display: inline-block;
    vertical-align: middle;
    vertical-align: top;
  }
  .xFieldWrapAddress .parsley-error-list {
    padding-bottom: 5px;
  }
  .xFormatAddressUs .xFieldWrapAddress#xFieldWrap_address_City {
    width: 40%;
  }
  .xFormatAddressUs .xFieldWrapAddress#xFieldWrap_address_Zip {
    width: 40%;
  }
  .xFormatAddressUs .xFieldWrapAddress#xFieldWrap_address_State {
    width: 60%;
  }
  .xFormatAddressUs .xFieldWrapAddress#xFieldWrap_address_Country {
    width: 60%;
  }
  .xCompositeItem-Day,
  .xCompositeItem-Month {
    padding-right: 5px;
  }
  .xActionsForm {
    margin-bottom: 0;
  }
  .xActionFiltersContainer {
    display: table;
    width: 100%;
    border-spacing: 0 5px;
  }
  .xFilterWrapper {
    display: table-row;
    padding-bottom: 10px;
  }
  .xFilterWrapper > * {
    display: table-cell;
  }
  .xFilterWrapper .xFieldLabel {
    white-space: nowrap;
    padding-right: 20px;
  }
  .xFilterWrapper .xComboWrapper {
    width: 99999px;
  }
  .xControlDate {
    position: relative;
  }
  .xDatePicker {
    margin: 10px 0 0;
  }
  button.picker__button--clear {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    width: 100%;
  }
  .xTimePicker {
    margin: 10px 0 0;
  }
  .xQuizFormContainer .xPaginationContainer {
    font-size: 0;
  }
  .xQuizFormContainer .xPaginationContainer > * {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .xQuizFormContainer .xActionsForm {
    margin-left: 0;
  }
  .xControlQuestion .xFieldContainer,
  .xControlQuestion .xFieldContainer {
    margin-left: 0;
  }
  .xActionPrevious,
  .xActionShowPrevious {
    margin-right: 10px;
  }
  .xActionPrevious.xPagingButton,
  .xActionShowPrevious.xPagingButton {
    margin-bottom: 0;
  }
  .xLabelContainer {
    text-align: right;
    padding-right: 20px;
    vertical-align: top;
    width: 150px;
    max-width: 150px;
    min-width: 150px;
    display: table-cell;
  }
  .xControlLabel {
    display: block;
  }
  .xLabelContainer {
    padding-top: 10px;
  }
  .xFormPage.last .xControlChallengequestion {
    padding-left: 150px;
    margin-bottom: 16px;
  }
  .xFormPage.last .xControlChallengequestion:last-child {
    margin-bottom: 0;
  }
  .xFieldContainer:first-child {
    padding-left: 150px;
  }
  .xFieldContainer,
  .xControlChallengequestion {
    font-size: 0;
    vertical-align: top;
    display: table-cell;
    width: 99999px!important;
  }
  .xFieldContainer > *,
  .xControlChallengequestion > * {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .xFieldContainer.xFieldWidthExtralarge,
  .xControlChallengequestion.xFieldWidthExtralarge {
    padding-right: 0%;
  }
  .xFieldContainer.xFieldWidthLarge,
  .xControlChallengequestion.xFieldWidthLarge {
    padding-right: 16%;
  }
  .xFieldContainer.xFieldWidthMedium,
  .xControlChallengequestion.xFieldWidthMedium {
    padding-right: 32%;
  }
  .xFieldContainer.xFieldWidthSmall,
  .xControlChallengequestion.xFieldWidthSmall {
    padding-right: 48%;
  }
  .xFieldContainer.xFieldWidthExtrasmall,
  .xControlChallengequestion.xFieldWidthExtrasmall {
    padding-right: 64%;
  }
  .xActionsForm {
    margin-left: 150px;
  }
  .xControlRadio .xLabelContainer,
  .xControlCheckbox .xLabelContainer,
  .xControlNgxfeaturedcomment .xLabelContainer,
  .xControlRating .xLabelContainer,
  .xControlInfo .xLabelContainer,
  .xControlParagraph .xLabelContainer,
  .xControlMultioptin .xLabelContainer {
    padding-top: 0;
  }
  .xTimePicker,
  .xDatePicker {
    left: 150px;
  }
  .xControlMarketing .xFieldContainer,
  .xControlTerms_and_conditions .xFieldContainer {
    margin-left: 0;
  }
  .xControlQuestion .xFieldContainer,
  .xControlQuestion .xFieldContainer:first-child {
    margin-left: 0;
    padding-left: 0;
  }
  .xControlRadio .xLabelContainer,
  .xControlCheckbox .xLabelContainer,
  .xControlNgxfeaturedcomment .xLabelContainer,
  .xControlRating .xLabelContainer,
  .xControlInfo .xLabelContainer,
  .xControlParagraph .xLabelContainer {
    padding-top: 0;
  }
  .xControlQuestion,
  .buttons {
    padding-left: 0;
  }
  .xControlBreak .xFieldContainer {
    margin-left: 0;
  }
  .mid .xPlayable .xIconPlay:before {
    font-size: 45px;
    font-size: 4.5rem;
  }
  .third .xPlayable .xIconPlay:before,
  .thin .xPlayable .xIconPlay:before {
    font-size: 25px;
    font-size: 2.5rem;
  }
  .xCell {
    padding: 8px;
  }
  .xButton,
  .xPagingButton,
  .xPagingButton,
  .xActionShowMore {
    display: inline-block;
    vertical-align: middle;
  }
  button {
    width: auto;
  }
  .xButtonToolbar li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 10px 0;
  }
  .xButtonToolbar:last-child {
    margin-bottom: -10px;
  }
  .xOverlayInner {
    max-width: 800px;
    min-width: 500px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    display: inline-block;
  }
  .xOverlayContent {
    overflow-y: auto;
  }
  .xActionClose.hasButton {
    display: none;
  }
  #quizDialogFooter .xButton,
  #quizDialogFooter button {
    margin-bottom: 0;
  }
  .xOverlay .xItemContent {
    padding-right: 16px;
  }
  .xOverlay .xCTAContent {
    padding-left: 16px;
  }
  .xOverlay .xItem:not(.hasContentCTA) {
    max-width: 500px;
  }
  .xTemplateList {
    text-align: left;
    margin-bottom: 16px;
  }
  .xTemplateList:last-child {
    margin-bottom: 0;
  }
  .xTemplateList .xMediaContainer img {
    margin: 0;
  }
  .xTemplateList .xContainerInner {
    display: table;
    border-collapse: collapse;
  }
  .xTemplateList .xItem {
    display: table-row-group;
    margin-bottom: 0;
  }
  .xTemplateList .xMain {
    width: 99999px;
  }
  .xTemplateList .xItemInner {
    display: table-row;
  }
  .xTemplateList .xItemInner > * {
    display: table-cell;
    padding: 8px;
    vertical-align: middle;
  }
  .xTemplateList .xItemInner > *.xMediaContainer:first-child {
    padding-left: 0;
  }
  .xTemplateList .xItemInner > *.xMediaContainer:last-child {
    padding-right: 0;
  }
  .xTemplateList .xItem:first-child .xItemInner > .xMediaContainer {
    padding-top: 0;
  }
  .xTemplateList .xItem:last-child .xItemInner > .xMediaContainer {
    padding-bottom: 0;
  }
  .xTemplateList .xCTAContainer {
    text-align: right;
  }
  .xEntries .xTemplateList .xMediaContainer img,
  .xVoting .xTemplateList .xMediaContainer img {
    max-width: 100%;
  }
  .xEntries .xTemplateList .xMediaContainer .xThumbnail,
  .xVoting .xTemplateList .xMediaContainer .xThumbnail {
    min-width: 200px;
  }
  .xEntries .xMain,
  .xVoting .xMain {
    width: auto;
  }
  .xTemplateList {
    margin-bottom: 0;
  }
  .xRowInner {
    font-size: 0;
  }
  .xRowInner > * {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .xCampaignHeader {
    text-align: inherit;
  }
  .xNavShareWrapper {
    font-size: 0;
    padding: 0;
  }
  .xTimelineTabs {
    font-size: 0;
    padding: 0;
  }
  .xTimelineTabs > * {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .xTimelineTab {
    padding: 16px;
    margin-bottom: 0;
  }
  .timelinePhaseHeader,
  .timelinePhaseDate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .xNavigation {
    display: inline-block;
    vertical-align: middle;
    padding: 16px 16px 16px 16px;
    width: 50%;
  }
  .xNavigation:last-child {
    width: 100%;
  }
  .xTabs {
    font-size: 0;
  }
  .xTab {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 16px;
  }
  .xTab:last-child {
    margin-right: 0;
  }
  .xTabLink {
    padding: 0;
  }
  .xCampaignHeader .xActionSharing {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding: 16px 16px 16px 16px;
    text-align: right;
  }
  .xCampaignHeader .xActionSharing:first-child {
    width: 100%;
  }
  .xCampaignHeader .xTargetContainer {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .xSection {
    padding: 0 8px;
  }
  .xSectionContent {
    padding-top: 8px;
  }
  .xPageInner {
    padding-bottom: 8px;
  }
  .xPageHeader {
    padding: 0;
  }
  .xPageHeader .xCell {
    padding: 0;
  }
  .xComponent:last-child {
    margin-bottom: 0;
  }
  .xVariantLeft .xItemInner,
  .xVariantRight .xItemInner {
    font-size: 0;
  }
  .xVariantLeft .xItemInner > *,
  .xVariantRight .xItemInner > * {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .xVariantLeft .xBodyContainer,
  .xVariantRight .xBodyContainer,
  .xVariantLeft .xMediaContainer,
  .xVariantRight .xMediaContainer {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    margin: 0;
  }
  .xVariantLeft .xBodyContainer:last-child {
    width: 100%;
  }
  .xVariantLeft .xMediaContainer:first-child {
    width: 100%;
  }
  .xVariantRight .xBodyContainer:first-child {
    width: 100%;
  }
  .xVariantRight .xMediaContainer:last-child {
    width: 100%;
  }
  .xMasthead .xMediaContainer {
    width: 33.333%;
  }
  .xMasthead .xBodyContainer {
    width: 66.666%;
  }
  .xMasthead .xCopyContainer {
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 0;
    padding-right: 16px;
  }
  .xMasthead .xCopyContainer:last-child {
    padding-right: 0;
    display: block;
  }
  .xMasthead .xCTAContainer {
    display: table-cell;
    vertical-align: middle;
  }
  .hasBGImage .xMasthead .xCTAContainer {
    padding-left: 16px;
  }
  .xMasthead .xCTAContainer:first-child {
    display: block;
  }
  .xVariantLeft .xBodyContainer,
  .xVariantRight .xBodyContainer,
  .xVariantLeft .xMediaContainer,
  .xVariantRight .xMediaContainer {
    margin-bottom: 0;
  }
  .xVariantLeft .xBodyContainer {
    padding-right: 16px;
  }
  .xVariantLeft .xBodyContainer:last-child {
    padding-right: 0;
  }
  .xVariantRight .xBodyContainer {
    padding-left: 16px;
  }
  .xVariantRight .xBodyContainer:first-child {
    padding-left: 0;
  }
  .xMetricGraphWrapper {
    display: table;
    border-spacing: 0 5px;
  }
  .xFormMetricItemLabel {
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    text-align: right;
    margin-bottom: 0;
  }
  .xFormMetricItemLabel .xIcon {
    margin: 0;
    padding-left: 10px;
  }
  .xFormMetricItemLabel .xIcon img {
    max-width: 150px;
    width: auto;
  }
  .xFormMetricItemGraphWrapper {
    position: relative;
    vertical-align: middle;
    display: table-cell;
  }
  .xFormMetricItemWrapper {
    display: table-row;
  }
  .xEntries .xClassUgc .xIconContainer {
    display: none;
  }
  .xTmpl-List.xEntries .xMediaContainer {
    padding-left: 0;
  }
  .xVoting .xClassUgc .xIconContainer {
    display: none;
  }
  .xTmpl-List.xVoting .xMediaContainer {
    padding-left: 0;
  }
  .xMyRewards h1,
  .xMyRewards h2,
  .xMyRewards p {
    text-align: inherit;
  }
  .xMyRewards .xCouponCode {
    text-align: right;
  }
  .xTypeProfile {
    display: table;
    width: 100%;
  }
  .xTypeProfile .xItemInner {
    display: table-row;
  }
  .xTypeProfile .xItemInner > * {
    display: table-cell;
    vertical-align: middle;
  }
  .xTypeProfile .xUserDetails {
    width: 99999px;
  }
  .xContainerLeaderboardLoyalty .xUserAvatar {
    display: table-cell;
    margin-bottom: 0;
  }
  .xContainerLeaderboardLoyalty .xUserAvatar img {
    margin: 0;
  }
  .xContainerLeaderboardLoyalty .xUserAvatar + .xUserDetails {
    text-align: left;
    padding-left: 10px;
  }
  .xCouponCode {
    text-align: right;
  }
}
@font-face {
  font-family: 'Roboto-Thin';
  src: url('../fonts/Roboto-Thin/Roboto-Thin.eot');
  src: url('../fonts/Roboto-Thin/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Thin/Roboto-Thin.woff') format('woff'), url('../fonts/Roboto-Thin/Roboto-Thin.ttf') format('truetype'), url('../fonts/Roboto-Thin/Roboto-Thin.svg#ywftsvg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.mid h1 {
  font-size: 32.4px;
  font-size: 3.24rem;
}
.thin h1,
.third h1,
.xTemplateColumn h1,
.xTemplateGrid h1 {
  font-size: 28.8px;
  font-size: 2.88rem;
}
.mid h2 {
  font-size: 19.8px;
  font-size: 1.98rem;
}
.thin h2,
.third h2,
.xTemplateColumn h2,
.xTemplateGrid h2 {
  font-size: 17.6px;
  font-size: 1.76rem;
}
.xActionsForm {
  margin-bottom: 0;
}
.xUserHandle {
  font-size: 14.4px;
  font-size: 1.44rem;
}
.xClassCarousel .xActionPaginate {
  font-size: 30px;
  font-size: 3rem;
  background-color: rgba(255, 255, 255, 0.8);
  color: #444;
  padding-top: 10%;
  padding-bottom: 10%;
}
.xIconPager {
  font-size: 12.00300075px;
  font-size: 1.20030008rem;
}
.xPagingIcon.activeSlide {
  color: #3287B3;
}
.xHeader,
.xHeader h1,
.xHeader h2,
.xHeader .xCopy {
  text-align: center;
}
.xHeader .xCopyContainer {
  margin-bottom: 16px;
}
.xHeader .xCopyContainer:last-child {
  margin-bottom: 0;
}
.xMetaDate {
  font-size: 12.00300075px;
  font-size: 1.20030008rem;
}
.xMedialayer {
  font-size: 14.01050788px;
  font-size: 1.40105079rem;
}
.xMedialayer h1 {
  font-size: 24px;
  font-size: 2.4rem;
}
.xMedialayer .xItemInner {
  border: none;
  background-color: none;
}
.xMediacard {
  font-size: 14.01050788px;
  font-size: 1.40105079rem;
}
.xOverlay .xMediacard .xActionNetwork {
  text-align: center;
}
.xContentcard {
  font-size: 14.01050788px;
  font-size: 1.40105079rem;
}
.xMediacard.xContentText .xItemInner {
  padding-top: 0;
}
.xTemplateColumn .xItemInner {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.xTemplateColumn .xItemInner:hover {
  background-color: #3287B3;
  color: white;
}
.xTemplateColumn .xItemInner:hover .xButton {
  background-color: white;
  color: #3287B3;
}
.xTemplateColumn .xItemInner:hover .xButton:hover {
  background-color: #e6e6e6;
}
.xHeadline {
  padding: 0;
  background: none;
  border: none;
}
.xHeadline .xBodyContainer {
  padding: 16px;
}
.full .xCallout .xVariantTop,
.full .xCallout .xVariantBottom,
.full .xCallout .xVariantTop h1,
.full .xCallout .xVariantBottom h1,
.full .xCallout .xVariantTop h2,
.full .xCallout .xVariantBottom h2,
.full .xCallout .xVariantTop .xCopy,
.full .xCallout .xVariantBottom .xCopy,
.full .xCallout .xVariantTop .xCTAContainer,
.full .xCallout .xVariantBottom .xCTAContainer {
  text-align: center;
}
.xCallout.hasBGImage .xCopyContainer {
  padding: 16px;
  background: rgba(255, 255, 255, 0.8);
}
.xCallout .xCopyContainer {
  margin-bottom: 16px;
}
.xCallout .xCopyContainer:last-child {
  margin-bottom: 0;
}
.mid .xCallout .xMasthead h1 {
  font-size: 28.8px;
  font-size: 2.88rem;
}
.mid .xCallout .xMasthead h2 {
  font-size: 17.6px;
  font-size: 1.76rem;
}
.mid .xCallout .xMasthead .xCopy {
  font-size: 14.4px;
  font-size: 1.44rem;
}
.third .xCallout .xMasthead h1 {
  font-size: 21.6px;
  font-size: 2.16rem;
}
.third .xCallout .xMasthead h2 {
  font-size: 13.2px;
  font-size: 1.32rem;
}
.third .xCallout .xMasthead .xCopy {
  font-size: 12.8px;
  font-size: 1.28rem;
}
.xCountdown {
  background-color: #3287B3;
  color: white;
}
.xIconCountdown {
  display: block;
}
.xCountdownPrefix,
.xCountdownSuffix {
  font-size: .6em;
}
.xItemCountdown {
  line-height: 1;
}
.xIconCountdown,
.xCountdownPrefix,
.xCountdownSuffix {
  zoom: 1;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
@media screen and (min-width: 520px) {
  .xOverlay .xItemContent {
    padding-right: 8px;
  }
  .xOverlay .xCTAContent {
    padding-left: 8px;
  }
  .xActionSortContainer,
  .xActionShowMoreContainer {
    text-align: center;
  }
  .xCallout {
    text-align: inherit;
  }
}