@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,900,600italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Roboto:900,400,700,500,300);
meta.foundation-version {
  font-family: "/5.2.1/";
}

meta.foundation-mq-small {
  font-family: "/only screen and (max-width: 40em)/";
  width: 0em;
}

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.063em)/";
  width: 40.063em;
}

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.063em)/";
  width: 64.063em;
}

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.063em)/";
  width: 90.063em;
}

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.063em)/";
  width: 120.063em;
}

meta.foundation-data-attribute-namespace {
  font-family: false;
}

html, body {
  height: 100%;
}

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  font-size: 16px;
}

body {
  background: white;
  color: #222222;
  padding: 0;
  margin: 0;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default;
}

a:hover {
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
}

img {
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.hide {
  display: none;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
}

select {
  width: 100%;
}

button, .button {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;
  font-size: 1rem;
  /*     @else                            { font-size: $padding - rem-calc(2); } */
  background-color: #008cba;
  border-color: #007095;
  color: white;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;
  font-size: 1rem;
  /*     @else                            { font-size: $padding - rem-calc(2); } */
}
button:hover, button:focus, .button:hover, .button:focus {
  background-color: #007095;
}
button:hover, button:focus, .button:hover, .button:focus {
  color: white;
}
button.secondary, .button.secondary {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #333333;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  background-color: #b9b9b9;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  color: #333333;
}
button.success, .button.success {
  background-color: #43ac6a;
  border-color: #368a55;
  color: white;
}
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  background-color: #368a55;
}
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  color: white;
}
button.alert, .button.alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: white;
}
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  background-color: #cf2a0e;
}
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  color: white;
}
button.large, .button.large {
  padding-top: 1.125rem;
  padding-right: 2.25rem;
  padding-bottom: 1.1875rem;
  padding-left: 2.25rem;
  font-size: 1.25rem;
  /*     @else                            { font-size: $padding - rem-calc(2); } */
}
button.small, .button.small {
  padding-top: 0.875rem;
  padding-right: 1.75rem;
  padding-bottom: 0.9375rem;
  padding-left: 1.75rem;
  font-size: 0.8125rem;
  /*     @else                            { font-size: $padding - rem-calc(2); } */
}
button.tiny, .button.tiny {
  padding-top: 0.625rem;
  padding-right: 1.25rem;
  padding-bottom: 0.6875rem;
  padding-left: 1.25rem;
  font-size: 0.6875rem;
  /*     @else                            { font-size: $padding - rem-calc(2); } */
}
button.expand, .button.expand {
  padding-right: 0;
  padding-left: 0;
  width: 100%;
}
button.left-align, .button.left-align {
  text-align: left;
  text-indent: 0.75rem;
}
button.right-align, .button.right-align {
  text-align: right;
  padding-right: 0.75rem;
}
button.radius, .button.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
button.round, .button.round {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
}
button.disabled, button[disabled], .button.disabled, .button[disabled] {
  background-color: #008cba;
  border-color: #007095;
  color: white;
  cursor: default;
  opacity: 0.7;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #007095;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  color: white;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #008cba;
}
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #333333;
  cursor: default;
  opacity: 0.7;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #b9b9b9;
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  color: #333333;
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #e7e7e7;
}
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
  background-color: #43ac6a;
  border-color: #368a55;
  color: white;
  cursor: default;
  opacity: 0.7;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #368a55;
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  color: white;
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #43ac6a;
}
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: white;
  cursor: default;
  opacity: 0.7;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #cf2a0e;
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  color: white;
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #f04124;
}

@media only screen and (min-width: 40.063em) {
  button, .button {
    display: inline-block;
  }
}
.button-group {
  list-style: none;
  margin: 0;
  left: 0;
  *zoom: 1;
}
.button-group:before, .button-group:after {
  content: " ";
  display: table;
}
.button-group:after {
  clear: both;
}
.button-group li {
  margin: 0;
  float: left;
}
.button-group li > button, .button-group li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group li:first-child button, .button-group li:first-child .button {
  border-left: 0;
}
.button-group li:first-child {
  margin-left: 0;
}
.button-group.radius > * > button, .button-group.radius > * .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
  border-left: 0;
}
.button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.button-group.round > * > button, .button-group.round > * .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.round > *:first-child button, .button-group.round > *:first-child .button {
  border-left: 0;
}
.button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}
.button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
  -moz-border-radius-bottomright: 1000px;
  -moz-border-radius-topright: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}
.button-group.even-2 li {
  width: 50%;
}
.button-group.even-2 li > button, .button-group.even-2 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
  border-left: 0;
}
.button-group.even-2 li button, .button-group.even-2 li .button {
  width: 100%;
}
.button-group.even-3 li {
  width: 33.33333%;
}
.button-group.even-3 li > button, .button-group.even-3 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
  border-left: 0;
}
.button-group.even-3 li button, .button-group.even-3 li .button {
  width: 100%;
}
.button-group.even-4 li {
  width: 25%;
}
.button-group.even-4 li > button, .button-group.even-4 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
  border-left: 0;
}
.button-group.even-4 li button, .button-group.even-4 li .button {
  width: 100%;
}
.button-group.even-5 li {
  width: 20%;
}
.button-group.even-5 li > button, .button-group.even-5 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
  border-left: 0;
}
.button-group.even-5 li button, .button-group.even-5 li .button {
  width: 100%;
}
.button-group.even-6 li {
  width: 16.66667%;
}
.button-group.even-6 li > button, .button-group.even-6 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
  border-left: 0;
}
.button-group.even-6 li button, .button-group.even-6 li .button {
  width: 100%;
}
.button-group.even-7 li {
  width: 14.28571%;
}
.button-group.even-7 li > button, .button-group.even-7 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
  border-left: 0;
}
.button-group.even-7 li button, .button-group.even-7 li .button {
  width: 100%;
}
.button-group.even-8 li {
  width: 12.5%;
}
.button-group.even-8 li > button, .button-group.even-8 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
  border-left: 0;
}
.button-group.even-8 li button, .button-group.even-8 li .button {
  width: 100%;
}

.button-bar {
  *zoom: 1;
}
.button-bar:before, .button-bar:after {
  content: " ";
  display: table;
}
.button-bar:after {
  clear: both;
}
.button-bar .button-group {
  float: left;
  margin-right: 0.625rem;
}
.button-bar .button-group div {
  overflow: hidden;
}

.flex-video {
  position: relative;
  padding-top: 1.5625rem;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden;
}
.flex-video.widescreen {
  padding-bottom: 56.34%;
}
.flex-video.vimeo {
  padding-top: 0;
}
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Standard Forms */
form {
  margin: 0 0 1rem;
}

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5rem;
}
form .row .row .column,
form .row .row .columns {
  padding: 0 0.5rem;
}
form .row .row.collapse {
  margin: 0;
}
form .row .row.collapse .column,
form .row .row.collapse .columns {
  padding: 0;
}
form .row .row.collapse input {
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
}
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5rem;
}

/* Label Styles */
label {
  font-size: 0.875rem;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
  /* Styles for required inputs */
}
label.right {
  float: none;
  text-align: right;
}
label.inline {
  margin: 0 0 1rem 0;
  padding: 0.625rem 0;
}
label small {
  text-transform: capitalize;
  color: #676767;
}

select {
  -webkit-appearance: none !important;
  background-color: #fafafa;
  background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: 97% center;
  border: 1px solid #cccccc;
  padding: 0.5rem;
  font-size: 0.875rem;
  -webkit-border-radius: 0;
  border-radius: 0;
}
select.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
select:hover {
  background-color: #f3f3f3;
  border-color: #999999;
}

select::-ms-expand {
  display: none;
}

@-moz-document url-prefix() {
  select {
    background: #fafafa;
  }

  select:hover {
    background: #f3f3f3;
  }
}

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
}

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125rem;
  border: none;
}

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125rem;
  border: none;
}

.prefix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.postfix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.prefix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}

.postfix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomright: 1000px;
  -moz-border-radius-topright: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333333;
  border-color: #cccccc;
}
span.prefix.radius, label.prefix.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

span.postfix, label.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #333333;
  border-color: #cccccc;
}
span.postfix.radius, label.postfix.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  -webkit-appearance: none;
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
  -webkit-box-shadow: 0 0 5px #999999;
  -moz-box-shadow: 0 0 5px #999999;
  box-shadow: 0 0 5px #999999;
  border-color: #999999;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
  background: #fafafa;
  border-color: #999999;
  outline: none;
}
input[type="text"][disabled], fieldset[disabled] input[type="text"],
input[type="password"][disabled], fieldset[disabled]
input[type="password"],
input[type="date"][disabled], fieldset[disabled]
input[type="date"],
input[type="datetime"][disabled], fieldset[disabled]
input[type="datetime"],
input[type="datetime-local"][disabled], fieldset[disabled]
input[type="datetime-local"],
input[type="month"][disabled], fieldset[disabled]
input[type="month"],
input[type="week"][disabled], fieldset[disabled]
input[type="week"],
input[type="email"][disabled], fieldset[disabled]
input[type="email"],
input[type="number"][disabled], fieldset[disabled]
input[type="number"],
input[type="search"][disabled], fieldset[disabled]
input[type="search"],
input[type="tel"][disabled], fieldset[disabled]
input[type="tel"],
input[type="time"][disabled], fieldset[disabled]
input[type="time"],
input[type="url"][disabled], fieldset[disabled]
input[type="url"],
textarea[disabled], fieldset[disabled]
textarea {
  background-color: #dddddd;
}
input[type="text"].radius,
input[type="password"].radius,
input[type="date"].radius,
input[type="datetime"].radius,
input[type="datetime-local"].radius,
input[type="month"].radius,
input[type="week"].radius,
input[type="email"].radius,
input[type="number"].radius,
input[type="search"].radius,
input[type="tel"].radius,
input[type="time"].radius,
input[type="url"].radius,
textarea.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto;
}

/* Add height value for select elements to match text input height */
select {
  height: 2.3125rem;
}

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1rem 0;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline;
}

/* Normalize file input width */
input[type="file"] {
  width: 100%;
}

/* We add basic fieldset styling */
fieldset {
  border: 1px solid #dddddd;
  padding: 1.25rem;
  margin: 1.125rem 0;
}
fieldset legend {
  font-weight: bold;
  background: white;
  padding: 0 0.1875rem;
  margin: 0;
  margin-left: -0.1875rem;
}

/* Error Handling */
[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: white;
}
[data-abide] span.error, [data-abide] small.error {
  display: none;
}

span.error, small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: white;
}

.error input,
.error textarea,
.error select {
  margin-bottom: 0;
}
.error input[type="checkbox"],
.error input[type="radio"] {
  margin-bottom: 1rem;
}
.error label,
.error label.error {
  color: #f04124;
}
.error small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: white;
}
.error > label > small {
  color: #676767;
  background: transparent;
  padding: 0;
  text-transform: capitalize;
  font-style: normal;
  font-size: 60%;
  margin: 0;
  display: inline;
}
.error span.error-message {
  display: block;
}

input.error,
textarea.error {
  margin-bottom: 0;
}

label.error {
  color: #f04124;
}

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row.collapse > .column,
.row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}
.row.collapse .row {
  margin-left: 0;
  margin-right: 0;
}
.row .row {
  width: auto;
  margin-left: -0.3125rem;
  margin-right: -0.3125rem;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
  *zoom: 1;
}
.row .row:before, .row .row:after {
  content: " ";
  display: table;
}
.row .row:after {
  clear: both;
}
.row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none;
  *zoom: 1;
}
.row .row.collapse:before, .row .row.collapse:after {
  content: " ";
  display: table;
}
.row .row.collapse:after {
  clear: both;
}

.column,
.columns {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 100%;
  float: left;
}

@media only screen {
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }

  .column.small-uncentered,
  .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important;
  }

  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right;
  }

  .small-push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }

  .small-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
  }

  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }

  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }

  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }

  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }

  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }

  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }

  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }

  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }

  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }

  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }

  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }

  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }

  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }

  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }

  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }

  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }

  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }

  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }

  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }

  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }

  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }

  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }

  .column,
  .columns {
    position: relative;
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
    float: left;
  }

  .small-1 {
    width: 8.33333%;
  }

  .small-2 {
    width: 16.66667%;
  }

  .small-3 {
    width: 25%;
  }

  .small-4 {
    width: 33.33333%;
  }

  .small-5 {
    width: 41.66667%;
  }

  .small-6 {
    width: 50%;
  }

  .small-7 {
    width: 58.33333%;
  }

  .small-8 {
    width: 66.66667%;
  }

  .small-9 {
    width: 75%;
  }

  .small-10 {
    width: 83.33333%;
  }

  .small-11 {
    width: 91.66667%;
  }

  .small-12 {
    width: 100%;
  }

  [class*="column"] + [class*="column"]:last-child {
    float: right;
  }

  [class*="column"] + [class*="column"].end {
    float: left;
  }

  .small-offset-0 {
    margin-left: 0% !important;
  }

  .small-offset-1 {
    margin-left: 8.33333% !important;
  }

  .small-offset-2 {
    margin-left: 16.66667% !important;
  }

  .small-offset-3 {
    margin-left: 25% !important;
  }

  .small-offset-4 {
    margin-left: 33.33333% !important;
  }

  .small-offset-5 {
    margin-left: 41.66667% !important;
  }

  .small-offset-6 {
    margin-left: 50% !important;
  }

  .small-offset-7 {
    margin-left: 58.33333% !important;
  }

  .small-offset-8 {
    margin-left: 66.66667% !important;
  }

  .small-offset-9 {
    margin-left: 75% !important;
  }

  .small-offset-10 {
    margin-left: 83.33333% !important;
  }

  .small-offset-11 {
    margin-left: 91.66667% !important;
  }

  .small-reset-order,
  .small-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left;
  }
}
@media only screen and (min-width: 40.063em) {
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }

  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important;
  }

  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right;
  }

  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }

  .medium-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
  }

  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }

  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }

  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }

  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }

  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }

  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }

  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }

  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }

  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }

  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }

  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }

  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }

  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }

  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }

  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }

  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }

  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }

  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }

  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }

  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }

  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }

  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }

  .column,
  .columns {
    position: relative;
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
    float: left;
  }

  .medium-1 {
    width: 8.33333%;
  }

  .medium-2 {
    width: 16.66667%;
  }

  .medium-3 {
    width: 25%;
  }

  .medium-4 {
    width: 33.33333%;
  }

  .medium-5 {
    width: 41.66667%;
  }

  .medium-6 {
    width: 50%;
  }

  .medium-7 {
    width: 58.33333%;
  }

  .medium-8 {
    width: 66.66667%;
  }

  .medium-9 {
    width: 75%;
  }

  .medium-10 {
    width: 83.33333%;
  }

  .medium-11 {
    width: 91.66667%;
  }

  .medium-12 {
    width: 100%;
  }

  [class*="column"] + [class*="column"]:last-child {
    float: right;
  }

  [class*="column"] + [class*="column"].end {
    float: left;
  }

  .medium-offset-0 {
    margin-left: 0% !important;
  }

  .medium-offset-1 {
    margin-left: 8.33333% !important;
  }

  .medium-offset-2 {
    margin-left: 16.66667% !important;
  }

  .medium-offset-3 {
    margin-left: 25% !important;
  }

  .medium-offset-4 {
    margin-left: 33.33333% !important;
  }

  .medium-offset-5 {
    margin-left: 41.66667% !important;
  }

  .medium-offset-6 {
    margin-left: 50% !important;
  }

  .medium-offset-7 {
    margin-left: 58.33333% !important;
  }

  .medium-offset-8 {
    margin-left: 66.66667% !important;
  }

  .medium-offset-9 {
    margin-left: 75% !important;
  }

  .medium-offset-10 {
    margin-left: 83.33333% !important;
  }

  .medium-offset-11 {
    margin-left: 91.66667% !important;
  }

  .medium-reset-order,
  .medium-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left;
  }

  .push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }

  .pull-0 {
    position: relative;
    right: 0%;
    left: auto;
  }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
}
@media only screen and (min-width: 64.063em) {
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }

  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important;
  }

  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right;
  }

  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }

  .large-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
  }

  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }

  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }

  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }

  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }

  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }

  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }

  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }

  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }

  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }

  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }

  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }

  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }

  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }

  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }

  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }

  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }

  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }

  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }

  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }

  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }

  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }

  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }

  .column,
  .columns {
    position: relative;
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
    float: left;
  }

  .large-1 {
    width: 8.33333%;
  }

  .large-2 {
    width: 16.66667%;
  }

  .large-3 {
    width: 25%;
  }

  .large-4 {
    width: 33.33333%;
  }

  .large-5 {
    width: 41.66667%;
  }

  .large-6 {
    width: 50%;
  }

  .large-7 {
    width: 58.33333%;
  }

  .large-8 {
    width: 66.66667%;
  }

  .large-9 {
    width: 75%;
  }

  .large-10 {
    width: 83.33333%;
  }

  .large-11 {
    width: 91.66667%;
  }

  .large-12 {
    width: 100%;
  }

  [class*="column"] + [class*="column"]:last-child {
    float: right;
  }

  [class*="column"] + [class*="column"].end {
    float: left;
  }

  .large-offset-0 {
    margin-left: 0% !important;
  }

  .large-offset-1 {
    margin-left: 8.33333% !important;
  }

  .large-offset-2 {
    margin-left: 16.66667% !important;
  }

  .large-offset-3 {
    margin-left: 25% !important;
  }

  .large-offset-4 {
    margin-left: 33.33333% !important;
  }

  .large-offset-5 {
    margin-left: 41.66667% !important;
  }

  .large-offset-6 {
    margin-left: 50% !important;
  }

  .large-offset-7 {
    margin-left: 58.33333% !important;
  }

  .large-offset-8 {
    margin-left: 66.66667% !important;
  }

  .large-offset-9 {
    margin-left: 75% !important;
  }

  .large-offset-10 {
    margin-left: 83.33333% !important;
  }

  .large-offset-11 {
    margin-left: 91.66667% !important;
  }

  .large-reset-order,
  .large-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left;
  }

  .push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }

  .pull-0 {
    position: relative;
    right: 0%;
    left: auto;
  }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
}
.label {
  font-weight: normal;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  margin-bottom: inherit;
  padding: 0.25rem 0.5rem 0.375rem;
  font-size: 0.6875rem;
  background-color: #008cba;
  color: white;
}
.label.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.label.round {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
}
.label.alert {
  background-color: #f04124;
  color: white;
}
.label.success {
  background-color: #43ac6a;
  color: white;
}
.label.secondary {
  background-color: #e7e7e7;
  color: #333333;
}

/* Panels */
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #f2f2f2;
}
.panel > :first-child {
  margin-top: 0;
}
.panel > :last-child {
  margin-bottom: 0;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
  color: #333333;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
  line-height: 1;
  margin-bottom: 0.625rem;
}
.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
  line-height: 1.4;
}
.panel.callout {
  border-style: solid;
  border-width: 1px;
  border-color: #b6edff;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #ecfaff;
}
.panel.callout > :first-child {
  margin-top: 0;
}
.panel.callout > :last-child {
  margin-bottom: 0;
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
  color: #333333;
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
  line-height: 1;
  margin-bottom: 0.625rem;
}
.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
  line-height: 1.4;
}
.panel.callout a:not(.button) {
  color: #008cba;
}
.panel.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: black;
  background: rgba(0, 0, 0, 0.45);
  z-index: 99;
  display: none;
  top: 0;
  left: 0;
}

dialog, .reveal-modal {
  visibility: hidden;
  display: none;
  position: absolute;
  z-index: 100;
  width: 100vw;
  top: 0;
  left: 0;
  background-color: white;
  padding: 1.25rem;
  border: solid 1px #666666;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 40em) {
  dialog, .reveal-modal {
    height: 100vh;
    min-height: 100vh;
  }
}
@media only screen and (min-width: 40.063em) {
  dialog, .reveal-modal {
    left: 50%;
  }
}
dialog .column,
dialog .columns, .reveal-modal .column,
.reveal-modal .columns {
  min-width: 0;
}
dialog > :first-child, .reveal-modal > :first-child {
  margin-top: 0;
}
dialog > :last-child, .reveal-modal > :last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 40.063em) {
  dialog, .reveal-modal {
    margin-left: -40%;
    width: 80%;
  }
}
@media only screen and (min-width: 40.063em) {
  dialog, .reveal-modal {
    top: 6.25rem;
  }
}
dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {
  font-size: 2.5rem;
  line-height: 1;
  position: absolute;
  top: 0.5rem;
  right: 0.6875rem;
  color: #aaaaaa;
  font-weight: bold;
  cursor: pointer;
}

dialog[open] {
  display: block;
  visibility: visible;
}

@media only screen and (min-width: 40.063em) {
  dialog, .reveal-modal {
    padding: 1.875rem;
  }
  dialog.full, .reveal-modal.full {
    top: 0;
    left: 0;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0 !important;
  }
}
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
  dialog, .reveal-modal {
    top: 6.25rem;
  }
}
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
  dialog.tiny, .reveal-modal.tiny {
    margin-left: -15%;
    width: 30%;
  }
}
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
  dialog.small, .reveal-modal.small {
    margin-left: -20%;
    width: 40%;
  }
}
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
  dialog.medium, .reveal-modal.medium {
    margin-left: -30%;
    width: 60%;
  }
}
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
  dialog.large, .reveal-modal.large {
    margin-left: -35%;
    width: 70%;
  }
}
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
  dialog.xlarge, .reveal-modal.xlarge {
    margin-left: -47.5%;
    width: 95%;
  }
}

@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
  dialog.full, .reveal-modal.full {
    margin-left: -50vw;
    width: 100vw;
  }
}

@media print {
  dialog, .reveal-modal {
    background: #fff !important;
  }
}
.dropdown.button, button.dropdown {
  position: relative;
  padding-right: 3.5625rem;
}
.dropdown.button:before, button.dropdown:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-style: solid;
  border-color: white transparent transparent transparent;
  top: 50%;
}
.dropdown.button:before, button.dropdown:before {
  border-width: 0.375rem;
  right: 1.40625rem;
  margin-top: -0.15625rem;
}
.dropdown.button:before, button.dropdown:before {
  border-color: white transparent transparent transparent;
}
.dropdown.button.tiny, button.dropdown.tiny {
  padding-right: 2.625rem;
}
.dropdown.button.tiny:before, button.dropdown.tiny:before {
  border-width: 0.375rem;
  right: 1.125rem;
  margin-top: -0.125rem;
}
.dropdown.button.tiny:before, button.dropdown.tiny:before {
  border-color: white transparent transparent transparent;
}
.dropdown.button.small, button.dropdown.small {
  padding-right: 3.0625rem;
}
.dropdown.button.small:before, button.dropdown.small:before {
  border-width: 0.4375rem;
  right: 1.3125rem;
  margin-top: -0.15625rem;
}
.dropdown.button.small:before, button.dropdown.small:before {
  border-color: white transparent transparent transparent;
}
.dropdown.button.large, button.dropdown.large {
  padding-right: 3.625rem;
}
.dropdown.button.large:before, button.dropdown.large:before {
  border-width: 0.3125rem;
  right: 1.71875rem;
  margin-top: -0.15625rem;
}
.dropdown.button.large:before, button.dropdown.large:before {
  border-color: white transparent transparent transparent;
}
.dropdown.button.secondary:before, button.dropdown.secondary:before {
  border-color: #333333 transparent transparent transparent;
}

.split.button {
  position: relative;
  padding-right: 5.0625rem;
}
.split.button span {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: solid 1px;
}
.split.button span:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-style: inset;
  top: 50%;
  left: 50%;
}
.split.button span:active {
  background-color: rgba(0, 0, 0, 0.1);
}
.split.button span {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.split.button span {
  width: 3.09375rem;
}
.split.button span:before {
  border-top-style: solid;
  border-width: 0.375rem;
  top: 48%;
  margin-left: -0.375rem;
}
.split.button span:before {
  border-color: white transparent transparent transparent;
}
.split.button.secondary span {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.split.button.secondary span:before {
  border-color: white transparent transparent transparent;
}
.split.button.alert span {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.split.button.success span {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.split.button.tiny {
  padding-right: 3.75rem;
}
.split.button.tiny span {
  width: 2.25rem;
}
.split.button.tiny span:before {
  border-top-style: solid;
  border-width: 0.375rem;
  top: 48%;
  margin-left: -0.375rem;
}
.split.button.small {
  padding-right: 4.375rem;
}
.split.button.small span {
  width: 2.625rem;
}
.split.button.small span:before {
  border-top-style: solid;
  border-width: 0.4375rem;
  top: 48%;
  margin-left: -0.375rem;
}
.split.button.large {
  padding-right: 5.5rem;
}
.split.button.large span {
  width: 3.4375rem;
}
.split.button.large span:before {
  border-top-style: solid;
  border-width: 0.3125rem;
  top: 48%;
  margin-left: -0.375rem;
}
.split.button.expand {
  padding-left: 2rem;
}
.split.button.secondary span:before {
  border-color: #333333 transparent transparent transparent;
}
.split.button.radius span {
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.split.button.round span {
  -moz-border-radius-bottomright: 1000px;
  -moz-border-radius-topright: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}

table {
  background: white;
  margin-bottom: 1.25rem;
  border: solid 1px #dddddd;
}
table thead,
table tfoot {
  background: whitesmoke;
}
table thead tr th,
table thead tr td,
table tfoot tr th,
table tfoot tr td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-size: 0.875rem;
  font-weight: bold;
  color: #222222;
  text-align: left;
}
table tr th,
table tr td {
  padding: 0.5625rem 0.625rem;
  font-size: 0.875rem;
  color: #222222;
}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
  background: transparent;
}
table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
  display: table-cell;
  line-height: 1.125rem;
}

meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:40.063em)/";
  width: 40.063em;
}

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: #efefef;
}
.contain-to-grid .top-bar {
  margin-bottom: 0;
}

.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99;
}
.fixed.expanded:not(.top-bar) {
  overflow-y: auto;
  height: auto;
  width: 100%;
  max-height: 100%;
}
.fixed.expanded:not(.top-bar) .title-area {
  position: fixed;
  width: 100%;
  z-index: 99;
}
.fixed.expanded:not(.top-bar) .top-bar-section {
  z-index: 98;
  margin-top: 110px;
}

.top-bar {
  overflow: hidden;
  height: 110px;
  line-height: 110px;
  position: relative;
  background: #efefef;
  margin-bottom: 0;
}
.top-bar ul {
  margin-bottom: 0;
  list-style: none;
}
.top-bar .row {
  max-width: none;
}
.top-bar form,
.top-bar input {
  margin-bottom: 0;
}
.top-bar input {
  height: auto;
  padding-top: .35rem;
  padding-bottom: .35rem;
  font-size: 0.75rem;
}
.top-bar .button {
  padding-top: .45rem;
  padding-bottom: .35rem;
  margin-bottom: 0;
  font-size: 0.75rem;
}
.top-bar .title-area {
  position: relative;
  margin: 0;
}
.top-bar .name {
  height: 110px;
  margin: 0;
  font-size: 16px;
}
.top-bar .name h1 {
  line-height: 110px;
  font-size: 1.0625rem;
  margin: 0;
}
.top-bar .name h1 a {
  font-weight: normal;
  color: white;
  width: 50%;
  display: block;
  padding: 0 36.66667px;
}
.top-bar .toggle-topbar {
  position: absolute;
  right: 0;
  top: 0;
}
.top-bar .toggle-topbar a {
  color: white;
  text-transform: uppercase;
  font-size: 0.8125rem;
  font-weight: bold;
  position: relative;
  display: block;
  padding: 0 36.66667px;
  height: 110px;
  line-height: 110px;
}
.top-bar .toggle-topbar.menu-icon {
  right: 36.66667px;
  top: 50%;
  margin-top: -16px;
  padding-left: 40px;
}
.top-bar .toggle-topbar.menu-icon a {
  height: 34px;
  line-height: 33px;
  padding: 0;
  padding-right: 25px;
  color: white;
  position: relative;
}
.top-bar .toggle-topbar.menu-icon a::after {
  content: "";
  position: absolute;
  right: 0;
  display: block;
  width: 16px;
  top: 0;
  height: 0;
  -webkit-box-shadow: 1px 10px 1px 1px white, 1px 16px 1px 1px white, 1px 22px 1px 1px white;
  box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
}
.top-bar.expanded {
  height: auto;
  background: transparent;
}
.top-bar.expanded .title-area {
  background: #efefef;
}
.top-bar.expanded .toggle-topbar a {
  color: #888888;
}
.top-bar.expanded .toggle-topbar a::after {
  -webkit-box-shadow: 1px 10px 1px 1px #888888, 1px 16px 1px 1px #888888, 1px 22px 1px 1px #888888;
  box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888;
}

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  -webkit-transition: left 300ms ease-out;
  -moz-transition: left 300ms ease-out;
  transition: left 300ms ease-out;
}
.top-bar-section ul {
  width: 100%;
  height: auto;
  display: block;
  background: #333333;
  font-size: 16px;
  margin: 0;
}
.top-bar-section .divider,
.top-bar-section [role="separator"] {
  border-top: solid 1px #777777;
  clear: both;
  height: 1px;
  width: 100%;
}
.top-bar-section ul li > a {
  display: block;
  width: 100%;
  color: white;
  padding: 12px 0 12px 0;
  padding-left: 36.66667px;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: 0.8125rem;
  font-weight: normal;
  text-transform: none;
  background: #333333;
}
.top-bar-section ul li > a.button {
  background: #008cba;
  font-size: 0.8125rem;
  padding-right: 36.66667px;
  padding-left: 36.66667px;
}
.top-bar-section ul li > a.button:hover {
  background: #006688;
}
.top-bar-section ul li > a.button.secondary {
  background: #e7e7e7;
}
.top-bar-section ul li > a.button.secondary:hover {
  background: #cecece;
}
.top-bar-section ul li > a.button.success {
  background: #43ac6a;
}
.top-bar-section ul li > a.button.success:hover {
  background: #358854;
}
.top-bar-section ul li > a.button.alert {
  background: #f04124;
}
.top-bar-section ul li > a.button.alert:hover {
  background: #d42b0f;
}
.top-bar-section ul li:hover:not(.has-form) > a {
  background: #272727;
  color: white;
}
.top-bar-section ul li.active > a {
  background: #008cba;
  color: white;
}
.top-bar-section ul li.active > a:hover {
  background: #0078a0;
  color: white;
}
.top-bar-section .has-form {
  padding: 36.66667px;
}
.top-bar-section .has-dropdown {
  position: relative;
}
.top-bar-section .has-dropdown > a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
  border-left-style: solid;
  margin-right: 36.66667px;
  margin-top: -4.5px;
  position: absolute;
  top: 50%;
  right: 0;
}
.top-bar-section .has-dropdown.moved {
  position: static;
}
.top-bar-section .has-dropdown.moved > .dropdown {
  display: block;
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
  position: absolute !important;
  width: 100%;
}
.top-bar-section .has-dropdown.moved > a:after {
  display: none;
}
.top-bar-section .dropdown {
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 99;
  display: block;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.top-bar-section .dropdown li {
  width: 100%;
  height: auto;
}
.top-bar-section .dropdown li a {
  font-weight: normal;
  padding: 8px 36.66667px;
}
.top-bar-section .dropdown li a.parent-link {
  font-weight: normal;
}
.top-bar-section .dropdown li.title h5 {
  margin-bottom: 0;
}
.top-bar-section .dropdown li.title h5 a {
  color: white;
  line-height: 55px;
  display: block;
}
.top-bar-section .dropdown li.has-form {
  padding: 8px 36.66667px;
}
.top-bar-section .dropdown li .button {
  top: auto;
}
.top-bar-section .dropdown label {
  padding: 8px 36.66667px 2px;
  margin-bottom: 0;
  text-transform: uppercase;
  color: #777777;
  font-weight: bold;
  font-size: 0.625rem;
}

.js-generated {
  display: block;
}

@media only screen and (min-width: 40.063em) {
  .top-bar {
    background: #efefef;
    *zoom: 1;
    overflow: visible;
  }
  .top-bar:before, .top-bar:after {
    content: " ";
    display: table;
  }
  .top-bar:after {
    clear: both;
  }
  .top-bar .toggle-topbar {
    display: none;
  }
  .top-bar .title-area {
    float: left;
  }
  .top-bar .name h1 a {
    width: auto;
  }
  .top-bar input,
  .top-bar .button {
    font-size: 0.875rem;
    position: relative;
    top: 7px;
  }
  .top-bar.expanded {
    background: #efefef;
  }

  .contain-to-grid .top-bar {
    max-width: 75rem;
    margin: 0 auto;
    margin-bottom: 0;
  }

  .top-bar-section {
    -webkit-transition: none 0 0;
    -moz-transition: none 0 0;
    transition: none 0 0;
    left: 0 !important;
  }
  .top-bar-section ul {
    width: auto;
    height: auto !important;
    display: inline;
  }
  .top-bar-section ul li {
    float: left;
  }
  .top-bar-section ul li .js-generated {
    display: none;
  }
  .top-bar-section li.hover > a:not(.button) {
    background: #272727;
    color: white;
  }
  .top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 36.66667px;
    line-height: 110px;
    background: #efefef;
  }
  .top-bar-section li:not(.has-form) a:not(.button):hover {
    background: #272727;
  }
  .top-bar-section li.active:not(.has-form) a:not(.button) {
    padding: 0 36.66667px;
    line-height: 110px;
    color: white;
    background: #008cba;
  }
  .top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: #0078a0;
  }
  .top-bar-section .has-dropdown > a {
    padding-right: 56.66667px !important;
  }
  .top-bar-section .has-dropdown > a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
    border-top-style: solid;
    margin-top: -2.5px;
    top: 55px;
  }
  .top-bar-section .has-dropdown.moved {
    position: relative;
  }
  .top-bar-section .has-dropdown.moved > .dropdown {
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
  .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
  }
  .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
    border: none;
    content: "\00bb";
    top: 1rem;
    margin-top: -1px;
    right: 5px;
    line-height: 1.2;
  }
  .top-bar-section .dropdown {
    left: 0;
    top: auto;
    background: transparent;
    min-width: 100%;
  }
  .top-bar-section .dropdown li a {
    color: white;
    line-height: 1;
    white-space: nowrap;
    padding: 12px 36.66667px;
    background: #333333;
  }
  .top-bar-section .dropdown li label {
    white-space: nowrap;
    background: #333333;
  }
  .top-bar-section .dropdown li .dropdown {
    left: 100%;
    top: 0;
  }
  .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
    border-bottom: none;
    border-top: none;
    border-right: solid 1px #f1f1f1;
    clear: none;
    height: 110px;
    width: 0;
  }
  .top-bar-section .has-form {
    background: #efefef;
    padding: 0 36.66667px;
    height: 110px;
  }
  .top-bar-section .right li .dropdown {
    left: auto;
    right: 0;
  }
  .top-bar-section .right li .dropdown li .dropdown {
    right: 100%;
  }
  .top-bar-section .left li .dropdown {
    right: auto;
    left: 0;
  }
  .top-bar-section .left li .dropdown li .dropdown {
    left: 100%;
  }

  .no-js .top-bar-section ul li:hover > a {
    background: #272727;
    color: white;
  }
  .no-js .top-bar-section ul li:active > a {
    background: #008cba;
    color: white;
  }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
  }
}
.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

@media only screen and (max-width: 40em) {
  .small-only-text-left {
    text-align: left !important;
  }

  .small-only-text-right {
    text-align: right !important;
  }

  .small-only-text-center {
    text-align: center !important;
  }

  .small-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen {
  .small-text-left {
    text-align: left !important;
  }

  .small-text-right {
    text-align: right !important;
  }

  .small-text-center {
    text-align: center !important;
  }

  .small-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .medium-only-text-left {
    text-align: left !important;
  }

  .medium-only-text-right {
    text-align: right !important;
  }

  .medium-only-text-center {
    text-align: center !important;
  }

  .medium-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 40.063em) {
  .medium-text-left {
    text-align: left !important;
  }

  .medium-text-right {
    text-align: right !important;
  }

  .medium-text-center {
    text-align: center !important;
  }

  .medium-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .large-only-text-left {
    text-align: left !important;
  }

  .large-only-text-right {
    text-align: right !important;
  }

  .large-only-text-center {
    text-align: center !important;
  }

  .large-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 64.063em) {
  .large-text-left {
    text-align: left !important;
  }

  .large-text-right {
    text-align: right !important;
  }

  .large-text-center {
    text-align: center !important;
  }

  .large-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
  .xlarge-only-text-left {
    text-align: left !important;
  }

  .xlarge-only-text-right {
    text-align: right !important;
  }

  .xlarge-only-text-center {
    text-align: center !important;
  }

  .xlarge-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 90.063em) {
  .xlarge-text-left {
    text-align: left !important;
  }

  .xlarge-text-right {
    text-align: right !important;
  }

  .xlarge-text-center {
    text-align: center !important;
  }

  .xlarge-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
  .xxlarge-only-text-left {
    text-align: left !important;
  }

  .xxlarge-only-text-right {
    text-align: right !important;
  }

  .xxlarge-only-text-center {
    text-align: center !important;
  }

  .xxlarge-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 120.063em) {
  .xxlarge-text-left {
    text-align: left !important;
  }

  .xxlarge-text-right {
    text-align: right !important;
  }

  .xxlarge-text-center {
    text-align: center !important;
  }

  .xxlarge-text-justify {
    text-align: justify !important;
  }
}
.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

@media only screen and (max-width: 40em) {
  .small-only-text-left {
    text-align: left !important;
  }

  .small-only-text-right {
    text-align: right !important;
  }

  .small-only-text-center {
    text-align: center !important;
  }

  .small-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen {
  .small-text-left {
    text-align: left !important;
  }

  .small-text-right {
    text-align: right !important;
  }

  .small-text-center {
    text-align: center !important;
  }

  .small-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .medium-only-text-left {
    text-align: left !important;
  }

  .medium-only-text-right {
    text-align: right !important;
  }

  .medium-only-text-center {
    text-align: center !important;
  }

  .medium-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 40.063em) {
  .medium-text-left {
    text-align: left !important;
  }

  .medium-text-right {
    text-align: right !important;
  }

  .medium-text-center {
    text-align: center !important;
  }

  .medium-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .large-only-text-left {
    text-align: left !important;
  }

  .large-only-text-right {
    text-align: right !important;
  }

  .large-only-text-center {
    text-align: center !important;
  }

  .large-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 64.063em) {
  .large-text-left {
    text-align: left !important;
  }

  .large-text-right {
    text-align: right !important;
  }

  .large-text-center {
    text-align: center !important;
  }

  .large-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
  .xlarge-only-text-left {
    text-align: left !important;
  }

  .xlarge-only-text-right {
    text-align: right !important;
  }

  .xlarge-only-text-center {
    text-align: center !important;
  }

  .xlarge-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 90.063em) {
  .xlarge-text-left {
    text-align: left !important;
  }

  .xlarge-text-right {
    text-align: right !important;
  }

  .xlarge-text-center {
    text-align: center !important;
  }

  .xlarge-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
  .xxlarge-only-text-left {
    text-align: left !important;
  }

  .xxlarge-only-text-right {
    text-align: right !important;
  }

  .xxlarge-only-text-center {
    text-align: center !important;
  }

  .xxlarge-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 120.063em) {
  .xxlarge-text-left {
    text-align: left !important;
  }

  .xxlarge-text-right {
    text-align: right !important;
  }

  .xxlarge-text-center {
    text-align: center !important;
  }

  .xxlarge-text-justify {
    text-align: justify !important;
  }
}
/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

/* Default Link Styles */
a {
  color: #008cba;
  text-decoration: none;
  line-height: inherit;
}
a:hover, a:focus {
  color: #0078a0;
}
a img {
  border: none;
}

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility;
}
p.lead {
  font-size: 1.21875rem;
  line-height: 1.6;
}
p aside {
  font-size: 0.875rem;
  line-height: 1.35;
  font-style: italic;
}

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #525252;
  text-rendering: optimizeLegibility;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 60%;
  color: #8f8f8f;
  line-height: 0;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.4375rem;
}

h3 {
  font-size: 1.6875rem;
}

h4 {
  font-size: 1.4375rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}

.subheader {
  line-height: 1.4;
  color: #8f8f8f;
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
}

hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25rem 0 1.1875rem;
  height: 0;
}

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 60%;
  line-height: inherit;
}

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: bold;
  color: #bd260d;
}

/* Lists */
ul,
ol,
dl {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  list-style-position: outside;
  font-family: inherit;
}

ul {
  margin-left: 1.1rem;
}
ul.no-bullet {
  margin-left: 0;
}
ul.no-bullet li ul,
ul.no-bullet li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
  list-style: none;
}

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}
ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit;
}
ul.square {
  list-style-type: square;
  margin-left: 1.1rem;
}
ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem;
}
ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem;
}
ul.no-bullet {
  list-style: none;
}

/* Ordered Lists */
ol {
  margin-left: 1.4rem;
}
ol li ul,
ol li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

/* Definition Lists */
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}
dl dd {
  margin-bottom: 0.75rem;
}

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222222;
  border-bottom: 1px dotted #dddddd;
  cursor: help;
}

abbr {
  text-transform: none;
}

/* Blockquotes */
blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #dddddd;
}
blockquote cite {
  display: block;
  font-size: 0.8125rem;
  color: #7a7a7a;
}
blockquote cite:before {
  content: "\2014 \0020";
}
blockquote cite a,
blockquote cite a:visited {
  color: #7a7a7a;
}

blockquote,
blockquote p {
  line-height: 1.6;
  color: #8f8f8f;
}

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.25rem 0;
  border: 1px solid #dddddd;
  padding: 0.625rem 0.75rem;
}
.vcard li {
  margin: 0;
  display: block;
}
.vcard .fn {
  font-weight: bold;
  font-size: 0.9375rem;
}

.vevent .summary {
  font-weight: bold;
}
.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625rem;
}

@media only screen and (min-width: 40.063em) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
  }
}
/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .hide-on-print {
    display: none !important;
  }

  .print-only {
    display: block !important;
  }

  .hide-for-print {
    display: none !important;
  }

  .show-for-print {
    display: inherit !important;
  }
}
/* small displays */
@media only screen {
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }

  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }

  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table;
  }

  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row !important;
  }

  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}
/* medium displays */
@media only screen and (min-width: 40.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table;
  }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row !important;
  }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}
/* large displays */
@media only screen and (min-width: 64.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table;
  }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row !important;
  }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}
/* xlarge displays */
@media only screen and (min-width: 90.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table;
  }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row !important;
  }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}
/* xxlarge displays */
@media only screen and (min-width: 120.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
    display: table;
  }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row !important;
  }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important;
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table;
}

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important;
}

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important;
}

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important;
}

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important;
}

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important;
  }

  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }

  /* Specific visibility for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table;
  }

  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important;
  }

  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important;
  }

  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important;
  }

  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important;
  }
}
@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important;
  }

  .hide-for-portrait,
  .show-for-landscape {
    display: none !important;
  }

  /* Specific visibility for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table;
  }

  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important;
  }

  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important;
  }

  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important;
  }

  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important;
  }
}
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important;
}

.hide-for-touch {
  display: inherit !important;
}

.touch .show-for-touch {
  display: inherit !important;
}

.touch .hide-for-touch {
  display: none !important;
}

/* Specific visibility for tables */
table.hide-for-touch {
  display: table;
}

.touch table.show-for-touch {
  display: table;
}

thead.hide-for-touch {
  display: table-header-group !important;
}

.touch thead.show-for-touch {
  display: table-header-group !important;
}

tbody.hide-for-touch {
  display: table-row-group !important;
}

.touch tbody.show-for-touch {
  display: table-row-group !important;
}

tr.hide-for-touch {
  display: table-row !important;
}

.touch tr.show-for-touch {
  display: table-row !important;
}

td.hide-for-touch {
  display: table-cell !important;
}

.touch td.show-for-touch {
  display: table-cell !important;
}

th.hide-for-touch {
  display: table-cell !important;
}

.touch th.show-for-touch {
  display: table-cell !important;
}

ul.pagination {
  display: block;
  height: 1.5rem;
  margin-left: -0.3125rem;
}
ul.pagination li {
  height: 1.5rem;
  color: #222222;
  font-size: 0.875rem;
  margin-left: 0.3125rem;
}
ul.pagination li a {
  display: block;
  padding: 0.0625rem 0.625rem 0.0625rem;
  color: #999999;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
ul.pagination li:hover a,
ul.pagination li a:focus {
  background: #e6e6e6;
}
ul.pagination li.unavailable a {
  cursor: default;
  color: #999999;
}
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
  background: transparent;
}
ul.pagination li.current a {
  background: #008cba;
  color: white;
  font-weight: bold;
  cursor: default;
}
ul.pagination li.current a:hover, ul.pagination li.current a:focus {
  background: #008cba;
}
ul.pagination li {
  float: left;
  display: block;
}

/* Pagination centred wrapper */
.pagination-centered {
  text-align: center;
}
.pagination-centered ul.pagination li {
  float: none;
  display: inline-block;
}

.tabs {
  *zoom: 1;
  margin-bottom: 0 !important;
}
.tabs:before, .tabs:after {
  content: " ";
  display: table;
}
.tabs:after {
  clear: both;
}
.tabs dd {
  position: relative;
  margin-bottom: 0 !important;
  float: left;
}
.tabs dd > a {
  display: block;
  background: #efefef;
  color: #222222;
  padding: 1rem 2rem;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: 1rem;
}
.tabs dd > a:hover {
  background: #e1e1e1;
}
.tabs dd.active a {
  background: white;
}
.tabs.radius dd:first-child a {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.tabs.radius dd:last-child a {
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.tabs.vertical dd {
  position: inherit;
  float: none;
  display: block;
  top: auto;
}

.tabs-content {
  *zoom: 1;
  margin-bottom: 1.5rem;
  width: 100%;
}
.tabs-content:before, .tabs-content:after {
  content: " ";
  display: table;
}
.tabs-content:after {
  clear: both;
}
.tabs-content > .content {
  display: none;
  float: left;
  padding: 0.3125rem 0;
  width: 100%;
}
.tabs-content > .content.active {
  display: block;
  float: none;
}
.tabs-content > .content.contained {
  padding: 0.3125rem;
}
.tabs-content.vertical {
  display: block;
}
.tabs-content.vertical > .content {
  padding: 0 0.3125rem;
}

@media only screen and (min-width: 40.063em) {
  .tabs.vertical {
    width: 20%;
    float: left;
    margin-bottom: 1.25rem;
  }

  .tabs-content.vertical {
    width: 80%;
    float: left;
    margin-left: -1px;
  }
}
.no-js .tabs-content > .content {
  display: block;
  float: none;
}

.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: normal;
  margin-bottom: 1.25rem;
  position: relative;
  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
  font-size: 0.8125rem;
  background-color: #008cba;
  border-color: #0078a0;
  color: white;
}
.alert-box .close {
  font-size: 1.375rem;
  padding: 9px 6px 4px;
  line-height: 0;
  position: absolute;
  top: 50%;
  margin-top: -0.6875rem;
  right: 0.25rem;
  color: #333333;
  opacity: 0.3;
}
.alert-box .close:hover, .alert-box .close:focus {
  opacity: 0.5;
}
.alert-box.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.alert-box.round {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
}
.alert-box.success {
  background-color: #43ac6a;
  border-color: #3a945b;
  color: white;
}
.alert-box.alert {
  background-color: #f04124;
  border-color: #de2d0f;
  color: white;
}
.alert-box.secondary {
  background-color: #e7e7e7;
  border-color: #c7c7c7;
  color: #4f4f4f;
}
.alert-box.warning {
  background-color: #f08a24;
  border-color: #de770f;
  color: white;
}
.alert-box.info {
  background-color: #a0d3e8;
  border-color: #74bfdd;
  color: #4f4f4f;
}

.str-header-wrap {
  background: #ed1c24;
  height: 70px;
  min-width: 1220px;
}
.str-header-wrap.x-thin-header {
  height: 42px;
}
.str-header-wrap.x-thin-header .x-menu-label {
  font-size: 14px;
  top: 13px;
  right: 52px;
}
.str-header-wrap.x-thin-header .x-menu {
  width: 42px;
  height: 42px;
  font-size: 20px;
  padding-top: 11px;
}
.str-header-wrap.x-thin-header .x-social-nav {
  right: 190px;
}
.str-header-wrap.x-thin-header .x-social-nav li {
  margin-left: 0;
}
.str-header-wrap.x-thin-header .x-social-nav li span {
  font-size: 35px !important;
  line-height: 42px !important;
}
.str-header-wrap.x-thin-header .str-submenu {
  top: 42px;
}
.str-header-wrap .x-social-nav {
  list-style-type: none;
  display: inline-block;
  position: absolute;
  right: 240px;
}
.str-header-wrap .x-social-nav li {
  display: inline-block;
  margin-left: 5px;
}
.str-header-wrap .x-social-nav li .btn-social-share {
  color: white;
  display: block;
}
.str-header-wrap .x-social-nav li .btn-social-share span {
  display: block;
  font-size: 42px;
  line-height: 70px;
}
.str-header-wrap .x-menu-label {
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  top: 25px;
  right: 80px;
}
.str-header-wrap .x-menu {
  font-size: 31px;
  display: block;
  width: 70px;
  height: 70px;
  background-color: rgba(0, 0, 0, 0.15);
  text-align: center;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 17px;
  z-index: 1;
}
.str-header-wrap .x-header-inner {
  width: 1220px;
  height: 70px;
  margin: 0 auto;
  position: relative;
}
.str-header-wrap .x-header-inner .x-logo-anchor {
  position: absolute;
  display: inline-block;
  z-index: 10000;
}
.str-header-wrap .x-header-inner .x-home-menu-wrap {
  cursor: pointer;
}
.str-header-wrap .str-submenu {
  position: absolute;
  overflow: hidden;
  background: #fff;
  width: 180px;
  position: absolute;
  right: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  z-index: 2050;
  -webkit-box-shadow: -9px 12px 20px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: -9px 12px 20px rgba(0, 0, 0, 0.35);
  box-shadow: -9px 12px 20px rgba(0, 0, 0, 0.35);
  top: 70px;
  opacity: 1;
  display: block;
}
.str-header-wrap .str-submenu[aria-hidden=true] {
  top: 70px;
  opacity: 0;
  display: none;
}
.str-header-wrap .str-submenu .x-verticals {
  margin: 0 10px;
}
.str-header-wrap .str-submenu .x-verticals .x-item {
  display: inline-block;
  text-transform: lowercase;
  text-align: right;
  width: 100%;
  height: 48px;
  padding: 12px 0;
  border-bottom: 1px solid #eee;
  text-align: right;
  position: relative;
}
.str-header-wrap .str-submenu .x-verticals .x-item:last-child {
  border-bottom: none;
}
.str-header-wrap .str-submenu .x-verticals .x-item .x-menu-color, .str-header-wrap .str-submenu .x-verticals .x-item .x-menu-gray {
  position: absolute;
  right: 0;
  transition: opacity .25s ease-out;
}
.str-header-wrap .str-submenu .x-verticals .x-item .x-menu-color {
  opacity: 0;
}
.str-header-wrap .str-submenu .x-verticals .x-item.x-menu-item-hover .x-menu-color {
  opacity: 1;
}
.str-header-wrap .str-submenu .x-verticals .x-item.x-menu-item-hover .x-menu-gray {
  opacity: 0;
}

.str-svg-sprite {
  background-image: url(http://static.topixcdn.com/ext/stars/svg-sprite-base6.svg);
  display: inline-block;
  background-repeat: no-repeat;
}
.str-svg-sprite.x-pt-logo, .str-svg-sprite.x-pt-gray {
  width: 109px;
  height: 20px;
}
.str-svg-sprite.x-tt-logo, .str-svg-sprite.x-tt-gray {
  width: 45px;
  height: 21px;
}
.str-svg-sprite.x-pg-logo, .str-svg-sprite.x-pg-gray {
  width: 130px;
  height: 26px;
}
.str-svg-sprite.x-be-logo, .str-svg-sprite.x-be-gray {
  width: 108px;
  height: 20px;
}
.str-svg-sprite.x-st-logo, .str-svg-sprite.x-st-gray {
  width: 62px;
  height: 20px;
}
.str-svg-sprite.x-ot-logo, .str-svg-sprite.x-ot-gray {
  width: 87px;
  height: 24px;
}
.str-svg-sprite.x-wn-logo, .str-svg-sprite.x-wn-gray {
  width: 92px;
  height: 20px;
}
.str-svg-sprite.x-sp-logo, .str-svg-sprite.x-sp-gray {
  width: 79px;
  height: 20px;
}
.str-svg-sprite.x-es-logo, .str-svg-sprite.x-es-gray {
  width: 108px;
  height: 24px;
}
.str-svg-sprite.x-pt-logo {
  background-position: -150px -162px;
}
.str-svg-sprite.x-es-logo {
  background-position: -150px -254px;
}
.str-svg-sprite.x-tt-logo {
  background-position: -150px -222px;
}
.str-svg-sprite.x-pg-logo {
  background-position: -150px -125px;
}
.str-svg-sprite.x-st-logo {
  background-position: -150px 0px;
}
.str-svg-sprite.x-ot-logo {
  background-position: -150px -27px;
}
.str-svg-sprite.x-wn-logo {
  background-position: -150px -189px;
}
.str-svg-sprite.x-sp-logo {
  background-position: -150px -62px;
}
.str-svg-sprite.x-be-logo {
  background-position: -150px -95px;
}
.str-svg-sprite.x-pt-gray {
  background-position: 0px -162px;
}
.str-svg-sprite.x-tt-gray {
  background-position: 0px -222px;
}
.str-svg-sprite.x-pg-gray {
  background-position: 0px -125px;
}
.str-svg-sprite.x-be-gray {
  background-position: 0px -95px;
}
.str-svg-sprite.x-st-gray {
  background-position: 0px 0px;
}
.str-svg-sprite.x-ot-gray {
  background-position: 0px -27px;
}
.str-svg-sprite.x-wn-gray {
  background-position: 0px -189px;
}
.str-svg-sprite.x-sp-gray {
  background-position: 0px -62px;
}
.str-svg-sprite.x-es-gray {
  background-position: 0px -254px;
}

.str-footer-wrap {
  background: #efefef;
  height: 62px;
  text-align: center;
  margin-top: 60px;
  min-width: 1220px;
}
.str-footer-wrap .x-footer-menu {
  font-size: 16px;
  padding-top: 16px;
}
.str-footer-wrap .x-footer-menu li {
  display: inline-block;
  margin-right: 20px;
}
.str-footer-wrap .x-footer-menu a {
  color: #525252;
}
.str-footer-wrap .x-footer-menu .x-copy {
  color: #888;
}
.str-footer-wrap .x-footer-menu .x-copy a {
  color: #888;
}
.str-footer-wrap .x-footer-menu .x-copy a:hover {
  color: #525252;
}

.str-modal-wrapper {
  position: fixed;
  height: 100%;
  width: 100%;
  background: black;
  background: rgba(0, 0, 0, 0.45);
  z-index: 99;
  display: none;
  top: 0;
  left: 0;
  visibility: hidden;
  display: none;
  position: absolute;
  z-index: 100;
  width: 100vw;
  top: 0;
  left: 0;
  background-color: #e5e5e5;
  padding: 1.25rem;
  border: solid 1px #666666;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  height: 28.125rem;
  z-index: 2147483511;
}
.str-modal-wrapper h2 {
  color: #ed1c24;
  font-size: 45px;
  font-style: italic;
  font-weight: 900;
  text-transform: uppercase;
  text-shadow: 3px 3px 0 #aaaaaa;
}
@media only screen and (max-width: 40em) {
  .str-modal-wrapper {
    height: 100vh;
    min-height: 100vh;
  }
}
@media only screen and (min-width: 40.063em) {
  .str-modal-wrapper {
    left: 50%;
  }
}
.str-modal-wrapper .column,
.str-modal-wrapper .columns {
  min-width: 0;
}
.str-modal-wrapper > :first-child {
  margin-top: 0;
}
.str-modal-wrapper > :last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 40.063em) {
  .str-modal-wrapper {
    margin-left: -35rem;
    width: 70rem;
  }
}
@media only screen and (min-width: 40.063em) {
  .str-modal-wrapper {
    top: 6.25rem;
  }
}
.str-modal-wrapper .close-reveal-modal {
  font-size: 2.5rem;
  line-height: 1;
  position: absolute;
  top: 0.5rem;
  right: 0.6875rem;
  color: #aaaaaa;
  font-weight: bold;
  cursor: pointer;
}

.str-modal-recirc {
  width: 20.625rem;
  height: 18.75rem;
  background-color: white;
  padding: 0.9375rem;
  float: left;
  margin: 0 0.6875rem;
}
.str-modal-recirc.x-last {
  margin-right: 0 !important;
}
.str-modal-recirc .x-img-wrapper {
  height: 10.375rem;
  max-width: 18.75rem;
  overflow: hidden;
}
.str-modal-recirc .x-info {
  color: #515151;
  font-size: 20px;
  font-weight: bold;
  margin-top: 1.0625rem;
  line-height: 1.2;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.str-modal-recirc:hover .x-info {
  color: #ed1c24;
}

.str-modal-open {
  display: block !important;
}

.str-grid-layout {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
}
.str-grid-layout:before, .str-grid-layout:after {
  content: " ";
  display: table;
}
.str-grid-layout:after {
  clear: both;
}

.str-item-wrapper {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 25%;
  float: left;
  height: 9.375rem;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.str-item-wrapper.x-recirc {
  height: auto;
}
.str-item-wrapper.x-recirc .x-title {
  font-size: 0.875rem;
  line-height: 1.3em;
}
.str-item-wrapper .x-img-wrapper {
  height: 6.1875rem;
  overflow: hidden;
}
.str-item-wrapper .x-title {
  color: #333;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.str-item-wrapper:hover .x-title {
  color: #ed1c24;
}

.str-overlay-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  max-width: 36.4375rem;
  background-color: white;
  overflow: hidden;
  padding: 0.9375rem 1.875rem 1.25rem 1.875rem;
}
.str-overlay-wrapper:before, .str-overlay-wrapper:after {
  content: " ";
  display: table;
}
.str-overlay-wrapper:after {
  clear: both;
}
.str-overlay-wrapper h3 {
  color: #525252;
  text-align: left;
  border-bottom: 1px solid #525252;
  margin-bottom: 0.625rem;
  margin-left: 1.3125rem;
}
.str-overlay-wrapper.x-slideshow-recirc-wrapper {
  position: absolute;
  top: 0;
  width: 40rem;
  max-width: 40rem;
  height: 30rem;
  max-height: 30rem;
}

.str-slideshow-recirc-item {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 33.33333%;
  float: left;
}
.str-slideshow-recirc-item .x-img-wrapper {
  max-width: 9.25rem;
  border: 3px solid #525252;
  margin: auto;
}
.str-slideshow-recirc-item .x-text {
  font-size: 1rem;
  color: #6c6c6c;
  margin: 0.625rem 0 0.9375rem 0;
  max-height: 2.375rem;
  overflow: hidden;
  line-height: 1.2;
  padding-left: 0.625rem;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.str-slideshow-recirc-item:hover .x-text {
  color: #ed1c24;
}

.str-fb-share, .str-email-subscribe {
  width: 19.125rem;
  height: 3.5rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  display: block;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin: 1.25rem auto;
}
.str-fb-share span, .str-email-subscribe span {
  width: 4.1875rem;
  line-height: 3.5rem;
  display: inline-block;
  position: absolute;
  color: white;
  font-size: 1.875rem;
  left: 0;
  top: 0;
}
.str-fb-share em, .str-email-subscribe em {
  color: white;
  font-style: normal;
  font-size: 1.375rem;
  line-height: 3.5rem;
  margin-left: 3.5rem;
}

.str-fb-share {
  background-color: #455896;
  margin-top: 1.25rem;
}
.str-fb-share span {
  background-color: #354473;
}
.str-fb-share:hover {
  background-color: #6c7fbb;
}

.str-email-subscribe {
  background-color: #de8700;
}
.str-email-subscribe span {
  background-color: #ab6800;
}
.str-email-subscribe:hover {
  background-color: #ffac2c;
}

.str-next-up-btn {
  width: 24.375rem;
  background-color: #000;
  color: white;
  position: absolute;
  bottom: 3.5625rem;
  right: 0;
  overflow: hidden;
}
.str-next-up-btn .x-img-wrapper {
  display: inline-block;
  float: left;
  max-width: 9.625rem;
}
.str-next-up-btn .x-content {
  display: inline-block;
  float: left;
  padding-left: 0.625rem;
  max-width: 48%;
  line-height: 1.2;
}
.str-next-up-btn .x-content h4 {
  color: white;
  font-size: 1.5rem;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
}
.str-next-up-btn .x-arrow {
  display: inline-block;
  position: absolute;
  right: 0.625rem;
  top: 33%;
  font-size: 2.8125rem;
}
.str-next-up-btn:hover {
  background-color: #262626;
}
.str-next-up-btn:hover .x-arrow span {
  color: #ccc;
}

.str-admin-wrap {
  position: fixed;
  top: 0.625rem;
  left: 0.625rem;
  z-index: 10000;
}
.str-admin-wrap .x-admin-item {
  position: relative;
  float: left;
  margin-right: 0.625rem;
}
.str-admin-wrap .x-admin-item .x-admin-btn {
  background: #f60;
  border: 0.0625rem solid #ff3300;
  padding: 0.1875rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
}
.str-admin-wrap .x-admin-item .x-tools-btn {
  background: #4462ff;
  border-color: #05f;
}
.str-admin-wrap .str-admin-menu {
  position: absolute;
  top: 1.5625rem;
  left: 0;
  display: none;
  width: 535px;
  font-size: 14px !important;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif !important;
  border: 0.125rem solid #ff6600;
  padding: 10px 15px 15px;
  background: #fff;
}
.str-admin-wrap .str-admin-menu.x-mini {
  width: 400px;
}
.str-admin-wrap .str-admin-menu .x-exit {
  float: right;
  color: #999;
  position: relative;
  top: 4px;
}
.str-admin-wrap .str-admin-menu .x-main-title {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 18px;
  margin: 0 0 10px;
}
.str-admin-wrap .str-admin-menu ul {
  margin-left: 0;
}
.str-admin-wrap .str-admin-menu ul li {
  list-style: none;
  display: block;
}
.str-admin-wrap .str-admin-menu ul li a {
  font-size: 14px;
  display: block;
  border-radius: 2px;
  padding: 0 3px;
  color: #ed1c24 !important;
}
.str-admin-wrap .str-admin-menu ul li a:hover {
  background: #f0f0f0;
}
.str-admin-wrap .str-admin-menu .x-column {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  float: left;
  margin: 0 0 0 -1px;
  padding: 0 15px;
  vertical-align: top;
}
.str-admin-wrap .str-admin-menu .x-column:last-child {
  border-right: none;
}
.str-admin-wrap .str-admin-menu .x-column:first-of-type {
  border-left: none;
  padding-left: 0;
}
.str-admin-wrap .str-admin-menu .x-title {
  text-transform: uppercase;
  font-size: 15px;
  color: #777;
  margin-bottom: 5px;
}
.str-admin-wrap .str-admin-menu .x-admin-links {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.str-admin-wrap .str-admin-menu .x-eng {
  width: 142px;
}
.str-admin-wrap .x-tools-menu {
  width: 31.25rem;
  border-color: #4462ff;
}
.str-admin-wrap .x-tools-menu .x-value {
  color: #888;
}

.str-admin-recirc-wrapper table, .str-admin-active-wrapper table, .str-admin-blacklist-wrapper table, .str-admin-recirc-wrapper thead, .str-admin-active-wrapper thead, .str-admin-blacklist-wrapper thead, .str-admin-recirc-wrapper td, .str-admin-active-wrapper td, .str-admin-blacklist-wrapper td {
  white-space: nowrap;
}
.str-admin-recirc-wrapper table, .str-admin-active-wrapper table, .str-admin-blacklist-wrapper table, .str-admin-recirc-wrapper td, .str-admin-active-wrapper td, .str-admin-blacklist-wrapper td {
  border: 0.0625rem black solid;
}
.str-admin-recirc-wrapper table, .str-admin-active-wrapper table, .str-admin-blacklist-wrapper table {
  border-collapse: collapse;
}
.str-admin-recirc-wrapper td, .str-admin-active-wrapper td, .str-admin-blacklist-wrapper td {
  padding: 0.3125rem;
}
.str-admin-recirc-wrapper td .x-thumbnail, .str-admin-active-wrapper td .x-thumbnail, .str-admin-blacklist-wrapper td .x-thumbnail {
  width: 3.125rem;
  height: 3.125rem;
}
.str-admin-recirc-wrapper h1 .x-title, .str-admin-active-wrapper h1 .x-title, .str-admin-blacklist-wrapper h1 .x-title {
  font-weight: 600;
}
.str-admin-recirc-wrapper a:hover, .str-admin-active-wrapper a:hover, .str-admin-blacklist-wrapper a:hover {
  text-decoration: underline;
}
.str-admin-recirc-wrapper .x-msg, .str-admin-active-wrapper .x-msg, .str-admin-blacklist-wrapper .x-msg {
  font-size: 1.25rem;
  font-weight: bold;
  color: red;
}
.str-admin-recirc-wrapper .x-items, .str-admin-active-wrapper .x-items, .str-admin-blacklist-wrapper .x-items {
  width: 50rem;
  height: 6.25rem;
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}
.str-admin-recirc-wrapper .x-submit, .str-admin-active-wrapper .x-submit, .str-admin-blacklist-wrapper .x-submit {
  display: block;
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
  float: none;
}
.str-admin-recirc-wrapper .x-hide, .str-admin-active-wrapper .x-hide, .str-admin-blacklist-wrapper .x-hide {
  display: none;
}
.str-admin-recirc-wrapper .x-edit, .str-admin-active-wrapper .x-edit, .str-admin-blacklist-wrapper .x-edit {
  display: block;
  text-align: center;
}
.str-admin-recirc-wrapper .x-remove, .str-admin-active-wrapper .x-remove, .str-admin-blacklist-wrapper .x-remove {
  margin-top: 10px;
}

.reveal-modal-bg {
  z-index: 2147483501;
}

.str-social-sharing .x-social-item a, .str-social-sharing .x-social-item .x-like {
  display: block;
  width: 100%;
  line-height: 2.5rem;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  position: relative;
}

.str-social-sharing {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  margin: 1.25rem 0;
}
.str-social-sharing:before, .str-social-sharing:after {
  content: " ";
  display: table;
}
.str-social-sharing:after {
  clear: both;
}
.str-social-sharing .x-social-item {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 50%;
  float: left;
}
.str-social-sharing .x-social-item a span {
  display: inline-block;
  margin-right: 0.625rem;
}
.str-social-sharing .x-social-item a span.ico-facebook {
  font-size: 1.5625rem;
  position: relative;
  top: 0.1875rem;
}
.str-social-sharing .x-social-item a.x-share {
  background-color: #3b5998;
  color: white;
}
.str-social-sharing .x-social-item a.x-share:hover {
  background-color: #4c70ba;
}
.str-social-sharing .x-social-item .x-like {
  color: #3b5998;
  border: 1px solid #3b5998;
  background-color: white;
}
.str-social-sharing .x-social-item .x-like .fb-like {
  display: inline-block;
  min-width: 76px;
  top: -0.625rem;
  left: 0.625rem;
}

.str-inline-share {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  margin: 15px 0 22px 0;
  position: relative;
}
.str-inline-share:before, .str-inline-share:after {
  content: " ";
  display: table;
}
.str-inline-share:after {
  clear: both;
}
.str-inline-share .x-col {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 33.33333%;
  float: left;
}
.str-inline-share .x-custom-col {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 50%;
  float: left;
}
.str-inline-share .x-share-this.x-btn {
  background: #55acee;
  line-height: 16px;
}
.str-inline-share .x-share-this.x-btn:hover {
  background: #2795e9;
}
.str-inline-share .x-btn {
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
  display: block;
  background: #3b5998;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 8px;
  font-size: 18px;
  height: 36px;
}
.str-inline-share .x-btn:hover {
  color: #fff;
  background: #2d4373;
}
.str-inline-share .x-btn span {
  display: inline;
  vertical-align: middle;
  margin-left: 8px;
  font-weight: 600;
}
.str-inline-share .x-btn i {
  font-size: 20px;
  vertical-align: middle;
}
.str-inline-share .x-newsletter {
  background: #ed1c24;
}
.str-inline-share .x-newsletter:hover {
  color: #fff;
  background: #c61017;
}
.str-inline-share .x-twitter {
  background: #55acee;
}
.str-inline-share .x-twitter:hover {
  background: #2795e9;
}
.str-inline-share .x-twitter i {
  position: relative;
  top: 1px;
}
.str-inline-share .x-pinterest {
  background: #cb0000;
}
.str-inline-share .x-pinterest:hover {
  background: #980000;
}
.str-inline-share .x-pinterest i {
  font-size: 25px;
  position: relative;
  top: -2px;
}
.str-inline-share .str-share-this-wrap {
  position: absolute;
  top: 45px;
  right: 0px;
  border: 1px solid #dadada;
  background: #f5f5f5;
  border-radius: 3px;
  padding: 12px 12px 10px;
  -webkit-box-shadow: 0 1px 10px rgba(158, 158, 158, 0.4);
  -moz-box-shadow: 0 1px 10px rgba(158, 158, 158, 0.4);
  box-shadow: 0 1px 10px rgba(158, 158, 158, 0.4);
}
.str-inline-share .str-share-this-wrap .x-label, .str-inline-share .str-share-this-wrap .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-inline-share .str-share-this-wrap .x-nf-label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 5px 3px;
}

.str-author {
  float: left;
  font-size: 12px;
  color: #333;
  margin-top: -10px;
  margin-left: 5px;
  text-transform: uppercase;
}

.str-item-notification {
  background-color: #ffee99;
  border-bottom: 0.0625rem solid #e5e5e5;
  height: 1.875rem;
  text-align: center;
  font-size: 1.875rem;
}

ul.x-slideinput-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.x-slideinput-list li {
  margin: 0;
}

.str-slideshow-creator .x-checkbox-text, .str-slideshow-creator .x-checkbox-text:focus, .str-slideshow-creator .x-radio-text, .str-slideshow-creator .x-radio-text:focus, .str-cms-wrapper .str-shortcut-btn {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline-style: none;
  /*IE*/
}

.str-slideshow-creator .x-select-img-btn {
  border-radius: 5px;
  text-align: center;
  background-color: #009898;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 10px;
  width: 150px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
}
.str-slideshow-creator .x-select-img-btn:hover {
  background-color: #007e7f;
}
.str-slideshow-creator .x-submit {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.75rem;
  padding-right: 1.5rem;
  padding-bottom: 0.8125rem;
  padding-left: 1.5rem;
  /*     @else                            { font-size: $padding - rem-calc(2); } */
  background-color: #009898;
  border-color: #007a7a;
  color: white;
  -webkit-border-radius: 0.125rem;
  border-radius: 0.125rem;
  font-size: 1.375rem;
  margin-top: 0.625rem;
}
.str-slideshow-creator .x-submit:hover, .str-slideshow-creator .x-submit:focus {
  background-color: #007a7a;
}
.str-slideshow-creator .x-submit:hover, .str-slideshow-creator .x-submit:focus {
  color: white;
}
.str-slideshow-creator .x-submit.x-sml {
  font-size: 1.125rem;
  padding: 8px 16px;
  margin-top: 1rem;
  width: auto;
}
.str-slideshow-creator .x-img-zoom {
  position: absolute;
  z-index: 10;
  border: solid 1px black;
  background: #fff;
  display: none;
  cursor: pointer;
  pointer-events: none;
  max-width: 640px;
  min-width: 640px;
  min-height: 414px;
}
.str-slideshow-creator .x-img-zoom .x-preview-overlay {
  position: absolute;
  width: 100%;
}
.str-slideshow-creator .x-img-zoom .x-preview-netseer-overlay {
  position: absolute;
  bottom: 0;
}
.str-slideshow-creator .x-img-zoom.x-disabled {
  display: none !important;
}
.str-slideshow-creator .str-byline-wrapper {
  display: inline-block;
}
.str-slideshow-creator .str-byline-wrapper input {
  display: inline-block;
  width: auto;
}
.str-slideshow-creator .str-author-wrapper {
  display: inline-block;
}
.str-slideshow-creator .str-cms-gallery {
  width: 300px;
}
.str-slideshow-creator .str-cms-gallery.x-hide {
  display: none;
}
.str-slideshow-creator .str-cms-gallery .x-plus-images {
  height: 50px;
  width: 50px;
  background-color: #ccc;
  color: #666;
  font-size: 20px;
  padding: 14px 11px;
  display: inline-block;
}
.str-slideshow-creator .str-cms-gallery .x-selected-fb-img-wrapper {
  position: relative;
  width: 100px;
  height: 50px;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding: 10px;
  color: #ccc;
}
.str-slideshow-creator .str-cms-gallery .x-selected-fb-img-wrapper .x-selected-img {
  position: absolute;
  left: 0;
  top: 0;
}
.str-slideshow-creator .str-cms-gallery .x-main {
  float: left;
  box-sizing: border-box;
  margin-right: 2px;
  cursor: pointer;
}
.str-slideshow-creator .str-cms-gallery .x-main, .str-slideshow-creator .str-cms-gallery .x-main img {
  width: 100px;
  height: 50px;
  margin-bottom: 5px;
}
.str-slideshow-creator .str-cms-gallery .x-gallery {
  float: left;
  height: 50px;
  vertical-align: top;
  cursor: pointer;
}
.str-slideshow-creator .str-cms-gallery .x-gallery .x-photo-col {
  float: left;
  margin-right: 2px;
  vertical-align: top;
}
.str-slideshow-creator .str-cms-gallery .x-gallery .x-photo-col .x-photo {
  box-sizing: border-box;
}
.str-slideshow-creator .str-cms-gallery .x-gallery .x-photo-col .x-photo, .str-slideshow-creator .str-cms-gallery .x-gallery .x-photo-col .x-photo img {
  width: 48px;
  height: 24px;
}
.str-slideshow-creator .str-cms-gallery .x-gallery .x-photo-col .x-photo:first-of-type {
  margin-bottom: 2px;
}
.str-slideshow-creator .str-cms-gallery .x-gallery .x-plus-col {
  display: none;
  position: relative;
  top: 13px;
  left: 10px;
  float: left;
  height: 50px;
}
.str-slideshow-creator .str-cms-gallery .x-gallery .x-plus-col.x-show {
  display: block;
}

.str-alert {
  margin: 0.625rem 0;
  border-radius: 0.125rem;
  padding: 0.5rem 0.375rem;
}
.str-alert.x-succes {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.str-alert.x-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.str-alert.x-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.str-alert.x-error {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.str-cms-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  max-width: 63.75rem;
  padding: 0.75rem;
}
.str-cms-wrapper:before, .str-cms-wrapper:after {
  content: " ";
  display: table;
}
.str-cms-wrapper:after {
  clear: both;
}
.str-cms-wrapper label {
  cursor: auto;
}
.str-cms-wrapper h1 {
  font-size: 2.375rem;
  font-weight: bold;
}
.str-cms-wrapper h2, .str-cms-wrapper h3 {
  margin-bottom: 0.25rem;
  padding: 0.75rem;
  background: #eee;
  color: #444;
  border-radius: 0.125rem;
  font-size: 1.125rem;
}
.str-cms-wrapper h2 .x-label, .str-cms-wrapper h2 .x-row .x-nf-label, .str-cms-wrapper .x-row h2 .x-nf-label, .str-cms-wrapper h3 .x-label, .str-cms-wrapper h3 .x-row .x-nf-label, .str-cms-wrapper .x-row h3 .x-nf-label {
  font-weight: bold;
}
.str-cms-wrapper .x-ss-input {
  display: inline-block;
  margin-right: 5px;
}
.str-cms-wrapper .x-ss-input .x-label, .str-cms-wrapper .x-ss-input .x-row .x-nf-label, .str-cms-wrapper .x-row .x-ss-input .x-nf-label {
  font-weight: bold;
}
.str-cms-wrapper .x-ss-detail {
  width: 125px;
}
.str-cms-wrapper .x-ss-status {
  font-weight: none;
  font-style: italic;
  text-transform: uppercase;
}
.str-cms-wrapper .x-itemid-update {
  display: flex;
  justify-content: space-between;
}
.str-cms-wrapper .x-row {
  margin: 1rem 0;
}
.str-cms-wrapper .x-row .x-label, .str-cms-wrapper .x-row .x-nf-label {
  font-weight: bold;
  display: block;
  margin: 0 0 0.1875rem;
  font-size: 1rem;
}
.str-cms-wrapper .x-row .x-label .x-info, .str-cms-wrapper .x-row .x-nf-label .x-info {
  font-weight: normal;
  font-size: 0.875rem;
}
.str-cms-wrapper .x-row .x-nf-label {
  float: none;
}
.str-cms-wrapper .x-row .x-radio-wrap,
.str-cms-wrapper .x-row .x-radio-label,
.str-cms-wrapper .x-row .x-button {
  display: inline-block;
  background: #bbb;
  padding: 0.25rem 0.5rem 0.5rem;
  margin-right: 0.25rem;
  color: #fff;
  border-radius: 0.125rem;
  cursor: pointer;
  font-size: 0.875rem;
}
.str-cms-wrapper .x-row .x-radio-wrap:hover,
.str-cms-wrapper .x-row .x-radio-label:hover,
.str-cms-wrapper .x-row .x-button:hover {
  background: #999;
}
.str-cms-wrapper .x-row .x-radio-wrap .x-radio-text,
.str-cms-wrapper .x-row .x-radio-label .x-radio-text,
.str-cms-wrapper .x-row .x-button .x-radio-text {
  display: inline-block;
  padding-left: 0.25rem;
  border: none;
  border-radius: 2px;
  font-size: 0.8125rem;
  cursor: pointer;
}
.str-cms-wrapper .x-row input[type="radio"] {
  margin: 0;
}
.str-cms-wrapper .x-row .x-button {
  border: none;
  padding: 8px;
}
.str-cms-wrapper .x-row .x-has-counter {
  margin-bottom: 0;
}
.str-cms-wrapper .x-row .x-counter-wrap {
  margin: 0.25rem 0 0.875rem;
  font-size: 0.8125rem;
  color: #999;
  text-align: right;
}
.str-cms-wrapper .x-row .x-counter-wrap span {
  font-weight: bold;
}
.str-cms-wrapper .x-row .x-counter-wrap.x-exceeds-max {
  color: red;
}
.str-cms-wrapper .row {
  margin: 10px 0;
}
.str-cms-wrapper .row .columns:first-child {
  padding-left: 0;
}
.str-cms-wrapper .row .x-row,
.str-cms-wrapper .row select,
.str-cms-wrapper .row input {
  margin: 0;
}
.str-cms-wrapper .str-import .x-template {
  display: none;
}
.str-cms-wrapper .str-import .x-show-more:hover + .x-more {
  display: inline;
}
.str-cms-wrapper .str-import .x-more {
  display: none;
}
.str-cms-wrapper .x-debugdata {
  margin: 20px;
  font-size: 12px;
  clear: both;
}
.str-cms-wrapper .x-hide {
  display: none;
}
.str-cms-wrapper .str-shortcut-btn {
  float: right;
  margin-top: 0.5rem;
  color: #fff;
  border-radius: 0.125rem;
  padding: 0.375rem;
  cursor: pointer;
  background-color: #ccc;
}
.str-cms-wrapper .str-shortcut-btn:hover {
  background-color: #999;
}
.str-cms-wrapper .str-shortcut-btn .str-shortcut-menu {
  margin-top: 0.2rem;
  color: #fff;
  border-radius: 0.125rem;
  padding: 0.1875rem;
  position: fixed;
  z-index: 2;
  background-color: #bad0e4;
}
.str-cms-wrapper .str-shortcut-btn .str-shortcut-menu table {
  margin-bottom: 0;
}
.str-cms-wrapper .str-shortcut-btn .str-shortcut-menu .x-close {
  display: block;
  margin: 5px auto 0 auto;
}
.str-cms-wrapper .str-char-count .x-label, .str-cms-wrapper .str-char-count .x-row .x-nf-label, .str-cms-wrapper .x-row .str-char-count .x-nf-label {
  float: left;
}
.str-cms-wrapper .str-img-upload .x-image-upload {
  width: auto;
}
.str-cms-wrapper .str-img-upload .x-mainimg-photo-wrapper {
  float: left;
  width: 498px;
}
.str-cms-wrapper .str-img-upload .x-mainimg-photo-wrapper .x-label, .str-cms-wrapper .str-img-upload .x-mainimg-photo-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-img-upload .x-mainimg-photo-wrapper .x-nf-label {
  font-weight: bold;
  display: block;
  margin: 0 0 3px;
  font-size: 16px;
}
.str-cms-wrapper .str-img-upload .x-mainimg-photo-wrapper .x-label .x-info, .str-cms-wrapper .str-img-upload .x-mainimg-photo-wrapper .x-row .x-nf-label .x-info, .str-cms-wrapper .x-row .str-img-upload .x-mainimg-photo-wrapper .x-nf-label .x-info {
  font-weight: normal;
  font-size: 14px;
}

.str-img-upload {
  margin-top: 20px;
}
.str-img-upload .x-preview-img img {
  max-height: 50px;
  margin: 5px;
}
.str-img-upload .x-dl-text {
  font-size: 13px;
}
.str-img-upload input[type="file"] {
  display: none;
}

.str-singleline-text {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  clear: both;
  margin-bottom: 20px;
}
.str-singleline-text:before, .str-singleline-text:after {
  content: " ";
  display: table;
}
.str-singleline-text:after {
  clear: both;
}
.str-singleline-text .x-label, .str-singleline-text .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-singleline-text .x-nf-label {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 16.66667%;
  float: left;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
}
.str-singleline-text .x-longlabel {
  width: 500px;
  font-size: 16px;
  font-weight: bold;
}
.str-singleline-text .x-checkbox-text, .str-singleline-text .x-radio-text {
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.str-singleline-text input {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 83.33333%;
  float: left;
  font-size: 14px;
}
.str-singleline-text input[type=checkbox], .str-singleline-text input[type=radio] {
  width: auto;
  margin: 0.1875rem 0.1875rem 0.1875rem 0.25rem;
}
.str-singleline-text input[type=button] {
  width: auto;
  margin-right: 0.1875rem;
}
.str-singleline-text input.x-autosource, .str-singleline-text input.x-autosourceurl {
  width: 10.9375rem;
}
.str-singleline-text select {
  width: 300px;
}
.str-singleline-text.x-related-itemids {
  margin-top: 0.9375rem;
}

li.x-deleted {
  background-color: #ffdddd !important;
}

li.x-uploading {
  background-color: #ddddff !important;
}

.str-slideinput {
  clear: both;
  padding: 3px;
  border-bottom: 1px solid #ddd;
  position: relative;
}
.str-slideinput input[type="checkbox"] {
  margin-bottom: 0;
}
.str-slideinput input[type="checkbox"] + label {
  margin-right: 0;
}
.str-slideinput input[type="text"], .str-slideinput textarea {
  height: 2rem;
  padding: 3px !important;
}
.str-slideinput.x-hidden-slide {
  opacity: 0.3;
  background-color: #A5A5A5 !important;
}
.str-slideinput:nth-child(odd) {
  background-color: #f7f7f7;
}
.str-slideinput .x-text-inputs {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 58.33333%;
  float: left;
  padding: 0;
}
.str-slideinput .x-misc {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 41.66667%;
  float: left;
  padding: 0;
}
.str-slideinput .x-ss-index {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 8.33333%;
  float: left;
  cursor: pointer;
}
.str-slideinput .x-captions {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 83.33333%;
  float: left;
}
.str-slideinput .x-sources {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 16.66667%;
  float: left;
}
.str-slideinput .x-ss-caption, .str-slideinput .x-ss-subcaption, .str-slideinput .x-ss-source, .str-slideinput .x-ss-sourceurl {
  margin-bottom: 0.3125rem;
}
.str-slideinput .x-ss-snum {
  height: 20px !important;
  margin-bottom: 0.0625rem;
}
.str-slideinput .x-image-upload {
  margin-bottom: 8px;
}
.str-slideinput .x-delslide, .str-slideinput .x-undelslide {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;
  font-size: 1rem;
  /*     @else                            { font-size: $padding - rem-calc(2); } */
  background-color: #ed1c24;
  border-color: #c41016;
  color: white;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: block;
  height: 1.375rem;
  margin-top: 0.1875rem;
  line-height: 1.375rem;
  margin-bottom: 0.125rem;
  padding: 0;
  font-size: 11px;
}
.str-slideinput .x-delslide:hover, .str-slideinput .x-undelslide:hover, .str-slideinput .x-delslide:focus, .str-slideinput .x-undelslide:focus {
  background-color: #c41016;
}
.str-slideinput .x-delslide:hover, .str-slideinput .x-undelslide:hover, .str-slideinput .x-delslide:focus, .str-slideinput .x-undelslide:focus {
  color: white;
}
.str-slideinput .x-undelslide {
  display: none;
}
.str-slideinput .x-dupslide, .str-slideinput .x-dupslide-overlay {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;
  font-size: 1rem;
  /*     @else                            { font-size: $padding - rem-calc(2); } */
  background-color: #78a2c5;
  border-color: #4c83b1;
  color: white;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 1.375rem;
  line-height: 1.375rem;
  margin-top: 0.1875rem;
  margin-bottom: 0.125rem;
  padding: 0;
  font-size: 11px;
  display: block;
}
.str-slideinput .x-dupslide:hover, .str-slideinput .x-dupslide:focus, .str-slideinput .x-dupslide-overlay:hover, .str-slideinput .x-dupslide-overlay:focus {
  background-color: #4c83b1;
}
.str-slideinput .x-dupslide:hover, .str-slideinput .x-dupslide:focus, .str-slideinput .x-dupslide-overlay:hover, .str-slideinput .x-dupslide-overlay:focus {
  color: white;
}
.str-slideinput .x-ss-photo {
  float: left;
}
.str-slideinput .x-ss-photo img {
  max-height: 60px;
}
.str-slideinput .x-ss-photo .x-ss-photo-warn {
  position: absolute;
  width: inherit;
  padding: 0.1875rem;
  background-color: rgba(255, 255, 255, 0.7);
  color: #ff0000;
  font-size: 0.75rem;
}
.str-slideinput.x-deleted .x-delslide, .str-slideinput.x-deleted .x-undelslide {
  display: none;
}
.str-slideinput.x-deleted .x-undelslide {
  display: block;
}

.str-hide-box {
  line-height: 1 !important;
}

.str-image-upload {
  position: relative;
}
.str-image-upload label {
  min-width: 110px !important;
  background-color: #78a2c5 !important;
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.1875rem;
  padding-right: 0.375rem;
  padding-bottom: 0.25rem;
  padding-left: 0.375rem;
  /*     @else                            { font-size: $padding - rem-calc(2); } */
  background-color: #ed1c24;
  border-color: #c41016;
  color: white;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}
.str-image-upload label:hover, .str-image-upload label:focus {
  background-color: #c41016;
}
.str-image-upload label:hover, .str-image-upload label:focus {
  color: white;
}
.str-image-upload .x-upload {
  overflow: hidden;
  height: 29px;
  position: relative;
}
.str-image-upload .x-upload label {
  position: absolute;
  top: 0;
}
.str-image-upload .x-upload input[type='file'] {
  display: none;
}
.str-image-upload .x-img-name {
  font-size: 13px;
  overflow: hidden;
  max-height: 40px;
}

.str-slide-controls {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
}
.str-slide-controls:before, .str-slide-controls:after {
  content: " ";
  display: table;
}
.str-slide-controls:after {
  clear: both;
}
.str-slide-controls label {
  max-width: 75px;
  display: inline-block;
  margin-left: 0 !important;
}
.str-slide-controls input[type="checkbox"], .str-slide-controls label {
  cursor: pointer;
}
.str-slide-controls .x-input-combo {
  display: inline-block;
  margin-left: 0.1875rem;
  margin-right: 0.125rem;
}
.str-slide-controls .x-multiwrap {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 83.33333%;
  float: left;
}
.str-slide-controls .x-multiwrap .x-ss-photo {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 33.33333%;
  float: left;
}
.str-slide-controls .x-multiwrap .x-image-controls {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 66.66667%;
  float: left;
}
.str-slide-controls .x-controls {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 16.66667%;
  float: left;
}

.str-grid-input {
  cursor: pointer;
  width: 10%;
  float: left;
  position: relative;
  border: 1px solid #efefef;
  min-height: 5.8125rem;
  max-height: 5.8125rem;
  overflow: hidden;
}
.str-grid-input img {
  pointer-events: none;
}
.str-grid-input .x-image-controls, .str-grid-input .x-captions, .str-grid-input .x-sources, .str-grid-input .x-controls {
  display: none;
}
.str-grid-input .str-slide-controls .x-ss-photo, .str-grid-input .str-slide-controls .x-multiwrap {
  width: 100%;
}
.str-grid-input .x-overlay {
  display: none !important;
}

.str-view-mode {
  clear: both;
  background-color: #eee;
  overflow: hidden;
  margin-bottom: 0.625rem;
  padding: 0.3125rem;
}
.str-view-mode .x-mode-btn {
  float: left;
  color: #2b596f;
  cursor: pointer;
  line-height: 3.0625rem;
  margin-right: 0.625rem;
}
.str-view-mode h3 {
  float: left;
  line-height: 3.0625rem;
  background-color: transparent;
  padding: 0;
  margin: 0 0 0 0.3125rem;
  cursor: pointer;
}

.clear {
  clear: both;
}

.str-box-called-out textarea {
  position: absolute;
  z-index: 5;
}

.str-callout-box {
  position: relative;
  height: 3.125rem;
}
.str-callout-box textarea {
  resize: none;
}

.str-box-normal textarea {
  max-height: 2.3125rem;
  width: 100% !important;
}

.str-freeform-wrap .x-freeform-tag {
  display: inline-block;
  margin: 0.9375rem 0.9375rem 0;
}
.str-freeform-wrap .x-freeform-tag input[type="checkbox"] {
  margin: 0;
}

.ui-autocomplete.ui-menu {
  border: solid 1px black;
  width: 12.5rem;
}
.ui-autocomplete.ui-menu .ui-menu-item {
  list-style-type: none;
  background-color: white;
  padding-left: 0.3125rem;
}
.ui-autocomplete.ui-menu .ui-menu-item:hover {
  background-color: #eaeaea;
}

.str-headlines {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
}
.str-headlines:before, .str-headlines:after {
  content: " ";
  display: table;
}
.str-headlines:after {
  clear: both;
}

.str-extra-headlines-wrapper {
  position: relative;
}
.str-extra-headlines-wrapper .x-btn-wrapper {
  text-align: right;
}
.str-extra-headlines-wrapper .x-more-headlines-btn {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #009898;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  margin-bottom: 10px;
  padding: 10px;
  cursor: pointer;
}
.str-extra-headlines-wrapper .x-more-headlines-btn.x-has-headlines {
  background-color: #ff4545;
}
.str-extra-headlines-wrapper .x-more-headlines-btn:hover {
  background-color: #007e7f;
}
.str-extra-headlines-wrapper .x-extra-headlines {
  display: none;
}
.str-extra-headlines-wrapper .x-extra-headlines .x-headline-page-link {
  width: 100%;
  margin-bottom: 10px;
  text-align: right;
}
.str-extra-headlines-wrapper .x-extra-headlines .x-headline-page-link .x-link {
  color: #222;
  text-decoration: underline;
  font-weight: 600;
}
.str-extra-headlines-wrapper .x-extra-headlines .x-headline-page-link .x-link:hover {
  color: #3c3c3c;
  cursor: pointer;
}
.str-extra-headlines-wrapper .x-partner-headlines {
  margin-bottom: 20px;
}
.str-extra-headlines-wrapper .x-partner-headlines .x-partner-head {
  font-weight: bold;
  font-size: 24px;
  margin: 12px 0;
}
.str-extra-headlines-wrapper .x-partner-headlines .x-partner-head .x-headline-page-link {
  font-size: 14px;
}
.str-extra-headlines-wrapper .x-partner-headlines .x-no-partner-headlines {
  color: #999;
}

.str-admin-quiz-blacklist-wrapper .x-blacklist-form {
  margin-bottom: 0.9375rem;
}

.str-event-wrapper {
  background-color: #eee;
  margin: 0;
  padding: 0.625rem 0.625rem;
}
.str-event-wrapper textarea {
  margin: 0 0 0.625rem 0;
}
.str-event-wrapper .x-info {
  color: darksalmon;
  margin-bottom: 0.3125rem;
}
.str-event-wrapper .x-note {
  font-size: 0.875rem;
}
.str-event-wrapper .x-left-button-wrapper {
  margin-bottom: 0.625rem;
  float: left;
}
.str-event-wrapper .x-right-button-wrapper {
  margin-bottom: 0.625rem;
  float: right;
}
.str-event-wrapper .x-button {
  padding: 0.3125rem;
  height: 1.75rem;
  display: inline-block;
  border-radius: 0.125rem;
  background: #bbb;
  color: #fff;
}
.str-event-wrapper .x-button:hover {
  background: #999;
}
.str-event-wrapper .x-button.x-disabled {
  opacity: 0.3;
}
.str-event-wrapper .x-button.x-disabled:hover {
  background: #bbb;
}
.str-event-wrapper .x-button .ico-envelope {
  position: relative;
  top: -0.0625rem;
  vertical-align: middle;
}
.str-event-wrapper .x-event-list .x-template {
  display: none;
}
.str-event-wrapper .x-event-list .x-event-entry {
  background-color: #fff;
  margin-bottom: 0.4375rem;
  padding: 0.3125rem;
  font-size: 0.875rem;
}
.str-event-wrapper .x-event-list .x-event-entry .x-type-wrapper {
  position: relative;
}
.str-event-wrapper .x-event-list .x-event-entry .x-type-wrapper .x-type {
  position: absolute;
  right: 0;
}
.str-event-wrapper .x-event-list .x-event-entry .x-avatar {
  display: inline-block;
  width: 3.125rem;
  height: 3.125rem;
  margin-right: 0.625rem;
  vertical-align: top;
}
.str-event-wrapper .x-event-list .x-event-entry .x-avatar img {
  border: 1px solid black;
}
.str-event-wrapper .x-event-list .x-event-entry .x-content-wrapper {
  display: inline-block;
  max-width: 90%;
}
.str-event-wrapper .x-event-list .x-event-entry .x-content-wrapper .x-message-wrapper .x-message {
  display: inline-block;
}
.str-event-wrapper .x-event-list .x-event-entry .x-content-wrapper .x-message-wrapper .x-message .x-user {
  font-weight: bold;
}
.str-event-wrapper .x-event-list .x-event-entry .x-content-wrapper .x-message-wrapper .x-message .x-timestamp {
  color: #cbcbcb;
  font-size: 0.75rem;
}

.str-quiz-editor-wrapper .sty-disabled, .str-quiz-editor-wrapper .btn-add.x-disabled, .str-quiz-editor-wrapper .str-quiz-menu-wrapper .x-disabled, .str-quiz-editor .str-add-answer.x-disabled, .str-info-header .str-add-answer.x-disabled, .str-quiz-editor .str-nav .x-nav-list .x-disabled.x-nav-item, .str-info-header .str-nav .x-nav-list .x-disabled.x-nav-item {
  opacity: .5 !important;
  pointer-events: none !important;
}

.str-quiz-editor-wrapper .str-quiz-menu-wrapper .x-validated {
  color: #5cb85c;
}
.str-quiz-editor-wrapper .str-quiz-menu-wrapper .x-validated:hover {
  color: #449d44;
}

.str-quiz-editor-wrapper tags-input *, .str-quiz-editor-wrapper tags-input :after, .str-quiz-editor-wrapper tags-input :before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.str-quiz-editor-wrapper tags-input {
  display: block;
}
.str-quiz-editor-wrapper tags-input .host {
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 100%;
}
.str-quiz-editor-wrapper tags-input .host:active {
  outline: 0;
}
.str-quiz-editor-wrapper tags-input .tags {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  padding: 1px;
  overflow: hidden;
  word-wrap: break-word;
  cursor: text;
  background-color: #fff;
  border: 2px solid #eeeeee;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  height: 100%;
}
.str-quiz-editor-wrapper tags-input .tags.focused {
  outline: 0;
  -webkit-box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
  -moz-box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
  box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
}
.str-quiz-editor-wrapper tags-input .tags .tag-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.str-quiz-editor-wrapper tags-input .tags .tag-item {
  margin: 2px;
  padding: 0 5px;
  display: inline-block;
  float: left;
  font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 26px;
  line-height: 25px;
  border-radius: 3px;
  background: #49afcd;
}
.str-quiz-editor-wrapper tags-input .tags .tag-item.selected {
  background: -webkit-linear-gradient(top, #febbbb 0, #fe9090 45%, #ff5c5c 100%);
  background: linear-gradient(to bottom, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
}
.str-quiz-editor-wrapper tags-input .tags .tag-item .remove-button {
  margin: 0 0 0 5px;
  padding: 0;
  border: none;
  background: 0 0;
  cursor: pointer;
  vertical-align: middle;
  font: 700 16px Arial, sans-serif;
  color: #585858;
}
.str-quiz-editor-wrapper tags-input .tags .input {
  outline: 0;
  margin: 2px;
  padding: 0 0 0 5px;
  float: left;
  height: 26px;
  border: 1px solid #ccc;
}
.str-quiz-editor-wrapper tags-input .autocomplete {
  margin-top: 5px;
  position: absolute;
  padding: 5px 0;
  z-index: 999;
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.str-quiz-editor-wrapper tags-input .autocomplete .suggestion-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 280px;
  overflow-y: auto;
  position: relative;
}
.str-quiz-editor-wrapper tags-input .autocomplete .suggestion-item {
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #fff;
}
.str-quiz-editor-wrapper tags-input .autocomplete .suggestion-item em {
  font: normal bold 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: white;
}
.str-quiz-editor-wrapper tags-input .autocomplete .suggestion-item.selected, .str-quiz-editor-wrapper tags-input .autocomplete .suggestion-item.selected em {
  color: #fff;
  background-color: #0097cf;
}
.str-quiz-editor-wrapper tags-input.ng-invalid .tags {
  -webkit-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
  -moz-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
  box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
}
.str-quiz-editor-wrapper tags-input .tags .input.invalid-tag, .str-quiz-editor-wrapper tags-input .tags .tag-item .remove-button:active {
  color: red;
}
.str-quiz-editor-wrapper tags-input .tags .input::-ms-clear {
  display: none;
}
.str-quiz-editor-wrapper tags-input[disabled] .host:focus {
  outline: 0;
}
.str-quiz-editor-wrapper tags-input[disabled] .tags {
  background-color: #eee;
  cursor: default;
}
.str-quiz-editor-wrapper tags-input[disabled] .tags .input {
  background-color: #eee;
  cursor: default;
}
.str-quiz-editor-wrapper tags-input[disabled] .tag-item {
  opacity: .65;
  background: -webkit-linear-gradient(top, #f0f9ff 0, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.62) 100%);
  background: linear-gradient(to bottom, #f0f9ff 0%, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.62) 100%);
}
.str-quiz-editor-wrapper tags-input[disabled] .tag-item .remove-button {
  cursor: default;
}
.str-quiz-editor-wrapper tags-input[disabled] .tag-item .remove-button:active {
  color: #585858;
}
.str-quiz-editor-wrapper .x-image-download .x-image-name {
  font-size: 11px;
}
.str-quiz-editor-wrapper .x-image-download .x-dl-link {
  display: flex;
  align-items: center;
}
.str-quiz-editor-wrapper .str-quiz-question-image-block, .str-quiz-editor-wrapper .str-facebook-photo {
  width: 458px;
  min-height: 236px;
  padding: 10px;
  border: 2px solid #eee;
  margin: 10px;
  float: left;
}
.str-quiz-editor-wrapper .str-quiz-question-image-block .x-fb-gallery-title, .str-quiz-editor-wrapper .str-facebook-photo .x-fb-gallery-title {
  color: #000;
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 18px;
  margin-bottom: 10px;
}
.str-quiz-editor-wrapper .str-quiz-question-image-block .x-fb-gallery-title span, .str-quiz-editor-wrapper .str-facebook-photo .x-fb-gallery-title span {
  color: #999;
  font-weight: normal;
  font-size: 16px;
  margin-left: 5px;
}
.str-quiz-editor-wrapper .str-quiz-question-image-block .x-save-draft-msg, .str-quiz-editor-wrapper .str-facebook-photo .x-save-draft-msg {
  display: inline-block;
  color: red;
  font-size: 10.5px;
  margin: 10px;
  margin-left: 5px;
}
.str-quiz-editor-wrapper .str-quiz-question-image-block .x-warning, .str-quiz-editor-wrapper .str-facebook-photo .x-warning {
  clear: both;
  width: 300px;
  padding: 5px;
  color: #8a6d3b;
  background-color: #fcf8e3;
}
.str-quiz-editor-wrapper .str-quiz-question-image-block .x-image-wrap, .str-quiz-editor-wrapper .str-facebook-photo .x-image-wrap {
  display: block;
  text-align: center;
  width: 100%;
  height: 169px;
}
.str-quiz-editor-wrapper .str-quiz-question-image-block .x-image-details, .str-quiz-editor-wrapper .str-facebook-photo .x-image-details {
  margin-top: 10px;
}
.str-quiz-editor-wrapper .str-quiz-question-image-block .x-image-details .ico-close-circle, .str-quiz-editor-wrapper .str-facebook-photo .x-image-details .ico-close-circle {
  color: red;
  font-size: 28px;
  cursor: pointer;
  margin-left: 10px;
  float: right;
}
.str-quiz-editor-wrapper .str-quiz-question-image-block .x-image-details .ico-cms-unpublish, .str-quiz-editor-wrapper .str-facebook-photo .x-image-details .ico-cms-unpublish {
  font-size: 20px;
  margin: 0;
}
.str-quiz-editor-wrapper .str-quiz-question-image-block .x-image-details .x-detail-left, .str-quiz-editor-wrapper .str-facebook-photo .x-image-details .x-detail-left {
  margin-right: 8px;
}
.str-quiz-editor-wrapper .str-quiz-question-image-block .x-image-details .x-detail-right, .str-quiz-editor-wrapper .str-facebook-photo .x-image-details .x-detail-right {
  margin-left: 8px;
  float: right;
}
.str-quiz-editor-wrapper .str-quiz-question-image-block .x-image-selection, .str-quiz-editor-wrapper .str-facebook-photo .x-image-selection {
  display: flex;
  align-items: center;
}
.str-quiz-editor-wrapper .str-quiz-question-image-block .x-image-selection .x-check-btn, .str-quiz-editor-wrapper .str-facebook-photo .x-image-selection .x-check-btn {
  height: 20px;
  text-align: center;
}
.str-quiz-editor-wrapper .str-quiz-question-image-block .x-image-selection .x-disabled, .str-quiz-editor-wrapper .str-facebook-photo .x-image-selection .x-disabled {
  background-color: #DADADA;
  color: #fff;
  cursor: default;
  border-radius: 5px;
  padding: 5px;
  width: 100px;
  height: 30px;
  font-size: 14px;
  text-align: center;
  margin: 0;
}
.str-quiz-editor-wrapper .str-quiz-question-image-block .x-image-selection .x-upload, .str-quiz-editor-wrapper .str-facebook-photo .x-image-selection .x-upload {
  background-color: #247ba0;
  cursor: pointer;
  border-radius: 5px;
  padding: 5px;
  width: 100px;
  height: 30px;
  font-size: 14px;
  text-align: center;
  margin: 0;
}
.str-quiz-editor-wrapper .str-quiz-question-image-block .x-image-selection .x-image-upload label, .str-quiz-editor-wrapper .str-facebook-photo .x-image-selection .x-image-upload label {
  color: #fff;
}
.str-quiz-editor-wrapper .str-quiz-question-image-block .x-image-selection .x-image-upload input[type=file], .str-quiz-editor-wrapper .str-facebook-photo .x-image-selection .x-image-upload input[type=file] {
  display: none;
}
.str-quiz-editor-wrapper .str-quiz-question-image-block .x-image-selection .x-source-input input[type='text'], .str-quiz-editor-wrapper .str-facebook-photo .x-image-selection .x-source-input input[type='text'] {
  border-radius: 5px;
  box-shadow: none;
  font-size: 14px;
  height: 30px;
  width: 125px;
  margin: 0;
}
.str-quiz-editor-wrapper .str-quiz-question-image-block .x-label, .str-quiz-editor-wrapper .str-facebook-photo .x-label, .str-quiz-editor-wrapper .str-quiz-question-image-block .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-quiz-editor-wrapper .str-quiz-question-image-block .x-nf-label, .str-quiz-editor-wrapper .str-facebook-photo .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-quiz-editor-wrapper .str-facebook-photo .x-nf-label {
  position: relative;
}
.str-quiz-editor-wrapper .str-quiz-question-image-block .x-label .x-label-text, .str-quiz-editor-wrapper .str-facebook-photo .x-label .x-label-text, .str-quiz-editor-wrapper .str-quiz-question-image-block .str-cms-wrapper .x-row .x-nf-label .x-label-text, .str-cms-wrapper .x-row .str-quiz-editor-wrapper .str-quiz-question-image-block .x-nf-label .x-label-text, .str-quiz-editor-wrapper .str-facebook-photo .str-cms-wrapper .x-row .x-nf-label .x-label-text, .str-cms-wrapper .x-row .str-quiz-editor-wrapper .str-facebook-photo .x-nf-label .x-label-text {
  position: absolute;
  right: 0;
  bottom: 5px;
  font-size: 12px;
}
.str-quiz-editor-wrapper .str-facebook-photo {
  width: 938px;
  padding: 16px;
  float: none;
}
.str-quiz-editor-wrapper .str-facebook-photo img {
  vertical-align: initial;
}
.str-quiz-editor-wrapper .str-facebook-photo .x-gallery-wrapper {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
}
.str-quiz-editor-wrapper .str-facebook-photo .x-gallery-wrapper .x-gallery-facebook {
  display: inline-block;
  margin: 10px;
  margin-left: 0px;
}
.str-quiz-editor-wrapper .str-facebook-photo .x-gallery-wrapper .x-gallery-facebook.x-selected-photo {
  border: 5px solid #3b5998;
}
.str-quiz-editor-wrapper .str-facebook-photo .x-gallery-wrapper .x-gallery-grid {
  display: inline-flex;
  flex-wrap: wrap;
}
.str-quiz-editor-wrapper .str-facebook-photo .x-gallery-wrapper .x-gallery-grid .x-gallery-item-t {
  display: inline-block;
  margin: 4px;
  cursor: pointer;
}
.str-quiz-editor-wrapper .str-facebook-photo .x-gallery-wrapper .x-gallery-more {
  background-color: #efefef;
  padding: 15px;
  font-size: 20px;
  font-weight: 500;
  margin-left: 4px;
  cursor: pointer;
}
.str-quiz-editor-wrapper .str-loading-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  z-index: 200;
}
.str-quiz-editor-wrapper .str-loading-screen .x-loading-popup {
  z-index: 200;
  position: relative;
  top: 25%;
  padding: 20px 15px;
  margin: 0 auto;
  text-align: center;
  width: 500px;
  width: 500px;
  background-color: #fff;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  margin-bottom: 50px;
  font-size: 20px;
}
.str-quiz-editor-wrapper .btn-delete {
  font-size: 2.0625rem;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 4px;
  color: #ff1654;
}
.str-quiz-editor-wrapper .btn-add {
  position: absolute;
  bottom: 34px;
  right: 13px;
  cursor: pointer;
  font-size: 2.0625rem;
  color: #247ba0;
}
.str-quiz-editor-wrapper .str-menu-wrapper, .str-quiz-editor-wrapper .str-quiz-menu-wrapper {
  font-size: 1.875rem;
  width: 50px;
}
.str-quiz-editor-wrapper .str-menu-wrapper .x-menu, .str-quiz-editor-wrapper .str-quiz-menu-wrapper .x-menu {
  border: 1px solid #ccc;
  background-color: #efefef;
  text-align: center;
  padding: 0.3125rem;
}
.str-quiz-editor-wrapper .str-menu-wrapper .x-menu .x-add-question, .str-quiz-editor-wrapper .str-quiz-menu-wrapper .x-menu .x-add-question {
  color: #247ba0;
  font-size: 2.1875rem;
  cursor: pointer;
}
.str-quiz-editor-wrapper .str-menu-wrapper span, .str-quiz-editor-wrapper .str-quiz-menu-wrapper span {
  display: block;
  line-height: 2.5rem;
  text-transform: uppercase;
  cursor: pointer;
  overflow: hidden;
  color: #5a5a5a;
}
.str-quiz-editor-wrapper .str-menu-wrapper span:hover, .str-quiz-editor-wrapper .str-quiz-menu-wrapper span:hover {
  color: black;
}
.str-quiz-editor-wrapper .str-menu-wrapper {
  position: absolute;
  right: -3.0625rem;
  top: 6.25rem;
}
.str-quiz-editor-wrapper .str-menu-wrapper .x-menu-fixed {
  position: fixed;
}
.str-quiz-editor-wrapper .str-quiz-menu-wrapper {
  position: fixed;
  right: -0.0625rem;
  top: 24.375rem;
}
.str-quiz-editor-wrapper .str-quiz-menu-wrapper .x-seperate {
  border-bottom: 1px solid #ccc;
}
.str-quiz-editor-wrapper .str-quiz-menu-wrapper .x-validate {
  position: relative;
}
.str-quiz-editor-wrapper .str-quiz-menu-wrapper .x-validate .x-validate-error {
  display: block;
  background-color: red;
  color: white;
  font-size: 0.625rem;
  position: absolute;
  top: 0.1875rem;
  right: 0;
  line-height: 1.25rem;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  width: 1.25rem;
  height: 1.25rem;
}
.str-quiz-editor-wrapper .str-validation {
  overflow: hidden;
  background-color: white;
  border: 2px solid #ccc;
  padding: 1.25rem;
  position: relative;
  right: 33.75rem;
  width: 33.75rem;
  bottom: 10.5625rem;
  -webkit-border-radius: 20;
  -moz-border-radius: 20;
  -ms-border-radius: 20;
  -o-border-radius: 20;
  border-radius: 20;
}
.str-quiz-editor-wrapper .str-validation .x-validation-table {
  height: 18.75rem;
  width: 31.25rem;
  overflow-y: auto;
}
.str-quiz-editor-wrapper .str-validation .x-validation-table table {
  width: 100%;
}
.str-quiz-editor-wrapper .str-validation .x-hide-validation {
  cursor: pointer;
  width: 2.5rem;
  display: block;
  position: absolute;
  right: 0;
}
.str-quiz-editor-wrapper .str-img-upload {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
}
.str-quiz-editor-wrapper .str-img-upload:before, .str-quiz-editor-wrapper .str-img-upload:after {
  content: " ";
  display: table;
}
.str-quiz-editor-wrapper .str-img-upload:after {
  clear: both;
}
.str-quiz-editor-wrapper .str-img-upload label {
  font-size: inherit;
}
.str-quiz-editor-wrapper .str-img-upload .btn-delete {
  right: 0;
  top: 0;
  margin-top: 0;
  cursor: pointer;
}
.str-quiz-editor-wrapper .str-upload-wrapper {
  float: left;
  overflow: hidden;
  position: relative;
  padding: 0;
}
.str-quiz-editor-wrapper .str-upload-wrapper .x-image-download {
  max-width: 110px;
}
.str-quiz-editor-wrapper .str-upload-wrapper.x-score, .str-quiz-editor-wrapper .str-upload-wrapper.x-multi-upload {
  width: 100% !important;
  display: flex;
  align-items: center;
}
.str-quiz-editor-wrapper .str-upload-wrapper .x-save-draft-msg {
  color: red;
  font-size: 10.5px;
  margin: 10px;
  margin-left: 5px;
}
.str-quiz-editor-wrapper .str-upload-wrapper .x-upload {
  display: inline-block;
  background-color: #247ba0;
  color: #fff;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  margin: 5px 0;
  width: 100px;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  margin-right: 12px;
}
.str-quiz-editor-wrapper .str-upload-wrapper .x-disabled {
  display: block;
  color: #fff;
  background-color: #DADADA;
  cursor: default;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  margin: 5px 0;
  width: 130px;
  line-height: 1.5;
  text-align: center;
}
.str-quiz-editor-wrapper .str-upload-wrapper .ico-cms-unpublish {
  margin-right: 8px;
  font-size: 20px;
}
.str-quiz-editor-wrapper .str-upload-wrapper input[type=file] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 6.25rem;
}
.str-quiz-editor-wrapper .str-quiz-content {
  margin-top: 20px;
}
.str-quiz-editor-wrapper .str-question-options-wrapper {
  position: relative;
  padding: 0;
  margin-top: 5px;
}
.str-quiz-editor-wrapper .str-question-options-wrapper .x-options span {
  text-align: left;
}
.str-quiz-editor-wrapper .str-question-options-wrapper .x-options .x-first-option {
  float: left;
}
.str-quiz-editor-wrapper .str-question-options-wrapper .x-options .x-first-option input[type=text] {
  border-radius: 5px;
  box-shadow: none;
  font-size: 14px;
  height: 30px;
  width: 120px;
  margin: 0 5px 0 0;
}
.str-quiz-editor-wrapper .str-question-options-wrapper .x-options .x-second-option {
  float: left;
  bottom: 10px;
  right: 0;
  padding: 0px;
}
.str-quiz-editor-wrapper .str-question-options-wrapper .x-options .x-second-option label {
  display: inline-block;
  padding-left: 8px;
  font-size: 14px;
}
.str-quiz-editor-wrapper .str-history {
  margin-top: 20px;
}

.str-info-header {
  padding: 10px;
  background: #efefef;
  margin-bottom: 10px !important;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
}
.str-info-header:before, .str-info-header:after {
  content: " ";
  display: table;
}
.str-info-header:after {
  clear: both;
}
.str-info-header.x-item-info {
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
}
.str-info-header.x-item-info .x-label, .str-info-header.x-item-info .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-info-header.x-item-info .x-nf-label {
  font-weight: bold;
  line-height: 130%;
  font-size: 130%;
}
.str-info-header .x-cell {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 33.33333%;
  float: left;
}
.str-info-header .x-hidden-count {
  text-align: center;
}
.str-info-header .x-misc-options {
  text-align: right;
}
.str-info-header .x-misc-options label {
  display: inline-block;
}
.str-info-header .x-misc-options input[type="checkbox"] {
  margin: 0;
  margin-left: 5px;
}

.str-quiz-editor, .str-info-header {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  width: 1000px;
  position: relative;
}
.str-quiz-editor:before, .str-info-header:before, .str-quiz-editor:after, .str-info-header:after {
  content: " ";
  display: table;
}
.str-quiz-editor:after, .str-info-header:after {
  clear: both;
}
.str-quiz-editor input[type=text], .str-info-header input[type=text] {
  height: 2.5rem;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  border: 2px solid #eeeeee;
  margin-bottom: 6px;
}
.str-quiz-editor input[type=text].x-has-count, .str-info-header input[type=text].x-has-count {
  padding-right: 45px;
}
.str-quiz-editor img[ng-click], .str-info-header img[ng-click] {
  cursor: pointer;
}
.str-quiz-editor .x-tabs, .str-info-header .x-tabs {
  list-style: none;
  margin: 0;
  position: relative;
  top: 0.125rem;
}
.str-quiz-editor .x-tabs li, .str-info-header .x-tabs li {
  border: 2px solid #cccccc;
  border-bottom: none;
  display: inline-block;
  background-color: #cccccc;
  cursor: pointer;
}
.str-quiz-editor .x-tabs li span, .str-info-header .x-tabs li span {
  text-transform: uppercase;
  display: inline-block;
  padding: 0.3125rem 0.625rem;
  color: #999999;
  outline: 0;
}
.str-quiz-editor .x-tabs li.active, .str-info-header .x-tabs li.active {
  background-color: white;
}
.str-quiz-editor .x-tabs li.active span, .str-info-header .x-tabs li.active span {
  color: #000;
}
.str-quiz-editor .x-tabs-content, .str-info-header .x-tabs-content {
  border: 2px solid #cccccc;
  margin-bottom: 1.5rem;
  width: 100%;
}
.str-quiz-editor .x-tabs-content section, .str-info-header .x-tabs-content section {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  padding: 1.25rem;
}
.str-quiz-editor .x-tabs-content section:before, .str-info-header .x-tabs-content section:before, .str-quiz-editor .x-tabs-content section:after, .str-info-header .x-tabs-content section:after {
  content: " ";
  display: table;
}
.str-quiz-editor .x-tabs-content section:after, .str-info-header .x-tabs-content section:after {
  clear: both;
}
.str-quiz-editor .str-top-row, .str-info-header .str-top-row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
}
.str-quiz-editor .str-top-row:before, .str-info-header .str-top-row:before, .str-quiz-editor .str-top-row:after, .str-info-header .str-top-row:after {
  content: " ";
  display: table;
}
.str-quiz-editor .str-top-row:after, .str-info-header .str-top-row:after {
  clear: both;
}
.str-quiz-editor .str-top-row .x-cell, .str-info-header .str-top-row .x-cell {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 50%;
  float: left;
}
.str-quiz-editor .str-top-row .x-item-info, .str-info-header .str-top-row .x-item-info {
  float: right;
  margin-bottom: 5px;
  text-align: right;
  font-size: 14px;
  position: absolute;
  top: 60px;
  right: 30px;
}
.str-quiz-editor .str-top-row .x-vertical-selection, .str-info-header .str-top-row .x-vertical-selection {
  width: 150px;
}
.str-quiz-editor .str-image-selection, .str-info-header .str-image-selection {
  margin-bottom: 20px;
  min-height: 230px;
}
.str-quiz-editor .str-quiz-info .x-short-input-wrapper .x-short-input-first, .str-info-header .str-quiz-info .x-short-input-wrapper .x-short-input-first, .str-quiz-editor .str-quiz-info .x-short-input-wrapper .x-short-input-last, .str-info-header .str-quiz-info .x-short-input-wrapper .x-short-input-last, .str-quiz-editor .str-input, .str-info-header .str-input {
  padding: 0;
  position: relative;
}
.str-quiz-editor .str-quiz-info .x-short-input-wrapper .x-short-input-first .x-count, .str-info-header .str-quiz-info .x-short-input-wrapper .x-short-input-first .x-count, .str-quiz-editor .str-quiz-info .x-short-input-wrapper .x-short-input-last .x-count, .str-info-header .str-quiz-info .x-short-input-wrapper .x-short-input-last .x-count, .str-quiz-editor .str-input .x-count, .str-info-header .str-input .x-count {
  display: block;
  position: absolute;
  right: 0.625rem;
  top: 0.9375rem;
  color: #ccc;
}
.str-quiz-editor .str-quiz-info .x-short-input-wrapper .x-short-input-first .x-count.x-exceeds-max, .str-info-header .str-quiz-info .x-short-input-wrapper .x-short-input-first .x-count.x-exceeds-max, .str-quiz-editor .str-quiz-info .x-short-input-wrapper .x-short-input-last .x-count.x-exceeds-max, .str-info-header .str-quiz-info .x-short-input-wrapper .x-short-input-last .x-count.x-exceeds-max, .str-quiz-editor .str-input .x-count.x-exceeds-max, .str-info-header .str-input .x-count.x-exceeds-max {
  color: red;
}
.str-quiz-editor .str-quiz-info, .str-info-header .str-quiz-info {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.str-quiz-editor .str-quiz-info:before, .str-info-header .str-quiz-info:before, .str-quiz-editor .str-quiz-info:after, .str-info-header .str-quiz-info:after {
  content: " ";
  display: table;
}
.str-quiz-editor .str-quiz-info:after, .str-info-header .str-quiz-info:after {
  clear: both;
}
.str-quiz-editor .str-quiz-info .x-short-input-wrapper, .str-info-header .str-quiz-info .x-short-input-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
}
.str-quiz-editor .str-quiz-info .x-short-input-wrapper:before, .str-info-header .str-quiz-info .x-short-input-wrapper:before, .str-quiz-editor .str-quiz-info .x-short-input-wrapper:after, .str-info-header .str-quiz-info .x-short-input-wrapper:after {
  content: " ";
  display: table;
}
.str-quiz-editor .str-quiz-info .x-short-input-wrapper:after, .str-info-header .str-quiz-info .x-short-input-wrapper:after {
  clear: both;
}
.str-quiz-editor .str-quiz-info .x-short-input-wrapper .x-short-input-first, .str-info-header .str-quiz-info .x-short-input-wrapper .x-short-input-first {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 50%;
  float: left;
}
.str-quiz-editor .str-quiz-info .x-short-input-wrapper .x-short-input-first input, .str-info-header .str-quiz-info .x-short-input-wrapper .x-short-input-first input {
  margin-right: 1%;
}
.str-quiz-editor .str-quiz-info .x-short-input-wrapper .x-short-input-last, .str-info-header .str-quiz-info .x-short-input-wrapper .x-short-input-last {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 50%;
  float: left;
}
.str-quiz-editor .str-quiz-info .x-short-input-wrapper .x-short-input-last input, .str-info-header .str-quiz-info .x-short-input-wrapper .x-short-input-last input {
  margin-left: 1%;
}
.str-quiz-editor .str-input .btn-add, .str-info-header .str-input .btn-add {
  bottom: 7px;
}
.str-quiz-editor .str-input .x-error, .str-info-header .str-input .x-error {
  position: absolute;
  top: -15px;
  background: #ffe5e9;
  border: 1px solid black;
  padding: 5px;
}
.str-quiz-editor .str-scrape-wrapper, .str-info-header .str-scrape-wrapper {
  margin-top: 16px;
}
.str-quiz-editor .str-scrape-wrapper .x-scrape-button, .str-info-header .str-scrape-wrapper .x-scrape-button {
  position: absolute;
  display: block;
  right: 40px;
  margin-top: 10px;
}
.str-quiz-editor .str-global-settings .x-global-buttons, .str-info-header .str-global-settings .x-global-buttons {
  display: inline-block;
  width: 30%;
}
.str-quiz-editor .str-global-settings .x-global-buttons .x-button, .str-info-header .str-global-settings .x-global-buttons .x-button {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.1875rem;
  padding-right: 0.375rem;
  padding-bottom: 0.25rem;
  padding-left: 0.375rem;
  /*     @else                            { font-size: $padding - rem-calc(2); } */
  background-color: #d6d6d6;
  border-color: #ababab;
  color: #333333;
  -webkit-border-radius: 17px;
  border-radius: 17px;
  width: 87px;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
}
.str-quiz-editor .str-global-settings .x-global-buttons .x-button:hover, .str-info-header .str-global-settings .x-global-buttons .x-button:hover, .str-quiz-editor .str-global-settings .x-global-buttons .x-button:focus, .str-info-header .str-global-settings .x-global-buttons .x-button:focus {
  background-color: #ababab;
}
.str-quiz-editor .str-global-settings .x-global-buttons .x-button:hover, .str-info-header .str-global-settings .x-global-buttons .x-button:hover, .str-quiz-editor .str-global-settings .x-global-buttons .x-button:focus, .str-info-header .str-global-settings .x-global-buttons .x-button:focus {
  color: #333333;
}
.str-quiz-editor .str-global-settings .x-global-buttons .x-button.x-on, .str-info-header .str-global-settings .x-global-buttons .x-button.x-on {
  background-color: #44da55;
}
.str-quiz-editor .str-global-settings .x-global-source, .str-info-header .str-global-settings .x-global-source {
  display: inline-block;
  width: 69%;
}
.str-quiz-editor .str-alt-titles, .str-info-header .str-alt-titles, .str-quiz-editor .str-adpartner-titles, .str-info-header .str-adpartner-titles {
  overflow: hidden !important;
}
.str-quiz-editor .str-alt-titles .x-count, .str-info-header .str-alt-titles .x-count, .str-quiz-editor .str-adpartner-titles .x-count, .str-info-header .str-adpartner-titles .x-count {
  right: 0.9375rem;
}
.str-quiz-editor .str-alt-titles .x-input, .str-info-header .str-alt-titles .x-input, .str-quiz-editor .str-adpartner-titles .x-input, .str-info-header .str-adpartner-titles .x-input {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 91.66667%;
  float: left;
  overflow: hidden;
  position: relative;
}
.str-quiz-editor .str-alt-titles .x-menu, .str-info-header .str-alt-titles .x-menu, .str-quiz-editor .str-adpartner-titles .x-menu, .str-info-header .str-adpartner-titles .x-menu {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 8.33333%;
  float: left;
  position: relative;
}
.str-quiz-editor .str-alt-titles .x-menu .btn-delete, .str-info-header .str-alt-titles .x-menu .btn-delete, .str-quiz-editor .str-adpartner-titles .x-menu .btn-delete, .str-info-header .str-adpartner-titles .x-menu .btn-delete {
  margin-top: 0;
}
.str-quiz-editor .str-quiz-question-wrapper, .str-info-header .str-quiz-question-wrapper {
  margin-bottom: 25px;
  border-bottom: 1px solid #999;
}
.str-quiz-editor .str-quiz-question, .str-info-header .str-quiz-question {
  position: relative;
  overflow: hidden;
  padding-bottom: 5px;
}
.str-quiz-editor .str-question-table input[type=text], .str-info-header .str-question-table input[type=text] {
  margin: 0;
}
.str-quiz-editor .str-question-table .x-main-input, .str-info-header .str-question-table .x-main-input {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 75%;
  float: left;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}
.str-quiz-editor .str-question-table .x-main-input input, .str-info-header .str-question-table .x-main-input input {
  margin-top: 0;
}
.str-quiz-editor .str-question-table .x-main-input .x-count, .str-info-header .str-question-table .x-main-input .x-count {
  position: absolute;
  right: 15px;
  top: 50%;
  color: #ccc;
}
.str-quiz-editor .str-question-table .x-correct-input, .str-info-header .str-question-table .x-correct-input {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 8.33333%;
  float: left;
  padding-top: 10px;
  padding-bottom: 0;
  text-align: center;
}
.str-quiz-editor .str-question-table .x-hide-answer, .str-info-header .str-question-table .x-hide-answer {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 8.33333%;
  float: left;
  text-align: center;
}
.str-quiz-editor .str-question-table .x-hide-answer .x-button, .str-info-header .str-question-table .x-hide-answer .x-button {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.1875rem;
  padding-right: 0.375rem;
  padding-bottom: 0.25rem;
  padding-left: 0.375rem;
  /*     @else                            { font-size: $padding - rem-calc(2); } */
  background-color: #d6d6d6;
  border-color: #ababab;
  color: #333333;
  -webkit-border-radius: 17px;
  border-radius: 17px;
  width: 50px;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
}
.str-quiz-editor .str-question-table .x-hide-answer .x-button:hover, .str-info-header .str-question-table .x-hide-answer .x-button:hover, .str-quiz-editor .str-question-table .x-hide-answer .x-button:focus, .str-info-header .str-question-table .x-hide-answer .x-button:focus {
  background-color: #ababab;
}
.str-quiz-editor .str-question-table .x-hide-answer .x-button:hover, .str-info-header .str-question-table .x-hide-answer .x-button:hover, .str-quiz-editor .str-question-table .x-hide-answer .x-button:focus, .str-info-header .str-question-table .x-hide-answer .x-button:focus {
  color: #333333;
}
.str-quiz-editor .str-question-table .x-hide-answer .x-button.x-on, .str-info-header .str-question-table .x-hide-answer .x-button.x-on {
  background-color: #44da55;
}
.str-quiz-editor .str-question-table .x-secondary-input, .str-info-header .str-question-table .x-secondary-input {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 8.33333%;
  float: left;
  text-align: left;
  position: relative;
}
.str-quiz-editor .str-question-item-wrapper, .str-info-header .str-question-item-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
}
.str-quiz-editor .str-question-item-wrapper:before, .str-info-header .str-question-item-wrapper:before, .str-quiz-editor .str-question-item-wrapper:after, .str-info-header .str-question-item-wrapper:after {
  content: " ";
  display: table;
}
.str-quiz-editor .str-question-item-wrapper:after, .str-info-header .str-question-item-wrapper:after {
  clear: both;
}
.str-quiz-editor .str-question-item-wrapper.x-fade, .str-info-header .str-question-item-wrapper.x-fade {
  opacity: 0.5;
  background-color: #ccc;
}
.str-quiz-editor .str-question-item-wrapper .x-content-input, .str-info-header .str-question-item-wrapper .x-content-input {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 91.66667%;
  float: left;
}
.str-quiz-editor .str-question-item-wrapper .x-pos-input, .str-info-header .str-question-item-wrapper .x-pos-input {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 8.33333%;
  float: left;
}
.str-quiz-editor .str-question-table, .str-info-header .str-question-table {
  width: 100%;
  border: none;
  margin-bottom: 0;
}
.str-quiz-editor .str-add-answer, .str-info-header .str-add-answer {
  position: absolute;
  bottom: 3.75rem;
  right: 0.3125rem;
  cursor: pointer;
  font-size: 2.0625rem;
  color: #247ba0;
}
.str-quiz-editor .str-template, .str-info-header .str-template {
  display: none;
}
.str-quiz-editor .str-save-btns, .str-info-header .str-save-btns {
  float: right;
  position: absolute;
  right: 0;
  top: 2px;
}
.str-quiz-editor .str-save-btns li, .str-info-header .str-save-btns li {
  display: inline-block;
  background-color: #009898;
  padding: 5px 10px;
  color: white;
  margin-left: 1px;
}
.str-quiz-editor .str-save-btns li:hover, .str-info-header .str-save-btns li:hover {
  background-color: #006565;
}
.str-quiz-editor .str-save-btns li + li, .str-info-header .str-save-btns li + li {
  border-left: 1px solid #cecece;
}
.str-quiz-editor .str-save-btns li .x-disabled, .str-info-header .str-save-btns li .x-disabled {
  color: white;
}
.str-quiz-editor .str-save-btns li .x-active, .str-info-header .str-save-btns li .x-active {
  color: #237A9F;
}
.str-quiz-editor .str-nav .x-nav-list .x-nav-item, .str-info-header .str-nav .x-nav-list .x-nav-item {
  border: 2px solid #cccccc;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  line-height: 1.625rem;
  text-align: center;
  margin-left: 0.125rem;
  margin-right: 0.125rem;
  margin-bottom: 0.25rem;
  cursor: pointer;
  font-size: 0.75rem;
  opacity: 1;
}
.str-quiz-editor .str-nav .x-nav-list .x-active.x-nav-item, .str-info-header .str-nav .x-nav-list .x-active.x-nav-item {
  opacity: 1 !important;
  background-color: #ff1654 !important;
  color: white;
  border-color: white;
  line-height: 1.625rem;
}
.str-quiz-editor .str-nav .x-nav-list .x-nav-item:hover, .str-info-header .str-nav .x-nav-list .x-nav-item:hover {
  background-color: #49afcd;
  color: white;
  border-color: white;
}
.str-quiz-editor .str-nav .x-nav-list .x-nav-item:active, .str-info-header .str-nav .x-nav-list .x-nav-item:active {
  background-color: #ff1654;
  color: white;
  border-color: white;
}
.str-quiz-editor .str-nav .x-nav-list .x-incomplete.x-nav-item, .str-info-header .str-nav .x-nav-list .x-incomplete.x-nav-item {
  opacity: .8;
  background-color: #f0c808;
  color: white;
}
.str-quiz-editor .str-nav .x-nav-list .x-complete.x-nav-item, .str-info-header .str-nav .x-nav-list .x-complete.x-nav-item {
  background-color: #7cde3b;
  color: white;
}
.str-quiz-editor .str-nav .x-nav-list .x-hidden.x-nav-item, .str-info-header .str-nav .x-nav-list .x-hidden.x-nav-item {
  opacity: .2 !important;
}
.str-quiz-editor .str-info-footer .x-question-count, .str-info-header .str-info-footer .x-question-count {
  text-transform: uppercase;
  float: left;
}
.str-quiz-editor .str-info-footer .x-hidden-count, .str-info-header .str-info-footer .x-hidden-count {
  text-transform: uppercase;
  position: absolute;
  left: 428px;
}
.str-quiz-editor .str-info-footer .x-ad-ready, .str-info-header .str-info-footer .x-ad-ready {
  float: right;
}
.str-quiz-editor .str-nav, .str-info-header .str-nav {
  overflow: hidden;
}
.str-quiz-editor .str-nav .x-nav-list, .str-info-header .str-nav .x-nav-list {
  position: relative;
}
.str-quiz-editor .str-nav-wrapper, .str-info-header .str-nav-wrapper {
  max-width: 59.375rem;
  overflow: hidden;
  margin-bottom: 0.625rem;
}
.str-quiz-editor .str-nav-wrapper .x-selector, .str-info-header .str-nav-wrapper .x-selector {
  width: 900px;
  overflow: hidden;
  float: left;
}
.str-quiz-editor .str-hover-tip:after, .str-info-header .str-hover-tip:after, .str-quiz-editor .str-hover-tip:before, .str-info-header .str-hover-tip:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.str-quiz-editor .str-hover-tip, .str-info-header .str-hover-tip {
  position: absolute;
  z-index: 100;
  width: 5.5rem;
  background: #000;
  border: 1px solid #000;
  pointer-events: none;
  display: none;
}
.str-quiz-editor .str-hover-tip:after, .str-info-header .str-hover-tip:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #000;
  border-width: 0.3125rem;
  margin-left: -0.3125rem;
}
.str-quiz-editor .str-hover-tip:before, .str-info-header .str-hover-tip:before {
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #000;
  border-width: 0.375rem;
  margin-left: -0.375rem;
}
.str-quiz-editor .str-question-menu-bottom, .str-info-header .str-question-menu-bottom {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  text-align: center;
}
.str-quiz-editor .str-question-menu-bottom:before, .str-info-header .str-question-menu-bottom:before, .str-quiz-editor .str-question-menu-bottom:after, .str-info-header .str-question-menu-bottom:after {
  content: " ";
  display: table;
}
.str-quiz-editor .str-question-menu-bottom:after, .str-info-header .str-question-menu-bottom:after {
  clear: both;
}
.str-quiz-editor .str-question-menu-bottom span, .str-info-header .str-question-menu-bottom span {
  color: #c8c8c9;
  font-size: 13px;
}
.str-quiz-editor .str-question-menu-bottom .x-delete, .str-info-header .str-question-menu-bottom .x-delete {
  cursor: pointer;
}
.str-quiz-editor .str-scores .x-score-wrapper, .str-info-header .str-scores .x-score-wrapper {
  margin-bottom: 1.875rem;
  clear: both;
}
.str-quiz-editor .str-scores .x-text-inputs, .str-info-header .str-scores .x-text-inputs {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 75%;
  float: left;
  padding: 0;
}
.str-quiz-editor .str-scores .x-score-images, .str-info-header .str-scores .x-score-images {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 25%;
  float: left;
}

.str-admin-aio-wrapper .str-content-title-bar, .str-admin-aio-wrapper .str-content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
}
.str-admin-aio-wrapper .str-content-title-bar:before, .str-admin-aio-wrapper .str-content:before, .str-admin-aio-wrapper .str-content-title-bar:after, .str-admin-aio-wrapper .str-content:after {
  content: " ";
  display: table;
}
.str-admin-aio-wrapper .str-content-title-bar:after, .str-admin-aio-wrapper .str-content:after {
  clear: both;
}
.str-admin-aio-wrapper .str-content-title-bar .x-title, .str-admin-aio-wrapper .str-content .x-title {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 66.66667%;
  float: left;
}
.str-admin-aio-wrapper .str-content-title-bar .x-created, .str-admin-aio-wrapper .str-content .x-created {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 8.33333%;
  float: left;
  text-align: center;
}
.str-admin-aio-wrapper .str-content-title-bar .x-author, .str-admin-aio-wrapper .str-content .x-author {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 16.66667%;
  float: left;
  text-align: center;
}
.str-admin-aio-wrapper .str-content-title-bar .x-comments, .str-admin-aio-wrapper .str-content .x-comments {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 8.33333%;
  float: left;
  text-align: center;
}

.str-admin-aio-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  margin-top: 4px;
}
.str-admin-aio-wrapper:before, .str-admin-aio-wrapper:after {
  content: " ";
  display: table;
}
.str-admin-aio-wrapper:after {
  clear: both;
}
.str-admin-aio-wrapper a {
  color: #333 !important;
  text-decoration: underline !important;
}
.str-admin-aio-wrapper .str-search-bar {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
}
.str-admin-aio-wrapper .str-search-bar:before, .str-admin-aio-wrapper .str-search-bar:after {
  content: " ";
  display: table;
}
.str-admin-aio-wrapper .str-search-bar:after {
  clear: both;
}
.str-admin-aio-wrapper .str-search-bar select {
  outline: none;
}
.str-admin-aio-wrapper .str-search-bar .x-search {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 50%;
  float: left;
  padding-left: 0;
}
.str-admin-aio-wrapper .str-search-bar .x-search.x-short-search {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 33.33333%;
  float: left;
}
.str-admin-aio-wrapper .str-search-bar .x-search input {
  padding-left: 6px;
}
.str-admin-aio-wrapper .str-search-bar .x-type {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 16.66667%;
  float: left;
}
.str-admin-aio-wrapper .str-search-bar .x-quiztype {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 16.66667%;
  float: left;
}
.str-admin-aio-wrapper .str-search-bar .x-vertical {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 16.66667%;
  float: left;
}
.str-admin-aio-wrapper .str-search-bar .x-status {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 16.66667%;
  float: left;
  padding-right: 0;
}
.str-admin-aio-wrapper .str-content-title-bar {
  border: 1px solid #c7c7c7;
  background-color: #f3f3f3;
  padding: 6px 5px;
  text-transform: uppercase;
  font-size: 13px;
}
.str-admin-aio-wrapper .str-content {
  clear: both;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
.str-admin-aio-wrapper .str-content.x-selected {
  background-color: #d9d9d9;
}
.str-admin-aio-wrapper .str-content .x-img {
  padding-right: 10px;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 16.66667%;
  float: left;
  min-height: 70px;
}
.str-admin-aio-wrapper .str-content .x-info {
  padding-top: 15px;
}
.str-admin-aio-wrapper .str-content .x-info .x-info-title {
  font-size: 16px;
  font-weight: bold;
}
.str-admin-aio-wrapper .str-content .x-info .x-info-details {
  font-size: 15px;
  color: #999;
  padding: 8px 0 0;
}
.str-admin-aio-wrapper .str-content .x-info .x-live {
  color: red;
  text-transform: uppercase;
}
.str-admin-aio-wrapper .str-content .x-created,
.str-admin-aio-wrapper .str-content .x-author,
.str-admin-aio-wrapper .str-content .x-comments {
  padding-top: 24px;
}
.str-admin-aio-wrapper .str-content .x-created .unread,
.str-admin-aio-wrapper .str-content .x-author .unread,
.str-admin-aio-wrapper .str-content .x-comments .unread {
  color: red;
}
.str-admin-aio-wrapper .str-nav {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}
.str-admin-aio-wrapper .str-nav .x-pagination {
  padding-top: 10px;
}
.str-admin-aio-wrapper .str-nav .x-pagination .x-page-index {
  max-width: 40px;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
}
.str-admin-aio-wrapper .str-nav .x-pagination .x-page-index.x-active a {
  color: black;
}
.str-admin-aio-wrapper .str-nav .x-pagination .x-page-index.x-disabled {
  opacity: .5;
  pointer-events: none;
}
.str-admin-aio-wrapper .str-nav .x-pagination .x-page-index.x-current-page {
  font-weight: bold;
}
.str-admin-aio-wrapper .str-nav .x-pagination .x-page-index .x-ellipsis {
  padding-right: 5px;
}
.str-admin-aio-wrapper .str-nav .x-search-results {
  margin-right: 15px;
}
.str-admin-aio-wrapper .str-nav .x-selection {
  margin-right: 15px;
}
.str-admin-aio-wrapper .str-nav .x-selection select {
  width: 195px;
}
.str-admin-aio-wrapper .str-footer {
  text-align: initial;
}
.str-admin-aio-wrapper .str-footer .str-nav .x-pagination {
  padding-top: 0;
}
.str-admin-aio-wrapper .str-loading-wrapper {
  position: fixed;
}
.str-admin-aio-wrapper .str-loading-wrapper .x-loading-message {
  position: relative;
  background: white;
  width: 500px;
  text-align: center;
  border: 3px solid black;
  padding: 20px;
  left: 70%;
  top: 200px;
}

.str-cms-wrapper.x-alignbody-left {
  margin-left: 0 !important;
}

.str-content-wrapper.x-alignbody-left {
  margin-left: 0 !important;
  width: 0 !important;
  padding-left: 10px !important;
}

@media (min-width: 1500px) {
  .str-cms-wrapper.x-alignbody-left {
    margin: 0 auto !important;
  }

  .str-content-wrapper.x-alignbody-left {
    margin-left: 0 !important;
    width: calc(100vw - 319px) !important;
    padding-left: 10px !important;
  }

  body.x-change-body-width {
    width: calc(100vw - 319px);
  }
}
.str-editor-item-table .x-item-entry .x-unread {
  color: red;
}

.str-admin-wrapper-v2 {
  font-family: "Roboto", Helvetica, sans-serif;
  margin-bottom: 50px !important;
}
.str-admin-wrapper-v2 h2 {
  margin: 0 0 20px;
}
.str-admin-wrapper-v2 .str-item-table-wrap {
  position: relative;
}
.str-admin-wrapper-v2 .str-item-table-wrap .str-shortcut {
  position: absolute;
  right: 2px;
  top: 8px;
}
.str-admin-wrapper-v2 .str-item-table-wrap .str-shortcut.x-sml {
  top: 42px;
}
.str-admin-wrapper-v2 h4 {
  text-transform: uppercase;
}
.str-admin-wrapper-v2 .str-display-name .x-input {
  display: inline-block;
  width: 200px;
  margin: 0 8px;
}
.str-admin-wrapper-v2 .str-display-name .button {
  margin: 0 !important;
  position: relative;
  top: -1px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.str-premium .str-content-wrapper {
  width: 1175px;
}
.str-premium .str-main-content {
  width: 810px;
}
.str-premium .str-grid-layout {
  max-width: 100%;
  float: left;
}
.str-premium .str-item-wrapper .x-img-wrapper {
  height: 130px;
}
.str-premium .str-item-wrapper .x-img-wrapper img {
  width: 100%;
}
.str-premium .str-item-wrapper .x-title {
  font-size: 18px;
}
.str-premium .str-slideshow {
  width: 100%;
}
.str-premium .str-ss-nav-wrap .x-caption {
  width: 76%;
}
.str-premium .str-ss-nav-wrap .x-cell {
  width: 9%;
}
.str-premium #zerglayout {
  float: left;
  width: 100% !important;
}
.str-premium #zerglayout .zergentity {
  width: 23% !important;
  margin: 4px 8px 10px 8px !important;
}
.str-premium #zerglayout .zergentity a {
  height: auto;
}
.str-premium #zerglayout .zergentity img {
  width: 100% !important;
  height: auto !important;
}
.str-premium .str-image-wrapper {
  width: 100%;
}
.str-premium #zergnet h4 {
  max-width: 100%;
  margin-top: 40px;
}

.str-stars-body .x-section-title, .str-offbeat-body .x-section-title, .str-wellnest-body .x-section-title, .str-sp-body .x-section-title, .str-be-body .x-section-title, .str-pg-body .x-section-title, .str-tt-body .x-section-title, .str-pt-body .x-section-title, .str-es-body .x-section-title, .str-bio-carousel-wrap .x-section-title, .str-celeb-index .x-section-title, .str-zergnet .x-section-title {
  font-size: 45px;
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  padding: 5px 20px;
  background: #cdcdcd;
  display: inline-block;
  color: #fff;
}

.str-carousel-inner .x-carousel-item .x-overlay, .str-carousel-inner .x-carousel-item .x-btn, .str-carousel-inner .x-carousel-item .x-extra, .str-celeb-row-inner .x-celeb-col .x-celeb-pics .x-celeb .x-overlay, .str-art-collection .x-art-wrap .x-img, .str-art-collection .x-art-wrap .x-img img {
  transition: all 0.30s ease;
}

.str-quiz-page {
  height: 100%;
  width: 100%;
}
.str-quiz-page .str-main-content {
  position: relative;
}
.str-quiz-page .str-main-content .x-personality-prev, .str-quiz-page .str-main-content .x-personality-next {
  position: absolute;
  top: 28%;
  background-color: #525252;
  background-color: rgba(82, 82, 82, 0.8);
  cursor: pointer;
}
.str-quiz-page .str-main-content .x-personality-prev:hover, .str-quiz-page .str-main-content .x-personality-next:hover {
  background-color: #525252;
}
.str-quiz-page .str-main-content .x-personality-next {
  right: 0;
}
.str-quiz-page .x-black-overlay {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: black;
  z-index: 99991;
  left: 0;
  opacity: 0;
}

.str-quiz-container {
  position: relative;
  display: table;
}
.str-quiz-container .str-quiz-nav .btn-quiz-nav {
  background-color: #525252 !important;
  background-color: rgba(82, 82, 82, 0.8) !important;
  color: white !important;
}
.str-quiz-container .x-quiz-wrapper {
  min-height: 25rem;
}
@media (max-height: 768px) {
  .str-quiz-container.ns-test .str-quiz-content-header-intro h1 {
    font-size: 26px;
  }
  .str-quiz-container.ns-test .str-quiz-question .x-question-text-wrapper h2 {
    font-size: 20px;
  }
  .str-quiz-container.ns-test .x-quiz-button-intro {
    top: 175px;
  }
  .str-quiz-container.ns-test .str-quiz-image-wrapper, .str-quiz-container.ns-test .str-quiz-image-wrapper-intro {
    min-height: 17.5rem;
  }
  .str-quiz-container.ns-test .str-quiz-image-wrapper .x-item-img, .str-quiz-container.ns-test .str-quiz-image-wrapper-intro .x-item-img {
    width: auto !important;
    height: 17.5rem;
  }
  .str-quiz-container.ns-test .str-rightwrong-wrapper {
    min-height: 17.5rem;
    padding-top: 0;
    text-align: left;
  }
  .str-quiz-container.ns-test .str-rightwrong-wrapper .btn-quiz-nav {
    top: 15px;
    width: 65px;
    height: 80px;
    line-height: 80px;
  }
  .str-quiz-container.ns-test .str-rightwrong-wrapper .x-rightwrong {
    max-height: 190px !important;
    max-width: 565px;
    text-align: center;
    padding-top: 10px !important;
  }
  .str-quiz-container.ns-test .str-rightwrong-wrapper .x-rightwrong .x-proveout-img {
    margin-top: 5px;
  }
  .str-quiz-container.ns-test .str-rightwrong-wrapper .x-rightwrong .x-proveout-copy {
    text-align: left;
  }
  .str-quiz-container.ns-test .str-rightwrong-wrapper .x-rightwrong .x-proveout-copy h2 {
    line-height: 1;
    margin: -2px 0 0;
  }
}

.str-quiz-content-header h1 {
  font-weight: 400;
  color: #525252;
  margin: 0;
  padding: 0;
}

.str-quiz-content-header-intro h1 {
  font-weight: 400;
  color: #525252;
  margin: 0;
  padding: 0;
  font-size: 29px;
  line-height: 1.2em;
}

.str-quiz-content-header-results {
  text-transform: uppercase;
}
.str-quiz-content-header-results h1, .str-quiz-content-header-results h2 {
  font-weight: 900;
  font-style: italic;
  text-shadow: 3px 5px 0 #e5e5e5;
  margin: 0;
  padding: 0;
}
.str-quiz-content-header-results h2 {
  font-style: normal;
  color: #525252;
}

.str-question-wrapper {
  position: relative;
  margin-top: 10px;
  display: none;
  border: 1px solid #cdcdcd;
}
.str-question-wrapper .str-source, .str-question-wrapper .str-slideshow-wrapper .str-author, .str-slideshow-wrapper .str-question-wrapper .str-author, .str-question-wrapper .str-non-slideshow-wrapper .str-author, .str-non-slideshow-wrapper .str-question-wrapper .str-author {
  float: right;
  font-size: 12px;
  color: #333;
  margin: 2px 0 5px;
  text-transform: uppercase;
  position: absolute;
  bottom: -215px;
  right: 5px;
}
.str-question-wrapper .str-source a, .str-question-wrapper .str-slideshow-wrapper .str-author a, .str-slideshow-wrapper .str-question-wrapper .str-author a, .str-question-wrapper .str-non-slideshow-wrapper .str-author a, .str-non-slideshow-wrapper .str-question-wrapper .str-author a {
  color: #333;
}
.str-question-wrapper .str-source a:visited, .str-question-wrapper .str-slideshow-wrapper .str-author a:visited, .str-slideshow-wrapper .str-question-wrapper .str-author a:visited, .str-question-wrapper .str-non-slideshow-wrapper .str-author a:visited, .str-non-slideshow-wrapper .str-question-wrapper .str-author a:visited {
  color: #333;
}
.str-question-wrapper .str-source.x-progress-showing, .str-question-wrapper .str-slideshow-wrapper .x-progress-showing.str-author, .str-slideshow-wrapper .str-question-wrapper .x-progress-showing.str-author, .str-question-wrapper .str-non-slideshow-wrapper .x-progress-showing.str-author, .str-non-slideshow-wrapper .str-question-wrapper .x-progress-showing.str-author {
  bottom: -255px;
}
.str-question-wrapper .str-source.x-noemail-source, .str-question-wrapper .str-slideshow-wrapper .x-noemail-source.str-author, .str-slideshow-wrapper .str-question-wrapper .x-noemail-source.str-author, .str-question-wrapper .str-non-slideshow-wrapper .x-noemail-source.str-author, .str-non-slideshow-wrapper .str-question-wrapper .x-noemail-source.str-author {
  bottom: -75px;
}
.str-question-wrapper .x-show-results {
  display: none;
  font-weight: 600;
  text-transform: uppercase;
}
.str-question-wrapper.x-incorrect .str-quiz-image-wrapper h2, .str-question-wrapper.x-incorrect .str-quiz-image-wrapper-intro h2 {
  color: #ed1c24 !important;
  text-transform: uppercase;
}
.str-question-wrapper.x-incorrect .str-quiz-image-wrapper .btn-quiz-nav, .str-question-wrapper.x-incorrect .str-quiz-image-wrapper-intro .btn-quiz-nav {
  background-color: #ed1c24 !important;
}
.str-question-wrapper.x-incorrect .str-answers-wrapper .x-answers-list .x-answer.x-selected {
  background-color: #ed1c24 !important;
}
.str-question-wrapper.x-incorrect .x-show-results .btn-quiz-nav {
  background-color: #ed1c24 !important;
}
.str-question-wrapper.x-correct .str-quiz-image-wrapper h2, .str-question-wrapper.x-correct .str-quiz-image-wrapper-intro h2 {
  color: #A5D208 !important;
  text-transform: uppercase;
}
.str-question-wrapper.x-correct .str-quiz-image-wrapper .btn-quiz-nav, .str-question-wrapper.x-correct .str-quiz-image-wrapper-intro .btn-quiz-nav {
  background-color: #A5D208 !important;
}
.str-question-wrapper.x-correct .str-answers-wrapper .x-answers-list .x-answer.x-selected {
  background-color: #A5D208 !important;
}
.str-question-wrapper.x-correct .x-show-results .btn-quiz-nav {
  background-color: #A5D208 !important;
}

.str-quiz-question-answer-wrapper {
  padding: 3px 10px 10px;
}
.str-quiz-question-answer-wrapper .str-source, .str-quiz-question-answer-wrapper .str-slideshow-wrapper .str-author, .str-slideshow-wrapper .str-quiz-question-answer-wrapper .str-author, .str-quiz-question-answer-wrapper .str-non-slideshow-wrapper .str-author, .str-non-slideshow-wrapper .str-quiz-question-answer-wrapper .str-author {
  font-size: 11px;
  padding-bottom: 5px;
  text-align: right;
}

.str-social-byline {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  margin: 8px 0;
  font-size: 12px;
}
.str-social-byline:before, .str-social-byline:after {
  content: " ";
  display: table;
}
.str-social-byline:after {
  clear: both;
}
.str-social-byline .x-cell {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 41.66667%;
  float: left;
}
.str-social-byline .x-cell.x-fb {
  padding-left: 6px;
}
.str-social-byline .x-cell.x-fb .str-fb-wrapper {
  margin: 0;
}
.str-social-byline .x-cell.x-source {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 58.33333%;
  float: left;
  text-align: right;
  padding-right: 10px;
  padding-top: 4px;
}
.str-social-byline .x-cell a {
  color: #333;
}
.str-social-byline .x-cell a:hover {
  color: #ed1c24;
}

.str-quiz-image-wrapper, .str-quiz-image-wrapper-intro {
  display: block;
  position: relative;
  text-align: center;
}

.str-quiz-intro {
  display: none;
}
.str-quiz-intro .x-quiz-button-intro {
  clear: both;
  overflow: hidden;
  display: block;
  z-index: 1;
  color: #fff;
  font-size: 1.875rem;
  padding: 0.625rem 1.5625rem;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  position: relative;
  margin: auto;
  top: 225px;
  width: 250px;
  -webkit-box-shadow: 0px 0px 12px 0.5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 12px 0.5px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 12px 0.5px rgba(0, 0, 0, 0.75);
}
.str-quiz-intro .x-quiz-button-intro:hover {
  color: #fff;
}
.str-quiz-intro .x-quiz-button-intro:visited {
  color: #fff;
}

.str-quiz-question {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  padding: 0 0 10px 0;
}
.str-quiz-question:before, .str-quiz-question:after {
  content: " ";
  display: table;
}
.str-quiz-question:after {
  clear: both;
}
.str-quiz-question .x-question-text-wrapper h2 {
  color: #000;
  text-align: left;
  margin: 0;
  font-weight: 400;
  font-size: 1.3125rem;
  line-height: 1.1;
}
.str-quiz-question .btn-quiz-nav {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 8.33333%;
  float: left;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.str-quiz-question .btn-quiz-nav:hover {
  background-color: #525252 !important;
}
.str-quiz-question .btn-quiz-nav.btn-show {
  visibility: visible !important;
  opacity: 1;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.str-next-quiz-wrapper {
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  position: relative;
  overflow: hidden;
}

.str-rightwrong-wrapper {
  height: 100%;
  width: 100%;
  position: absolute;
  padding-top: 90px;
  background-color: rgba(0, 0, 0, 0.8);
  overflow: hidden;
}
.str-rightwrong-wrapper img {
  max-width: 9.375rem;
  float: left;
  margin-top: 0.9375rem;
  margin-right: 0.9375rem;
}
.str-rightwrong-wrapper .x-proveout-copy {
  overflow: hidden;
}
.str-rightwrong-wrapper .x-rightwrong {
  color: white;
  padding: 20px 12px 0 !important;
  line-height: 1.2;
}
.str-rightwrong-wrapper .x-rightwrong .x-answer {
  display: none;
}
.str-rightwrong-wrapper .x-rightwrong h2 {
  font-weight: 600;
  font-size: 4.125rem;
  margin-bottom: 0;
}
.str-rightwrong-wrapper .btn-quiz-nav {
  float: right;
}

.str-answer-state {
  display: none;
  text-align: center;
}

.str-proveout-state {
  display: none;
}
.str-proveout-state .x-rightwrong {
  max-width: 34.5625rem;
  min-height: 9.375rem;
  padding-left: 1.5625rem;
  overflow-y: auto;
  text-align: left;
}
.str-proveout-state .x-rightwrong h2 {
  font-size: 3rem;
  line-height: 1.2;
}
.str-proveout-state .x-rightwrong h3 {
  font-size: 26px;
  line-height: 1.2;
}
.str-proveout-state .x-rightwrong p {
  font-size: 1.125rem;
  color: white;
}
.str-proveout-state .x-stand-out {
  color: red;
  display: block;
  font-size: 1.625rem;
}
.str-proveout-state .x-correct-answer {
  font-size: 20px;
}

.str-next-quiz-wrapper .btn-quiz-nav {
  float: left;
}

.btn-quiz-nav {
  position: absolute;
  top: 150px;
  right: 0;
  height: 6.25rem;
  line-height: 6.5625rem;
  width: 5rem;
  cursor: pointer;
  text-align: center;
  font-size: 3.4375rem;
  color: white !important;
}
.btn-quiz-nav.x-personality-prev {
  float: left;
}
.btn-quiz-nav.x-personality-next {
  display: none;
}
.btn-quiz-nav.x-btn-prev {
  float: left;
}
.btn-quiz-nav.x-btn-next {
  float: right;
}

.str-answertype {
  clear: both;
  width: 100%;
  background-color: #efefef;
  padding: 0.625rem;
  overflow: hidden;
  text-align: left;
}
.str-answertype h2 {
  border: none;
}
.str-answertype h3 {
  color: #525252;
  font-weight: 600;
  border: none;
}

.str-results-buttons .x-social-item a, .str-results-buttons .x-retake .x-retake-btn {
  color: white !important;
  height: 3.125rem;
  line-height: 3.125rem;
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 700;
  width: 11.625rem;
  position: relative;
  padding-left: 1.3125rem;
}
.str-results-buttons .x-social-item a span, .str-results-buttons .x-retake .x-retake-btn span {
  position: absolute;
  font-size: 2rem;
  display: block;
  top: 10px;
}

.str-quiz-results-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  min-height: 15.625rem;
  background-color: #212121;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.str-quiz-results-wrapper:before, .str-quiz-results-wrapper:after {
  content: " ";
  display: table;
}
.str-quiz-results-wrapper:after {
  clear: both;
}

.str-art-collection.x-resultsv2-recirc .str-section-title-wrap .x-section-title {
  font-size: 28px;
}
.str-art-collection.x-resultsv2-recirc .str-section-title-wrap .x-see-all {
  padding-top: 6px;
}
.str-art-collection.x-resultsv2-recirc .str-section-title-wrap .x-see-all:last-child {
  margin-bottom: 8px;
}
.str-art-collection.x-resultsv2-recirc .x-art-wrap {
  background: #f2f2f2;
  border: none;
  margin-bottom: 20px;
  padding: 0;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.str-art-collection.x-resultsv2-recirc .x-art-wrap:last-child {
  margin-bottom: 4px;
}
.str-art-collection.x-resultsv2-recirc .x-art-wrap .x-content-wrapper {
  width: 384px;
  background: red;
}
.str-art-collection.x-resultsv2-recirc .x-art-wrap .x-img {
  margin-right: 0;
}
.str-art-collection.x-resultsv2-recirc .x-art-wrap .x-copy-wrap {
  padding: 16px;
  width: 380px;
}
.str-art-collection.x-resultsv2-recirc .x-art-wrap .x-copy-wrap .x-headline {
  color: #333;
}
.str-art-collection.x-resultsv2-recirc .x-art-wrap .x-copy-wrap .x-subhead {
  color: #666;
}
.str-art-collection.x-resultsv2-recirc .x-art-wrap .x-social .x-icon {
  display: none;
}
.str-art-collection.x-resultsv2-recirc .x-art-wrap .x-img-wrap, .str-art-collection.x-resultsv2-recirc .x-art-wrap .x-copy-wrap {
  vertical-align: middle;
  display: inline-block;
}

.str-quiz-results-wrapper.x-results-v2 {
  background-color: #dedede;
  margin-top: 30px;
  border: 2px solid #cdcdcd;
  padding: 10px;
}
.str-quiz-results-wrapper.x-results-v2 .str-quiz-results-header .x-title {
  color: #333;
  font-weight: 600;
}
.str-quiz-results-wrapper.x-results-v2 .str-quiz-results-header .x-content-wrap {
  border: 0;
  border-top: 1px solid #555;
  min-height: 190px;
}
.str-quiz-results-wrapper.x-results-v2 .str-quiz-results-header .x-img-wrapper {
  min-height: 135px;
  width: 250px;
}
.str-quiz-results-wrapper.x-results-v2 .str-quiz-results-header .x-content-copy {
  color: #333;
}
.str-quiz-results-wrapper.x-results-v2 .str-quiz-results-header .x-content-copy .x-score {
  font-size: 40px;
}
.str-quiz-results-wrapper.x-results-v2 .str-quiz-results-header .x-content-copy .x-score span.x-great-score {
  color: #b8eb08;
}
.str-quiz-results-wrapper.x-results-v2 .str-quiz-results-header .x-content-copy .x-score span.x-good-score {
  color: #ffff6b;
}
.str-quiz-results-wrapper.x-results-v2 .str-quiz-results-header .x-content-copy .x-score .ico-badge {
  font-size: 34px;
  color: #b8eb08;
}
.str-quiz-results-wrapper.x-results-v2 .str-quiz-results-header .x-content-copy .x-results-caption {
  padding: 14px 0 6px;
  font-size: 24px;
}
.str-quiz-results-wrapper.x-results-v2 .str-quiz-results-header .x-content-copy .x-results-subcaption {
  color: #666;
  margin-bottom: 14px;
  font-size: 16px;
}
.str-quiz-results-wrapper.x-results-v2 .str-quiz-results-header .x-content-copy .x-retake-btn {
  font-weight: 600;
  font-size: 20px;
  color: #666;
}
.str-quiz-results-wrapper.x-results-v2 .str-quiz-results-header .x-content-copy .x-retake-btn:hover {
  color: #333;
}
.str-quiz-results-wrapper.x-results-v2 .str-inline-share {
  margin: 0;
}
.str-quiz-results-wrapper.x-results-v2 .str-inline-share .x-custom-col {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 66.66667%;
  float: left;
}
.str-quiz-results-wrapper.x-results-v2 .str-inline-share .x-col {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 33.33333%;
  float: left;
}
.str-quiz-results-wrapper.x-results-v2 .str-inline-share .str-share-this-wrap {
  top: -88px;
}
.str-quiz-results-wrapper.x-results-v2 .str-inline-share .str-share-this-wrap .x-label, .str-quiz-results-wrapper.x-results-v2 .str-inline-share .str-share-this-wrap .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-quiz-results-wrapper.x-results-v2 .str-inline-share .str-share-this-wrap .x-nf-label {
  text-align: left;
  color: #222;
}
.str-quiz-results-wrapper.x-results-v2 .str-inline-share .x-btn {
  height: 50px;
  font-size: 32px;
  padding: 6px;
}
.str-quiz-results-wrapper.x-results-v2 .str-inline-share .x-btn i {
  font-size: 30px;
}
.str-quiz-results-wrapper.x-results-v2 .str-inline-share .x-share-this {
  font-size: 22px;
  line-height: inherit;
  padding: 10px;
}
.str-quiz-results-wrapper.x-results-v2 .str-inline-share .x-share-this i {
  font-size: 22px;
}
.str-quiz-results-wrapper.x-results-v3 {
  background-color: #353535;
  border: none;
}
.str-quiz-results-wrapper.x-results-v3 .str-quiz-results-header .x-title {
  padding: 0;
  color: white;
  text-shadow: 2px 2px 0 #151414;
}
.str-quiz-results-wrapper.x-results-v3 .str-quiz-results-header .x-content-wrap {
  border: 0;
  border-top: 1px solid #555;
  min-height: 190px;
}
.str-quiz-results-wrapper.x-results-v3 .str-quiz-results-header .x-img-wrapper {
  min-height: 135px;
  width: 250px;
  margin-right: 15px;
}
.str-quiz-results-wrapper.x-results-v3 .str-quiz-results-header .x-content-copy {
  padding-left: 5px;
}
.str-quiz-results-wrapper.x-results-v3 .str-quiz-results-header .x-content-copy .x-score {
  font-size: 46px;
  color: #fff;
  text-shadow: 2px 2px 0 #151414;
  padding-top: 0;
}
.str-quiz-results-wrapper.x-results-v3 .str-quiz-results-header .x-content-copy .x-results-caption {
  padding: 16px 0 6px;
  color: #ccc;
  font-size: 27px;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.str-quiz-results-wrapper.x-results-v3 .str-quiz-results-header .x-content-copy .x-results-subcaption {
  color: #ccc;
  font-size: 18px;
  margin-bottom: 18px;
}
.str-quiz-results-wrapper.x-results-v3 .str-quiz-results-header .x-content-copy .x-retake-btn {
  font-weight: normal;
  font-size: 20px;
  color: #fff;
  text-shadow: 2px 2px 0 #151414;
}
.str-quiz-results-wrapper.x-results-v3 .str-quiz-results-header .x-content-copy .x-retake-btn:hover {
  color: #fff;
  text-decoration: underline;
}
.str-quiz-results-wrapper.x-results-v3 .str-quiz-results-header .str-inline-share .x-custom-col {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 75%;
  float: left;
  padding-right: 1.3rem;
}
.str-quiz-results-wrapper.x-results-v3 .str-quiz-results-header .str-inline-share .x-custom-col .x-btn {
  border-radius: 0;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 0px #1f1e1e;
}
.str-quiz-results-wrapper.x-results-v3 .str-quiz-results-header .str-inline-share .x-col {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 25%;
  float: left;
}
.str-quiz-results-wrapper.x-results-v3 .str-quiz-results-header .str-inline-share .x-share-this {
  border-radius: 0;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 0px #1f1e1e;
}

.x-results-wrapper-v2 .str-email-signup.x-email-inline {
  margin: 0 0 22px;
}

.str-quiz-results-wrapper-2 {
  background-color: white;
  width: 100%;
  display: none;
  position: absolute;
  z-index: 99992;
  text-align: center;
  padding: 10px;
  color: #434343;
}
.str-quiz-results-wrapper-2 .x-score-wrapper {
  height: 10%;
  overflow: hidden;
  position: relative;
}
.str-quiz-results-wrapper-2 .x-score-wrapper .x-score {
  font-size: 32px;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.str-quiz-results-wrapper-2 .x-results-wrapper {
  height: 20%;
  overflow: hidden;
  position: relative;
}
.str-quiz-results-wrapper-2 .x-results-wrapper .x-results-copy {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.str-quiz-results-wrapper-2 .x-results-wrapper .x-results-copy .x-title {
  font-size: 30px;
  margin: 10px;
  font-weight: 600;
}
.str-quiz-results-wrapper-2 .x-results-wrapper .x-results-copy .x-description {
  font-size: 20px;
  margin: 10px;
}
.str-quiz-results-wrapper-2 .x-img-wrapper {
  height: 60%;
  overflow: hidden;
  position: relative;
}
.str-quiz-results-wrapper-2 .x-img-wrapper img {
  max-height: 100%;
  max-width: none;
}
.str-quiz-results-wrapper-2 .str-results-buttons-2 {
  width: 100%;
  height: 10%;
  overflow: hidden;
  position: relative;
}
.str-quiz-results-wrapper-2 .str-results-buttons-2 .x-result-opt {
  display: inline-block;
  vertical-align: top;
  font-size: 24px;
  height: 45px;
  font-weight: 700;
  padding: 10px 20px;
  border-radius: 5px;
  background-color: #dcdcdc;
  color: #525252;
  margin: 0 5px;
  width: 31%;
  cursor: pointer;
}
.str-quiz-results-wrapper-2 .str-results-buttons-2 .x-result-opt .ico-arrow-right2 {
  font-size: 18px;
}
.str-quiz-results-wrapper-2 .str-results-buttons-2 .x-result-opt.x-fb-share {
  background-color: #3b5998;
  font-size: 22px;
  font-weight: 500;
}
.str-quiz-results-wrapper-2 .str-results-buttons-2 .x-result-opt.x-fb-share a {
  color: white;
}
.str-quiz-results-wrapper-2 .str-results-buttons-2 .x-result-opt.x-fb-share a:visited, .str-quiz-results-wrapper-2 .str-results-buttons-2 .x-result-opt.x-fb-share a:hover {
  color: white;
}

.str-quiz-results-header {
  padding: 0.9375rem;
}
.str-quiz-results-header .x-label, .str-quiz-results-header .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-quiz-results-header .x-nf-label {
  font-size: 50px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
}
.str-quiz-results-header .x-title {
  color: #fff;
  font-size: 32px;
  padding: 10px 0 0;
  text-align: center;
  line-height: 1.2;
}
.str-quiz-results-header .x-content-wrap {
  overflow: hidden;
  margin: 15px 0;
  padding: 15px 0;
  border: 1px solid #555;
  border-left: none;
  border-right: none;
}
.str-quiz-results-header .x-content-copy {
  overflow: hidden;
  color: #fff;
}
.str-quiz-results-header .x-img-wrapper {
  float: left;
  width: 200px;
  padding: 8px 0 0;
  margin-right: 20px;
}
.str-quiz-results-header .x-score {
  font-size: 32px;
  font-weight: 900;
  padding-top: 12px;
}
.str-quiz-results-header .x-results-caption {
  font-weight: 600;
  font-style: italic;
  font-size: 22px;
  padding: 8px 0 6px;
}
.str-quiz-results-header .x-results-subcaption {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  color: #ddd;
}
.str-quiz-results-header .x-admin {
  margin-top: 10px;
  background: white;
  padding: 5px;
  padding-top: 0;
}

.str-results-buttons {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  margin-top: 22px;
  clear: both;
}
.str-results-buttons:before, .str-results-buttons:after {
  content: " ";
  display: table;
}
.str-results-buttons:after {
  clear: both;
}
.str-results-buttons .x-social-item {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 58.33333%;
  float: left;
  text-align: center;
  vertical-align: bottom;
  padding-left: 0;
}
.str-results-buttons .x-social-item a {
  font-size: 26px;
  width: 100%;
  background-color: #3b5998;
  padding-left: 60px;
  text-align: left;
  font-weight: 600;
}
.str-results-buttons .x-social-item a span {
  left: 0.8125rem;
}
.str-results-buttons .x-social-item a:hover {
  background-color: #4c70ba;
}
.str-results-buttons .x-retake {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 41.66667%;
  float: left;
  padding-right: 0;
}
.str-results-buttons .x-retake .x-retake-btn {
  background-color: #525252;
  text-align: left;
  cursor: pointer;
  font-weight: 600;
  width: 100%;
  font-size: 26px;
}
.str-results-buttons .x-retake .x-retake-btn span {
  right: 0.625rem;
}
.str-results-buttons .x-retake .x-retake-btn:hover {
  background-color: #6c6c6c;
}

.str-answers-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  position: relative;
  overflow: hidden;
}
.str-answers-wrapper:before, .str-answers-wrapper:after {
  content: " ";
  display: table;
}
.str-answers-wrapper:after {
  clear: both;
}
.str-answers-wrapper .custom-column-class {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 100%;
  float: left;
}
.str-answers-wrapper .x-answers-list {
  list-style: none;
  margin: 0;
}
.str-answers-wrapper .x-answers-list.x-short .x-answer {
  width: 50% !important;
  float: left;
  border-left: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
}
.str-answers-wrapper .x-answers-list.x-short .x-answer.x-disabled {
  pointer-events: none;
  opacity: .6;
}
.str-answers-wrapper .x-answer {
  border-bottom: 1px solid #cdcdcd;
  background-color: #efefef;
  display: block;
  color: #525252;
  line-height: 1.2;
  padding: 0.625rem 0 0.625rem 1.5625rem;
  margin: 0;
  cursor: pointer;
}
.str-answers-wrapper .x-answer:hover, .str-answers-wrapper .x-answer.x-selected {
  color: #fff;
}
.str-answers-wrapper .x-show-results {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}
.str-answers-wrapper .x-show-results .btn-quiz-nav {
  width: 18.75rem;
  position: relative;
  top: 15%;
  margin: auto;
  text-transform: uppercase;
}
.str-answers-wrapper .x-show-results.x-show-result-modal {
  display: block !important;
}

.str-quiz-modal-background {
  display: block;
  clear: both;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10000;
}

.str-quiz-modal {
  z-index: 10005;
  background: #fff;
  margin: auto;
  position: relative;
  top: 3.125rem;
  padding: 1.5625rem;
  max-width: 33.75rem;
}
.str-quiz-modal .x-btn-close-results {
  clear: both;
  overflow: hidden;
  display: block;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  z-index: 10100;
  font-size: 2.75rem;
  padding: 10px;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.str-quiz-modal .x-btn-close-results span {
  color: #898989;
}
.str-quiz-modal .x-btn-close-results span:hover {
  color: #707070;
}

.str-quiz-page.str-standard .btn-quiz-nav, .str-quiz-page.str-premium .btn-quiz-nav {
  font-size: 1.875rem;
}
.str-quiz-page.str-standard .str-quiz-image-wrapper, .str-quiz-page.str-premium .str-quiz-image-wrapper, .str-quiz-page.str-standard .str-quiz-image-wrapper-intro, .str-quiz-page.str-premium .str-quiz-image-wrapper-intro {
  min-height: 17.5rem;
}
.str-quiz-page.str-standard .str-quiz-image-wrapper .x-number, .str-quiz-page.str-premium .str-quiz-image-wrapper .x-number, .str-quiz-page.str-standard .str-quiz-image-wrapper-intro .x-number, .str-quiz-page.str-premium .str-quiz-image-wrapper-intro .x-number {
  font-size: 1.875rem;
  padding: 0.625rem 1.5625rem;
}
.str-quiz-page.str-standard .str-quiz-question .x-question-text-wrapper, .str-quiz-page.str-premium .str-quiz-question .x-question-text-wrapper {
  font-size: 1.875rem;
}
.str-quiz-page.str-standard .str-cards-body.str-quiz-page .str-content-wrapper, .str-quiz-page.str-premium .str-cards-body.str-quiz-page .str-content-wrapper, .str-quiz-page.str-standard .str-vertical-body.str-quiz-page .str-content-wrapper, .str-quiz-page.str-premium .str-vertical-body.str-quiz-page .str-content-wrapper {
  margin-top: 7.5rem;
}
.str-quiz-page.str-standard .str-answers-wrapper .x-answer, .str-quiz-page.str-premium .str-answers-wrapper .x-answer {
  font-size: 1.125rem;
}
.str-quiz-page.str-standard .str-proveout-state .x-rightwrong, .str-quiz-page.str-premium .str-proveout-state .x-rightwrong {
  max-height: 220px;
}

.str-quiz-page.str-standard .str-quiz-image-wrapper, .str-quiz-page.str-standard .str-quiz-image-wrapper-intro {
  width: 638px;
}

.str-quiz-page.str-premium .str-quiz-image-wrapper, .str-quiz-page.str-premium .str-quiz-image-wrapper-intro {
  width: 808px;
}
.str-quiz-page.str-premium .str-rightwrong-wrapper .x-rightwrong {
  max-width: 34.8125rem;
  margin: auto;
}
.str-quiz-page.str-premium .str-rightwrong-wrapper .x-rightwrong .x-answer {
  min-width: 16rem;
}
.str-quiz-page.str-premium .str-proveout-state .x-rightwrong {
  max-height: 220px;
}

.str-mobile .str-quiz-container .x-quiz-wrapper {
  min-height: 200px;
}
.str-mobile .str-quiz-container .x-quiz-wrapper .x-cell.x-source {
  display: none;
}
.str-mobile .str-admin-menu {
  margin: 5px;
}
.str-mobile .str-admin-menu .x-label, .str-mobile .str-admin-menu .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-mobile .str-admin-menu .x-nf-label {
  color: #666;
  text-transform: uppercase;
  font-size: 90%;
}
.str-mobile .btn-quiz-nav {
  top: 58px;
  height: 3.125rem;
  line-height: 3.125rem;
  width: 2.5rem;
}
.str-mobile .str-quiz-content-header-intro h1 {
  font-size: 1.25rem;
}
.str-mobile .str-question-wrapper {
  margin-top: 5px;
}
.str-mobile .str-quiz-question-answer-wrapper {
  background-color: white;
  padding: 0;
}
.str-mobile .btn-quiz-nav {
  font-size: 0.9375rem;
}
.str-mobile .str-quiz-image-wrapper, .str-mobile .str-quiz-image-wrapper-intro {
  min-height: 15.6875rem;
}
.str-mobile .str-quiz-image-wrapper .x-number, .str-mobile .str-quiz-image-wrapper-intro .x-number {
  padding: 0.625rem;
}
.str-mobile .str-quiz-intro {
  margin-top: -3.75rem;
}
.str-mobile .x-quiz-button-intro {
  top: 10.1875rem;
}
.str-mobile .str-quiz-modal {
  padding: 0.625rem;
}
.str-mobile .str-quiz-wrapper, .str-mobile .str-quiz-content-header-intro {
  margin: 6px;
  overflow: hidden;
}
.str-mobile .str-quiz-question {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  padding: 0 0 5px 5px;
}
.str-mobile .str-quiz-question:before, .str-mobile .str-quiz-question:after {
  content: " ";
  display: table;
}
.str-mobile .str-quiz-question:after {
  clear: both;
}
.str-mobile .str-quiz-question .x-question-text-wrapper h2 {
  font-size: 1rem;
  line-height: 1.2em;
}
.str-mobile .str-quiz-question .btn-quiz-nav {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 8.33333%;
  float: left;
  font-size: 0.9375rem;
}
.str-mobile .str-answers-wrapper .x-answer {
  padding: 7px 7px 7px 12px;
}
.str-mobile .str-answers-wrapper .x-show-results .btn-quiz-nav {
  font-size: 0.9375rem;
}
.str-mobile .str-rightwrong-wrapper {
  padding-top: 1.875rem;
  font-size: 14px;
}
.str-mobile .str-rightwrong-wrapper .x-rightwrong h2 {
  font-size: 1.4375rem;
  text-transform: uppercase;
}
.str-mobile .str-rightwrong-wrapper .x-rightwrong h3 {
  font-size: 0.9375rem;
}
.str-mobile .str-rightwrong-wrapper .x-rightwrong .x-answer {
  max-width: 89%;
}
.str-mobile .str-rightwrong-wrapper .x-rightwrong .x-answer img {
  max-width: 6.5625rem;
  margin-top: 10px;
}
.str-mobile .str-quiz-results-header {
  text-align: center;
}
.str-mobile .str-quiz-results-header .x-label, .str-mobile .str-quiz-results-header .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-mobile .str-quiz-results-header .x-nf-label {
  font-size: 26px;
}
.str-mobile .str-quiz-results-header .x-title {
  font-size: 20px;
}
.str-mobile .str-quiz-results-header .x-img-wrapper {
  float: none;
  margin: 0 auto;
}
.str-mobile .str-quiz-results-header .x-score {
  font-size: 24px !important;
}
.str-mobile .str-quiz-results-header h2 {
  font-size: 1.125rem;
}
.str-mobile .str-quiz-results-header .x-results-subcaption {
  font-size: 1rem;
}
.str-mobile .str-results-buttons .x-retake .x-retake-btn {
  width: 100%;
  font-size: 15px;
  padding-left: 10px;
}
.str-mobile .str-results-buttons .x-retake .x-retake-btn span {
  font-size: 24px;
  right: 6px;
  top: 12px;
}
.str-mobile .str-results-buttons .x-social-item a {
  width: 100%;
  font-size: 15px;
  padding-left: 33px;
}
.str-mobile .str-results-buttons .x-social-item a span {
  font-size: 26px;
  left: 10px;
  top: 11px;
}
.str-mobile .str-try-another {
  background-color: white;
  border: 1px solid #525252;
}
.str-mobile .str-proveout-state .x-rightwrong {
  max-height: 210px;
}
.str-mobile .str-recirc {
  background: #fff;
}

.str-quiz-share .x-social-item {
  width: 100%;
}

.str-try-another {
  background-color: #efefef;
  width: 100%;
  padding: 0.625rem 1.25rem;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.9375rem;
}

.str-popout-wrapper {
  position: fixed;
  right: -495px;
  bottom: 10px;
  border-top: 20px solid #3b5998;
  background-color: #efefef;
  padding-left: 15px;
  padding-bottom: 15px;
  width: 488px;
  overflow: hidden;
  z-index: 11;
  -webkit-box-shadow: -3.7px 1.5px 7px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: -3.7px 1.5px 7px rgba(0, 0, 0, 0.22);
  box-shadow: -3.7px 1.5px 7px rgba(0, 0, 0, 0.22);
}
.str-popout-wrapper .x-pop-out-content {
  background-color: white;
  padding: 15px 15px 0 15px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
}
.str-popout-wrapper .x-pop-out-content:before, .str-popout-wrapper .x-pop-out-content:after {
  content: " ";
  display: table;
}
.str-popout-wrapper .x-pop-out-content:after {
  clear: both;
}
.str-popout-wrapper .x-facebook-like {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 16.66667%;
  float: left;
  padding-top: 5%;
}
.str-popout-wrapper .x-facebook-like .fb-like {
  height: 61px;
  overflow: hidden;
}
.str-popout-wrapper .x-context {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 83.33333%;
  float: left;
  position: relative;
}
.str-popout-wrapper .x-context h3 {
  font-size: 3rem;
  color: #3b5998;
  line-height: 1;
  font-weight: 600;
}
.str-popout-wrapper .x-context p {
  color: #525252;
}
.str-popout-wrapper .x-context .ico-close-x {
  position: absolute;
  right: 0;
  display: block;
  color: #cdcdcd;
  font-size: 31px;
  cursor: pointer;
}

.sty-disable-click-events {
  pointer-events: none !important;
  opacity: .5;
}

.str-affiliate-marketing h5 {
  font-size: 1.625rem;
  background: #ed1c24;
  color: white;
  padding-left: 20px;
  padding: 10px;
}
.str-affiliate-marketing h5 a {
  color: white;
}
.str-affiliate-marketing h2.x-slide-subcaption {
  font-size: 1.25rem;
  line-height: 1.2;
}
.str-affiliate-marketing figcaption {
  line-height: 1;
}
.str-affiliate-marketing .str-non-slideshow-wrapper {
  background-color: white;
  width: 900px;
  padding: 0 40px 0 10px;
}
.str-affiliate-marketing .str-non-slideshow-wrapper .str-affiliate-content {
  margin-bottom: 30px;
}
.str-affiliate-marketing .str-non-slideshow-wrapper .str-affiliate-content .x-caption-wrapper {
  background-color: #ed1c24;
  margin-bottom: 10px;
}
.str-affiliate-marketing .str-non-slideshow-wrapper .str-affiliate-content .x-caption-wrapper .x-caption {
  display: inline-block;
  width: 83%;
  line-height: 1.2;
}
.str-affiliate-marketing .str-non-slideshow-wrapper .str-affiliate-content .x-caption-wrapper .x-view-deal {
  font-size: 20px;
  padding: 5px;
  line-height: 1.3;
  background-color: #d80310;
  color: white;
  vertical-align: text-bottom;
  margin: 10px;
  cursor: pointer;
  float: right;
}
.str-affiliate-marketing .str-non-slideshow-wrapper .str-affiliate-content .x-caption-wrapper .x-view-deal:hover {
  background-color: #a6020c;
}
.str-affiliate-marketing .x-img-wrapper {
  height: 100%;
  width: 100%;
  text-align: center;
}
.str-affiliate-marketing .x-img-wrapper img {
  max-height: 100%;
  max-width: 100%;
  width: 250px;
  vertical-align: middle;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.str-stars-admin-page .x-thin-header {
  margin-bottom: 20px;
}

.str-banner-ad,
.str-top-ad {
  text-align: center;
  margin: 15px 0;
  min-height: 90px;
  min-width: 1220px;
}

.str-carousel-wrap {
  position: relative;
  width: 100%;
  min-width: 1220px;
}
.str-carousel-wrap .x-carousel-overlay {
  position: absolute;
  top: 0;
  width: 100px;
  height: 300px;
}
.str-carousel-wrap .x-carousel-overlay.x-left {
  left: 0;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, rgba(0, 0, 0, 0.01)), color-stop(100%, rgba(0, 0, 0, 0.9)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.9) 100%);
  background-image: linear-gradient(right, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.9) 100%);
  background: -ms-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 100%);
}
.str-carousel-wrap .x-carousel-overlay.x-right {
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0.01)), color-stop(100%, rgba(0, 0, 0, 0.9)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.9) 100%);
  background-image: linear-gradient(left, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.9) 100%);
  background: -ms-linear-gradient(right, black 0%, rgba(0, 0, 0, 0) 100%);
  right: 0;
}
.str-carousel-wrap .x-carousel-overlay .x-slide-arrow {
  font-size: 80px;
  color: #fff;
  position: absolute;
  top: 40%;
  cursor: pointer;
}
.str-carousel-wrap .x-carousel-overlay .x-slide-arrow:hover {
  color: #ed1c24;
}
.str-carousel-wrap .x-carousel-overlay .x-slide-arrow.x-prev {
  left: 10px;
}
.str-carousel-wrap .x-carousel-overlay .x-slide-arrow.x-next {
  right: 10px;
}

.str-carousel-inner {
  width: 100%;
  height: 300px;
  overflow: hidden;
}
.str-carousel-inner .x-carousel-item {
  width: 600px;
  height: 300px;
  display: block;
  overflow: hidden;
  float: left;
}
.str-carousel-inner .x-carousel-item:nth-of-type(2n+1) .x-overlay {
  background: rgba(237, 28, 36, 0.85);
}
.str-carousel-inner .x-carousel-item:nth-of-type(2n+2) .x-overlay {
  color: white;
  background: rgba(241, 121, 28, 0.85);
}
.str-carousel-inner .x-carousel-item:hover:nth-of-type(2n+1) .x-overlay {
  background: rgba(237, 28, 36, 0.95);
}
.str-carousel-inner .x-carousel-item:hover:nth-of-type(2n+2) .x-overlay {
  color: white;
  background: rgba(241, 121, 28, 0.95);
}
.str-carousel-inner .x-carousel-item:hover .x-extra {
  opacity: .6;
}
.str-carousel-inner .x-carousel-item:hover .x-btn {
  background: rgba(0, 0, 0, 0.4);
}
.str-carousel-inner .x-carousel-item .x-main {
  float: left;
  width: 300px;
  position: relative;
}
.str-carousel-inner .x-carousel-item .x-overlay {
  position: absolute;
  top: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 20px 30px 30px;
  width: 300px;
  height: 300px;
  color: #fff;
}
.str-carousel-inner .x-carousel-item .x-headline {
  font-size: 28px;
  font-weight: 600;
  line-height: 120%;
}
.str-carousel-inner .x-carousel-item .x-btn {
  margin-top: 30px;
  width: 100%;
  border: 1px solid #fff;
  font-size: 18px;
  text-align: center;
  padding: 20px 0;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.15);
}
.str-carousel-inner .x-carousel-item .x-extra {
  float: right;
  width: 300px;
  opacity: 1;
}

.str-celeb-row {
  background: #efefef;
  margin-top: 30px;
  min-width: 1220px;
}

.str-celeb-row-inner {
  width: 1220px;
  height: 267px;
  margin: 0 auto;
  padding: 0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.str-celeb-row-inner .x-celeb-col {
  width: 850px;
  float: left;
  position: relative;
}
.str-celeb-row-inner .x-celeb-col .x-celeb-pics {
  overflow: hidden;
  height: 212px;
}
.str-celeb-row-inner .x-celeb-col .x-celeb-pics .x-slide {
  display: block;
  overflow: hidden;
  width: 850px;
  height: 212px;
}
.str-celeb-row-inner .x-celeb-col .x-celeb-pics .x-celeb {
  float: left;
  position: relative;
}
.str-celeb-row-inner .x-celeb-col .x-celeb-pics .x-celeb:hover .x-overlay {
  opacity: 1;
}
.str-celeb-row-inner .x-celeb-col .x-celeb-pics .x-celeb .x-overlay {
  position: absolute;
  opacity: 0;
  background: rgba(237, 28, 36, 0.5);
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.str-celeb-row-inner .x-celeb-col .x-celeb-pics .x-celeb .x-overlay i {
  position: absolute;
  left: 5px;
  bottom: 5px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.9);
  font-size: 30px;
}
.str-celeb-row-inner .x-celeb-ad {
  width: 300px;
  float: right;
  margin-top: 10px;
}

.str-col-wrap {
  width: 1220px;
  margin: 30px auto 0;
  padding: 0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.str-col-wrap .str-main-col {
  width: 850px;
  float: left;
}
.str-col-wrap .str-aux-col {
  width: 300px;
  float: right;
}

.str-ad-unit {
  margin-bottom: 20px;
}

.str-section-title-wrap {
  overflow: hidden;
}
.str-section-title-wrap .x-section-title {
  float: left;
}
.str-section-title-wrap .x-see-all {
  display: block;
  float: right;
  padding-top: 16px;
}
.str-section-title-wrap .x-see-all:hover .x-label, .str-section-title-wrap .x-see-all:hover .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-section-title-wrap .x-see-all:hover .x-nf-label {
  color: #ed1c24;
}
.str-section-title-wrap .x-see-all .x-label, .str-section-title-wrap .x-see-all .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-section-title-wrap .x-see-all .x-nf-label {
  text-transform: uppercase;
  font-weight: 600;
  color: #333;
  display: inline-block;
  position: relative;
  top: 1px;
}
.str-section-title-wrap .x-see-all .x-icon {
  color: #fff;
  background: #ed1c24;
  border-radius: 30px;
  display: inline-block;
  margin-left: 5px;
  padding: 5px 7px;
  font-size: 12px;
}

.str-art-collection {
  margin-top: 40px;
}
.str-art-collection.x-has-ajax {
  margin-bottom: 200px;
}
.str-art-collection:first-of-type {
  margin-top: 0;
}
.str-art-collection.x-bio .x-img {
  width: 275px !important;
}
.str-art-collection .x-art-wrap {
  overflow: hidden;
  padding: 15px 0;
  border-bottom: 1px solid #cdcdcd;
}
.str-art-collection .x-art-wrap:nth-of-type(1) {
  padding-top: 0;
}
.str-art-collection .x-art-wrap .x-img {
  display: block;
  float: left;
  width: 426px;
  height: 214px;
  overflow: hidden;
  margin-right: 20px;
  background: rgba(237, 28, 36, 0);
}
.str-art-collection .x-art-wrap .x-img:hover {
  background: #fff;
}
.str-art-collection .x-art-wrap .x-img:hover img {
  opacity: .7;
}
.str-art-collection .x-art-wrap .x-copy-wrap {
  overflow: hidden;
}
.str-art-collection .x-art-wrap .x-copy-wrap .x-headline {
  font-size: 27px;
  font-weight: 600;
  color: #525252;
  line-height: 110%;
}
.str-art-collection .x-art-wrap .x-copy-wrap .x-headline:hover {
  color: #ed1c24;
}
.str-art-collection .x-art-wrap .x-copy-wrap .x-subhead {
  font-size: 17px;
  margin: 12px 0;
}
.str-art-collection .x-art-wrap .x-social .x-icon {
  font-size: 50px;
  display: inline-block;
  margin-right: 2px;
}
.str-art-collection .x-art-wrap .x-social .ico-facebook-circle {
  color: #3b5998;
  color: #3b5998;
}
.str-art-collection .x-art-wrap .x-social .ico-facebook-circle:hover {
  color: #263961;
}
.str-art-collection .x-art-wrap .x-social .ico-twitter-circle {
  color: #55acee;
  color: #55acee;
}
.str-art-collection .x-art-wrap .x-social .ico-twitter-circle:hover {
  color: #1689e0;
}
.str-art-collection .x-art-wrap .x-social .ico-pinterest-circle {
  color: #cb0000;
  color: #cb0000;
}
.str-art-collection .x-art-wrap .x-social .ico-pinterest-circle:hover {
  color: #7f0000;
}

#admininfo {
  top: 80px;
}

.str-admin-wrap {
  top: 5px;
  left: 5px;
  z-index: 100000;
}

.str-top-banner {
  background: #efefef;
  padding: 13px 0;
  text-align: center;
  margin-bottom: 25px;
  min-width: 1220px;
  min-height: 116px;
}

.str-stars-body .str-header-wrap {
  background: #ed1c24;
}
.str-stars-body .str-header-wrap .x-nav-wrap .x-nav-item .x-menu-icon:hover {
  color: #ed1c24;
}
.str-stars-body .x-carousel-overlay .x-slide-arrow:hover {
  color: #ed1c24;
}
.str-stars-body .x-section-title {
  background: #ed1c24;
  color: #fff;
}
.str-stars-body a.x-section-title:hover {
  background-color: #c61017;
  color: #fff;
}
.str-stars-body .str-section-title-wrap .x-see-all:hover .x-label, .str-stars-body .str-section-title-wrap .x-see-all:hover .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-stars-body .str-section-title-wrap .x-see-all:hover .x-nf-label {
  color: #ed1c24;
}
.str-stars-body .str-section-title-wrap .x-see-all .x-icon {
  background: #ed1c24;
}
.str-stars-body .x-art-wrap .x-img {
  background: rgba(237, 28, 36, 0);
}
.str-stars-body .x-art-wrap .x-img:hover {
  background: #ed1c24;
}
.str-stars-body .x-art-wrap .x-copy-wrap .x-headline:hover {
  color: #ed1c24;
}
.str-stars-body .str-popular {
  margin-top: 0;
}
.str-stars-body .x-logo-anchor {
  top: 3px !important;
  left: 0px !important;
}
.str-stars-body .x-header-inner .x-nav-wrap .x-nav-item .x-icon .x-ico-bg-pinterest {
  background: transparent;
}
.str-stars-body .x-header-inner .x-nav-wrap .x-nav-item .x-icon .ico-pinterest-circle {
  color: #fff;
}

.str-offbeat-body .str-header-wrap {
  background: #b8eb08;
}
.str-offbeat-body .str-header-wrap .x-nav-wrap .x-nav-item .x-menu-icon:hover {
  color: #b8eb08;
}
.str-offbeat-body .x-carousel-overlay .x-slide-arrow:hover {
  color: #b8eb08;
}
.str-offbeat-body .x-section-title {
  background: #b8eb08;
  color: #fff;
}
.str-offbeat-body a.x-section-title:hover {
  background-color: #91ba06;
  color: #fff;
}
.str-offbeat-body .str-section-title-wrap .x-see-all:hover .x-label, .str-offbeat-body .str-section-title-wrap .x-see-all:hover .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-offbeat-body .str-section-title-wrap .x-see-all:hover .x-nf-label {
  color: #b8eb08;
}
.str-offbeat-body .str-section-title-wrap .x-see-all .x-icon {
  background: #b8eb08;
}
.str-offbeat-body .x-art-wrap .x-img {
  background: rgba(184, 235, 8, 0);
}
.str-offbeat-body .x-art-wrap .x-img:hover {
  background: #b8eb08;
}
.str-offbeat-body .x-art-wrap .x-copy-wrap .x-headline:hover {
  color: #b8eb08;
}
.str-offbeat-body .str-popular {
  margin-top: 0;
}
.str-offbeat-body .x-logo-anchor {
  top: 8px !important;
  left: -26px !important;
}
.str-offbeat-body .x-thin-header .x-logo-anchor {
  top: 3px !important;
  left: -17px !important;
}
.str-offbeat-body .str-carousel-inner .x-carousel-item:nth-of-type(2n+1) .x-overlay {
  background: rgba(134, 171, 6, 0.75);
}
.str-offbeat-body .str-carousel-inner .x-carousel-item:nth-of-type(2n+2) .x-overlay {
  color: white;
  background: rgba(32, 116, 238, 0.75);
}
.str-offbeat-body .str-carousel-inner .x-carousel-item:hover:nth-of-type(2n+1) .x-overlay {
  background: rgba(134, 171, 6, 0.85);
}
.str-offbeat-body .str-carousel-inner .x-carousel-item:hover:nth-of-type(2n+2) .x-overlay {
  color: white;
  background: rgba(32, 116, 238, 0.85);
}

.str-wellnest-body .str-header-wrap {
  background: #24d3f7;
}
.str-wellnest-body .str-header-wrap .x-nav-wrap .x-nav-item .x-menu-icon:hover {
  color: #18f5df;
}
.str-wellnest-body .x-carousel-overlay .x-slide-arrow:hover {
  color: #18f5df;
}
.str-wellnest-body .x-section-title {
  background: #18f5df;
  color: #fff;
}
.str-wellnest-body a.x-section-title:hover {
  background-color: #09d1bd;
  color: #fff;
}
.str-wellnest-body .str-section-title-wrap .x-see-all:hover .x-label, .str-wellnest-body .str-section-title-wrap .x-see-all:hover .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-wellnest-body .str-section-title-wrap .x-see-all:hover .x-nf-label {
  color: #18f5df;
}
.str-wellnest-body .str-section-title-wrap .x-see-all .x-icon {
  background: #18f5df;
}
.str-wellnest-body .x-art-wrap .x-img {
  background: rgba(24, 245, 223, 0);
}
.str-wellnest-body .x-art-wrap .x-img:hover {
  background: #18f5df;
}
.str-wellnest-body .x-art-wrap .x-copy-wrap .x-headline:hover {
  color: #18f5df;
}
.str-wellnest-body .str-popular {
  margin-top: 0;
}
.str-wellnest-body .x-logo-anchor {
  top: 5px !important;
  left: 0px !important;
}
.str-wellnest-body .x-thin-header .x-logo-anchor {
  top: 2px !important;
  left: 0px !important;
}
.str-wellnest-body .str-carousel-inner .x-carousel-item:nth-of-type(2n+1) .x-overlay {
  background: rgba(33, 190, 222, 0.7);
}
.str-wellnest-body .str-carousel-inner .x-carousel-item:nth-of-type(2n+2) .x-overlay {
  color: white;
  background: rgba(23, 235, 154, 0.7);
}
.str-wellnest-body .str-carousel-inner .x-carousel-item:hover:nth-of-type(2n+1) .x-overlay {
  background: rgba(33, 190, 222, 0.85);
}
.str-wellnest-body .str-carousel-inner .x-carousel-item:hover:nth-of-type(2n+2) .x-overlay {
  color: white;
  background: rgba(23, 235, 154, 0.85);
}

.str-sp-body .str-header-wrap {
  background: #31577a;
}
.str-sp-body .str-header-wrap .x-nav-wrap .x-nav-item .x-menu-icon:hover {
  color: #31577a;
}
.str-sp-body .x-carousel-overlay .x-slide-arrow:hover {
  color: #31577a;
}
.str-sp-body .x-section-title {
  background: #31577a;
  color: #fff;
}
.str-sp-body a.x-section-title:hover {
  background-color: #223d56;
  color: #fff;
}
.str-sp-body .str-section-title-wrap .x-see-all:hover .x-label, .str-sp-body .str-section-title-wrap .x-see-all:hover .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-sp-body .str-section-title-wrap .x-see-all:hover .x-nf-label {
  color: #31577a;
}
.str-sp-body .str-section-title-wrap .x-see-all .x-icon {
  background: #31577a;
}
.str-sp-body .x-art-wrap .x-img {
  background: rgba(49, 87, 122, 0);
}
.str-sp-body .x-art-wrap .x-img:hover {
  background: #31577a;
}
.str-sp-body .x-art-wrap .x-copy-wrap .x-headline:hover {
  color: #31577a;
}
.str-sp-body .str-popular {
  margin-top: 0;
}
.str-sp-body .x-logo-anchor {
  top: 3px !important;
  left: 0px !important;
}
.str-sp-body .x-thin-header .x-logo-anchor {
  top: 2px !important;
  left: 0px !important;
}
.str-sp-body .str-carousel-inner .x-carousel-item:nth-of-type(2n+1) .x-overlay {
  background: rgba(49, 87, 122, 0.7);
}
.str-sp-body .str-carousel-inner .x-carousel-item:nth-of-type(2n+2) .x-overlay {
  color: white;
  background: rgba(178, 77, 25, 0.7);
}
.str-sp-body .str-carousel-inner .x-carousel-item:hover:nth-of-type(2n+1) .x-overlay {
  background: rgba(49, 87, 122, 0.85);
}
.str-sp-body .str-carousel-inner .x-carousel-item:hover:nth-of-type(2n+2) .x-overlay {
  color: white;
  background: rgba(178, 77, 25, 0.85);
}

.str-be-body .str-header-wrap {
  background: #d83b79;
}
.str-be-body .str-header-wrap .x-nav-wrap .x-nav-item .x-menu-icon:hover {
  color: #d83b79;
}
.str-be-body .x-carousel-overlay .x-slide-arrow:hover {
  color: #d83b79;
}
.str-be-body .x-section-title {
  background: #d83b79;
  color: #fff;
}
.str-be-body a.x-section-title:hover {
  background-color: #bb2560;
  color: #fff;
}
.str-be-body .str-section-title-wrap .x-see-all:hover .x-label, .str-be-body .str-section-title-wrap .x-see-all:hover .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-be-body .str-section-title-wrap .x-see-all:hover .x-nf-label {
  color: #d83b79;
}
.str-be-body .str-section-title-wrap .x-see-all .x-icon {
  background: #d83b79;
}
.str-be-body .x-art-wrap .x-img {
  background: rgba(216, 59, 121, 0);
}
.str-be-body .x-art-wrap .x-img:hover {
  background: #d83b79;
}
.str-be-body .x-art-wrap .x-copy-wrap .x-headline:hover {
  color: #d83b79;
}
.str-be-body .str-popular {
  margin-top: 0;
}
.str-be-body .x-logo-anchor {
  top: 8px !important;
  left: 0px !important;
}
.str-be-body .x-thin-header .x-logo-anchor {
  top: 4px !important;
  left: 0px !important;
}
.str-be-body .str-carousel-inner .x-carousel-item:nth-of-type(2n+1) .x-overlay {
  background: rgba(216, 59, 121, 0.7);
}
.str-be-body .str-carousel-inner .x-carousel-item:nth-of-type(2n+2) .x-overlay {
  color: #333333;
  background: rgba(224, 239, 241, 0.7);
}
.str-be-body .str-carousel-inner .x-carousel-item:hover:nth-of-type(2n+1) .x-overlay {
  background: rgba(216, 59, 121, 0.85);
}
.str-be-body .str-carousel-inner .x-carousel-item:hover:nth-of-type(2n+2) .x-overlay {
  color: #333333;
  background: rgba(224, 239, 241, 0.85);
}

.str-pg-body .str-header-wrap {
  background: #59c1ea;
}
.str-pg-body .str-header-wrap .x-nav-wrap .x-nav-item .x-menu-icon:hover {
  color: #59c1ea;
}
.str-pg-body .x-carousel-overlay .x-slide-arrow:hover {
  color: #59c1ea;
}
.str-pg-body .x-section-title {
  background: #59c1ea;
  color: #fff;
}
.str-pg-body a.x-section-title:hover {
  background-color: #2cb0e4;
  color: #fff;
}
.str-pg-body .str-section-title-wrap .x-see-all:hover .x-label, .str-pg-body .str-section-title-wrap .x-see-all:hover .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-pg-body .str-section-title-wrap .x-see-all:hover .x-nf-label {
  color: #59c1ea;
}
.str-pg-body .str-section-title-wrap .x-see-all .x-icon {
  background: #59c1ea;
}
.str-pg-body .x-art-wrap .x-img {
  background: rgba(89, 193, 234, 0);
}
.str-pg-body .x-art-wrap .x-img:hover {
  background: #59c1ea;
}
.str-pg-body .x-art-wrap .x-copy-wrap .x-headline:hover {
  color: #59c1ea;
}
.str-pg-body .str-popular {
  margin-top: 0;
}
.str-pg-body .x-logo-anchor {
  top: 7px !important;
  left: 0px !important;
}
.str-pg-body .x-thin-header .x-logo-anchor {
  top: 4px !important;
  left: 0px !important;
}
.str-pg-body .str-carousel-inner .x-carousel-item:nth-of-type(2n+1) .x-overlay {
  background: rgba(201, 224, 79, 0.7);
}
.str-pg-body .str-carousel-inner .x-carousel-item:nth-of-type(2n+2) .x-overlay {
  color: white;
  background: rgba(229, 106, 58, 0.7);
}
.str-pg-body .str-carousel-inner .x-carousel-item:hover:nth-of-type(2n+1) .x-overlay {
  background: rgba(201, 224, 79, 0.85);
}
.str-pg-body .str-carousel-inner .x-carousel-item:hover:nth-of-type(2n+2) .x-overlay {
  color: white;
  background: rgba(229, 106, 58, 0.85);
}

.str-tt-body .str-header-wrap {
  background: #3481cc;
}
.str-tt-body .str-header-wrap .x-nav-wrap .x-nav-item .x-menu-icon:hover {
  color: #3481cc;
}
.str-tt-body .x-carousel-overlay .x-slide-arrow:hover {
  color: #3481cc;
}
.str-tt-body .x-section-title {
  background: #3481cc;
  color: #fff;
}
.str-tt-body a.x-section-title:hover {
  background-color: #2967a4;
  color: #fff;
}
.str-tt-body .str-section-title-wrap .x-see-all:hover .x-label, .str-tt-body .str-section-title-wrap .x-see-all:hover .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-tt-body .str-section-title-wrap .x-see-all:hover .x-nf-label {
  color: #3481cc;
}
.str-tt-body .str-section-title-wrap .x-see-all .x-icon {
  background: #3481cc;
}
.str-tt-body .x-art-wrap .x-img {
  background: rgba(52, 129, 204, 0);
}
.str-tt-body .x-art-wrap .x-img:hover {
  background: #3481cc;
}
.str-tt-body .x-art-wrap .x-copy-wrap .x-headline:hover {
  color: #3481cc;
}
.str-tt-body .str-popular {
  margin-top: 0;
}
.str-tt-body .x-logo-anchor {
  top: 3px !important;
  left: 0px !important;
}
.str-tt-body .str-carousel-inner .x-carousel-item:nth-of-type(2n+1) .x-overlay {
  background: rgba(52, 129, 204, 0.7);
}
.str-tt-body .str-carousel-inner .x-carousel-item:nth-of-type(2n+2) .x-overlay {
  color: white;
  background: rgba(241, 121, 28, 0.7);
}
.str-tt-body .str-carousel-inner .x-carousel-item:hover:nth-of-type(2n+1) .x-overlay {
  background: rgba(52, 129, 204, 0.85);
}
.str-tt-body .str-carousel-inner .x-carousel-item:hover:nth-of-type(2n+2) .x-overlay {
  color: white;
  background: rgba(241, 121, 28, 0.85);
}

.str-pt-body .str-header-wrap {
  background: #dc7224;
}
.str-pt-body .str-header-wrap .x-nav-wrap .x-nav-item .x-menu-icon:hover {
  color: #dc7224;
}
.str-pt-body .x-carousel-overlay .x-slide-arrow:hover {
  color: #dc7224;
}
.str-pt-body .x-section-title {
  background: #dc7224;
  color: #fff;
}
.str-pt-body a.x-section-title:hover {
  background-color: #b15b1c;
  color: #fff;
}
.str-pt-body .str-section-title-wrap .x-see-all:hover .x-label, .str-pt-body .str-section-title-wrap .x-see-all:hover .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-pt-body .str-section-title-wrap .x-see-all:hover .x-nf-label {
  color: #dc7224;
}
.str-pt-body .str-section-title-wrap .x-see-all .x-icon {
  background: #dc7224;
}
.str-pt-body .x-art-wrap .x-img {
  background: rgba(220, 114, 36, 0);
}
.str-pt-body .x-art-wrap .x-img:hover {
  background: #dc7224;
}
.str-pt-body .x-art-wrap .x-copy-wrap .x-headline:hover {
  color: #dc7224;
}
.str-pt-body .str-popular {
  margin-top: 0;
}
.str-pt-body .x-logo-anchor {
  top: 24px !important;
  left: 0px !important;
}
.str-pt-body .x-thin-header .x-logo-anchor {
  top: 14px !important;
  left: 0px !important;
}
.str-pt-body .str-carousel-inner .x-carousel-item:nth-of-type(2n+1) .x-overlay {
  background: rgba(220, 114, 36, 0.7);
}
.str-pt-body .str-carousel-inner .x-carousel-item:nth-of-type(2n+2) .x-overlay {
  color: white;
  background: rgba(122, 201, 154, 0.7);
}
.str-pt-body .str-carousel-inner .x-carousel-item:hover:nth-of-type(2n+1) .x-overlay {
  background: rgba(220, 114, 36, 0.85);
}
.str-pt-body .str-carousel-inner .x-carousel-item:hover:nth-of-type(2n+2) .x-overlay {
  color: white;
  background: rgba(122, 201, 154, 0.85);
}

.str-es-body .str-header-wrap {
  background: #ed1c24;
}
.str-es-body .str-header-wrap .x-nav-wrap .x-nav-item .x-menu-icon:hover {
  color: #ed1c24;
}
.str-es-body .x-carousel-overlay .x-slide-arrow:hover {
  color: #ed1c24;
}
.str-es-body .x-section-title {
  background: #ed1c24;
  color: #fff;
}
.str-es-body a.x-section-title:hover {
  background-color: #c61017;
  color: #fff;
}
.str-es-body .str-section-title-wrap .x-see-all:hover .x-label, .str-es-body .str-section-title-wrap .x-see-all:hover .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-es-body .str-section-title-wrap .x-see-all:hover .x-nf-label {
  color: #ed1c24;
}
.str-es-body .str-section-title-wrap .x-see-all .x-icon {
  background: #ed1c24;
}
.str-es-body .x-art-wrap .x-img {
  background: rgba(237, 28, 36, 0);
}
.str-es-body .x-art-wrap .x-img:hover {
  background: #ed1c24;
}
.str-es-body .x-art-wrap .x-copy-wrap .x-headline:hover {
  color: #ed1c24;
}
.str-es-body .str-popular {
  margin-top: 0;
}
.str-es-body .x-logo-anchor {
  top: 1px !important;
  left: 0px !important;
}

.str-quiz-editor .str-quiz-info .x-short-input-wrapper .x-short-input-first, .str-info-header .str-quiz-info .x-short-input-wrapper .x-short-input-first, .str-quiz-editor .str-quiz-info .x-short-input-wrapper .x-short-input-last, .str-info-header .str-quiz-info .x-short-input-wrapper .x-short-input-last, .str-quiz-editor .str-input, .str-info-header .str-input, .str-fbad-pages .str-input {
  padding: 0;
  position: relative;
}
.str-quiz-editor .str-quiz-info .x-short-input-wrapper .x-short-input-first .x-count, .str-info-header .str-quiz-info .x-short-input-wrapper .x-short-input-first .x-count, .str-quiz-editor .str-quiz-info .x-short-input-wrapper .x-short-input-last .x-count, .str-info-header .str-quiz-info .x-short-input-wrapper .x-short-input-last .x-count, .str-quiz-editor .str-input .x-count, .str-info-header .str-input .x-count, .str-fbad-pages .str-input .x-count {
  display: block;
  position: absolute;
  right: 0.625rem;
  top: 0.9375rem;
  color: #ccc;
}

.str-fbad-pages .str-page-footer .x-btn, .str-fbad-pages .str-preview-overlay.x-assign .x-footer .x-btn {
  height: 24px;
  font-size: 13px;
  line-height: 12px;
}

.str-fbad-creator {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  font-family: "Roboto", Helvetica, sans-serif;
  font-size: 15px;
}
.str-fbad-creator:before, .str-fbad-creator:after {
  content: " ";
  display: table;
}
.str-fbad-creator:after {
  clear: both;
}
.str-fbad-creator #admininfo, .str-fbad-creator .str-trackerlog {
  display: none;
}
.str-fbad-creator input[type="file"], .str-fbad-creator input[type="checkbox"], .str-fbad-creator input[type="radio"], .str-fbad-creator select, .str-fbad-creator p {
  margin: 0;
}
.str-fbad-creator input[type=text] {
  height: 40px;
  border-radius: 4px;
  border: 2px solid #eee;
  box-shadow: none;
  margin-bottom: 0;
  display: inline-block;
}
.str-fbad-creator input[type=text]:focus {
  background: #ffffe9;
}
.str-fbad-creator label, .str-fbad-creator select {
  display: inline-block;
  width: auto;
}
.str-fbad-creator .btn-fat {
  text-transform: uppercase;
  border-radius: 0.125rem;
  margin-left: 0.25rem;
  border: 1px solid #cbcbcb;
  background: linear-gradient(to bottom, #f0f0f0, #dfdfdf) #f0f0f0;
  color: #696969;
  cursor: pointer;
  text-align: center;
  z-index: 50;
  padding: 2px 4px;
}
.str-fbad-creator .btn-fat.x-btn-on {
  display: block !important;
  color: #fff;
  background: linear-gradient(to bottom, #808080, #b3b3b3) #e6e6e6 !important;
}
.str-fbad-creator .btn-fat:hover {
  background: #ccc;
}
.str-fbad-creator .x-arrow-box {
  position: relative;
  background: #ffffff;
  border: 2px solid #aaa;
}
.str-fbad-creator .x-arrow-box:after, .str-fbad-creator .x-arrow-box:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.str-fbad-creator .x-arrow-box:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 10px;
  margin-top: -10px;
}
.str-fbad-creator .x-arrow-box:before {
  border-color: rgba(204, 204, 204, 0);
  border-left-color: #ccc;
  border-width: 12px;
  margin-top: -12px;
}
.str-fbad-creator .x-btn {
  display: inline-block;
  padding: 6px 8px;
  text-transform: uppercase;
  border-radius: 4px;
  height: 40px;
  background: #3e76d5;
  text-align: center;
  line-height: 30px;
  color: #fff;
}
.str-fbad-creator .x-btn:hover {
  background: #5385da;
  color: #fff;
}
.str-fbad-creator .x-message {
  color: #CE4A4A;
}
.str-fbad-creator .str-header-menu-wrapper {
  position: relative;
}
.str-fbad-creator .str-header-menu-wrapper .x-header-menu-icon {
  position: absolute;
  right: 0;
  height: 29px;
  width: 40px;
  text-align: right;
  padding-right: 5px;
}
.str-fbad-creator .str-header-menu-wrapper .x-header-menu-content-wrapper {
  position: relative;
}
.str-fbad-creator .str-header-menu-wrapper .x-header-menu-content-wrapper .x-header-menu-content {
  position: absolute;
  width: 125px;
  background-color: white;
  padding: 5px;
  border: 1px solid black;
  top: 24px;
  right: -5px;
}
.str-fbad-creator .str-header-menu-wrapper .x-header-menu-content-wrapper .x-header-menu-content ul {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 0;
}
.str-fbad-creator .str-header-menu-wrapper .x-header-menu-content-wrapper .x-header-menu-content ul li {
  padding-left: 5px;
}
.str-fbad-creator .str-header-menu-wrapper .x-header-menu-content-wrapper .x-header-menu-content ul li.active {
  background-color: #6E9DEF;
  color: #FDFDFD;
}
.str-fbad-creator .str-campaign-list-wrapper .x-new-campaign, .str-fbad-creator .str-breadcrumb-wrapper .x-breadcrumb {
  color: #3232FF;
  cursor: pointer;
}
.str-fbad-creator .str-campaign-list-wrapper {
  margin-top: 15px;
}
.str-fbad-creator .str-breadcrumb-wrapper {
  margin-top: 5px;
}
.str-fbad-creator .str-row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  margin: 12px 0;
}
.str-fbad-creator .str-row:before, .str-fbad-creator .str-row:after {
  content: " ";
  display: table;
}
.str-fbad-creator .str-row:after {
  clear: both;
}
.str-fbad-creator .str-tab-index {
  list-style: none;
  margin: 0;
  position: relative;
  top: 2px;
}
.str-fbad-creator .str-tab-index li {
  border: 2px solid #cccccc;
  border-bottom: none;
  display: inline-block;
  background-color: #cccccc;
}
.str-fbad-creator .str-tab-index li a {
  text-transform: uppercase;
  display: inline-block;
  padding: 5px 10px;
  color: #999999;
  outline: 0;
}
.str-fbad-creator .str-tab-index li a:hover {
  color: #000;
}
.str-fbad-creator .str-tab-index li.active {
  background-color: white;
}
.str-fbad-creator .str-tab-index li.active a {
  color: #000;
}
.str-fbad-creator .str-tab-content {
  border-top: 2px solid #cccccc;
}
.str-fbad-creator .str-tab-content section {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  padding: 8px;
  display: none;
}
.str-fbad-creator .str-tab-content section:before, .str-fbad-creator .str-tab-content section:after {
  content: " ";
  display: table;
}
.str-fbad-creator .str-tab-content section:after {
  clear: both;
}
.str-fbad-creator .str-tab-content section.active {
  display: block;
}
.str-fbad-creator .str-grid-container {
  font-size: 14px;
  min-height: 429px;
}
.str-fbad-creator .str-grid-container input[type=text] {
  height: auto;
  font-size: 13px;
  border: none;
  padding: 0;
}
.str-fbad-creator .str-grid-container .x-grid-header {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  background: #dddddd;
  font-weight: bold;
}
.str-fbad-creator .str-grid-container .x-grid-header:before, .str-fbad-creator .str-grid-container .x-grid-header:after {
  content: " ";
  display: table;
}
.str-fbad-creator .str-grid-container .x-grid-header:after {
  clear: both;
}
.str-fbad-creator .str-grid-container .x-grid-row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
}
.str-fbad-creator .str-grid-container .x-grid-row:before, .str-fbad-creator .str-grid-container .x-grid-row:after {
  content: " ";
  display: table;
}
.str-fbad-creator .str-grid-container .x-grid-row:after {
  clear: both;
}
.str-fbad-creator .str-grid-container .x-grid-row:nth-child(even) {
  background: whitesmoke;
}
.str-fbad-creator .str-grid-container .x-grid-row:nth-child(even) input[type=text] {
  background: whitesmoke;
}
.str-fbad-creator .str-grid-container .x-grid-row:nth-child(even) input[type=text]:focus {
  background: #ffffe9;
}
.str-fbad-creator .str-grid-container .x-grid-row .x-textarea-wrapper {
  position: absolute;
  display: none;
}
.str-fbad-creator .str-grid-container .x-grid-row .x-textarea-wrapper textarea {
  width: 260px;
}
.str-fbad-creator .str-grid-container div[class^='x-grid-cell'] {
  padding-top: 5px;
  padding-bottom: 6px;
  line-height: 130%;
}
.str-fbad-creator .str-grid-container div[class^='x-grid-cell'] .x-place-select {
  max-width: 100%;
}
.str-fbad-creator .str-grid-container .x-grid-cell-1 {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 8.33333%;
  float: left;
}
.str-fbad-creator .str-grid-container .x-grid-cell-2 {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 16.66667%;
  float: left;
}
.str-fbad-creator .str-grid-container .x-grid-cell-3 {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 25%;
  float: left;
}
.str-fbad-creator .str-grid-container .x-grid-cell-5 {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 41.66667%;
  float: left;
}
.str-fbad-creator .str-grid-container .x-grid-cell-6 {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 50%;
  float: left;
}

.str-fbad-pages {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  width: 1200px;
  margin: 0 0 80px;
}
.str-fbad-pages:before, .str-fbad-pages:after {
  content: " ";
  display: table;
}
.str-fbad-pages:after {
  clear: both;
}
.str-fbad-pages .str-processing-wrapper {
  position: fixed;
  top: 25%;
  left: 35%;
  background-color: white;
  border: 1px solid black;
  height: 50px;
  width: 400px;
  text-align: center;
  padding-top: 15px;
}
.str-fbad-pages .str-fbad-page-unit {
  margin: 20px 0 40px;
}
.str-fbad-pages .str-page-header {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  margin: 0 0 10px;
}
.str-fbad-pages .str-page-header:before, .str-fbad-pages .str-page-header:after {
  content: " ";
  display: table;
}
.str-fbad-pages .str-page-header:after {
  clear: both;
}
.str-fbad-pages .str-page-header .x-account {
  float: right;
  width: 300px;
}
.str-fbad-pages .str-page-header h1 {
  font-weight: bold;
  font-family: "Roboto", Helvetica, sans-serif;
}
.str-fbad-pages .str-page-header h1 span {
  font-weight: normal;
  color: #ccc;
}
.str-fbad-pages .str-input .btn-add {
  bottom: 1.25rem;
}
.str-fbad-pages .x-radio-group {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
}
.str-fbad-pages .x-radio-group:before, .str-fbad-pages .x-radio-group:after {
  content: " ";
  display: table;
}
.str-fbad-pages .x-radio-group:after {
  clear: both;
}
.str-fbad-pages .x-radio-group .x-title {
  font-weight: bold;
}
.str-fbad-pages .x-radio-group .x-radio {
  margin: 0 20px 0 10px;
}
.str-fbad-pages .x-radio-group .x-radio input {
  padding-right: 10px;
}
.str-fbad-pages .x-radio-group .x-far-right {
  float: right;
  margin-left: 5px;
  width: 240px;
}
.str-fbad-pages .x-radio-group input[type=text].x-far-right {
  height: initial;
}
.str-fbad-pages .str-page-content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  border: 2px solid #cccccc;
  padding: 10px;
}
.str-fbad-pages .str-page-content:before, .str-fbad-pages .str-page-content:after {
  content: " ";
  display: table;
}
.str-fbad-pages .str-page-content:after {
  clear: both;
}
.str-fbad-pages .str-page-content .x-camp-name {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 83.33333%;
  float: left;
  padding-left: 0;
}
.str-fbad-pages .str-page-content .x-import {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 16.66667%;
  float: left;
}
.str-fbad-pages .str-page-content .x-import .x-btn {
  width: 100%;
}
.str-fbad-pages .str-page-content .x-select-unit {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 25%;
  float: left;
  font-weight: bold;
}
.str-fbad-pages .str-page-content .x-select-unit select {
  display: inline;
}
.str-fbad-pages .str-personas {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  font-size: 14px;
}
.str-fbad-pages .str-personas:before, .str-fbad-pages .str-personas:after {
  content: " ";
  display: table;
}
.str-fbad-pages .str-personas:after {
  clear: both;
}
.str-fbad-pages .str-personas .x-title {
  font-weight: bold;
}
.str-fbad-pages .str-personas .x-head {
  padding: 8px;
  border-bottom: 1px solid #ccc;
  background: whitesmoke;
  height: 45px;
}
.str-fbad-pages .str-personas .x-list-wrap {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 66.66667%;
  float: left;
  border: 2px solid #ccc;
  border-right: none;
  padding: 0;
}
.str-fbad-pages .str-personas .x-list-wrap .x-head {
  padding-top: 5px;
}
.str-fbad-pages .str-personas .x-list-wrap .x-list {
  overflow: auto;
  height: 320px;
}
.str-fbad-pages .str-personas .x-list-wrap .x-list .x-persona {
  padding: 8px;
  border-bottom: 1px solid #ddd;
}
.str-fbad-pages .str-personas .x-list-wrap .x-list .x-persona:hover {
  background: #ffffe9;
}
.str-fbad-pages .str-personas .x-list-wrap .x-search {
  height: 32px;
  font-size: 13px;
  width: 500px;
}
.str-fbad-pages .str-personas .x-placement-wrap {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 33.33333%;
  float: left;
  border: 2px solid #ccc;
  min-height: 200px;
  padding: 0;
}
.str-fbad-pages .str-personas .x-placement-wrap .x-head {
  padding: 10px;
}
.str-fbad-pages .str-personas .x-placement-wrap .x-head .btn-fat {
  font-size: 14px;
  float: right;
}
.str-fbad-pages .str-personas .x-placement-wrap .x-placement-list {
  overflow: auto;
  height: 320px;
}
.str-fbad-pages .str-personas .x-placement-wrap .x-placement-list .str-tab-index {
  font-size: 13px;
}
.str-fbad-pages .str-personas .x-placement-wrap .x-placement-list .x-placement {
  padding: 8px;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.str-fbad-pages .str-personas .x-placement-wrap .x-placement-list .x-placement .x-place-delete {
  float: right;
  font-size: 12px;
  padding: 5px 5px 5px 5px;
  height: auto;
}
.str-fbad-pages .str-personas .x-placement-wrap .x-placement-list .x-label, .str-fbad-pages .str-personas .x-placement-wrap .x-placement-list .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-fbad-pages .str-personas .x-placement-wrap .x-placement-list .x-nf-label {
  line-height: 200%;
}
.str-fbad-pages .str-budget .x-title {
  font-weight: bold;
}
.str-fbad-pages .str-budget .x-budget {
  display: inline-block;
}
.str-fbad-pages .str-budget .x-budget .x-input {
  display: inline-block;
  width: 80px;
}
.str-fbad-pages .str-budget .x-budget .x-multiplier {
  font-weight: bold;
}
.str-fbad-pages .str-date {
  margin: 0 0 50px;
}
.str-fbad-pages .str-date .x-today {
  display: inline-block;
}
.str-fbad-pages .str-date .x-date-selector {
  display: inline-block;
  padding-left: 20px;
}
.str-fbad-pages .str-date .x-date-selector input {
  display: inline-block;
  width: 165px;
}
.str-fbad-pages .str-date .x-disabled {
  opacity: .4;
}
.str-fbad-pages .str-bid select {
  width: 260px;
}
.str-fbad-pages .str-bid .x-col {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 50%;
  float: left;
  padding-left: 0;
}
.str-fbad-pages .str-bid .x-col input {
  width: auto;
  margin-right: 10px;
}
.str-fbad-pages .str-page-footer {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  border: 2px solid #cccccc;
  border-top: none;
  background: whitesmoke;
  padding: 8px 6px;
}
.str-fbad-pages .str-page-footer:before, .str-fbad-pages .str-page-footer:after {
  content: " ";
  display: table;
}
.str-fbad-pages .str-page-footer:after {
  clear: both;
}
.str-fbad-pages .str-page-footer.x-top {
  border-top: 2px solid #cccccc;
  border-bottom: none;
}
.str-fbad-pages .str-page-footer .x-prev {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 8.33333%;
  float: left;
}
.str-fbad-pages .str-page-footer .x-status {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 83.33333%;
  float: left;
  text-align: center;
  line-height: 20px;
}
.str-fbad-pages .str-page-footer .x-status .x-math {
  color: #999;
}
.str-fbad-pages .str-page-footer .x-next {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 8.33333%;
  float: left;
  text-align: right;
}
.str-fbad-pages .str-page-url .str-page-sub-url {
  margin-bottom: 40px;
}
.str-fbad-pages .str-page-url .str-page-sub-images img {
  max-width: 400px;
  max-height: 300px;
}
.str-fbad-pages .str-page-url .str-page-header {
  margin: 0;
}
.str-fbad-pages .str-page-url .str-page-header .x-optional {
  float: right;
  font-size: 13px;
  color: #999;
}
.str-fbad-pages .str-page-url .str-page-header h1 {
  display: inline-block;
}
.str-fbad-pages .str-page-url .str-page-header .x-ad-url-edit-wrap {
  display: inline-block;
  position: relative;
  bottom: 6px;
  left: 10px;
}
.str-fbad-pages .str-page-url .str-page-header .x-ad-url {
  color: #999;
  font-size: 18px;
}
.str-fbad-pages .str-page-url .str-page-header .x-ad-url-edit {
  margin-left: 2px;
}
.str-fbad-pages .str-page-url .str-page-header .str-passive-list {
  float: right;
  margin-top: 10px;
}
.str-fbad-pages .str-page-url .str-page-header .x-page-index {
  display: inline-block;
}
.str-fbad-pages .str-page-url .str-page-content {
  padding: 0;
}
.str-fbad-pages .str-page-url .str-col-placements {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 66.66667%;
  float: left;
  padding: 0;
  border-right: 2px solid #cccccc;
}
.str-fbad-pages .str-page-url .str-col-preview {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 33.33333%;
  float: left;
  padding-right: 0;
  border-left: 2px solid #cccccc;
  margin-left: -2px;
}
.str-fbad-pages .str-page-url .str-col-preview .x-col-title {
  font-weight: bold;
  padding: 8px 0;
}
.str-fbad-pages .str-page-url .str-col-preview .str-tab-index {
  font-size: 13px;
}
.str-fbad-pages .str-page-assign .str-page-content {
  padding: 0;
}
.str-fbad-pages .str-page-assign .str-active-list {
  padding: 10px 0 0;
}
.str-fbad-pages .str-page-assign .str-active-list .x-inactive {
  opacity: .3;
}
.str-fbad-pages .str-page-assign .str-img-col {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 16.66667%;
  float: left;
  overflow: auto;
  padding: 0;
}
.str-fbad-pages .str-page-assign .str-img-col .x-header {
  height: 29px;
  width: 100%;
  background: #dddddd;
  line-height: 200%;
}
.str-fbad-pages .str-page-assign .str-img-col .x-units-wrap {
  padding: 6px;
  height: 600px;
}
.str-fbad-pages .str-page-assign .str-img-col .x-unit {
  margin: 0 0 12px;
  font-size: 12px;
}
.str-fbad-pages .str-page-assign .str-img-col .x-unit img {
  display: inline-block;
  margin: 0 0 5px;
}
.str-fbad-pages .str-page-assign .str-creatives-table {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 83.33333%;
  float: left;
  padding-right: 0;
}
.str-fbad-pages .str-page-assign .str-creatives-table .x-grid-header {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
  line-height: 195%;
}
.str-fbad-pages .str-page-assign .str-creatives-table .x-grid-header:before, .str-fbad-pages .str-page-assign .str-creatives-table .x-grid-header:after {
  content: " ";
  display: table;
}
.str-fbad-pages .str-page-assign .str-creatives-table .x-grid-header:after {
  clear: both;
}
.str-fbad-pages .str-page-assign .str-creatives-table .x-grid-row {
  padding: 5px 0;
}
.str-fbad-pages .str-page-assign .str-creatives-table .x-text {
  padding: 10px 10px 0 10px;
}
.str-fbad-pages .str-page-assign .str-creatives-table .x-img-wrap img {
  display: inline-block;
  margin: 3px;
  max-width: 80px;
  max-height: 40px;
}
.str-fbad-pages .str-page-assign .str-creatives-table .x-edit {
  text-align: right;
}
.str-fbad-pages .str-page-assign .str-creatives-table .x-edit .ico-pencil {
  font-size: 17px;
}
.str-fbad-pages .str-preview-overlay {
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 2px #bbb;
  font-family: sans-serif;
  width: 380px;
}
.str-fbad-pages .str-preview-overlay.x-assign {
  padding: 8px;
}
.str-fbad-pages .str-preview-overlay.x-assign .x-header {
  margin: 0 0 10px;
}
.str-fbad-pages .str-preview-overlay.x-assign .x-header .x-add {
  float: right;
  padding-top: 4px;
}
.str-fbad-pages .str-preview-overlay.x-assign .x-header .x-title {
  text-align: left;
  font-weight: bold;
}
.str-fbad-pages .str-preview-overlay.x-assign .x-row {
  overflow: hidden;
  margin-bottom: 12px;
}
.str-fbad-pages .str-preview-overlay.x-assign .x-row .x-unit {
  float: left;
  width: 50%;
  padding-right: 15px;
  font-size: 90%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.str-fbad-pages .str-preview-overlay.x-assign .x-row .x-unit .x-headline {
  font-size: 90%;
  margin-top: 4px;
}
.str-fbad-pages .str-preview-overlay.x-assign .x-row .x-no-img {
  display: block;
  line-height: 100px;
  text-align: center;
  background: whitesmoke;
}
.str-fbad-pages .str-preview-overlay.x-assign .x-row .x-no-img:hover {
  background: #ffffe9;
}
.str-fbad-pages .str-preview-overlay.x-assign .x-footer {
  background: whitesmoke;
  border-top: 2px solid #cccccc;
  margin: -8px;
  margin-top: 0;
  padding: 8px;
}
.str-fbad-pages .str-preview-overlay.x-assign .x-footer .x-save {
  float: right;
}
.str-fbad-pages .str-preview-overlay .str-tab-index {
  font-size: 13px;
}
.str-fbad-pages .str-preview-wrapper {
  position: absolute;
  width: 0;
}
.str-fbad-pages .str-preview-wrapper .str-preview-overlay {
  right: 380px;
  text-align: left;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap,
.str-fbad-pages .str-preview-tabs .x-preview-wrap {
  padding: 12px;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap .x-header,
.str-fbad-pages .str-preview-tabs .x-preview-wrap .x-header {
  margin-bottom: 10px;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap .x-header .x-fb-like,
.str-fbad-pages .str-preview-tabs .x-preview-wrap .x-header .x-fb-like {
  float: right;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap .x-header .x-attribution,
.str-fbad-pages .str-preview-tabs .x-preview-wrap .x-header .x-attribution {
  overflow: hidden;
  font-size: 13px;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap .x-header .x-attribution a,
.str-fbad-pages .str-preview-tabs .x-preview-wrap .x-header .x-attribution a {
  color: #3b5998;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap .x-header .x-attribution .x-icon,
.str-fbad-pages .str-preview-tabs .x-preview-wrap .x-header .x-attribution .x-icon {
  float: left;
  margin-right: 8px;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap .x-header .x-attribution .x-name,
.str-fbad-pages .str-preview-tabs .x-preview-wrap .x-header .x-attribution .x-name {
  padding-top: 6px;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap .x-header .x-attribution .x-vert-name,
.str-fbad-pages .str-preview-tabs .x-preview-wrap .x-header .x-attribution .x-vert-name {
  font-weight: bold;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap .x-header .x-attribution .x-sponsor,
.str-fbad-pages .str-preview-tabs .x-preview-wrap .x-header .x-attribution .x-sponsor {
  color: #aaa;
  font-size: 11px;
  margin-top: 5px;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap .x-post-text,
.str-fbad-pages .str-preview-tabs .x-preview-wrap .x-post-text {
  font-size: 13px;
  line-height: 1.38;
  overflow: hidden;
  word-wrap: break-word;
  text-align: left;
  zoom: 1;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap .x-content,
.str-fbad-pages .str-preview-tabs .x-preview-wrap .x-content {
  border: 1px solid #ddd;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap .x-content.x-rail .x-post-text,
.str-fbad-pages .str-preview-tabs .x-preview-wrap .x-content.x-rail .x-post-text {
  color: #9197a3;
  font-size: 12px;
  line-height: 1.28;
  overflow: initial;
  word-wrap: normal;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap .x-content .x-meta,
.str-fbad-pages .str-preview-tabs .x-preview-wrap .x-content .x-meta {
  padding: 11px 9px 6px;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap .x-content .x-meta .x-desc,
.str-fbad-pages .str-preview-tabs .x-preview-wrap .x-content .x-meta .x-desc {
  font-size: 12px;
  margin: 5px 0;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap .x-content .x-meta .x-headline,
.str-fbad-pages .str-preview-tabs .x-preview-wrap .x-content .x-meta .x-headline {
  font-family: sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 5px;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap .x-content .x-meta .x-source,
.str-fbad-pages .str-preview-tabs .x-preview-wrap .x-content .x-meta .x-source {
  text-transform: uppercase;
  font-size: 11px;
  color: #bbb;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap.x-dk .x-content .x-headline,
.str-fbad-pages .str-preview-tabs .x-preview-wrap.x-dk .x-content .x-headline {
  font-family: serif;
  font-size: 16px;
  font-weight: normal;
  padding-bottom: 0;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap.x-lw,
.str-fbad-pages .str-preview-tabs .x-preview-wrap.x-lw {
  width: 320px;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap.x-lw a,
.str-fbad-pages .str-preview-tabs .x-preview-wrap.x-lw a {
  color: #333 !important;
  font-weight: bold;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap.x-rail,
.str-fbad-pages .str-preview-tabs .x-preview-wrap.x-rail {
  width: 254px;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap.x-rail .x-meta,
.str-fbad-pages .str-preview-tabs .x-preview-wrap.x-rail .x-meta {
  color: #3b5998;
}
.str-fbad-pages .str-preview-overlay .x-preview-wrap.x-rail .x-source,
.str-fbad-pages .str-preview-tabs .x-preview-wrap.x-rail .x-source {
  text-transform: none;
}
.str-fbad-pages .str-page-review .str-passive-list {
  text-align: right;
}
.str-fbad-pages .str-page-review .str-page-content {
  padding: 0;
}
.str-fbad-pages .str-page-review .str-grid-container {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 83.33333%;
  float: left;
  padding-left: 0;
}
.str-fbad-pages .str-page-review .str-grid-container .x-ad-name {
  font-size: 90%;
  color: #666;
}
.str-fbad-pages .str-page-review .str-summary-col {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 16.66667%;
  float: left;
  padding-right: 0;
  font-size: 90%;
}
.str-fbad-pages .str-page-review .str-summary-col .x-label, .str-fbad-pages .str-page-review .str-summary-col .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-fbad-pages .str-page-review .str-summary-col .x-nf-label {
  color: #666;
  margin: 0 0 3px;
}
.str-fbad-pages .str-page-review .str-summary-col .x-copy {
  margin: 0 0 10px;
}
.str-fbad-pages .str-page-review .str-summary-col .x-summary-group {
  background: #eee;
  margin: 0 0 20px;
  padding: 6px;
}
.str-fbad-pages .str-page-review .str-summary-col .x-amount {
  font-size: 130%;
  font-weight: bold;
}

/*!
angular-xeditable - 0.1.8
Edit-in-place for angular.js
Build date: 2014-01-10
*/
.editable-wrap {
  display: inline-block;
  white-space: nowrap;
  margin: 0;
}

.editable-wrap .editable-controls, .editable-wrap .editable-error {
  margin-bottom: 0;
}

.editable-wrap .editable-controls > input, .editable-wrap .editable-controls > select, .editable-wrap .editable-controls > textarea {
  margin-bottom: 0;
}

.editable-wrap .editable-input {
  display: block;
}

.editable-buttons {
  display: block;
  vertical-align: top;
  text-align: right;
  float: right;
}

.editable-buttons button {
  margin-left: 5px;
}

.editable-input.editable-has-buttons {
  width: auto;
}

.editable-bstime .editable-input input[type=text] {
  width: 46px;
}

.editable-bstime .well-small {
  margin-bottom: 0;
  padding: 10px;
}

.editable-range output {
  display: inline-block;
  min-width: 30px;
  vertical-align: top;
  text-align: center;
}

.editable-color input[type=color] {
  width: 50px;
}

.editable-checkbox label span, .editable-checklist label span, .editable-radiolist label span {
  margin-left: 7px;
  margin-right: 10px;
}

.editable-hide {
  display: none !important;
}

.editable-click, a.editable-click {
  text-decoration: none;
  color: #428bca;
  border-bottom: dashed 1px #428bca;
}

.editable-click:hover, a.editable-click:hover {
  text-decoration: none;
  color: #2a6496;
  border-bottom-color: #2a6496;
}

.editable-empty, .editable-empty:hover, .editable-empty:focus, a.editable-empty, a.editable-empty:hover, a.editable-empty:focus {
  font-style: italic;
  color: #D14;
  text-decoration: none;
}

.str-fb-ad-page #content {
  width: 100%;
}
.str-fb-ad-page .str-admininfo, .str-fb-ad-page .str-trackerlog, .str-fb-ad-page .str-slim-nav-ad {
  display: none;
}
.str-fb-ad-page .str-slim-header-wrapper .x-row-wrapper {
  max-width: 100%;
}
.str-fb-ad-page body {
  height: 100%;
  width: 100%;
}

.str-fb-ads-wrapper .str-header-controls .x-date-data label, .str-fb-ads-wrapper .str-data-info-wrapper .x-inline-input label, .str-fb-ads-wrapper .str-info-wrapper .x-row-input .x-label, .str-fb-ads-wrapper .str-info-wrapper .x-row-input .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-fb-ads-wrapper .str-info-wrapper .x-row-input .x-nf-label, .str-fb-ads-wrapper .str-row-secondary-input .x-enabled label {
  color: #666;
  font-weight: 700;
  line-height: 2.375rem;
  width: 9.375rem;
  float: left;
}

.str-fb-ads-wrapper {
  width: 100%;
  height: 100%;
  flex-wrap: nowrap;
}
.str-fb-ads-wrapper .btn-disabled {
  pointer-events: none;
  opacity: .5;
}
.str-fb-ads-wrapper .str-table-wrapper .x-outer-container {
  position: relative;
  top: 0;
  left: 0;
}
.str-fb-ads-wrapper .str-table-wrapper .x-inner-container {
  height: 100%;
  overflow: hidden;
}
.str-fb-ads-wrapper .str-table-wrapper .x-table-head {
  position: relative;
}
.str-fb-ads-wrapper .str-table-wrapper .x-table-body {
  overflow-y: auto;
  margin-top: -1.25rem;
}
.str-fb-ads-wrapper .str-header-controls .x-controls-wrapper {
  float: right;
}
.str-fb-ads-wrapper .str-header-controls .x-controls-wrapper .x-controls {
  display: flex;
  position: relative;
}
.str-fb-ads-wrapper .str-header-controls .x-controls-wrapper .x-report-info {
  font-weight: 700;
  color: #999;
}
.str-fb-ads-wrapper .str-header-controls .x-controls-wrapper .x-report-info .x-name {
  color: #ccc;
}
.str-fb-ads-wrapper .str-header-controls .x-updated {
  color: #b8bdc8;
  line-height: 2.375rem;
  text-align: center;
  flex-grow: 1;
  width: 20.3125rem;
}
.str-fb-ads-wrapper .str-header-controls .x-updated span {
  color: #7f889b;
}
.str-fb-ads-wrapper .str-header-controls .x-menu {
  flex-grow: 1;
  position: relative;
  z-index: 1000;
}
.str-fb-ads-wrapper .str-header-controls .x-menu ul {
  list-style: none;
  margin-bottom: 0;
}
.str-fb-ads-wrapper .str-header-controls .x-menu ul li {
  display: inline-block;
  padding: 0 0.3125rem;
}
.str-fb-ads-wrapper .str-header-controls .x-date-data {
  float: left;
  display: flex;
  margin-left: 1.25rem;
  height: 1.875rem;
}
.str-fb-ads-wrapper .str-header-controls .x-date-data label {
  min-width: 5.625rem;
  line-height: 1.6875rem;
}
.str-fb-ads-wrapper .str-header-controls .x-date-data select {
  max-width: 5.625rem;
  padding: 0.1875rem;
  margin-bottom: 0.625rem;
  height: 1.6875rem;
  float: left;
}
.str-fb-ads-wrapper .str-header-controls .x-date-data input[type="date"] {
  max-width: 9.375rem;
  padding: 0.1875rem;
  height: 1.6875rem;
  float: left;
}
.str-fb-ads-wrapper .str-header-controls .x-date-data .x-btn-refresh {
  line-height: 1.6875rem;
  height: 1.6875rem;
  width: 1.6875rem;
  text-align: center;
}
.str-fb-ads-wrapper .str-menu-options {
  position: absolute;
  right: 0;
  top: 1.875rem;
  background-color: white;
  border: 1px solid #ccc;
  padding: 0.625rem;
  width: 18.75rem;
}
.str-fb-ads-wrapper .str-menu-options .x-report-name.ng-pristine {
  border: 1px solid #da4f49;
}
.str-fb-ads-wrapper .str-menu-options .btn-fat {
  padding: 0 0.3125rem;
}
.str-fb-ads-wrapper .str-load-options {
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 1.875rem;
  background-color: #eef1f4;
  width: 18.75rem;
  float: right;
  z-index: 50;
  height: 18.75rem;
  border: 1px solid #ccc;
  padding: 0.3125rem;
}
.str-fb-ads-wrapper .str-load-options ul {
  margin: 0;
}
.str-fb-ads-wrapper .str-load-options ul li {
  display: block !important;
  width: 100%;
  color: #4d4d4d;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #fff;
  padding: 0.625rem 0.3125rem;
  text-align: center;
  cursor: pointer;
}
.str-fb-ads-wrapper .str-load-options ul li span {
  display: inline-block;
  float: right;
  color: #fff;
  font-size: 0.75rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  margin: 0 0.3125rem;
}
.str-fb-ads-wrapper .str-load-options ul li span.ico-remove {
  background-color: #da4f49;
  cursor: pointer;
}
.str-fb-ads-wrapper .str-load-options ul li span.ico-remove:hover {
  background-color: #c72f29;
}
.str-fb-ads-wrapper .str-load-options ul li span.ico-eye {
  background-color: #49afcd;
  cursor: pointer;
}
.str-fb-ads-wrapper .str-load-options ul li span.ico-eye:hover {
  background-color: #3195b2;
}
.str-fb-ads-wrapper .str-tab-picker {
  clear: both;
}
.str-fb-ads-wrapper .str-tab-picker .x-tabs {
  margin: 0;
}
.str-fb-ads-wrapper .str-tab-picker .x-tabs li {
  display: inline-block;
  border: 1px solid #ccc;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  color: #ccc;
  padding: 0 0.625rem;
  cursor: pointer;
  background-color: #efefef;
}
.str-fb-ads-wrapper .str-tab-picker .x-tabs li.x-active {
  background-color: white;
  font-weight: 700;
  color: #49afcd;
}
.str-fb-ads-wrapper .str-scroll-cols {
  height: 100%;
  overflow-y: auto;
}
.str-fb-ads-wrapper .str-content-wrapper {
  overflow: hidden;
  padding: 0.625rem;
}
.str-fb-ads-wrapper .str-tabbed-content-wrapper {
  display: flex;
}
.str-fb-ads-wrapper .str-tabbed-content-wrapper .x-sidebar-wrapper {
  float: left;
  background-color: #eef1f4;
  position: relative;
}
.str-fb-ads-wrapper .str-tabbed-content-wrapper .x-sidebar-wrapper.x-opened {
  max-width: 20rem;
  min-width: 20rem;
}
.str-fb-ads-wrapper .str-tabbed-content-wrapper .x-sidebar-wrapper.x-closed {
  min-width: 3.125rem;
  max-width: 3.125rem;
}
.str-fb-ads-wrapper .str-tabbed-content-wrapper .x-sidebar-wrapper .x-toggle-menu {
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  font-size: 1.5rem;
  display: inline-block;
  z-index: 10;
  color: #7f889b;
  cursor: pointer;
}
.str-fb-ads-wrapper .str-tabbed-content-wrapper .x-content {
  flex-grow: 8;
}
.str-fb-ads-wrapper table {
  border-spacing: 0 !important;
}
.str-fb-ads-wrapper .str-data-table input[type="checkbox"] {
  margin: 0;
  text-align: center;
}
.str-fb-ads-wrapper .str-data-table .str-table-header.x-sticky {
  display: block !important;
  position: fixed;
  z-index: 110;
  top: 0;
}
.str-fb-ads-wrapper .str-data-table th {
  cursor: move;
  background-color: #ccd8e4;
  color: #696a69;
  height: 2.8125rem;
  border-left: 1px solid #b2c1ce;
  padding: 0.3125rem;
}
.str-fb-ads-wrapper .str-data-table th:hover {
  background: white;
}
.str-fb-ads-wrapper .str-data-table th:active {
  background: #c1e4ee;
}
.str-fb-ads-wrapper .str-data-table th.x-left {
  text-align: left;
}
.str-fb-ads-wrapper .str-data-table th.x-center {
  text-align: center;
}
.str-fb-ads-wrapper .str-data-table th.x-right {
  text-align: right;
}
.str-fb-ads-wrapper .str-data-table tr {
  border: none;
}
.str-fb-ads-wrapper .str-data-table tr:hover {
  background: #fcd296;
}
.str-fb-ads-wrapper .str-data-table tr.x-row-highlight {
  background-color: #c6e6ef;
  border-bottom: 1px solid #ccc;
}
.str-fb-ads-wrapper .str-data-table tr.x-row-highlight:hover {
  background-color: #9ed4e4;
}
.str-fb-ads-wrapper .str-data-table tr td {
  font-size: 0.75rem;
  border-left: 1px solid #b2c1ce;
  border-bottom: 1px solid #c2ced8;
  padding: 0 0.3125rem;
  position: relative;
}
.str-fb-ads-wrapper .str-data-table tr td:hover .x-cents-edit .x-bulk-update, .str-fb-ads-wrapper .str-data-table tr td:hover .x-adset-bulk .x-bulk-update {
  display: block;
  font-size: 1.125rem;
  color: #449b44;
  float: left;
}
.str-fb-ads-wrapper .str-data-table tr td:hover .x-cents-edit .x-bulk-update:hover, .str-fb-ads-wrapper .str-data-table tr td:hover .x-adset-bulk .x-bulk-update:hover {
  color: #347834;
}
.str-fb-ads-wrapper .str-data-table tr td.x-editable-number {
  padding: 0.3125rem;
  text-align: right;
}
.str-fb-ads-wrapper .str-data-table tr td.x-editable-text {
  padding: 0.3125rem;
}
.str-fb-ads-wrapper .str-data-table tr td.x-left {
  text-align: left;
}
.str-fb-ads-wrapper .str-data-table tr td.x-center {
  text-align: center;
}
.str-fb-ads-wrapper .str-data-table tr td.x-right {
  text-align: right;
}
.str-fb-ads-wrapper .str-data-table tr td.x-totals {
  border-top: 1px solid #ccc;
}
.str-fb-ads-wrapper .str-data-table tr td .x-link {
  margin-left: 2px;
  font-size: 10px;
}
.str-fb-ads-wrapper .str-data-table tr td .x-link a {
  color: #006dcc;
}
.str-fb-ads-wrapper .str-data-table tr td .x-link a:hover {
  color: #005299;
}
.str-fb-ads-wrapper .str-data-table tr td .x-text-edit .editable-input {
  width: 11.75rem;
  max-width: 100%;
  font-size: 0.75rem;
  padding: 0;
}
.str-fb-ads-wrapper .str-data-table tr td .x-cents-edit .x-bulk-update, .str-fb-ads-wrapper .str-data-table tr td .x-adset-bulk .x-bulk-update {
  cursor: pointer;
  display: none;
  text-align: right;
}
.str-fb-ads-wrapper .str-data-table tr td .x-cents-edit .editable-input, .str-fb-ads-wrapper .str-data-table tr td .x-adset-bulk .editable-input {
  width: 100%;
  max-width: 100%;
  padding: 0 !important;
}
.str-fb-ads-wrapper .str-data-table tr td.x-editable-number .x-td-content .x-editable-text {
  float: none;
}
.str-fb-ads-wrapper .str-data-table tr td .x-td-content {
  max-height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  line-height: 14px;
}
.str-fb-ads-wrapper .str-data-table tr td .x-td-content .x-adset-link a {
  text-align: center;
  color: #f39106;
}
.str-fb-ads-wrapper .str-data-table tr td .x-td-content .x-changelog-link a {
  display: inline-block;
  float: left;
  color: #5bb75b;
}
.str-fb-ads-wrapper .str-data-table tr td .x-td-content .x-changelog-link span {
  display: inline-block;
  float: left;
}
.str-fb-ads-wrapper .str-data-table tr td .x-td-content .x-editable-text {
  color: #696a69;
  text-decoration: none;
  border: none;
  float: left;
  max-width: 90%;
}
.str-fb-ads-wrapper .str-data-table tr td .x-td-content .x-editable-text:hover {
  text-decoration: underline;
}
.str-fb-ads-wrapper .str-data-table tr td .x-td-content .x-editable-text button {
  background-color: #006dcc;
}
.str-fb-ads-wrapper .str-data-table .str-editable-div input, .str-fb-ads-wrapper .str-data-table .str-editable-div textarea {
  margin-bottom: 0;
}
.str-fb-ads-wrapper .str-data-table .str-editable-div button {
  float: right;
}
.str-fb-ads-wrapper .str-data-table th.x-colselect, .str-fb-ads-wrapper .str-data-table td.x-colselect {
  width: 35px !important;
  min-width: 35px !important;
  user-select: none;
  /* CSS3 (little to no support) */
  -ms-user-select: none;
  /* IE 10+ */
  -moz-user-select: none;
  /* Gecko (Firefox) */
  -webkit-user-select: none;
  /* Webkit (Safari, Chrome) */
}
.str-fb-ads-wrapper .str-data-table .x-table-header {
  position: relative;
}
.str-fb-ads-wrapper .str-data-table .x-table-header:hover .x-menu {
  display: block;
}
.str-fb-ads-wrapper .str-data-table .x-table-header .x-header-label {
  cursor: pointer;
  font-size: 11px;
}
.str-fb-ads-wrapper .str-data-table .x-table-header .x-header-label:hover {
  color: #666;
}
.str-fb-ads-wrapper .str-data-table .x-table-header .x-icon-spot {
  position: absolute;
  right: 0.125rem;
  bottom: 0;
  font-size: 0.75rem;
  color: #999;
}
.str-fb-ads-wrapper .str-data-table .x-table-header .x-sorts {
  width: 1.25rem;
  display: inline-block;
  color: #999;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}
.str-fb-ads-wrapper .str-data-table .x-table-header .x-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  color: #999;
  cursor: pointer;
}
.str-fb-ads-wrapper .str-data-table .x-table-header .x-header-menu {
  position: absolute;
  display: none;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: white;
  left: 0;
  top: 1.25rem;
  z-index: 10;
}
.str-fb-ads-wrapper .str-data-table .x-table-header .x-header-menu ul {
  margin: 0;
  list-style: none;
}
.str-fb-ads-wrapper .str-data-table .x-table-header .x-header-menu ul li {
  min-width: 7.5rem;
  font-weight: 400;
  font-size: 0.75rem;
  padding: 0.3125rem 0.625rem;
  cursor: pointer;
  text-align: left;
}
.str-fb-ads-wrapper .str-data-table .x-table-header .x-header-menu ul li:hover {
  background: #e6e6e6;
}
.str-fb-ads-wrapper .str-data-table .x-table-header .x-header-menu.x-show-menu {
  display: block !important;
}
.str-fb-ads-wrapper .str-pagination-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
}
.str-fb-ads-wrapper .str-pagination-wrapper:before, .str-fb-ads-wrapper .str-pagination-wrapper:after {
  content: " ";
  display: table;
}
.str-fb-ads-wrapper .str-pagination-wrapper:after {
  clear: both;
}
.str-fb-ads-wrapper .str-pagination-wrapper .x-pagination-wrapper {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 58.33333%;
  float: left;
}
.str-fb-ads-wrapper .str-pagination-wrapper .x-pagination-wrapper .x-pagination {
  display: block;
  height: 1.5rem;
  margin-left: -0.3125rem;
}
.str-fb-ads-wrapper .str-pagination-wrapper .x-pagination-wrapper .x-pagination li {
  height: 1.5rem;
  color: #222222;
  font-size: 0.875rem;
  margin-left: 0.3125rem;
}
.str-fb-ads-wrapper .str-pagination-wrapper .x-pagination-wrapper .x-pagination li a {
  display: block;
  padding: 0.0625rem 0.625rem 0.0625rem;
  color: #999999;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.str-fb-ads-wrapper .str-pagination-wrapper .x-pagination-wrapper .x-pagination li:hover a,
.str-fb-ads-wrapper .str-pagination-wrapper .x-pagination-wrapper .x-pagination li a:focus {
  background: #e6e6e6;
}
.str-fb-ads-wrapper .str-pagination-wrapper .x-pagination-wrapper .x-pagination li.unavailable a {
  cursor: default;
  color: #999999;
}
.str-fb-ads-wrapper .str-pagination-wrapper .x-pagination-wrapper .x-pagination li.unavailable:hover a, .str-fb-ads-wrapper .str-pagination-wrapper .x-pagination-wrapper .x-pagination li.unavailable a:focus {
  background: transparent;
}
.str-fb-ads-wrapper .str-pagination-wrapper .x-pagination-wrapper .x-pagination li.current a {
  background: #008cba;
  color: white;
  font-weight: bold;
  cursor: default;
}
.str-fb-ads-wrapper .str-pagination-wrapper .x-pagination-wrapper .x-pagination li.current a:hover, .str-fb-ads-wrapper .str-pagination-wrapper .x-pagination-wrapper .x-pagination li.current a:focus {
  background: #008cba;
}
.str-fb-ads-wrapper .str-pagination-wrapper .x-pagination-wrapper .x-pagination li {
  float: left;
  display: block;
}
.str-fb-ads-wrapper .str-pagination-wrapper .x-items-count {
  position: relative;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 33.33333%;
  right: 8.33333%;
  left: auto;
  float: left;
}
.str-fb-ads-wrapper .str-pagination-wrapper .x-items-count .x-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  *zoom: 1;
}
.str-fb-ads-wrapper .str-pagination-wrapper .x-items-count .x-wrapper:before, .str-fb-ads-wrapper .str-pagination-wrapper .x-items-count .x-wrapper:after {
  content: " ";
  display: table;
}
.str-fb-ads-wrapper .str-pagination-wrapper .x-items-count .x-wrapper:after {
  clear: both;
}
.str-fb-ads-wrapper .str-pagination-wrapper .x-items-count .x-wrapper .x-page-count {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 50%;
  float: left;
}
.str-fb-ads-wrapper .str-pagination-wrapper .x-items-count .x-wrapper .x-total-items {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 50%;
  float: left;
  color: #ccc;
}
.str-fb-ads-wrapper .str-column-picker {
  position: relative;
}
.str-fb-ads-wrapper .str-column-picker .x-columns h2 {
  margin-left: 0.3125rem;
}
.str-fb-ads-wrapper .str-column-picker .x-search {
  width: 95%;
  margin: auto;
}
.str-fb-ads-wrapper .str-column-picker ul {
  margin: 0;
}
.str-fb-ads-wrapper .str-column-picker ul li {
  list-style: none;
  overflow: hidden;
  font-size: 0.75rem;
  color: #696969;
  border-bottom: 1px solid #eef1f4;
  margin: 0.0625rem 0;
  position: relative;
}
.str-fb-ads-wrapper .str-column-picker ul li.x-highlight {
  background-color: #dde0e3;
}
.str-fb-ads-wrapper .str-column-picker ul li:hover .x-btn-filter {
  display: inline-block;
}
.str-fb-ads-wrapper .str-column-picker ul li.x-has-filter {
  background-color: white !important;
}
.str-fb-ads-wrapper .str-column-picker ul li.x-has-filter .x-btn-filter {
  display: inline-block;
}
.str-fb-ads-wrapper .str-column-picker ul li .x-column .x-label, .str-fb-ads-wrapper .str-column-picker ul li .x-column .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-fb-ads-wrapper .str-column-picker ul li .x-column .x-nf-label {
  float: left;
  margin-left: 0.625rem;
  width: 100%;
  padding: 0.25rem 0;
}
.str-fb-ads-wrapper .str-column-picker ul li .x-column input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}
.str-fb-ads-wrapper .str-column-picker ul li .x-btn-filter {
  display: none;
  position: absolute;
  right: 0.625rem;
  width: 2.5rem;
  height: 1.0625rem;
  font-size: 0.625rem;
  margin-top: 0.3125rem;
}
.str-fb-ads-wrapper .str-fixed.x-cursor-pointer {
  cursor: pointer !important;
}
.str-fb-ads-wrapper .str-fixed.x-no-cursor {
  cursor: none;
}
.str-fb-ads-wrapper .str-fixed.x-no-pointers {
  pointer-events: none;
}
.str-fb-ads-wrapper .str-fixed:hover {
  background: whitesmoke;
}
.str-fb-ads-wrapper .str-data-info-wrapper {
  overflow: hidden;
  margin: 0;
  height: 2.8125rem;
}
.str-fb-ads-wrapper .str-data-info-wrapper .x-options-wrapper {
  display: flex;
}
.str-fb-ads-wrapper .str-data-info-wrapper .x-row-filters .btn-fat {
  height: 2.5rem;
  padding: 0.1875rem;
  outline: none;
}
.str-fb-ads-wrapper .str-data-info-wrapper .x-inline-input {
  width: 21.875rem;
  margin: 0 0.625rem;
  float: left;
  display: flex;
}
.str-fb-ads-wrapper .str-data-info-wrapper .x-inline-input span {
  padding-left: 0.625rem;
  padding-top: 0.625rem;
}
.str-fb-ads-wrapper .str-data-info-wrapper .x-inline-input label {
  min-width: 7.5rem;
}
.str-fb-ads-wrapper .str-data-info-wrapper .x-inline-input .x-selector {
  flex-grow: 1;
}
.str-fb-ads-wrapper .str-data-info-wrapper .x-inline-input .x-count input {
  width: 3.125rem;
  display: inline-block;
  margin: 0 0.3125rem;
}
.str-fb-ads-wrapper .str-info-wrapper {
  overflow: hidden;
  margin: 0 0 0.3125rem 0;
}
.str-fb-ads-wrapper .str-info-wrapper.x-bulk-updates button {
  width: 2.1875rem;
  height: 2.1875rem;
  padding: 0;
  margin-bottom: 0;
}
.str-fb-ads-wrapper .str-info-wrapper .x-options-wrapper {
  display: flex;
}
.str-fb-ads-wrapper .str-info-wrapper .x-options-wrapper.x-row-filter button {
  width: 7.8125rem;
  height: 2.1875rem;
  padding: 0;
  margin-bottom: 0;
}
.str-fb-ads-wrapper .str-info-wrapper .x-row-input {
  width: 100%;
  border-top: 1px solid #999;
  padding: 0.625rem 0;
  display: flex;
  flex-direction: row;
}
.str-fb-ads-wrapper .str-info-wrapper .x-row-input .x-label, .str-fb-ads-wrapper .str-info-wrapper .x-row-input .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-fb-ads-wrapper .str-info-wrapper .x-row-input .x-nf-label {
  width: 12.5rem;
  position: relative;
  padding-left: 0.625rem;
}
.str-fb-ads-wrapper .str-info-wrapper .x-row-input input, .str-fb-ads-wrapper .str-info-wrapper .x-row-input select {
  float: left;
  margin: 0 0.3125rem;
  width: 10.3125rem;
}
.str-fb-ads-wrapper .str-info-wrapper .x-row-input .x-remove-row, .str-fb-ads-wrapper .str-info-wrapper .x-row-input .x-add-row {
  display: inline-block;
  cursor: pointer;
  font-size: 1.5625rem;
  color: #da4f49;
  margin-top: 0.3125rem;
}
.str-fb-ads-wrapper .str-info-wrapper .x-row-input .x-add-row {
  color: #49afcd;
}
.str-fb-ads-wrapper .str-info-wrapper .x-row-input .x-filter-enabled {
  position: absolute;
  left: -9999px;
}
.str-fb-ads-wrapper .str-info-wrapper .x-row-input .x-btn-disabled {
  padding: 0.3125rem;
}
.str-fb-ads-wrapper .str-filters {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.str-fb-ads-wrapper .str-filters.x-bulk-update .x-input-wrapper {
  width: 16.25rem;
}
.str-fb-ads-wrapper .str-filters.x-bulk-update .x-input-wrapper input {
  width: 5rem;
}
.str-fb-ads-wrapper .str-filters.x-bulk-update .x-input-wrapper label {
  width: 5.3125rem;
  text-align: right;
  float: left;
  color: #666;
  font-weight: 700;
  line-height: 2.375rem;
}
.str-fb-ads-wrapper .str-filters .x-logical-operator {
  float: left;
  line-height: 2.3125rem;
  color: #ccc;
  text-align: right;
  width: 2.5rem;
}
.str-fb-ads-wrapper .str-row-secondary-input {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.str-fb-ads-wrapper .str-row-secondary-input .x-input-wrapper {
  width: 42.1875rem;
}
.str-fb-ads-wrapper .str-row-secondary-input .x-enabled label {
  width: 6.25rem !important;
}
.str-fb-ads-wrapper .str-table {
  overflow: hidden;
  margin: 0.3125rem 0;
}
.str-fb-ads-wrapper .str-header {
  padding-left: 1.5625rem;
  border-radius: 3px;
  background-color: #2e343f;
  color: #fff;
  height: 1.75rem;
  line-height: 1.75rem;
  clear: both;
  position: relative;
  cursor: pointer;
}
.str-fb-ads-wrapper .str-header span {
  position: absolute;
  top: 0.0625rem;
  left: 0.625rem;
  font-size: 0.5rem;
  line-height: 1.75rem;
  margin-right: 0.625rem;
}
.str-fb-ads-wrapper .str-header.x-hide-data {
  background-color: #e6e6e6;
  color: #696969;
}
.str-fb-ads-wrapper .btn-fat {
  text-transform: uppercase;
  border-radius: 0.125rem;
  margin-left: 0.25rem;
  border: 1px solid #cbcbcb;
  background: linear-gradient(to bottom, #f0f0f0, #dfdfdf) #f0f0f0;
  color: #696969;
  cursor: pointer;
  text-align: center;
  z-index: 50;
}
.str-fb-ads-wrapper .btn-fat.x-btn-on {
  display: block !important;
  color: #fff;
  background: linear-gradient(to bottom, #808080, #b3b3b3) #e6e6e6 !important;
}
.str-fb-ads-wrapper .btn-fat.x-maxmin {
  padding: 0 0.625rem !important;
}
.str-fb-ads-wrapper .btn-fat:hover {
  background: #ccc;
}
.str-fb-ads-wrapper .str-alert-box {
  display: none;
  height: 2.625rem;
  line-height: 2.625rem;
  position: fixed;
  bottom: 0;
  right: 0;
  text-align: center;
  z-index: 100;
  width: 50%;
}
.str-fb-ads-wrapper .str-alert-box.x-alert-error {
  background-color: #da4f49;
  color: white;
}
.str-fb-ads-wrapper .str-alert-box.x-alert-warning {
  background-color: #faa732;
  color: white;
}
.str-fb-ads-wrapper .str-alert-box.x-alert-success {
  background-color: #5bb75b;
  color: white;
}
.str-fb-ads-wrapper .str-alert-box.x-alert-info {
  background-color: #49afcd;
  color: white;
}
.str-fb-ads-wrapper .str-alert-box .x-close {
  position: absolute;
  right: 0.625rem;
  cursor: pointer;
}
.str-fb-ads-wrapper .str-ind {
  position: relative;
}
.str-fb-ads-wrapper .str-ind:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  border-style: solid;
  border-width: 0 10px 10px 0;
}
.str-fb-ads-wrapper .str-ind.x-ind-success:before {
  border-color: transparent #5bb75b transparent transparent;
  cursor: pointer;
}
.str-fb-ads-wrapper .str-ind.x-ind-error:before {
  border-color: transparent #da4f49 transparent transparent;
  cursor: pointer;
}
.str-fb-ads-wrapper .str-ind.x-ind-warning:before {
  border-color: transparent #faa732 transparent transparent;
  cursor: pointer;
}
.str-fb-ads-wrapper .str-ind.x-ind-info:before {
  border-color: transparent #49afcd transparent transparent;
  cursor: pointer;
}
.str-fb-ads-wrapper .str-ind.x-ind-default:before {
  border-color: transparent whitesmoke transparent transparent;
}
.str-fb-ads-wrapper .str-status .x-status-group-active, .str-fb-ads-wrapper .str-status .x-status-group-paused {
  position: absolute;
  left: 1.25rem;
  top: 0;
  right: 0;
  font-size: 0.5625rem;
  pointer-events: none !important;
}
.str-fb-ads-wrapper .str-status {
  color: #999;
  font-size: 15px;
  text-align: right;
  position: relative;
}
.str-fb-ads-wrapper .str-status.x-indicator span {
  font-size: 0.875rem;
}
.str-fb-ads-wrapper .str-status .x-actionable-item {
  cursor: pointer;
  line-height: 20px;
  float: right;
  margin-right: 0.4375rem;
}
.str-fb-ads-wrapper .str-status .x-active {
  color: #5bb75b;
}
.str-fb-ads-wrapper .str-status .x-status-group-active {
  color: #5bb75b !important;
}
.str-fb-ads-wrapper .str-status .x-status-group-paused {
  color: #999 !important;
}
.str-fb-ads-wrapper .str-status .x-status-text {
  display: inline-block;
  font-size: 0.625rem;
}
.str-fb-ads-wrapper .str-td-message {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.str-fb-ads-wrapper .str-td-message:hover .x-message {
  display: block !important;
}
.str-fb-ads-wrapper .str-td-message .x-message {
  display: none;
  font-size: 0.6875rem;
  background-color: black;
  color: white;
  padding: 0.5rem;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  -ms-border-radius: 5;
  -o-border-radius: 5;
  border-radius: 5;
  z-index: 5;
  top: 0;
  right: 0;
  position: absolute;
  width: 10.625rem;
}
.str-fb-ads-wrapper .str-td-message .x-message span {
  cursor: pointer;
  display: block;
  position: absolute;
  pointer-events: all !important;
  right: 0;
  top: 0;
  z-index: 6;
}
.str-fb-ads-wrapper .fat-btn-submit, .str-fb-ads-wrapper .fat-btn-cancel {
  display: inline-block;
  padding: 0.0625rem;
  margin-bottom: 0;
  font-size: 10px;
  font-weight: normal;
  line-height: 1.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.25rem;
}
.str-fb-ads-wrapper .fat-btn-submit {
  background-color: #006dcc;
  color: white;
}
.str-fb-ads-wrapper .fat-btn-submit:hover {
  background-color: #005299;
}
.str-fb-ads-wrapper .fat-btn-cancel {
  background-color: whitesmoke;
  color: #000;
}
.str-fb-ads-wrapper .fat-btn-cancel:hover {
  background-color: #e8e8e8;
}
.str-fb-ads-wrapper .str-editable-text {
  position: relative;
}
.str-fb-ads-wrapper .str-shareid-popout {
  background: #ddd;
  color: #666;
  position: absolute;
  top: 35px;
  right: 0;
  padding: 0 0.625rem;
  line-height: 3.125rem;
  width: 30rem;
  -webkit-transition: all linear 2s;
  transition: all linear 2s;
  z-index: 1000;
}
.str-fb-ads-wrapper .str-shareid-popout .ico-close {
  color: #5a5a5a;
  display: inline-block;
  position: absolute;
  right: 0.3125rem;
  top: 0.3125rem;
  cursor: pointer;
}
.str-fb-ads-wrapper .str-shareid-popout input {
  margin-top: 10px;
  width: 95%;
}
.str-fb-ads-wrapper .str-shareid-popout.ng-hide {
  opacity: 0;
  -webkit-transition: all linear 2s;
  transition: all linear 2s;
}
.str-fb-ads-wrapper table tr.even, .str-fb-ads-wrapper table tr.alt, .str-fb-ads-wrapper table tr:nth-of-type(even) {
  background: #e5e5e5;
}
.str-fb-ads-wrapper .str-changelog-modal {
  background-color: rgba(0, 0, 0, 0.8);
  height: 100vh;
  width: 100vw;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
}
.str-fb-ads-wrapper .str-changelog-modal .x-content-wrapper {
  max-width: 68.75rem;
  max-height: 50rem;
  background-color: #efefef;
  padding: 0.625rem;
  margin: 6.25rem auto auto auto;
}
.str-fb-ads-wrapper .str-changelog-modal .x-content-wrapper header {
  position: relative;
}
.str-fb-ads-wrapper .str-changelog-modal .x-content-wrapper header span.ico-close {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.str-fb-ads-wrapper .str-changelog-modal .x-content-wrapper .x-content {
  max-height: 37.5rem;
  overflow-y: auto;
}

.str-login {
  font-family: "Helvetica Neue", Arial, sans-serif;
  margin-top: 70px;
}
.str-login .x-admin-form, .str-login .x-users-list {
  width: 400px;
  margin: 0 auto;
  margin-top: 50px;
}
.str-login input[type="text"], .str-login input[type="password"] {
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  margin: 3px;
  margin-bottom: 25px;
  padding: 10px;
  height: 40px;
  -webkit-transition: border-color 0.1s linear;
  -moz-transition: border-color 0.1s linear;
  -ms-transition: border-color 0.1s linear;
  -o-transition: border-color 0.1s linear;
  transition: border-color 0.1s linear;
}
.str-login input[type="text"].x-error-input, .str-login input[type="password"].x-error-input {
  border-color: red;
  box-shadow: inset 0 1px 2px rgba(242, 0, 0, 0.1);
}
.str-login input[type="text"]:hover, .str-login input[type="password"]:hover {
  border-color: #999;
}
.str-login input[type=submit] {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  font-size: 14px;
  background: #7f90b3;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear;
  min-width: 115px;
  height: 30px;
  padding: 4px 10px;
  text-align: center;
  color: #fff;
  float: right;
  margin: 0;
  border: 0;
}
.str-login input[type=submit]:hover {
  background: #6d7b99;
  cursor: pointer;
}
.str-login .x-forgotpw, .str-login .x-keeppw {
  font-size: 11px;
  margin-left: 20px;
  color: #434342;
  text-decoration: underline;
}
.str-login .x-form-element, .str-login .x-arrow-box .x-tooltip-element {
  font-weight: bold;
  margin-left: 20px;
  font-size: 15px;
}
.str-login .x-flash-msg {
  text-align: center;
  font-size: 18px;
  color: #333;
  font-weight: 500;
  margin: 0 auto;
  width: 500px;
}
.str-login .x-forgot-form {
  display: none;
}
.str-login .x-user-message {
  margin-bottom: 5px;
  color: #00b700;
  font-weight: bold;
}
.str-login .x-error-message {
  color: red;
  font-size: 10px;
}
.str-login .x-editorial-users {
  width: 400px;
}
.str-login table, .str-login tr, .str-login td {
  border: none;
  border-spacing: 0;
}
.str-login tr:nth-child(even) {
  background-color: #f2f2f2;
}
.str-login .x-editorial-users-title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}
.str-login .x-xbutton {
  float: right;
  text-align: center;
  background-color: none;
  border: 1px solid #666;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  color: #666;
  opacity: 0.5;
  -webkit-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -ms-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
.str-login .x-xbutton:hover {
  opacity: 1.0;
  cursor: pointer;
}
.str-login .x-edit-link, .str-login .x-edit-link:hover {
  float: right;
  color: #004b87;
  text-decoration: underline;
}
.str-login .x-edit-td {
  position: relative;
}
.str-login .x-arrow-box {
  position: absolute;
  background: #ffffff;
  border: 2px solid #8c8c8c;
  height: 205px;
  width: 310px;
  padding: 15px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  text-align: left;
  z-index: 99;
  left: -270px;
  top: -84px;
}
.str-login .x-arrow-box .x-tooltip-element {
  margin-left: 0px;
}
.str-login .x-arrow-box .x-resend {
  display: inline-block;
  position: relative;
  bottom: -2px;
  color: #7e91af;
  text-decoration: underline;
}
.str-login .x-arrow-box input[type=password], .str-login .x-arrow-box input[type=text] {
  height: 35px;
  margin-bottom: 10px;
}
.str-login .x-arrow-box input[type=password]:first-of-type, .str-login .x-arrow-box input[type=text]:first-of-type {
  margin-top: 15px;
}
.str-login .x-arrow-box input[type=submit] {
  height: 25px;
}
.str-login .x-arrow-box:after, .str-login .x-arrow-box:before {
  left: 100%;
  top: 80%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.str-login .x-arrow-box:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 7px;
  margin-top: -65px;
}
.str-login .x-arrow-box:before {
  border-color: rgba(102, 102, 102, 0);
  border-left-color: #8c8c8c;
  border-width: 9.5px;
  margin-top: -67px;
}
.str-login .x-flash-success {
  text-align: center;
  color: green;
  font-size: 14px;
  font-style: italic;
  padding-top: 8px;
}
.str-login .x-success-message {
  font-size: 10px;
  color: green;
}
.str-login .x-submit-area {
  height: 35px;
}
.str-login .x-message-area, .str-login .x-success-message-wrapper .x-success-message-area {
  overflow-y: hidden;
  height: 16px;
}
.str-login .x-success-message-wrapper {
  position: relative;
}
.str-login .x-success-message-wrapper .x-success-message-area {
  position: absolute;
  right: 0;
  line-height: 15px;
}
.str-login .x-success-message-wrapper .x-success-message-area .x-success-message {
  font-size: 11px;
  color: #7d7d7d;
  font-style: italic;
}

.str-admin-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  width: 295px;
  z-index: 1000002;
}
.str-admin-wrapper.x-admin-mobile {
  position: absolute;
  bottom: 100px;
  top: auto;
}
.str-admin-wrapper.x-admin-mobile .str-admin-bar,
.str-admin-wrapper.x-admin-mobile .str-admin-collapse {
  bottom: 48px;
}
.str-admin-wrapper.x-admin-mobile .str-admin-overlay {
  position: absolute;
  top: auto;
  bottom: 0;
  max-height: none;
}
.str-admin-wrapper .x-button {
  cursor: pointer;
  height: 48px;
}
.str-admin-wrapper .x-button:hover {
  background: #666;
}
.str-admin-wrapper .x-button.x-has-icon {
  float: left;
  text-align: center;
  width: 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.str-admin-wrapper .x-button.x-has-icon i {
  font-size: 20px;
  line-height: 48px;
}
.str-admin-wrapper .x-button.x-active {
  background: #666;
}
.str-admin-wrapper .x-button.x-is-ibranch {
  color: #55aaff;
}
.str-admin-wrapper .x-separator {
  float: left;
  width: 1px;
  background: #888;
  position: relative;
  height: 34px;
  top: 7px;
}
.str-admin-wrapper .str-admin-collapse {
  width: 24px;
  background: #3f3f3f;
  text-align: center;
  font-size: 11px;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
}
.str-admin-wrapper .str-admin-collapse i {
  line-height: 48px;
}
.str-admin-wrapper .str-admin-bar {
  width: 295px;
  height: 48px;
  background: #3f3f3f;
  font-family: "Roboto", Helvetica, sans-serif;
  position: absolute;
  top: 0;
  right: 24px;
  color: #fff;
}
.str-admin-wrapper .str-admin-bar.x-mini {
  width: 108px;
}
.str-admin-wrapper .str-admin-bar.x-mini .x-button {
  width: 36px !important;
}
.str-admin-wrapper .str-admin-bar .x-layout {
  text-transform: uppercase;
  float: left;
  width: 45%;
  padding: 8px;
  padding-right: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.str-admin-wrapper .str-admin-bar .x-layout .x-title {
  font-size: 13px;
  font-weight: bold;
  display: block;
  padding: 2px 0 6px;
}
.str-admin-wrapper .str-admin-bar .x-layout .x-label, .str-admin-wrapper .str-admin-bar .x-layout .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-admin-wrapper .str-admin-bar .x-layout .x-nf-label {
  display: block;
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.str-admin-wrapper .str-admin-bar .x-layout .x-label .ico-arrow-right, .str-admin-wrapper .str-admin-bar .x-layout .str-cms-wrapper .x-row .x-nf-label .ico-arrow-right, .str-cms-wrapper .x-row .str-admin-wrapper .str-admin-bar .x-layout .x-nf-label .ico-arrow-right {
  font-size: 9px;
}
.str-admin-wrapper .str-admin-bar .ico-chat.x-chat-on {
  color: #FF0000;
}
.str-admin-wrapper .str-admin-overlay.x-show-menu {
  display: block;
}
.str-admin-wrapper .str-admin-overlay {
  display: none;
  position: fixed;
  top: 48px;
  right: 0;
  width: 319px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Roboto", Helvetica, sans-serif;
  -webkit-box-shadow: -4px 0 10px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: -4px 0 10px 0 rgba(0, 0, 0, 0.4);
  box-shadow: -4px 0 10px 0 rgba(0, 0, 0, 0.4);
  background: #fff;
  z-index: 1100;
  max-height: calc(100vh - 48px);
  overflow: scroll;
}
.str-admin-wrapper .str-admin-overlay.x-tall {
  height: calc(100vh - 48px);
  overflow: auto;
}
.str-admin-wrapper .str-admin-overlay.x-tall .x-content {
  margin: 10px;
  padding: 0;
}
.str-admin-wrapper .str-admin-overlay.x-tall::-webkit-scrollbar {
  display: none;
}
.str-admin-wrapper .str-admin-overlay .x-title-bar {
  height: 34px;
  color: #fff;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 9px;
  background: #666;
  text-transform: uppercase;
}
.str-admin-wrapper .str-admin-overlay .x-title-bar .x-label, .str-admin-wrapper .str-admin-overlay .x-title-bar .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-admin-wrapper .str-admin-overlay .x-title-bar .x-nf-label {
  font-size: 15px;
  font-weight: bold;
  float: left;
}
.str-admin-wrapper .str-admin-overlay .x-title-bar a {
  float: right;
  text-decoration: underline;
  color: #fff;
  margin-top: 3px;
  font-size: 10px;
}
.str-admin-wrapper .str-admin-overlay .x-comments-title {
  position: absolute;
  width: 319px;
}
.str-admin-wrapper .str-admin-overlay .x-content {
  margin: 10px 0;
  padding: 0;
  list-style-type: none;
  line-height: 1.6;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-node {
  font-weight: bold;
  font-size: 15px;
  cursor: pointer;
  padding: 1px 12px;
  list-style: none !important;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-node:hover {
  background: #eee;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-node a {
  display: block;
  width: 100%;
  color: #333;
  text-decoration: none;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-node.x-no-link {
  cursor: auto;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-node.x-no-link:hover {
  background: none;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-child {
  font-size: 13px;
  font-weight: normal;
  padding: 1px 12px 1px 30px;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-active {
  background: #bbe5fe;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-active:hover {
  background: #bbe5fe;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-subhead {
  margin: 0 0 5px;
  overflow: hidden;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-subhead .x-change {
  float: right;
  color: #fff;
  background: #55aaff;
  font-size: 10px;
  text-transform: uppercase;
  padding: 4px 5px;
  border-radius: 2px;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-subhead .x-change:hover {
  background: #3b9dff;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-clear {
  float: right;
  font-size: 12px;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-title {
  font-weight: bold;
  font-size: 16px;
  padding: 4px 0 2px;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-trackercontrols {
  font-size: 12px;
  line-height: 140%;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-trackercontrols a.x-off {
  color: #aaa;
}
.str-admin-wrapper .str-admin-overlay .x-content.x-stats-wrap {
  font-size: 12px;
}
.str-admin-wrapper .str-admin-overlay .x-content.x-stats-wrap .x-adminval {
  overflow: hidden;
  padding: 4px 10px;
  margin: 0 -10px;
}
.str-admin-wrapper .str-admin-overlay .x-content.x-stats-wrap .x-adminval:nth-child(even) {
  background-color: #eee;
}
.str-admin-wrapper .str-admin-overlay .x-content.x-stats-wrap .x-adminval .x-adminvalname {
  float: left;
  width: 110px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px 2px 0;
}
.str-admin-wrapper .str-admin-overlay .x-content.x-stats-wrap .x-adminval .x-sel-branch {
  display: block;
  width: 185px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 2px;
}
.str-admin-wrapper .str-admin-overlay .x-content.x-stats-wrap .x-adminval .x-update-branch {
  display: block;
  float: left;
  width: 155px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.str-admin-wrapper .str-admin-overlay .x-content.x-stats-wrap .x-adminval .x-update-date {
  display: block;
  float: right;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-branch-wrap {
  margin: 0 0 10px;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-branch-wrap .x-row {
  margin: 0 0 5px;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-branch-wrap .x-row .x-head {
  font-size: 9px;
  text-transform: uppercase;
  color: #666;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-branch-wrap .x-row .x-ibranch {
  font-size: 12px;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-list {
  margin: 10px 0 0;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-list li {
  font-size: 11.5px;
  padding: 2px 10px;
  margin: 0px -10px;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-list li:nth-child(odd) {
  background-color: #eee;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-status-wrap {
  padding: 14px 0;
  margin: 13px 10px 0;
  border-top: 1px solid #ddd;
  overflow: hidden;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-status-wrap .x-status-item {
  float: left;
  padding-right: 15px;
  font-size: 13px;
  color: #aaa;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-status-wrap .x-status-item .x-label, .str-admin-wrapper .str-admin-overlay .x-content .x-status-wrap .x-status-item .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-admin-wrapper .str-admin-overlay .x-content .x-status-wrap .x-status-item .x-nf-label {
  color: #333;
  font-weight: bold;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-status-wrap .x-node {
  padding: 3px 0 3px 10px;
  display: block;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-status-wrap .x-node .x-label, .str-admin-wrapper .str-admin-overlay .x-content .x-status-wrap .x-node .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-admin-wrapper .str-admin-overlay .x-content .x-status-wrap .x-node .x-nf-label {
  color: #333;
  font-weight: bold;
}
.str-admin-wrapper .str-admin-overlay .x-content .x-status-wrap .x-node .x-email {
  padding-left: 16px;
  font-weight: normal;
  color: #aaa;
}

.str-image-gallery-wrapper .x-select-img-btn {
  border-radius: 5px;
  text-align: center;
  background-color: #009898;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 10px;
  width: 120px;
  height: 30px;
  line-height: 30px;
}
.str-image-gallery-wrapper .x-select-img-btn.x-disable {
  background-color: #C5C3C6;
}
.str-image-gallery-wrapper .x-select-img-btn.x-disable:hover {
  background-color: #C5C3C6;
  cursor: default;
}
.str-image-gallery-wrapper .x-select-img-btn:hover {
  background-color: #007e7f;
}
.str-image-gallery-wrapper .str-image-gallery {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  z-index: 2;
}
.str-image-gallery-wrapper .str-image-gallery .x-image-copy-url {
  position: absolute;
  opacity: 0;
}
.str-image-gallery-wrapper .str-image-gallery input[type="file"] {
  display: none;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup {
  padding: 15px 20px;
  z-index: 2;
  position: relative;
  top: 25%;
  margin: 0 auto;
  text-align: left;
  width: 685px;
  height: 326px;
  background-color: #fff;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  margin-bottom: 50px;
  box-sizing: border-box;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-noimgs-msg {
  text-align: center;
  position: absolute;
  top: 140px;
  color: #C5C3C6;
  width: 640px;
  font-size: 20px;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-popup-footer {
  border-top: 1px solid #C5C3C6;
  position: absolute;
  bottom: 0;
  width: 640px;
  padding: 13px 0;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #46494C;
  font-weight: 600;
  font-size: 14px;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-popup-footer span {
  cursor: pointer;
  -webkit-transition: color .25s;
  transition: color .25s;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-popup-footer span:hover {
  color: #9e9f9f;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-popup-footer .x-download-wrapper {
  display: flex;
  align-items: center;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-popup-footer .x-download-wrapper .ico-cms-unpublish {
  color: #6D9DC5;
  font-size: 18px;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-popup-footer .x-download-wrapper span, .str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-popup-footer .x-download-wrapper .x-dl-all {
  margin: 0 5px;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-popup-footer .x-add {
  text-align: center;
  color: #fff;
  padding: 3px 10px;
  float: right;
  box-sizing: border-box;
  font-size: 12px;
  border-radius: 2px;
  background: #6D9DC5;
  -webkit-transition: background .25s;
  transition: background .25s;
  cursor: pointer;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-popup-footer .x-add:hover {
  background: #92b5d3;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-popup-footer .x-add div {
  line-height: 1;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-header {
  color: #131515;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-header .x-gallery-num {
  color: #848586;
  font-weight: 400;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-header .x-partner-sizes {
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-header .x-partner-sizes .ico-arrow-down2 {
  font-size: 12px;
  margin-left: 5px;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-header .x-img-counter-wrap {
  float: right;
  margin-right: 15px;
  font-size: 13px;
  color: #848586;
  text-align: right;
  font-weight: 400;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-header .x-img-counter-wrap .x-counter-num {
  font-weight: bold;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-header .x-flash-msgs-wrapper {
  width: 165px;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-header .x-flash-msgs-wrapper .x-flash-msg {
  font-size: 13px;
  color: #C5C3C6;
  text-align: center;
  font-weight: 500;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-partner-size-list {
  position: absolute;
  max-width: 462px;
  background: #efefef;
  z-index: 1;
  left: 80px;
  font-size: 13px;
  padding: 12px;
  margin-top: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-partner-size-list .x-partner {
  display: inline-block;
  width: 95px;
  font-weight: 700;
  margin: 6px;
  line-height: 18px;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-partner-size-list .x-partner .x-partner-dimensions {
  font-weight: 100;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .ico-close-x {
  float: right;
  color: #B4B4B4;
  cursor: pointer;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-images {
  margin-top: 12px;
  margin-bottom: 40px;
  height: 240px;
  overflow: scroll;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-images .x-image-wrapper {
  display: inline-block;
  width: 200px;
  height: 101px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  margin: 5px;
  position: relative;
  border: 1px solid #C5C3C6;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-images .x-image-wrapper .x-num-crops {
  color: #fff;
  background-color: #131515;
  display: inline-block;
  position: absolute;
  right: 0;
  padding: 3px 7px;
  font-size: 12px;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-images .x-image-wrapper.x-selected-img {
  outline: 2px solid #38579b;
  border: 1px solid #38579b;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-images .x-image-wrapper .x-fb-img {
  background: url("http://static.topixcdn.com/pics/fb-overlay-2.png");
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-images .x-image-wrapper .x-overlay {
  width: 200px;
  height: 101px;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity .25s ease;
  -moz-transition: opacity .25s ease;
  background: transparent;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-images .x-image-wrapper .x-overlay span {
  cursor: pointer;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-images .x-image-wrapper .x-overlay .ico-link {
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 4px;
  font-size: 18px;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-images .x-image-wrapper .x-overlay .ico-facebook {
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 4px;
  font-size: 18px;
  width: 26px;
  height: 26px;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-images .x-image-wrapper .x-overlay .ico-facebook.x-nofb-crop {
  opacity: 0;
  visibility: hidden;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-images .x-image-wrapper .x-overlay .ico-cms-unpublish {
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 85px;
  bottom: 0;
  padding: 4px;
  font-size: 18px;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-images .x-image-wrapper .x-overlay .x-left-corner {
  left: 0;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-images .x-image-wrapper .x-delete-overlay {
  width: 200px;
  height: 100px;
  text-align: center;
  display: block;
  background: rgba(0, 0, 0, 0.6);
  position: relative;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-images .x-image-wrapper .x-delete-overlay .ico-close-circle {
  position: absolute;
  color: #fff;
  top: 0;
  left: 0;
  margin: 5px;
  font-size: 28px;
  cursor: pointer;
  opacity: 0.6;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-images .x-image-wrapper .x-delete-overlay .ico-close-circle:hover {
  opacity: 1;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-images .x-image-wrapper .x-delete-overlay .x-delete-msg {
  text-align: center;
  color: #fff;
  margin: 0 auto;
  font-size: 14px;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-images .x-image-wrapper .x-delete-overlay .x-delete-msg .yes, .str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-images .x-image-wrapper .x-delete-overlay .x-delete-msg .no {
  display: inline-block;
  background: green;
  width: 50px;
  height: 25px;
  padding: 5px;
  margin: 5px;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-images .x-image-wrapper .x-delete-overlay .x-delete-msg .no {
  background: red;
}
.str-image-gallery-wrapper .str-image-gallery .x-gallery-popup .x-gallery-images .x-image-wrapper:hover .x-overlay {
  opacity: 1;
}
.str-image-gallery-wrapper ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.str-image-gallery-wrapper ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.4);
}

.str-partner-tool-wrapper {
  max-width: 1200px;
  margin: 25px auto;
  padding: 20px 100px 0 20px;
  font-size: 14px;
}
.str-partner-tool-wrapper input[type='checkbox'] {
  margin: 0;
}
.str-partner-tool-wrapper .x-copy-msg, .str-partner-tool-wrapper .x-copyall-msg {
  opacity: 0;
  border: 1px solid #ffdd99;
  border-radius: 5px;
  width: 60px;
  font-size: 12px;
  padding: 5px;
  background-color: #ffffcc;
  position: relative;
  color: black;
  text-transform: none;
  font-weight: normal;
  position: absolute;
  left: -70px;
  top: -10px;
}
.str-partner-tool-wrapper .x-copy-msg:after, .str-partner-tool-wrapper .x-copyall-msg:after, .str-partner-tool-wrapper .x-copy-msg:before, .str-partner-tool-wrapper .x-copyall-msg:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.str-partner-tool-wrapper .x-copy-msg:after, .str-partner-tool-wrapper .x-copyall-msg:after {
  border-color: rgba(255, 221, 153, 0);
  border-left-color: #ffffcc;
  border-width: 7px;
  margin-top: -7px;
}
.str-partner-tool-wrapper .x-copy-msg:before, .str-partner-tool-wrapper .x-copyall-msg:before {
  border-color: rgba(255, 255, 204, 0);
  border-left-color: #ffdd99;
  border-width: 8px;
  margin-top: -8px;
}
.str-partner-tool-wrapper .ico-arrow-right {
  cursor: pointer;
}
.str-partner-tool-wrapper .x-copyall-msg {
  border: 1px solid #d6d6d6;
  background-color: #f3f3f3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  top: -18px;
  left: 115px;
  opacity: 1;
}
.str-partner-tool-wrapper .x-copyall-msg .x-copyall-selection {
  text-transform: uppercase;
  text-align: right;
  padding: 2px;
  position: relative;
}
.str-partner-tool-wrapper .x-copyall-msg .x-copyall-selection:hover {
  background-color: #dfdfdf;
}
.str-partner-tool-wrapper .x-copyall-msg:after {
  border-color: rgba(214, 214, 214, 0);
  border-right-color: #f3f3f3;
  left: -14px;
  right: 100%;
}
.str-partner-tool-wrapper .x-copyall-msg:before {
  border-color: rgba(243, 243, 243, 0);
  border-right-color: #d6d6d6;
  left: -16px;
  right: 100%;
}
.str-partner-tool-wrapper .x-hide {
  opacity: 0;
  cursor: default;
}
.str-partner-tool-wrapper .x-fade-out {
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  opacity: 0;
}
.str-partner-tool-wrapper .x-default {
  opacity: 0;
}
.str-partner-tool-wrapper .x-fade-in {
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  opacity: 1;
}
.str-partner-tool-wrapper .x-btn-blue, .str-partner-tool-wrapper .x-btn-label {
  cursor: pointer;
  margin-left: 10px;
  border-radius: 5px;
  background-color: #008cba;
  font-size: 12px;
  padding: 5px 8px;
  color: #fff;
}
.str-partner-tool-wrapper .x-btn-label {
  background-color: #f1df2d;
  font-weight: normal;
  color: black;
}
.str-partner-tool-wrapper .x-all-holder {
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.str-partner-tool-wrapper h1 {
  font-weight: bold;
}
.str-partner-tool-wrapper .x-loading-icon {
  width: 75px;
  height: 75px;
}
.str-partner-tool-wrapper .x-no-items {
  color: red;
}
.str-partner-tool-wrapper .x-enter-itemid {
  text-transform: uppercase;
  color: #8e8e8e;
}
.str-partner-tool-wrapper .x-copy-item-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  text-align: center;
}
.str-partner-tool-wrapper .x-copy-item-wrapper .ico-copy {
  cursor: pointer;
}
.str-partner-tool-wrapper .x-copy-item-wrapper .x-copy-item-link {
  overflow: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 25px;
}
.str-partner-tool-wrapper .x-copy-item-wrapper .x-copy-msg, .str-partner-tool-wrapper .x-copy-item-wrapper .x-copyall-msg {
  left: -45px;
}
.str-partner-tool-wrapper .x-page-element {
  margin-bottom: 15px;
}
.str-partner-tool-wrapper .x-copyall-section {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.str-partner-tool-wrapper .x-copyall-section .x-copy-all {
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  margin-right: 5px;
  width: 90px;
  text-align: center;
}
.str-partner-tool-wrapper .x-copyall-section .x-copy-all span {
  font-weight: 400;
}
.str-partner-tool-wrapper .x-copyall-section .x-copyall-flash {
  font-style: italic;
  font-size: 12px;
  color: #666;
  display: none;
  font-weight: 500;
}
.str-partner-tool-wrapper .x-copyall-section .ico-arrow-right {
  font-size: 7px;
}
.str-partner-tool-wrapper .x-item-partner-selection {
  display: flex;
  align-items: center;
}
.str-partner-tool-wrapper .x-item-partner-selection input[type='text'] {
  width: 150px;
  height: 25px;
  border-radius: 5px;
  font-size: 14px;
  margin: 0;
  margin-right: 10px;
  padding: 0;
  padding-left: 5px;
}
.str-partner-tool-wrapper .x-item-partner-selection input[type='text'].ng-invalid {
  border: 1px solid red;
}
.str-partner-tool-wrapper .x-item-partner-selection select {
  width: 120px;
  height: 25px;
  border-radius: 5px;
  font-size: 14px;
  margin: 0;
  margin-right: 10px;
  font-family: inherit;
  padding: 0;
  padding-left: 2px;
}
.str-partner-tool-wrapper .x-item-partner-selection .x-partner-rss {
  text-decoration: underline;
  margin-right: 5px;
  font-size: 12px;
  font-weight: 600;
}
.str-partner-tool-wrapper .x-item-partner-selection .x-campaign-type {
  display: inline-block;
  margin-left: auto;
}
.str-partner-tool-wrapper .x-item-partner-selection .x-campaign-type input {
  margin-right: 0;
}
.str-partner-tool-wrapper .x-item-partner-selection .x-campaign-type .x-error-wrapper {
  position: relative;
}
.str-partner-tool-wrapper .x-item-partner-selection .x-campaign-type .x-error-wrapper .x-error {
  position: absolute;
  top: -17px;
  color: red;
}
.str-partner-tool-wrapper .x-add-controls {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  font-size: 15px;
}
.str-partner-tool-wrapper textarea {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0;
  z-index: 999;
  resize: none;
  cursor: pointer;
  overflow: hidden;
}
.str-partner-tool-wrapper .x-right {
  float: right;
}
.str-partner-tool-wrapper table {
  width: 100%;
  border-collapse: collapse;
  border: none;
}
.str-partner-tool-wrapper table th {
  border: 1px solid #d6d6d6;
  background-color: #f3f3f3;
  font-weight: normal;
  text-transform: uppercase;
  padding: 3px;
  font-size: 12px;
}
.str-partner-tool-wrapper table th:nth-child(1), .str-partner-tool-wrapper table th:nth-child(3) {
  width: 12%;
}
.str-partner-tool-wrapper table th:nth-child(2) {
  text-align: left;
  padding-left: 10px;
  width: 76%;
}
.str-partner-tool-wrapper table tr {
  border-bottom: 1px solid #d6d6d6;
}
.str-partner-tool-wrapper table .x-img-container {
  position: relative;
  float: left;
}
.str-partner-tool-wrapper table .x-img-container img {
  display: block;
  max-height: 70px;
  min-width: 50px;
  max-width: 100%;
  z-index: 999;
}
.str-partner-tool-wrapper table .x-img-container .x-copy-msg, .str-partner-tool-wrapper table .x-img-container .x-copyall-msg {
  top: 5px;
}
.str-partner-tool-wrapper table .x-img-container .x-image-link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  overflow: hidden;
}
.str-partner-tool-wrapper table .x-img-container .x-copy-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: black;
  opacity: 0;
  transition: opacity 0.2s ease;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.str-partner-tool-wrapper table .x-img-container .x-copy-hover:hover {
  opacity: 0.7;
}
.str-partner-tool-wrapper table .x-img-container .x-copy-hover .ico-link {
  color: #fff;
  font-size: 20px;
  max-width: 50%;
}
.str-partner-tool-wrapper table td {
  padding: 15px;
}
.str-partner-tool-wrapper table td:nth-child(odd) {
  text-align: center;
}
.str-partner-tool-wrapper table .x-item-headline {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}
.str-partner-tool-wrapper table .x-item-headline .x-char-count {
  font-weight: 100;
  color: #8e8e8e;
}
.str-partner-tool-wrapper table .x-item-link-container {
  position: relative;
}
.str-partner-tool-wrapper table .x-item-link-container .x-item-link {
  position: relative;
  color: #8e8e8e;
  font-size: 13px;
  cursor: pointer;
}
.str-partner-tool-wrapper table .x-item-link-container:hover {
  text-decoration: underline;
}
.str-partner-tool-wrapper table .ico-copy {
  font-size: 20px;
}

.str-email-sub {
  background-color: white;
  width: 100%;
  display: none;
  position: absolute;
  z-index: 99992;
  text-align: center;
  color: #434343;
}
.str-email-sub .ico-close-x {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #b4b4b4;
  font-size: 20px;
  cursor: pointer;
  z-index: 1;
}
.str-email-sub .x-sub-content {
  height: 90%;
  position: relative;
}
.str-email-sub .x-sub-content .x-news-img {
  position: absolute;
  bottom: 10px;
  left: 30px;
  z-index: -1;
}
.str-email-sub .x-sub-content .x-sub-head-wrapper {
  position: relative;
  height: 20%;
}
.str-email-sub .x-sub-content .x-sub-head-wrapper .x-sub-head {
  font-size: 50px;
  font-weight: 700;
  position: absolute;
  width: 100%;
  top: 40%;
  color: #ed1c24;
}
.str-email-sub .x-sub-content .x-sub-blurb-wrapper {
  height: 80%;
  position: relative;
}
.str-email-sub .x-sub-content .x-sub-blurb-wrapper .x-sub-blurb {
  display: inline-block;
  position: absolute;
  text-align: left;
  top: 45%;
  transform: translateY(-50%);
}
.str-email-sub .x-sub-content .x-sub-blurb-wrapper .x-sub-blurb .x-blurb-msg {
  font-size: 30px;
  line-height: 40px;
  margin: 30px 0;
  font-weight: 600;
}
.str-email-sub .x-sub-content .x-sub-blurb-wrapper .x-sub-blurb .x-sub-area {
  padding-right: 30px;
}
.str-email-sub .x-sub-content .x-sub-blurb-wrapper .x-sub-blurb .x-sub-area input {
  text-align: center;
  font-size: 16px;
}
.str-email-sub .x-sub-content .x-sub-blurb-wrapper .x-sub-blurb .x-sub-area .x-hide {
  position: absolute;
  left: -5000px;
}
.str-email-sub .x-sub-content .x-sub-blurb-wrapper .x-sub-blurb .x-sub-area .x-sub-btn {
  width: 100%;
  background: #ed1c24;
  padding: 8px 0;
  color: #fff;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  font-weight: 700;
  font-size: 21px;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}
.str-email-sub .x-sub-content .x-sub-blurb-wrapper .x-sub-blurb .x-sub-thanks {
  display: none;
  padding-right: 20px;
}
.str-email-sub .x-sub-content .x-sub-blurb-wrapper .x-sub-blurb .x-sub-thanks .x-ty-msg {
  color: #ed1c24;
  font-weight: 700;
  display: inline-block;
  font-size: 20px;
  line-height: 25px;
  width: 80%;
}
.str-email-sub .x-sub-content .x-sub-blurb-wrapper .x-sub-blurb .x-sub-thanks .x-img-wrapper {
  float: right;
  width: 50px;
}
.str-email-sub .x-sub-area-wrapper {
  height: 10%;
  border-top: 1px solid #d5d5d5;
  background-color: #f2f2f2;
  position: relative;
  cursor: pointer;
}
.str-email-sub .x-sub-area-wrapper .x-continue-btn {
  width: 100%;
  color: #747474;
  font-weight: 600;
  font-size: 22px;
  text-align: center;
  font-size: 26px;
  opacity: 0.6;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}

#div-gpt-ad-0 {
  height: 0;
}

#div-gpt-ad-1 {
  text-align: center;
}

.\@str-gpt-oop {
  height: 0 !important;
}

.top-bar .toggle-topbar.menu-icon {
  display: none !important;
}

h1 {
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.625rem;
}

p {
  font-weight: 400;
}

.str-header-wrapper nav {
  width: 9.375rem !important;
  margin-right: 0 !important;
  overflow: hidden;
}

.str-slim-header-wrapper .name a span {
  display: inline-block !important;
  font-style: italic;
  font-weight: 900;
  text-transform: lowercase;
  letter-spacing: -1px;
  font-size: 33px;
  line-height: 38px;
}
.str-slim-header-wrapper .str-slim-site-title-2 {
  margin-left: -3px;
}

.str-stars-body .name a span {
  font-size: 49px;
  line-height: 35px;
  letter-spacing: -1.5px;
}
.str-stars-body .str-site-title-1 {
  color: #ed1c24;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-style: italic;
  letter-spacing: -1.5px;
}
.str-stars-body .str-error-content h1 {
  color: #ed1c24;
}
.str-stars-body .str-button-prev, .str-stars-body .str-button-next, .str-stars-body .str-button-next, .str-stars-body .str-button-start {
  color: white;
}
.str-stars-body .str-button-prev:hover, .str-stars-body .str-button-next:hover, .str-stars-body .str-button-next:hover, .str-stars-body .str-button-start:hover {
  color: white;
}
.str-stars-body .str-blurb-wrapper {
  background-color: #efefef;
}
.str-stars-body .x-number {
  background-color: #ed1c24;
}
.str-stars-body .str-quiz-modal .x-btn-close-results a {
  color: white;
  text-decoration: none;
}
.str-stars-body .str-quiz-modal .x-btn-close-results a:hover {
  color: #ed1c24;
}
.str-stars-body .str-quiz-modal .x-btn-close-results .str-bio-link {
  color: black;
}
.str-stars-body .str-quiz-modal .x-btn-close-results .str-bio-link:hover {
  color: #ed1c24;
}
.str-stars-body .str-quiz-modal .x-btn-close-results .str-overlay-subcaption .str-bio-link {
  color: white;
}
.str-stars-body .str-quiz-modal .x-btn-close-results .str-mason-col-wrapper .str-feat-item:hover .x-btn {
  background: #f2f2f2 !important;
}
.str-stars-body .str-quiz-modal .x-btn-close-results .str-mason-col-wrapper .str-feat-item .x-btn {
  background: white !important;
}
.str-stars-body .str-quiz-modal .x-btn-close-results .str-slideshow-menu .str-button-start-round {
  background: rgba(255, 255, 255, 0.85);
}
.str-stars-body .str-quiz-modal .x-btn-close-results .str-slideshow-menu .str-button-start-round:hover {
  background: rgba(255, 255, 255, 0.95);
}
.str-stars-body .str-next-quiz-wrapper {
  background-color: #ed1c24;
}
.str-stars-body .x-btn-start {
  background-color: #ed1c24 !important;
  color: white;
}
.str-stars-body .x-btn-start:hover {
  background-color: #970c11;
}
.str-stars-body .x-btn-start-round {
  background: rgba(237, 28, 36, 0.9);
}
.str-stars-body .x-btn-start-round:hover {
  background: #ed1c24;
}
.str-stars-body .quiz-cover_start,
.str-stars-body .quiz-cover_resume,
.str-stars-body .str-quiz-resume {
  background-color: #ed1c24 !important;
}
.str-stars-body .quiz-cover_start_round {
  background: rgba(237, 28, 36, 0.9);
}
.str-stars-body .quiz-cover_start_round:hover {
  background: #ed1c24;
}
.str-stars-body .str-quiz-intro .x-quiz-button-intro {
  background-color: #ed1c24 !important;
  color: white;
}
.str-stars-body .str-quiz-intro .x-quiz-button-intro:hover {
  background-color: #970c11;
}
.str-stars-body .str-quiz-intro .x-quiz-button-content {
  background-color: #ed1c24 !important;
  color: white;
}
.str-stars-body .str-quiz-intro .x-quiz-button-content:hover {
  background-color: #970c11;
}
.str-stars-body .str-answers-wrapper .x-answer:hover, .str-stars-body .str-answers-wrapper .x-answer.x-selected {
  background-color: #ed1c24;
}
.str-stars-body .sty-site-color {
  color: #ed1c24;
}
.str-stars-body .str-progress-bar .x-progress {
  background: #ed1c24;
}
.str-stars-body a {
  color: #ed1c24;
  text-decoration: none;
}
.str-stars-body a:hover {
  color: #970c11;
}
.str-stars-body .str-bio-link {
  color: black;
}
.str-stars-body .str-bio-link:hover {
  color: #970c11;
}
.str-stars-body .str-overlay-subcaption .str-bio-link {
  color: white;
}
.str-stars-body .str-mason-col-wrapper .str-feat-item:hover .x-btn {
  background: #de1219 !important;
}
.str-stars-body .str-mason-col-wrapper .str-feat-item .x-btn {
  background: #ed1c24 !important;
}
.str-stars-body .str-slideshow-menu .str-button-start-round {
  background: rgba(237, 28, 36, 0.85);
}
.str-stars-body .str-slideshow-menu .str-button-start-round:hover {
  background: rgba(237, 28, 36, 0.95);
}
.str-stars-body .str-indicator-wrapper .ico-quiz-question:hover, .str-stars-body .str-indicator-wrapper .ico-play-circle-2:hover {
  color: #ed1c24;
}
.str-stars-body .str-feedback-dialog .str-header {
  background-color: #ed1c24;
}
.str-stars-body .str-feedback-dialog .x-submit {
  background-color: #ed1c24;
}
.str-stars-body .str-feedback-dialog .x-submit:hover {
  background-color: #c61017;
}
.str-stars-body .str-star-rating .x-rated {
  color: #ed1c24;
}
.str-stars-body .str-recirc-widget a.x-title-wrap:hover .x-head {
  color: #c61017;
}
.str-stars-body .str-recirc-widget a.x-title-wrap:hover .x-see-link .x-icon {
  background: #c61017 !important;
}
.str-stars-body .str-recirc-widget .x-head {
  color: #ed1c24;
}
.str-stars-body .str-recirc-widget .x-see-link .x-icon {
  background: #ed1c24 !important;
}
.str-stars-body .str-recirc-widget .x-item:hover .x-title {
  color: #c61017 !important;
}
.str-stars-body .str-votes .x-vote-up.x-selected, .str-stars-body .str-votes .x-vote-down.x-selected {
  background-color: #ed1c24;
}
.str-stars-body .x-email-inline .x-head {
  color: #ed1c24;
}
.str-stars-body .x-email-inline .x-submit {
  background: #ed1c24;
}
.str-stars-body .str-content-wrapper .str-editor-item-table a:hover {
  color: #ed1c24;
}
.str-stars-body .str-slim-header-wrapper {
  background-color: #ed1c24;
}
.str-stars-body .str-slim-site-title-1 {
  color: white;
}
.str-stars-body .str-slim-site-title-2 {
  color: white;
}
.str-stars-body .x-thin-header .x-logo-wrap {
  top: -5px !important;
}
.str-stars-body .x-thin-header .x-logo-wrap .x-site-name {
  font-size: 60px !important;
  letter-spacing: -2px !important;
}
.str-stars-body .x-thin-header .x-logo-wrap .x-site-name .x-site-title-2 {
  left: 0;
}

.str-offbeat-body .x-number {
  background-color: #b8eb08;
}
.str-offbeat-body .str-quiz-modal .x-btn-close-results a {
  color: white;
  text-decoration: none;
}
.str-offbeat-body .str-quiz-modal .x-btn-close-results a:hover {
  color: #b8eb08;
}
.str-offbeat-body .str-quiz-modal .x-btn-close-results .str-bio-link {
  color: black;
}
.str-offbeat-body .str-quiz-modal .x-btn-close-results .str-bio-link:hover {
  color: #b8eb08;
}
.str-offbeat-body .str-quiz-modal .x-btn-close-results .str-overlay-subcaption .str-bio-link {
  color: white;
}
.str-offbeat-body .str-quiz-modal .x-btn-close-results .str-mason-col-wrapper .str-feat-item:hover .x-btn {
  background: #f2f2f2 !important;
}
.str-offbeat-body .str-quiz-modal .x-btn-close-results .str-mason-col-wrapper .str-feat-item .x-btn {
  background: white !important;
}
.str-offbeat-body .str-quiz-modal .x-btn-close-results .str-slideshow-menu .str-button-start-round {
  background: rgba(255, 255, 255, 0.85);
}
.str-offbeat-body .str-quiz-modal .x-btn-close-results .str-slideshow-menu .str-button-start-round:hover {
  background: rgba(255, 255, 255, 0.95);
}
.str-offbeat-body .str-next-quiz-wrapper {
  background-color: #b8eb08;
}
.str-offbeat-body .x-btn-start {
  background-color: #b8eb08 !important;
  color: white;
}
.str-offbeat-body .x-btn-start:hover {
  background-color: #6b8805;
}
.str-offbeat-body .x-btn-start-round {
  background: rgba(184, 235, 8, 0.9);
}
.str-offbeat-body .x-btn-start-round:hover {
  background: #b8eb08;
}
.str-offbeat-body .quiz-cover_start,
.str-offbeat-body .quiz-cover_resume,
.str-offbeat-body .str-quiz-resume {
  background-color: #b8eb08 !important;
}
.str-offbeat-body .quiz-cover_start_round {
  background: rgba(184, 235, 8, 0.9);
}
.str-offbeat-body .quiz-cover_start_round:hover {
  background: #b8eb08;
}
.str-offbeat-body .str-quiz-intro .x-quiz-button-intro {
  background-color: #b8eb08 !important;
  color: white;
}
.str-offbeat-body .str-quiz-intro .x-quiz-button-intro:hover {
  background-color: #6b8805;
}
.str-offbeat-body .str-quiz-intro .x-quiz-button-content {
  background-color: #b8eb08 !important;
  color: white;
}
.str-offbeat-body .str-quiz-intro .x-quiz-button-content:hover {
  background-color: #6b8805;
}
.str-offbeat-body .str-answers-wrapper .x-answer:hover, .str-offbeat-body .str-answers-wrapper .x-answer.x-selected {
  background-color: #b8eb08;
}
.str-offbeat-body .sty-site-color {
  color: #b8eb08;
}
.str-offbeat-body .str-progress-bar .x-progress {
  background: #b8eb08;
}
.str-offbeat-body a {
  color: #b8eb08;
  text-decoration: none;
}
.str-offbeat-body a:hover {
  color: #6b8805;
}
.str-offbeat-body .str-bio-link {
  color: black;
}
.str-offbeat-body .str-bio-link:hover {
  color: #6b8805;
}
.str-offbeat-body .str-overlay-subcaption .str-bio-link {
  color: white;
}
.str-offbeat-body .str-mason-col-wrapper .str-feat-item:hover .x-btn {
  background: #a5d207 !important;
}
.str-offbeat-body .str-mason-col-wrapper .str-feat-item .x-btn {
  background: #b8eb08 !important;
}
.str-offbeat-body .str-slideshow-menu .str-button-start-round {
  background: rgba(184, 235, 8, 0.85);
}
.str-offbeat-body .str-slideshow-menu .str-button-start-round:hover {
  background: rgba(184, 235, 8, 0.95);
}
.str-offbeat-body .str-indicator-wrapper .ico-quiz-question:hover, .str-offbeat-body .str-indicator-wrapper .ico-play-circle-2:hover {
  color: #b8eb08;
}
.str-offbeat-body .str-feedback-dialog .str-header {
  background-color: #b8eb08;
}
.str-offbeat-body .str-feedback-dialog .x-submit {
  background-color: #b8eb08;
}
.str-offbeat-body .str-feedback-dialog .x-submit:hover {
  background-color: #91ba06;
}
.str-offbeat-body .str-star-rating .x-rated {
  color: #b8eb08;
}
.str-offbeat-body .str-recirc-widget a.x-title-wrap:hover .x-head {
  color: #91ba06;
}
.str-offbeat-body .str-recirc-widget a.x-title-wrap:hover .x-see-link .x-icon {
  background: #91ba06 !important;
}
.str-offbeat-body .str-recirc-widget .x-head {
  color: #b8eb08;
}
.str-offbeat-body .str-recirc-widget .x-see-link .x-icon {
  background: #b8eb08 !important;
}
.str-offbeat-body .str-recirc-widget .x-item:hover .x-title {
  color: #91ba06 !important;
}
.str-offbeat-body .str-votes .x-vote-up.x-selected, .str-offbeat-body .str-votes .x-vote-down.x-selected {
  background-color: #b8eb08;
}
.str-offbeat-body .x-email-inline .x-head {
  color: #b8eb08;
}
.str-offbeat-body .x-email-inline .x-submit {
  background: #b8eb08;
}
.str-offbeat-body .str-content-wrapper .str-editor-item-table a:hover {
  color: #b8eb08;
}
.str-offbeat-body .str-slim-header-wrapper {
  background-color: #b8eb08;
}
.str-offbeat-body .str-slim-site-title-1 {
  color: white;
}
.str-offbeat-body .str-slim-site-title-2 {
  color: #2074ee;
}
.str-offbeat-body .x-thin-header .x-logo-wrap {
  top: 6px !important;
}
.str-offbeat-body .x-thin-header .x-logo-wrap .x-site-name {
  font-size: 47px !important;
  letter-spacing: -2px !important;
}
.str-offbeat-body .x-thin-header .x-logo-wrap .x-site-name .x-site-title-2 {
  left: -3px;
}
.str-offbeat-body .top-bar {
  background-color: #ffffff;
}
.str-offbeat-body .str-og-header-item-wrapper .x-button, .str-offbeat-body .str-og-item-wrapper .x-button {
  background-color: #b8eb08;
}
.str-offbeat-body .str-header-wrapper {
  border-bottom: 3px solid #b8eb08;
  background-color: white;
}
.str-offbeat-body .str-item-wrapper a .x-title {
  color: #666666;
  text-decoration: none;
}
.str-offbeat-body .str-item-wrapper a .x-title:hover {
  color: #b8eb08;
}
.str-offbeat-body .str-error-content h1 {
  color: #b8eb08;
}
.str-offbeat-body h2.x-answer {
  color: #666;
}
.str-offbeat-body .btn-quiz-nav:hover {
  color: #b8eb08;
}

.str-wellnest-body .x-number {
  background-color: #18f5df;
}
.str-wellnest-body .str-quiz-modal .x-btn-close-results a {
  color: white;
  text-decoration: none;
}
.str-wellnest-body .str-quiz-modal .x-btn-close-results a:hover {
  color: #18f5df;
}
.str-wellnest-body .str-quiz-modal .x-btn-close-results .str-bio-link {
  color: black;
}
.str-wellnest-body .str-quiz-modal .x-btn-close-results .str-bio-link:hover {
  color: #18f5df;
}
.str-wellnest-body .str-quiz-modal .x-btn-close-results .str-overlay-subcaption .str-bio-link {
  color: white;
}
.str-wellnest-body .str-quiz-modal .x-btn-close-results .str-mason-col-wrapper .str-feat-item:hover .x-btn {
  background: #f2f2f2 !important;
}
.str-wellnest-body .str-quiz-modal .x-btn-close-results .str-mason-col-wrapper .str-feat-item .x-btn {
  background: white !important;
}
.str-wellnest-body .str-quiz-modal .x-btn-close-results .str-slideshow-menu .str-button-start-round {
  background: rgba(255, 255, 255, 0.85);
}
.str-wellnest-body .str-quiz-modal .x-btn-close-results .str-slideshow-menu .str-button-start-round:hover {
  background: rgba(255, 255, 255, 0.95);
}
.str-wellnest-body .str-next-quiz-wrapper {
  background-color: #18f5df;
}
.str-wellnest-body .x-btn-start {
  background-color: #18f5df !important;
  color: white;
}
.str-wellnest-body .x-btn-start:hover {
  background-color: #07a091;
}
.str-wellnest-body .x-btn-start-round {
  background: rgba(24, 245, 223, 0.9);
}
.str-wellnest-body .x-btn-start-round:hover {
  background: #18f5df;
}
.str-wellnest-body .quiz-cover_start,
.str-wellnest-body .quiz-cover_resume,
.str-wellnest-body .str-quiz-resume {
  background-color: #18f5df !important;
}
.str-wellnest-body .quiz-cover_start_round {
  background: rgba(24, 245, 223, 0.9);
}
.str-wellnest-body .quiz-cover_start_round:hover {
  background: #18f5df;
}
.str-wellnest-body .str-quiz-intro .x-quiz-button-intro {
  background-color: #18f5df !important;
  color: white;
}
.str-wellnest-body .str-quiz-intro .x-quiz-button-intro:hover {
  background-color: #07a091;
}
.str-wellnest-body .str-quiz-intro .x-quiz-button-content {
  background-color: #18f5df !important;
  color: white;
}
.str-wellnest-body .str-quiz-intro .x-quiz-button-content:hover {
  background-color: #07a091;
}
.str-wellnest-body .str-answers-wrapper .x-answer:hover, .str-wellnest-body .str-answers-wrapper .x-answer.x-selected {
  background-color: #18f5df;
}
.str-wellnest-body .sty-site-color {
  color: #18f5df;
}
.str-wellnest-body .str-progress-bar .x-progress {
  background: #18f5df;
}
.str-wellnest-body a {
  color: #18f5df;
  text-decoration: none;
}
.str-wellnest-body a:hover {
  color: #24d3f7;
}
.str-wellnest-body .str-bio-link {
  color: black;
}
.str-wellnest-body .str-bio-link:hover {
  color: #24d3f7;
}
.str-wellnest-body .str-overlay-subcaption .str-bio-link {
  color: white;
}
.str-wellnest-body .str-mason-col-wrapper .str-feat-item:hover .x-btn {
  background: #0ae9d3 !important;
}
.str-wellnest-body .str-mason-col-wrapper .str-feat-item .x-btn {
  background: #18f5df !important;
}
.str-wellnest-body .str-slideshow-menu .str-button-start-round {
  background: rgba(24, 245, 223, 0.85);
}
.str-wellnest-body .str-slideshow-menu .str-button-start-round:hover {
  background: rgba(24, 245, 223, 0.95);
}
.str-wellnest-body .str-indicator-wrapper .ico-quiz-question:hover, .str-wellnest-body .str-indicator-wrapper .ico-play-circle-2:hover {
  color: #18f5df;
}
.str-wellnest-body .str-feedback-dialog .str-header {
  background-color: #18f5df;
}
.str-wellnest-body .str-feedback-dialog .x-submit {
  background-color: #18f5df;
}
.str-wellnest-body .str-feedback-dialog .x-submit:hover {
  background-color: #09d1bd;
}
.str-wellnest-body .str-star-rating .x-rated {
  color: #18f5df;
}
.str-wellnest-body .str-recirc-widget a.x-title-wrap:hover .x-head {
  color: #09d1bd;
}
.str-wellnest-body .str-recirc-widget a.x-title-wrap:hover .x-see-link .x-icon {
  background: #09d1bd !important;
}
.str-wellnest-body .str-recirc-widget .x-head {
  color: #18f5df;
}
.str-wellnest-body .str-recirc-widget .x-see-link .x-icon {
  background: #18f5df !important;
}
.str-wellnest-body .str-recirc-widget .x-item:hover .x-title {
  color: #09d1bd !important;
}
.str-wellnest-body .str-votes .x-vote-up.x-selected, .str-wellnest-body .str-votes .x-vote-down.x-selected {
  background-color: #18f5df;
}
.str-wellnest-body .x-email-inline .x-head {
  color: #18f5df;
}
.str-wellnest-body .x-email-inline .x-submit {
  background: #18f5df;
}
.str-wellnest-body .str-content-wrapper .str-editor-item-table a:hover {
  color: #18f5df;
}
.str-wellnest-body .str-slim-header-wrapper {
  background-color: #24d3f7;
}
.str-wellnest-body .str-slim-site-title-1 {
  color: #18f5df;
}
.str-wellnest-body .str-slim-site-title-2 {
  color: white;
}
.str-wellnest-body .x-thin-header .x-logo-wrap {
  top: 4px !important;
}
.str-wellnest-body .x-thin-header .x-logo-wrap .x-site-name {
  font-size: 48px !important;
  letter-spacing: -2px !important;
}
.str-wellnest-body .x-thin-header .x-logo-wrap .x-site-name .x-site-title-2 {
  left: -9px;
}
.str-wellnest-body .str-error-content h1 {
  color: #18f5df;
}
.str-wellnest-body .str-button-start .x-text {
  color: #ffffff;
}
.str-wellnest-body .top-bar {
  background-color: #ffffff;
}
.str-wellnest-body .str-site-title-1 {
  color: #18f5df !important;
}
.str-wellnest-body .str-site-title-2 {
  margin-left: -0.25rem;
  color: #18f5df !important;
}
.str-wellnest-body .str-slim-site-title-2 {
  margin-left: -4px !important;
}
.str-wellnest-body .str-og-header-item-wrapper .x-button, .str-wellnest-body .str-og-item-wrapper .x-button {
  background-color: #18f5df;
}
.str-wellnest-body .str-header-wrapper {
  border-bottom: 3px solid #18f5df;
  background-color: white;
}
.str-wellnest-body .str-header-wrapper nav {
  max-width: 11.25rem !important;
}
.str-wellnest-body .str-item-wrapper a .x-title {
  color: #666;
  text-decoration: none;
}
.str-wellnest-body .str-item-wrapper a .x-title:hover {
  color: #18f5df;
}
.str-wellnest-body .str-blurb-wrapper {
  background-color: #e4faff;
}

.str-sp-body .x-number {
  background-color: #31577a;
}
.str-sp-body .str-quiz-modal .x-btn-close-results a {
  color: white;
  text-decoration: none;
}
.str-sp-body .str-quiz-modal .x-btn-close-results a:hover {
  color: #31577a;
}
.str-sp-body .str-quiz-modal .x-btn-close-results .str-bio-link {
  color: black;
}
.str-sp-body .str-quiz-modal .x-btn-close-results .str-bio-link:hover {
  color: #31577a;
}
.str-sp-body .str-quiz-modal .x-btn-close-results .str-overlay-subcaption .str-bio-link {
  color: white;
}
.str-sp-body .str-quiz-modal .x-btn-close-results .str-mason-col-wrapper .str-feat-item:hover .x-btn {
  background: #f2f2f2 !important;
}
.str-sp-body .str-quiz-modal .x-btn-close-results .str-mason-col-wrapper .str-feat-item .x-btn {
  background: white !important;
}
.str-sp-body .str-quiz-modal .x-btn-close-results .str-slideshow-menu .str-button-start-round {
  background: rgba(255, 255, 255, 0.85);
}
.str-sp-body .str-quiz-modal .x-btn-close-results .str-slideshow-menu .str-button-start-round:hover {
  background: rgba(255, 255, 255, 0.95);
}
.str-sp-body .str-next-quiz-wrapper {
  background-color: #31577a;
}
.str-sp-body .x-btn-start {
  background-color: #31577a !important;
  color: white;
}
.str-sp-body .x-btn-start:hover {
  background-color: #142331;
}
.str-sp-body .x-btn-start-round {
  background: rgba(49, 87, 122, 0.9);
}
.str-sp-body .x-btn-start-round:hover {
  background: #31577a;
}
.str-sp-body .quiz-cover_start,
.str-sp-body .quiz-cover_resume,
.str-sp-body .str-quiz-resume {
  background-color: #31577a !important;
}
.str-sp-body .quiz-cover_start_round {
  background: rgba(49, 87, 122, 0.9);
}
.str-sp-body .quiz-cover_start_round:hover {
  background: #31577a;
}
.str-sp-body .str-quiz-intro .x-quiz-button-intro {
  background-color: #31577a !important;
  color: white;
}
.str-sp-body .str-quiz-intro .x-quiz-button-intro:hover {
  background-color: #142331;
}
.str-sp-body .str-quiz-intro .x-quiz-button-content {
  background-color: #31577a !important;
  color: white;
}
.str-sp-body .str-quiz-intro .x-quiz-button-content:hover {
  background-color: #142331;
}
.str-sp-body .str-answers-wrapper .x-answer:hover, .str-sp-body .str-answers-wrapper .x-answer.x-selected {
  background-color: #31577a;
}
.str-sp-body .sty-site-color {
  color: #31577a;
}
.str-sp-body .str-progress-bar .x-progress {
  background: #31577a;
}
.str-sp-body a {
  color: #31577a;
  text-decoration: none;
}
.str-sp-body a:hover {
  color: #fd4f19;
}
.str-sp-body .str-bio-link {
  color: black;
}
.str-sp-body .str-bio-link:hover {
  color: #fd4f19;
}
.str-sp-body .str-overlay-subcaption .str-bio-link {
  color: white;
}
.str-sp-body .str-mason-col-wrapper .str-feat-item:hover .x-btn {
  background: #2a4a68 !important;
}
.str-sp-body .str-mason-col-wrapper .str-feat-item .x-btn {
  background: #31577a !important;
}
.str-sp-body .str-slideshow-menu .str-button-start-round {
  background: rgba(49, 87, 122, 0.85);
}
.str-sp-body .str-slideshow-menu .str-button-start-round:hover {
  background: rgba(49, 87, 122, 0.95);
}
.str-sp-body .str-indicator-wrapper .ico-quiz-question:hover, .str-sp-body .str-indicator-wrapper .ico-play-circle-2:hover {
  color: #31577a;
}
.str-sp-body .str-feedback-dialog .str-header {
  background-color: #31577a;
}
.str-sp-body .str-feedback-dialog .x-submit {
  background-color: #31577a;
}
.str-sp-body .str-feedback-dialog .x-submit:hover {
  background-color: #223d56;
}
.str-sp-body .str-star-rating .x-rated {
  color: #31577a;
}
.str-sp-body .str-recirc-widget a.x-title-wrap:hover .x-head {
  color: #223d56;
}
.str-sp-body .str-recirc-widget a.x-title-wrap:hover .x-see-link .x-icon {
  background: #223d56 !important;
}
.str-sp-body .str-recirc-widget .x-head {
  color: #31577a;
}
.str-sp-body .str-recirc-widget .x-see-link .x-icon {
  background: #31577a !important;
}
.str-sp-body .str-recirc-widget .x-item:hover .x-title {
  color: #223d56 !important;
}
.str-sp-body .str-votes .x-vote-up.x-selected, .str-sp-body .str-votes .x-vote-down.x-selected {
  background-color: #31577a;
}
.str-sp-body .x-email-inline .x-head {
  color: #31577a;
}
.str-sp-body .x-email-inline .x-submit {
  background: #31577a;
}
.str-sp-body .str-content-wrapper .str-editor-item-table a:hover {
  color: #31577a;
}
.str-sp-body .str-slim-header-wrapper {
  background-color: #31577a;
}
.str-sp-body .str-slim-site-title-1 {
  color: #fd4f19;
}
.str-sp-body .str-slim-site-title-2 {
  color: white;
}
.str-sp-body .x-thin-header .x-logo-wrap {
  top: 5px !important;
}
.str-sp-body .x-thin-header .x-logo-wrap .x-site-name {
  font-size: 48px !important;
  letter-spacing: -2px !important;
}
.str-sp-body .x-thin-header .x-logo-wrap .x-site-name .x-site-title-2 {
  left: -7px;
}
.str-sp-body .str-slim-site-title-2 {
  margin-left: -3px !important;
}
.str-sp-body .str-item-wrapper .x-title:hover {
  color: #31577a;
}

.str-be-body .x-number {
  background-color: #d83b79;
}
.str-be-body .str-quiz-modal .x-btn-close-results a {
  color: white;
  text-decoration: none;
}
.str-be-body .str-quiz-modal .x-btn-close-results a:hover {
  color: #d83b79;
}
.str-be-body .str-quiz-modal .x-btn-close-results .str-bio-link {
  color: black;
}
.str-be-body .str-quiz-modal .x-btn-close-results .str-bio-link:hover {
  color: #d83b79;
}
.str-be-body .str-quiz-modal .x-btn-close-results .str-overlay-subcaption .str-bio-link {
  color: white;
}
.str-be-body .str-quiz-modal .x-btn-close-results .str-mason-col-wrapper .str-feat-item:hover .x-btn {
  background: #f2f2f2 !important;
}
.str-be-body .str-quiz-modal .x-btn-close-results .str-mason-col-wrapper .str-feat-item .x-btn {
  background: white !important;
}
.str-be-body .str-quiz-modal .x-btn-close-results .str-slideshow-menu .str-button-start-round {
  background: rgba(255, 255, 255, 0.85);
}
.str-be-body .str-quiz-modal .x-btn-close-results .str-slideshow-menu .str-button-start-round:hover {
  background: rgba(255, 255, 255, 0.95);
}
.str-be-body .str-next-quiz-wrapper {
  background-color: #d83b79;
}
.str-be-body .x-btn-start {
  background-color: #d83b79 !important;
  color: white;
}
.str-be-body .x-btn-start:hover {
  background-color: #901d4a;
}
.str-be-body .x-btn-start-round {
  background: rgba(216, 59, 121, 0.9);
}
.str-be-body .x-btn-start-round:hover {
  background: #d83b79;
}
.str-be-body .quiz-cover_start,
.str-be-body .quiz-cover_resume,
.str-be-body .str-quiz-resume {
  background-color: #d83b79 !important;
}
.str-be-body .quiz-cover_start_round {
  background: rgba(216, 59, 121, 0.9);
}
.str-be-body .quiz-cover_start_round:hover {
  background: #d83b79;
}
.str-be-body .str-quiz-intro .x-quiz-button-intro {
  background-color: #d83b79 !important;
  color: white;
}
.str-be-body .str-quiz-intro .x-quiz-button-intro:hover {
  background-color: #901d4a;
}
.str-be-body .str-quiz-intro .x-quiz-button-content {
  background-color: #d83b79 !important;
  color: white;
}
.str-be-body .str-quiz-intro .x-quiz-button-content:hover {
  background-color: #901d4a;
}
.str-be-body .str-answers-wrapper .x-answer:hover, .str-be-body .str-answers-wrapper .x-answer.x-selected {
  background-color: #d83b79;
}
.str-be-body .sty-site-color {
  color: #d83b79;
}
.str-be-body .str-progress-bar .x-progress {
  background: #d83b79;
}
.str-be-body .str-slim-header-wrapper {
  background-color: #d83b79;
}
.str-be-body .str-slim-site-title-1 {
  color: white;
}
.str-be-body .str-slim-site-title-2 {
  color: #d6d6d6;
}
.str-be-body .x-thin-header .x-logo-wrap {
  top: 8px !important;
}
.str-be-body .x-thin-header .x-logo-wrap .x-site-name {
  font-size: 45px !important;
  letter-spacing: -1px !important;
}
.str-be-body .x-thin-header .x-logo-wrap .x-site-name .x-site-title-2 {
  left: -7px;
}
.str-be-body a {
  color: #d83b79;
  text-decoration: none;
}
.str-be-body a:hover {
  color: #a3a3a3;
}
.str-be-body .str-bio-link {
  color: black;
}
.str-be-body .str-bio-link:hover {
  color: #a3a3a3;
}
.str-be-body .str-overlay-subcaption .str-bio-link {
  color: white;
}
.str-be-body .str-mason-col-wrapper .str-feat-item:hover .x-btn {
  background: #d0296b !important;
}
.str-be-body .str-mason-col-wrapper .str-feat-item .x-btn {
  background: #d83b79 !important;
}
.str-be-body .str-slideshow-menu .str-button-start-round {
  background: rgba(216, 59, 121, 0.85);
}
.str-be-body .str-slideshow-menu .str-button-start-round:hover {
  background: rgba(216, 59, 121, 0.95);
}
.str-be-body .str-indicator-wrapper .ico-quiz-question:hover, .str-be-body .str-indicator-wrapper .ico-play-circle-2:hover {
  color: #d83b79;
}
.str-be-body .str-feedback-dialog .str-header {
  background-color: #d83b79;
}
.str-be-body .str-feedback-dialog .x-submit {
  background-color: #d83b79;
}
.str-be-body .str-feedback-dialog .x-submit:hover {
  background-color: #bb2560;
}
.str-be-body .str-star-rating .x-rated {
  color: #d83b79;
}
.str-be-body .str-recirc-widget a.x-title-wrap:hover .x-head {
  color: #bb2560;
}
.str-be-body .str-recirc-widget a.x-title-wrap:hover .x-see-link .x-icon {
  background: #bb2560 !important;
}
.str-be-body .str-recirc-widget .x-head {
  color: #d83b79;
}
.str-be-body .str-recirc-widget .x-see-link .x-icon {
  background: #d83b79 !important;
}
.str-be-body .str-recirc-widget .x-item:hover .x-title {
  color: #bb2560 !important;
}
.str-be-body .str-votes .x-vote-up.x-selected, .str-be-body .str-votes .x-vote-down.x-selected {
  background-color: #d83b79;
}
.str-be-body .x-email-inline .x-head {
  color: #d83b79;
}
.str-be-body .x-email-inline .x-submit {
  background: #d83b79;
}
.str-be-body .str-content-wrapper .str-editor-item-table a:hover {
  color: #d83b79;
}
.str-be-body .str-slim-site-title-2 {
  margin-left: -3px !important;
}
.str-be-body .str-item-wrapper .x-title:hover {
  color: #d83b79;
}

.str-pg-body .x-number {
  background-color: #59c1ea;
}
.str-pg-body .str-quiz-modal .x-btn-close-results a {
  color: white;
  text-decoration: none;
}
.str-pg-body .str-quiz-modal .x-btn-close-results a:hover {
  color: #59c1ea;
}
.str-pg-body .str-quiz-modal .x-btn-close-results .str-bio-link {
  color: black;
}
.str-pg-body .str-quiz-modal .x-btn-close-results .str-bio-link:hover {
  color: #59c1ea;
}
.str-pg-body .str-quiz-modal .x-btn-close-results .str-overlay-subcaption .str-bio-link {
  color: white;
}
.str-pg-body .str-quiz-modal .x-btn-close-results .str-mason-col-wrapper .str-feat-item:hover .x-btn {
  background: #f2f2f2 !important;
}
.str-pg-body .str-quiz-modal .x-btn-close-results .str-mason-col-wrapper .str-feat-item .x-btn {
  background: white !important;
}
.str-pg-body .str-quiz-modal .x-btn-close-results .str-slideshow-menu .str-button-start-round {
  background: rgba(255, 255, 255, 0.85);
}
.str-pg-body .str-quiz-modal .x-btn-close-results .str-slideshow-menu .str-button-start-round:hover {
  background: rgba(255, 255, 255, 0.95);
}
.str-pg-body .str-next-quiz-wrapper {
  background-color: #59c1ea;
}
.str-pg-body .x-btn-start {
  background-color: #59c1ea !important;
  color: white;
}
.str-pg-body .x-btn-start:hover {
  background-color: #1994c4;
}
.str-pg-body .x-btn-start-round {
  background: rgba(89, 193, 234, 0.9);
}
.str-pg-body .x-btn-start-round:hover {
  background: #59c1ea;
}
.str-pg-body .quiz-cover_start,
.str-pg-body .quiz-cover_resume,
.str-pg-body .str-quiz-resume {
  background-color: #59c1ea !important;
}
.str-pg-body .quiz-cover_start_round {
  background: rgba(89, 193, 234, 0.9);
}
.str-pg-body .quiz-cover_start_round:hover {
  background: #59c1ea;
}
.str-pg-body .str-quiz-intro .x-quiz-button-intro {
  background-color: #59c1ea !important;
  color: white;
}
.str-pg-body .str-quiz-intro .x-quiz-button-intro:hover {
  background-color: #1994c4;
}
.str-pg-body .str-quiz-intro .x-quiz-button-content {
  background-color: #59c1ea !important;
  color: white;
}
.str-pg-body .str-quiz-intro .x-quiz-button-content:hover {
  background-color: #1994c4;
}
.str-pg-body .str-answers-wrapper .x-answer:hover, .str-pg-body .str-answers-wrapper .x-answer.x-selected {
  background-color: #59c1ea;
}
.str-pg-body .sty-site-color {
  color: #59c1ea;
}
.str-pg-body .str-progress-bar .x-progress {
  background: #59c1ea;
}
.str-pg-body .str-slim-header-wrapper {
  background-color: #59c1ea;
}
.str-pg-body .str-slim-site-title-1 {
  color: white;
}
.str-pg-body .str-slim-site-title-2 {
  color: #c9e04f;
}
.str-pg-body .x-thin-header .x-logo-wrap {
  top: 5px !important;
}
.str-pg-body .x-thin-header .x-logo-wrap .x-site-name {
  font-size: 47px !important;
  letter-spacing: -1px !important;
}
.str-pg-body .x-thin-header .x-logo-wrap .x-site-name .x-site-title-2 {
  left: -7px;
}
.str-pg-body a {
  color: #59c1ea;
  text-decoration: none;
}
.str-pg-body a:hover {
  color: #95ab1e;
}
.str-pg-body .str-bio-link {
  color: black;
}
.str-pg-body .str-bio-link:hover {
  color: #95ab1e;
}
.str-pg-body .str-overlay-subcaption .str-bio-link {
  color: white;
}
.str-pg-body .str-mason-col-wrapper .str-feat-item:hover .x-btn {
  background: #42b9e7 !important;
}
.str-pg-body .str-mason-col-wrapper .str-feat-item .x-btn {
  background: #59c1ea !important;
}
.str-pg-body .str-slideshow-menu .str-button-start-round {
  background: rgba(89, 193, 234, 0.85);
}
.str-pg-body .str-slideshow-menu .str-button-start-round:hover {
  background: rgba(89, 193, 234, 0.95);
}
.str-pg-body .str-indicator-wrapper .ico-quiz-question:hover, .str-pg-body .str-indicator-wrapper .ico-play-circle-2:hover {
  color: #59c1ea;
}
.str-pg-body .str-feedback-dialog .str-header {
  background-color: #59c1ea;
}
.str-pg-body .str-feedback-dialog .x-submit {
  background-color: #59c1ea;
}
.str-pg-body .str-feedback-dialog .x-submit:hover {
  background-color: #2cb0e4;
}
.str-pg-body .str-star-rating .x-rated {
  color: #59c1ea;
}
.str-pg-body .str-recirc-widget a.x-title-wrap:hover .x-head {
  color: #2cb0e4;
}
.str-pg-body .str-recirc-widget a.x-title-wrap:hover .x-see-link .x-icon {
  background: #2cb0e4 !important;
}
.str-pg-body .str-recirc-widget .x-head {
  color: #59c1ea;
}
.str-pg-body .str-recirc-widget .x-see-link .x-icon {
  background: #59c1ea !important;
}
.str-pg-body .str-recirc-widget .x-item:hover .x-title {
  color: #2cb0e4 !important;
}
.str-pg-body .str-votes .x-vote-up.x-selected, .str-pg-body .str-votes .x-vote-down.x-selected {
  background-color: #59c1ea;
}
.str-pg-body .x-email-inline .x-head {
  color: #59c1ea;
}
.str-pg-body .x-email-inline .x-submit {
  background: #59c1ea;
}
.str-pg-body .str-content-wrapper .str-editor-item-table a:hover {
  color: #59c1ea;
}
.str-pg-body .str-slim-site-title-2 {
  margin-left: -2px !important;
}
.str-pg-body .str-item-wrapper .x-title:hover {
  color: #59c1ea;
}

.str-tt-body .x-number {
  background-color: #3481cc;
}
.str-tt-body .str-quiz-modal .x-btn-close-results a {
  color: white;
  text-decoration: none;
}
.str-tt-body .str-quiz-modal .x-btn-close-results a:hover {
  color: #3481cc;
}
.str-tt-body .str-quiz-modal .x-btn-close-results .str-bio-link {
  color: black;
}
.str-tt-body .str-quiz-modal .x-btn-close-results .str-bio-link:hover {
  color: #3481cc;
}
.str-tt-body .str-quiz-modal .x-btn-close-results .str-overlay-subcaption .str-bio-link {
  color: white;
}
.str-tt-body .str-quiz-modal .x-btn-close-results .str-mason-col-wrapper .str-feat-item:hover .x-btn {
  background: #f2f2f2 !important;
}
.str-tt-body .str-quiz-modal .x-btn-close-results .str-mason-col-wrapper .str-feat-item .x-btn {
  background: white !important;
}
.str-tt-body .str-quiz-modal .x-btn-close-results .str-slideshow-menu .str-button-start-round {
  background: rgba(255, 255, 255, 0.85);
}
.str-tt-body .str-quiz-modal .x-btn-close-results .str-slideshow-menu .str-button-start-round:hover {
  background: rgba(255, 255, 255, 0.95);
}
.str-tt-body .str-next-quiz-wrapper {
  background-color: #3481cc;
}
.str-tt-body .x-btn-start {
  background-color: #3481cc !important;
  color: white;
}
.str-tt-body .x-btn-start:hover {
  background-color: #1f4e7b;
}
.str-tt-body .x-btn-start-round {
  background: rgba(52, 129, 204, 0.9);
}
.str-tt-body .x-btn-start-round:hover {
  background: #3481cc;
}
.str-tt-body .quiz-cover_start,
.str-tt-body .quiz-cover_resume,
.str-tt-body .str-quiz-resume {
  background-color: #3481cc !important;
}
.str-tt-body .quiz-cover_start_round {
  background: rgba(52, 129, 204, 0.9);
}
.str-tt-body .quiz-cover_start_round:hover {
  background: #3481cc;
}
.str-tt-body .str-quiz-intro .x-quiz-button-intro {
  background-color: #3481cc !important;
  color: white;
}
.str-tt-body .str-quiz-intro .x-quiz-button-intro:hover {
  background-color: #1f4e7b;
}
.str-tt-body .str-quiz-intro .x-quiz-button-content {
  background-color: #3481cc !important;
  color: white;
}
.str-tt-body .str-quiz-intro .x-quiz-button-content:hover {
  background-color: #1f4e7b;
}
.str-tt-body .str-answers-wrapper .x-answer:hover, .str-tt-body .str-answers-wrapper .x-answer.x-selected {
  background-color: #3481cc;
}
.str-tt-body .sty-site-color {
  color: #3481cc;
}
.str-tt-body .str-progress-bar .x-progress {
  background: #3481cc;
}
.str-tt-body .str-slim-header-wrapper {
  background-color: #3481cc;
}
.str-tt-body .str-slim-site-title-1 {
  color: white;
}
.str-tt-body .str-slim-site-title-2 {
  color: white;
}
.str-tt-body .x-thin-header .x-logo-wrap {
  top: 4px !important;
}
.str-tt-body .x-thin-header .x-logo-wrap .x-site-name {
  font-size: 50px !important;
  letter-spacing: -1px !important;
}
.str-tt-body .x-thin-header .x-logo-wrap .x-site-name .x-site-title-2 {
  left: -9px;
}
.str-tt-body a {
  color: #3481cc;
  text-decoration: none;
}
.str-tt-body a:hover {
  color: #cccccc;
}
.str-tt-body .str-bio-link {
  color: black;
}
.str-tt-body .str-bio-link:hover {
  color: #cccccc;
}
.str-tt-body .str-overlay-subcaption .str-bio-link {
  color: white;
}
.str-tt-body .str-mason-col-wrapper .str-feat-item:hover .x-btn {
  background: #2e74b8 !important;
}
.str-tt-body .str-mason-col-wrapper .str-feat-item .x-btn {
  background: #3481cc !important;
}
.str-tt-body .str-slideshow-menu .str-button-start-round {
  background: rgba(52, 129, 204, 0.85);
}
.str-tt-body .str-slideshow-menu .str-button-start-round:hover {
  background: rgba(52, 129, 204, 0.95);
}
.str-tt-body .str-indicator-wrapper .ico-quiz-question:hover, .str-tt-body .str-indicator-wrapper .ico-play-circle-2:hover {
  color: #3481cc;
}
.str-tt-body .str-feedback-dialog .str-header {
  background-color: #3481cc;
}
.str-tt-body .str-feedback-dialog .x-submit {
  background-color: #3481cc;
}
.str-tt-body .str-feedback-dialog .x-submit:hover {
  background-color: #2967a4;
}
.str-tt-body .str-star-rating .x-rated {
  color: #3481cc;
}
.str-tt-body .str-recirc-widget a.x-title-wrap:hover .x-head {
  color: #2967a4;
}
.str-tt-body .str-recirc-widget a.x-title-wrap:hover .x-see-link .x-icon {
  background: #2967a4 !important;
}
.str-tt-body .str-recirc-widget .x-head {
  color: #3481cc;
}
.str-tt-body .str-recirc-widget .x-see-link .x-icon {
  background: #3481cc !important;
}
.str-tt-body .str-recirc-widget .x-item:hover .x-title {
  color: #2967a4 !important;
}
.str-tt-body .str-votes .x-vote-up.x-selected, .str-tt-body .str-votes .x-vote-down.x-selected {
  background-color: #3481cc;
}
.str-tt-body .x-email-inline .x-head {
  color: #3481cc;
}
.str-tt-body .x-email-inline .x-submit {
  background: #3481cc;
}
.str-tt-body .str-content-wrapper .str-editor-item-table a:hover {
  color: #3481cc;
}
.str-tt-body .str-item-wrapper .x-title:hover {
  color: #3481cc;
}

.str-pt-body .x-number {
  background-color: #dc7224;
}
.str-pt-body .str-quiz-modal .x-btn-close-results a {
  color: white;
  text-decoration: none;
}
.str-pt-body .str-quiz-modal .x-btn-close-results a:hover {
  color: #dc7224;
}
.str-pt-body .str-quiz-modal .x-btn-close-results .str-bio-link {
  color: black;
}
.str-pt-body .str-quiz-modal .x-btn-close-results .str-bio-link:hover {
  color: #dc7224;
}
.str-pt-body .str-quiz-modal .x-btn-close-results .str-overlay-subcaption .str-bio-link {
  color: white;
}
.str-pt-body .str-quiz-modal .x-btn-close-results .str-mason-col-wrapper .str-feat-item:hover .x-btn {
  background: #f2f2f2 !important;
}
.str-pt-body .str-quiz-modal .x-btn-close-results .str-mason-col-wrapper .str-feat-item .x-btn {
  background: white !important;
}
.str-pt-body .str-quiz-modal .x-btn-close-results .str-slideshow-menu .str-button-start-round {
  background: rgba(255, 255, 255, 0.85);
}
.str-pt-body .str-quiz-modal .x-btn-close-results .str-slideshow-menu .str-button-start-round:hover {
  background: rgba(255, 255, 255, 0.95);
}
.str-pt-body .str-next-quiz-wrapper {
  background-color: #dc7224;
}
.str-pt-body .x-btn-start {
  background-color: #dc7224 !important;
  color: white;
}
.str-pt-body .x-btn-start:hover {
  background-color: #854515;
}
.str-pt-body .x-btn-start-round {
  background: rgba(220, 114, 36, 0.9);
}
.str-pt-body .x-btn-start-round:hover {
  background: #dc7224;
}
.str-pt-body .quiz-cover_start,
.str-pt-body .quiz-cover_resume,
.str-pt-body .str-quiz-resume {
  background-color: #dc7224 !important;
}
.str-pt-body .quiz-cover_start_round {
  background: rgba(220, 114, 36, 0.9);
}
.str-pt-body .quiz-cover_start_round:hover {
  background: #dc7224;
}
.str-pt-body .str-quiz-intro .x-quiz-button-intro {
  background-color: #dc7224 !important;
  color: white;
}
.str-pt-body .str-quiz-intro .x-quiz-button-intro:hover {
  background-color: #854515;
}
.str-pt-body .str-quiz-intro .x-quiz-button-content {
  background-color: #dc7224 !important;
  color: white;
}
.str-pt-body .str-quiz-intro .x-quiz-button-content:hover {
  background-color: #854515;
}
.str-pt-body .str-answers-wrapper .x-answer:hover, .str-pt-body .str-answers-wrapper .x-answer.x-selected {
  background-color: #dc7224;
}
.str-pt-body .sty-site-color {
  color: #dc7224;
}
.str-pt-body .str-progress-bar .x-progress {
  background: #dc7224;
}
.str-pt-body .str-slim-header-wrapper {
  background-color: #dc7224;
}
.str-pt-body .str-slim-site-title-1 {
  color: white;
}
.str-pt-body .str-slim-site-title-2 {
  color: #7ac99a;
}
.str-pt-body .x-thin-header .x-logo-wrap {
  top: 4px !important;
}
.str-pt-body .x-thin-header .x-logo-wrap .x-site-name {
  font-size: 50px !important;
  letter-spacing: -1px !important;
}
.str-pt-body .x-thin-header .x-logo-wrap .x-site-name .x-site-title-2 {
  left: -9px;
}
.str-pt-body a {
  color: #dc7224;
  text-decoration: none;
}
.str-pt-body a:hover {
  color: #409d66;
}
.str-pt-body .str-bio-link {
  color: black;
}
.str-pt-body .str-bio-link:hover {
  color: #409d66;
}
.str-pt-body .str-overlay-subcaption .str-bio-link {
  color: white;
}
.str-pt-body .str-mason-col-wrapper .str-feat-item:hover .x-btn {
  background: #c76720 !important;
}
.str-pt-body .str-mason-col-wrapper .str-feat-item .x-btn {
  background: #dc7224 !important;
}
.str-pt-body .str-slideshow-menu .str-button-start-round {
  background: rgba(220, 114, 36, 0.85);
}
.str-pt-body .str-slideshow-menu .str-button-start-round:hover {
  background: rgba(220, 114, 36, 0.95);
}
.str-pt-body .str-indicator-wrapper .ico-quiz-question:hover, .str-pt-body .str-indicator-wrapper .ico-play-circle-2:hover {
  color: #dc7224;
}
.str-pt-body .str-feedback-dialog .str-header {
  background-color: #dc7224;
}
.str-pt-body .str-feedback-dialog .x-submit {
  background-color: #dc7224;
}
.str-pt-body .str-feedback-dialog .x-submit:hover {
  background-color: #b15b1c;
}
.str-pt-body .str-star-rating .x-rated {
  color: #dc7224;
}
.str-pt-body .str-recirc-widget a.x-title-wrap:hover .x-head {
  color: #b15b1c;
}
.str-pt-body .str-recirc-widget a.x-title-wrap:hover .x-see-link .x-icon {
  background: #b15b1c !important;
}
.str-pt-body .str-recirc-widget .x-head {
  color: #dc7224;
}
.str-pt-body .str-recirc-widget .x-see-link .x-icon {
  background: #dc7224 !important;
}
.str-pt-body .str-recirc-widget .x-item:hover .x-title {
  color: #b15b1c !important;
}
.str-pt-body .str-votes .x-vote-up.x-selected, .str-pt-body .str-votes .x-vote-down.x-selected {
  background-color: #dc7224;
}
.str-pt-body .x-email-inline .x-head {
  color: #dc7224;
}
.str-pt-body .x-email-inline .x-submit {
  background: #dc7224;
}
.str-pt-body .str-content-wrapper .str-editor-item-table a:hover {
  color: #dc7224;
}
.str-pt-body .str-item-wrapper .x-title:hover {
  color: #dc7224;
}

.str-es-body .str-error-content h1 {
  color: #ed1c24;
}
.str-es-body .str-blurb-wrapper {
  background-color: #efefef;
}
.str-es-body .str-button-prev, .str-es-body .str-button-next, .str-es-body .str-button-next, .str-es-body .str-button-start {
  color: white;
}
.str-es-body .str-button-prev:hover, .str-es-body .str-button-next:hover, .str-es-body .str-button-next:hover, .str-es-body .str-button-start:hover {
  color: white;
}
.str-es-body .x-number {
  background-color: #ed1c24;
}
.str-es-body .str-quiz-modal .x-btn-close-results a {
  color: white;
  text-decoration: none;
}
.str-es-body .str-quiz-modal .x-btn-close-results a:hover {
  color: #ed1c24;
}
.str-es-body .str-quiz-modal .x-btn-close-results .str-bio-link {
  color: black;
}
.str-es-body .str-quiz-modal .x-btn-close-results .str-bio-link:hover {
  color: #ed1c24;
}
.str-es-body .str-quiz-modal .x-btn-close-results .str-overlay-subcaption .str-bio-link {
  color: white;
}
.str-es-body .str-quiz-modal .x-btn-close-results .str-mason-col-wrapper .str-feat-item:hover .x-btn {
  background: #f2f2f2 !important;
}
.str-es-body .str-quiz-modal .x-btn-close-results .str-mason-col-wrapper .str-feat-item .x-btn {
  background: white !important;
}
.str-es-body .str-quiz-modal .x-btn-close-results .str-slideshow-menu .str-button-start-round {
  background: rgba(255, 255, 255, 0.85);
}
.str-es-body .str-quiz-modal .x-btn-close-results .str-slideshow-menu .str-button-start-round:hover {
  background: rgba(255, 255, 255, 0.95);
}
.str-es-body .str-next-quiz-wrapper {
  background-color: #ed1c24;
}
.str-es-body .x-btn-start {
  background-color: #ed1c24 !important;
  color: white;
}
.str-es-body .x-btn-start:hover {
  background-color: #970c11;
}
.str-es-body .x-btn-start-round {
  background: rgba(237, 28, 36, 0.9);
}
.str-es-body .x-btn-start-round:hover {
  background: #ed1c24;
}
.str-es-body .quiz-cover_start,
.str-es-body .quiz-cover_resume,
.str-es-body .str-quiz-resume {
  background-color: #ed1c24 !important;
}
.str-es-body .quiz-cover_start_round {
  background: rgba(237, 28, 36, 0.9);
}
.str-es-body .quiz-cover_start_round:hover {
  background: #ed1c24;
}
.str-es-body .str-quiz-intro .x-quiz-button-intro {
  background-color: #ed1c24 !important;
  color: white;
}
.str-es-body .str-quiz-intro .x-quiz-button-intro:hover {
  background-color: #970c11;
}
.str-es-body .str-quiz-intro .x-quiz-button-content {
  background-color: #ed1c24 !important;
  color: white;
}
.str-es-body .str-quiz-intro .x-quiz-button-content:hover {
  background-color: #970c11;
}
.str-es-body .str-answers-wrapper .x-answer:hover, .str-es-body .str-answers-wrapper .x-answer.x-selected {
  background-color: #ed1c24;
}
.str-es-body .sty-site-color {
  color: #ed1c24;
}
.str-es-body .str-progress-bar .x-progress {
  background: #ed1c24;
}
.str-es-body a {
  color: #ed1c24;
  text-decoration: none;
}
.str-es-body a:hover {
  color: #970c11;
}
.str-es-body .str-bio-link {
  color: black;
}
.str-es-body .str-bio-link:hover {
  color: #970c11;
}
.str-es-body .str-overlay-subcaption .str-bio-link {
  color: white;
}
.str-es-body .str-mason-col-wrapper .str-feat-item:hover .x-btn {
  background: #de1219 !important;
}
.str-es-body .str-mason-col-wrapper .str-feat-item .x-btn {
  background: #ed1c24 !important;
}
.str-es-body .str-slideshow-menu .str-button-start-round {
  background: rgba(237, 28, 36, 0.85);
}
.str-es-body .str-slideshow-menu .str-button-start-round:hover {
  background: rgba(237, 28, 36, 0.95);
}
.str-es-body .str-indicator-wrapper .ico-quiz-question:hover, .str-es-body .str-indicator-wrapper .ico-play-circle-2:hover {
  color: #ed1c24;
}
.str-es-body .str-feedback-dialog .str-header {
  background-color: #ed1c24;
}
.str-es-body .str-feedback-dialog .x-submit {
  background-color: #ed1c24;
}
.str-es-body .str-feedback-dialog .x-submit:hover {
  background-color: #c61017;
}
.str-es-body .str-star-rating .x-rated {
  color: #ed1c24;
}
.str-es-body .str-recirc-widget a.x-title-wrap:hover .x-head {
  color: #c61017;
}
.str-es-body .str-recirc-widget a.x-title-wrap:hover .x-see-link .x-icon {
  background: #c61017 !important;
}
.str-es-body .str-recirc-widget .x-head {
  color: #ed1c24;
}
.str-es-body .str-recirc-widget .x-see-link .x-icon {
  background: #ed1c24 !important;
}
.str-es-body .str-recirc-widget .x-item:hover .x-title {
  color: #c61017 !important;
}
.str-es-body .str-votes .x-vote-up.x-selected, .str-es-body .str-votes .x-vote-down.x-selected {
  background-color: #ed1c24;
}
.str-es-body .x-email-inline .x-head {
  color: #ed1c24;
}
.str-es-body .x-email-inline .x-submit {
  background: #ed1c24;
}
.str-es-body .str-content-wrapper .str-editor-item-table a:hover {
  color: #ed1c24;
}
.str-es-body .str-slim-header-wrapper {
  background-color: #ed1c24;
}
.str-es-body .str-slim-site-title-1 {
  color: white;
}
.str-es-body .str-slim-site-title-2 {
  color: white;
}
.str-es-body .x-thin-header .x-logo-wrap {
  top: 2px !important;
}
.str-es-body .x-thin-header .x-logo-wrap .x-site-name {
  font-size: 50px !important;
  letter-spacing: -1px !important;
}
.str-es-body .x-thin-header .x-logo-wrap .x-site-name .x-site-title-2 {
  left: 0;
}

.str-ad-wrapper {
  display: none;
  height: 25.875rem;
  text-align: center;
}
.str-ad-wrapper .x-ad {
  text-align: center;
  padding: 2.5rem 9.5rem;
}

.str-header-wrapper {
  background-color: #efefef;
  border-bottom: 1px solid #e5e5e5;
  min-height: 113px;
  max-height: 270px;
}
.str-header-wrapper .x-row-wrapper {
  width: 70rem;
  margin: auto;
}
.str-header-wrapper nav {
  float: left;
  max-width: 10.625rem;
  margin-right: 1.5rem;
}
.str-header-wrapper .str-ad {
  text-align: center;
  float: left;
  width: 60.625rem;
  margin: 0.625rem 0;
}

.st-home .x-row-wrapper {
  min-width: 93.75rem;
  margin: auto;
}

.str-content-header {
  margin-bottom: 0.625rem;
}
.str-content-header h1 {
  font-size: 29px;
}
.str-content-header .x-posted {
  font-size: 0.8125rem;
  color: #999;
}
.str-content-header .x-author {
  font-size: 16px;
}

.str-content-wrapper {
  width: 1200px;
  margin: auto;
  background-color: white;
  padding-bottom: 0;
}
.str-content-wrapper .str-editor-item-table a {
  color: #222;
}

.str-standard .str-content-wrapper {
  width: 990px;
  margin-left: 10px;
}

.str-sidebar-ad-wrapper-1 {
  float: left;
  width: 160px;
  margin: 0 50px 0 0;
  height: 800px;
}

.str-sidebar-ad-wrapper-2 {
  float: right;
  margin-left: 50px;
  width: 300px;
}

.str-160x600-ad, .str-300x250-ad, .str-300x600-ad {
  margin: 0.625rem 0;
  width: 160px;
  height: 600px;
  min-height: 600px;
  margin-bottom: 30px;
}

.str-300x250-ad {
  width: 300px;
  height: 250px;
  min-height: 250px;
}

.str-300x600-ad {
  width: 300px;
}

.str-home-content, .str-main-content {
  width: 640px;
  float: left;
  margin: 10px 0 10px 0;
}

.str-about-content {
  margin: 1.875rem 0;
}

.str-horizontal-ad-wrapper {
  overflow: hidden;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  overflow: hidden;
  *zoom: 1;
  text-align: center;
  background-color: #ffffff;
  margin: 10px auto;
  margin-top: 0;
  min-height: 90px;
}
.str-horizontal-ad-wrapper .x-header {
  padding: 6px;
  color: #525252;
  font-size: 20px;
  margin-bottom: 7px;
  text-align: left;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
  margin-left: auto;
  margin-right: auto;
}
.str-horizontal-ad-wrapper .x-header .x-zergnet-sponsored-msg {
  text-align: left;
  font-size: 9px;
  color: #ccc;
  float: right;
  font-weight: 200;
  text-transform: none;
  bottom: 0;
  padding-top: 15px;
}

.str-slideshow-menu {
  clear: both;
  overflow: hidden;
  top: 33%;
  z-index: 1;
  position: absolute;
  width: 100%;
  pointer-events: none;
}
.str-slideshow-menu span {
  font-size: 30px;
  line-height: 100px;
}
.str-slideshow-menu.x-last-slide {
  top: 0;
  overflow: visible;
}
.str-slideshow-menu.x-last-slide .str-button-last-prev {
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 137px;
  height: 3.75rem;
  width: 3.75rem;
}
.str-slideshow-menu .str-button-start-round {
  font-weight: 600;
  text-transform: uppercase;
  padding-left: 35px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  float: right;
  font-size: 30px;
  line-height: 100px;
  padding: 0 23px 0 35px;
  color: #fff;
  pointer-events: all;
  text-shadow: 1px 2px 2px rgba(30, 30, 30, 0.8);
}
.str-slideshow-menu .str-button-start-round:hover {
  color: #fff;
}
.str-slideshow-menu .str-button-start-round i {
  position: relative;
  top: 4px;
  right: -7px;
  font-size: 35px;
}

.str-quiz-resume {
  background: #ed1c24;
  color: #fff !important;
  display: block;
  width: 100%;
  border-radius: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0 0 35px;
  font-weight: 600;
  font-size: 17px;
}
.str-quiz-resume .ico-resume {
  position: relative;
  left: -8px;
  top: 1px;
}

.str-quiz-cover {
  position: relative;
}
.str-quiz-cover .str-quiz-menu {
  clear: both;
  overflow: hidden;
  top: 33%;
  z-index: 1;
  position: absolute;
  width: 100%;
  pointer-events: none;
}
.str-quiz-cover .str-quiz-menu span {
  font-size: 30px;
  line-height: 100px;
}
.str-quiz-cover .x-btn-start {
  clear: both;
  overflow: hidden;
  display: block;
  z-index: 1;
  color: #fff;
  font-size: 1.875rem;
  padding: 0.625rem 1.5625rem;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  position: absolute;
  margin: auto;
  left: 35%;
  top: 44%;
  width: 250px;
  -webkit-box-shadow: 0px 0px 12px 0.5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 12px 0.5px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 12px 0.5px rgba(0, 0, 0, 0.75);
}
.str-quiz-cover .x-btn-start:hover {
  color: #fff;
}
.str-quiz-cover .x-btn-start:visited {
  color: #fff;
}
.str-quiz-cover .x-btn-start-round {
  position: absolute;
  z-index: 10;
  top: 35%;
  right: 0;
  font-weight: 600;
  text-transform: uppercase;
  padding-left: 35px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  float: right;
  font-size: 40px;
  line-height: 110px;
  padding: 0 23px 0 35px;
  color: #fff;
  pointer-events: all;
  text-shadow: 1px 2px 2px rgba(30, 30, 30, 0.8);
}
.str-quiz-cover .x-btn-start-round:hover {
  color: #fff;
}
.str-quiz-cover .x-btn-start-round i {
  position: relative;
  top: 4px;
  right: -7px;
  font-size: 45px;
}

.quiz-cover {
  position: relative;
}
.quiz-cover .quiz-cover_start_round {
  position: absolute;
  z-index: 10;
  top: 35%;
  right: 0;
  font-weight: 600;
  text-transform: uppercase;
  padding-left: 35px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  float: right;
  font-size: 40px;
  line-height: 110px;
  padding: 0 23px 0 35px;
  color: #fff;
  pointer-events: all;
  text-shadow: 1px 2px 2px rgba(30, 30, 30, 0.8);
}
.quiz-cover .quiz-cover_start_round:hover {
  color: #fff;
}
.quiz-cover .quiz-cover_start_round i {
  position: relative;
  top: 4px;
  right: -7px;
  font-size: 45px;
}

.str-slideshow-menu.x-last-slide .str-button-last-prev, .str-button-prev, .str-button-next, .str-button-start, .str-button-next-slideshow {
  height: 6.25rem;
  background-color: rgba(82, 82, 82, 0.8);
  text-align: center;
  color: #fff;
  text-decoration: none;
  pointer-events: all;
}
.str-slideshow-menu.x-last-slide .str-button-last-prev:hover, .str-button-prev:hover, .str-button-next:hover, .str-button-start:hover, .str-button-next-slideshow:hover {
  color: #fff;
  background-color: #393939;
}
.str-slideshow-menu.x-last-slide .str-button-last-prev:focus, .str-button-prev:focus, .str-button-next:focus, .str-button-start:focus, .str-button-next-slideshow:focus {
  color: #fff;
}

.str-image-wrapper {
  width: 640px;
  min-height: 414px;
  position: relative;
  overflow: hidden;
  display: block;
}
.str-image-wrapper .x-img-missing {
  background-color: white;
  position: absolute;
  top: 20%;
  width: 640px;
  height: 414px;
}
.str-image-wrapper .x-slide-cover {
  position: relative;
}

.str-button-prev, .str-button-next {
  width: 3.75rem;
  float: left;
}

.str-button-next {
  float: right;
}

.str-button-start, .str-button-next-slideshow {
  float: right;
  font-size: 1.5625rem;
  line-height: 3.75rem;
  padding: 0 0.9375rem;
  position: relative;
}
.str-button-start .x-text, .str-button-next-slideshow .x-text {
  color: #fff;
}
.str-button-start .ico-arrow-right3, .str-button-next-slideshow .ico-arrow-right3 {
  display: inline-block;
  position: relative;
  top: 0.25rem;
}

.str-image-link {
  overflow: hidden;
  max-height: 22.5rem;
}

.str-slideshow-wrapper, .str-non-slideshow-wrapper {
  clear: both;
  position: relative;
}
.str-slideshow-wrapper .x-img-not-loaded-msg, .str-non-slideshow-wrapper .x-img-not-loaded-msg {
  z-index: -1;
  top: 25%;
}
.str-slideshow-wrapper .str-source, .str-non-slideshow-wrapper .str-source, .str-slideshow-wrapper .str-author, .str-non-slideshow-wrapper .str-author {
  font-size: 12px;
  color: #333;
  margin: 2px 0 5px;
  text-transform: uppercase;
  position: absolute;
  bottom: -215px;
  right: 5px;
}
.str-slideshow-wrapper .str-source a, .str-non-slideshow-wrapper .str-source a, .str-slideshow-wrapper .str-author a, .str-non-slideshow-wrapper .str-author a {
  color: #333;
}
.str-slideshow-wrapper .str-source a:visted, .str-non-slideshow-wrapper .str-source a:visted, .str-slideshow-wrapper .str-author a:visted, .str-non-slideshow-wrapper .str-author a:visted {
  color: #333;
}
.str-slideshow-wrapper .str-source.x-noemail-source, .str-non-slideshow-wrapper .str-source.x-noemail-source, .str-slideshow-wrapper .x-noemail-source.str-author, .str-non-slideshow-wrapper .x-noemail-source.str-author {
  bottom: -75px;
}
.str-slideshow-wrapper .str-author, .str-non-slideshow-wrapper .str-author {
  left: 5px;
}
.str-slideshow-wrapper h2, .str-non-slideshow-wrapper h2 {
  margin: 0;
  font-weight: 400;
  font-size: 1.125rem;
  text-align: left;
  color: black;
}
.str-slideshow-wrapper .x-show-caption, .str-non-slideshow-wrapper .x-show-caption {
  display: block !important;
}

.str-caption-wrapper, .str-sub-caption-wrapper {
  overflow: hidden;
  padding: 0.625rem;
  background-color: #efefef;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.str-caption-wrapper {
  border-top: 1px solid #ddd;
  position: relative;
}
.str-caption-wrapper.x-thin {
  padding: 4px 10px 4px;
}
.str-caption-wrapper.x-thin h2 {
  font-size: 19px;
  width: 450px;
}
.str-caption-wrapper h2 {
  font-size: 21px;
}

.str-ss-nav-wrap {
  display: table;
  width: 100%;
  border: 1px solid #ddd;
  background: #efefef;
  padding: 4px;
}
.str-ss-nav-wrap .x-cell {
  display: table-cell;
  vertical-align: top;
  width: 12.25%;
}
.str-ss-nav-wrap .x-cell.x-caption {
  width: 75.5%;
}
.str-ss-nav-wrap .x-cell.x-caption .x-ss-caption, .str-ss-nav-wrap .x-cell.x-caption .str-slideinput .x-ss-subcaption, .str-slideinput .str-ss-nav-wrap .x-cell.x-caption .x-ss-subcaption, .str-ss-nav-wrap .x-cell.x-caption .str-slideinput .x-ss-source, .str-slideinput .str-ss-nav-wrap .x-cell.x-caption .x-ss-source, .str-ss-nav-wrap .x-cell.x-caption .str-slideinput .x-ss-sourceurl, .str-slideinput .str-ss-nav-wrap .x-cell.x-caption .x-ss-sourceurl {
  padding: 3px 10px;
  padding-left: 4px;
  font-size: 19px;
  min-height: 32px;
  line-height: 130%;
}
.str-ss-nav-wrap .x-cell.x-middle .x-ss-caption, .str-ss-nav-wrap .x-cell.x-middle .str-slideinput .x-ss-subcaption, .str-slideinput .str-ss-nav-wrap .x-cell.x-middle .x-ss-subcaption, .str-ss-nav-wrap .x-cell.x-middle .str-slideinput .x-ss-source, .str-slideinput .str-ss-nav-wrap .x-cell.x-middle .x-ss-source, .str-ss-nav-wrap .x-cell.x-middle .str-slideinput .x-ss-sourceurl, .str-slideinput .str-ss-nav-wrap .x-cell.x-middle .x-ss-sourceurl {
  padding-left: 10px;
}
.str-ss-nav-wrap .x-cell .x-ss-button {
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  background: #31577a;
  color: #fff;
  border-radius: 4px;
  display: inline-block;
}
.str-ss-nav-wrap .x-cell .x-ss-button:hover {
  color: #fff;
  background: #2c6da8;
}
.str-ss-nav-wrap .x-cell .x-ss-button.x-prev {
  padding: 7px 11px 7px 0px;
}
.str-ss-nav-wrap .x-cell .x-ss-button.x-prev i {
  padding: 0 4px 0 7px;
}
.str-ss-nav-wrap .x-cell .x-ss-button.x-next {
  padding: 7px 0 7px 11px;
  float: right;
}
.str-ss-nav-wrap .x-cell .x-ss-button.x-next i {
  padding: 0 7px 0 4px;
}
.str-ss-nav-wrap .x-cell .x-ss-button i {
  position: relative;
  top: 1px;
  display: inline-block;
}

.str-sub-caption-wrapper {
  border-bottom: 1px solid #ddd;
}
.str-sub-caption-wrapper h2 {
  font-size: 1.125rem;
}

.str-slideshow {
  text-align: center;
  margin: 0;
  position: relative;
  max-height: 600px;
  width: 640px;
  border: 1px solid #d7d7d7;
  overflow: hidden;
}
.str-slideshow .x-no-img-msg {
  position: absolute;
  margin: auto;
  width: 300px;
  height: 300px;
  top: 25%;
  left: 300px;
  text-align: center;
  z-index: -1;
}
.str-slideshow h2 {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0.625rem;
  font-weight: 400;
  font-size: 1.125rem;
  text-align: left;
  bottom: 0;
  color: white;
  position: absolute;
  width: 100%;
  margin: 0;
  display: none;
}
.str-slideshow h2.x-slide-caption {
  bottom: auto;
}
.str-slideshow h2.x-slide-subcaption {
  bottom: 0;
}
.str-slideshow img {
  max-width: 100%;
}

.str-footer-wrapper {
  display: block;
  clear: both;
  min-width: 1220px;
}

.str-footer {
  text-align: center;
  line-height: 2.8125rem;
  height: 2.8125rem;
  overflow: hidden;
  background-color: #efefef;
}
.str-footer .x-menu ul {
  list-style: none;
  margin: 0;
}
.str-footer .x-menu ul li {
  display: inline-block;
  font-size: 0.8125rem;
  line-height: 2.8125rem;
  color: #cccccc;
}
.str-footer .x-menu ul li.x-copy {
  padding-left: 0.625rem;
}
.str-footer .x-menu ul li.x-dev-lnk {
  color: #efefef;
}
.str-footer .x-menu ul li a {
  color: #898989;
  padding: 0 0.125rem;
}
.str-footer .x-menu ul li a:hover {
  color: #a3a3a3;
}

.str-arrow-key-notification {
  width: 39.875rem;
  background-color: #ddd;
  text-align: center;
  padding: 0.625rem;
  text-transform: uppercase;
  font-size: 0.875rem;
  color: #151515;
}
.str-arrow-key-notification span {
  display: inline-block;
  margin: 0 0.3125rem;
}

.str-recirc {
  background-color: #efefef;
  padding: 10px;
  overflow: hidden;
  clear: both;
}
.str-recirc.x-top-box {
  margin-top: 50px !important;
}
.str-recirc.x-wide {
  padding-top: 8px;
  margin: 30px 0;
}
.str-recirc.x-wide .ico-thunder {
  padding-left: 8px;
}
.str-recirc.x-wide h4 {
  margin: 0 0 6px;
}
.str-recirc.x-wide .x-img-wrapper {
  max-height: none;
  height: auto;
}
.str-recirc.x-wide .x-img-wrapper img {
  width: 100%;
  max-height: 180px;
}
.str-recirc.x-wide .x-title {
  height: auto !important;
  padding: 4px 0;
}
.str-recirc.x-wide .x-see-all-wrap {
  display: block;
  margin: 4px 0 8px;
  overflow: hidden;
}
.str-recirc.x-wide .x-see-all-wrap .x-head {
  float: left;
  text-transform: uppercase;
  font-weight: 900;
  font-style: italic;
  font-size: 23px;
}
.str-recirc.x-wide .x-see-all-wrap .x-head .x-icon {
  padding-top: 0;
}
.str-recirc.x-wide .x-see-all-wrap .x-see-link {
  float: right;
  padding-right: 8px;
}
.str-recirc.x-wide .x-see-all-wrap .x-see-link .x-label, .str-recirc.x-wide .x-see-all-wrap .x-see-link .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-recirc.x-wide .x-see-all-wrap .x-see-link .x-nf-label {
  text-transform: uppercase;
  font-weight: 600;
  color: #333;
  display: inline-block;
  position: relative;
  top: 1px;
  font-size: 15px;
}
.str-recirc.x-wide .x-see-all-wrap .x-see-link .x-icon {
  color: #fff;
  background: #ed1c24;
  border-radius: 30px;
  display: inline-block;
  margin-left: 5px;
  padding: 5px 7px;
  font-size: 12px;
}
.str-recirc h4 {
  text-align: left;
  text-transform: uppercase;
  font-weight: 900;
  font-style: italic;
}
.str-recirc .str-item-wrapper {
  height: auto;
  margin-right: 1%;
  width: 24%;
  float: left;
  margin-top: 0;
  margin-bottom: 0;
}
.str-recirc .str-item-wrapper .x-img-wrapper {
  max-height: 130px;
  overflow: hidden;
}
.str-recirc .str-item-wrapper .x-title {
  line-height: 1.3;
  overflow: hidden;
  font-size: 0.8125rem;
  height: 60px;
  font-weight: bold;
}
.str-recirc .str-grid-layout {
  margin-left: 5px;
}
.str-recirc .ico-thunder {
  display: block;
  float: left;
  font-size: 1.625rem;
  padding-top: 5px;
  padding-right: 5px;
}

.str-recirc-widget {
  background-color: #efefef;
  margin: 0 0 30px;
  padding: 15px 20px 18px;
  overflow: hidden;
}
.str-recirc-widget .x-title-wrap {
  display: block;
  margin: 0 0 14px;
  overflow: hidden;
  color: #ed1c24;
}
.str-recirc-widget .x-title-wrap .x-head {
  float: left;
  text-transform: uppercase;
  font-weight: 900;
  font-style: italic;
  font-size: 23px;
}
.str-recirc-widget .x-title-wrap .x-head .x-icon {
  padding-top: 0;
}
.str-recirc-widget .x-title-wrap .x-see-link {
  float: right;
}
.str-recirc-widget .x-title-wrap .x-see-link .x-label, .str-recirc-widget .x-title-wrap .x-see-link .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-recirc-widget .x-title-wrap .x-see-link .x-nf-label {
  text-transform: uppercase;
  font-weight: 600;
  color: #333;
  display: inline-block;
  position: relative;
  top: 1px;
  font-size: 15px;
}
.str-recirc-widget .x-title-wrap .x-see-link .x-icon {
  color: #fff;
  background: #ed1c24;
  border-radius: 30px;
  display: inline-block;
  margin-left: 5px;
  padding: 5px 7px;
  font-size: 12px;
}
.str-recirc-widget .x-item-row {
  overflow: hidden;
}
.str-recirc-widget .x-item-row .x-item {
  width: 23.5%;
  margin: 0 2% 2% 0;
  display: block;
  float: left;
}
.str-recirc-widget .x-item-row .x-item:hover .x-title {
  color: #ed1c24;
}
.str-recirc-widget .x-item-row .x-item:nth-child(4n) {
  margin-right: 0;
}
.str-recirc-widget .x-item-row .x-item .x-item-img {
  max-width: none;
}
.str-recirc-widget .x-item-row .x-item .x-title {
  padding: 6px 0 0;
  font-weight: bold;
  font-size: 13px;
  color: #333;
}

.str-error-content {
  text-align: left;
  max-width: 40rem;
  clear: both;
  margin: 6.25rem auto 3.125rem auto;
  position: relative;
}
.str-error-content h1, .str-error-content h2, .str-error-content h3 {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}
.str-error-content h1 {
  font-size: 3.5rem;
  font-weight: bold;
}
.str-error-content h2 {
  font-size: 1.75rem;
  font-weight: bold;
  color: #5a5a5a;
}
.str-error-content h3 {
  font-size: 1.25rem;
  width: 320px;
}
.str-error-content .x-error-message {
  border: 1px solid #cdcdcd;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  width: 436px;
  overflow: hidden;
  padding: 1.25rem;
}
.str-error-content .x-img-wrapper {
  position: absolute;
  right: 1.5625rem;
  top: -2.5rem;
  z-index: 1;
}

.str-v2 {
  background-color: #efefef;
}

.str-og-container .str-top-ad {
  width: 970px;
  min-height: 90px;
  margin: auto;
  background-color: transparent;
}
.str-og-container .str-header-right > li.x-tracker-wrap .x-tracker-items {
  height: 2.875rem;
}
.str-og-container .str-header-left > li.x-local .x-node {
  height: 2.875rem;
}
.str-og-container .str-header {
  max-width: 81.25rem;
  width: auto !important;
}
.str-og-container .str-header .x-logo {
  padding-left: 0;
}
.str-og-container .str-header-right {
  right: 1.1875rem;
}
.str-og-container .str-header-wrapper {
  height: 2.875rem;
}
.str-og-container .str-offbeat-recirc {
  display: none !important;
}
.str-og-container .footer-wrap {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  overflow: hidden;
  *zoom: 1;
  max-width: 60rem;
}
.str-og-container .footer-wrap ul {
  line-height: 1.2;
}
.str-og-container .footer-col ul {
  margin-left: 0;
}
.str-og-container .footer-links li a {
  font-size: 0.8125rem;
}
.str-og-container .x-explore .footer-links {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 50%;
  float: left;
}
.str-og-container .footer-stats .x-comments {
  font-size: 0.8125rem;
}
.str-og-container .footer_ad {
  padding: 20px;
  background: transparent;
  border: none;
}

.str-og-header-item-wrapper, .str-og-item-wrapper {
  margin: 0.625rem 0;
}

.str-layout-container {
  min-width: 59.0625rem;
  clear: both;
}

.str-og-layout-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0 0.625rem;
}
.str-og-layout-wrapper a {
  color: #5a5a5a;
}
.str-og-layout-wrapper a:hover {
  color: #5a5a5a;
  text-decoration: none;
}

.str-og-header-item-wrapper .x-admin-button, .str-og-item-wrapper .x-admin-button {
  cursor: pointer;
  position: absolute;
  bottom: 0.625rem;
  right: 0.625rem;
  z-index: 1;
}
.str-og-header-item-wrapper .x-admin-button span, .str-og-item-wrapper .x-admin-button span {
  color: white;
  font-size: 22px;
  text-shadow: rgba(0, 0, 0, 0.8), 1px 1px 0;
}
.str-og-header-item-wrapper .x-admin-button span:hover, .str-og-item-wrapper .x-admin-button span:hover {
  color: #d9d9d9;
}

.str-og-header-item {
  width: 38.75rem;
  overflow: hidden;
  position: relative;
}
.str-og-header-item header {
  background-color: rgba(0, 0, 0, 0.75);
  position: absolute;
  width: 21.25rem;
  bottom: 0;
  text-align: left;
  padding: 1.25rem;
}
.str-og-header-item header h1 {
  font-size: 1.5625rem;
  color: white;
  line-height: 1;
  font-weight: 600;
}
.str-og-header-item .x-button {
  background-color: #ed1c24;
  color: white;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.3125rem;
  font-size: 1.875rem;
}
.str-og-header-item .x-image-wrapper {
  overflow: hidden;
  height: 18.75rem;
}

.str-og-item {
  width: 18.75rem;
}
.str-og-item:hover .x-content-wrapper h3 {
  color: #898989;
}
.str-og-item.x-smaller-ad {
  height: 15.625rem;
}
.str-og-item .x-img-wrapper {
  position: relative;
}
.str-og-item .x-img-wrapper img {
  background-color: #000000;
  max-width: 18.75rem;
  height: 12.5rem;
}
.str-og-item .x-content-wrapper {
  padding: 0.9375rem;
  background-color: white;
  overflow: hidden;
  text-align: left;
  min-height: 5.6875rem;
}
.str-og-item .x-content-wrapper h3 {
  font-size: 1.125rem;
  font-weight: bold;
  color: #5a5a5a;
}
.str-og-item .x-content-wrapper p {
  font-size: 0.8125rem;
  color: #919191;
}
.str-og-item .x-extra-info {
  font-size: 0.875rem;
  color: #5a5a5a;
}
.str-og-item .x-extra-info .x-comment-count {
  float: left;
}
.str-og-item .x-extra-info .x-comment-count span {
  color: #cbcbcb;
  margin-right: 0.3125rem;
}
.str-og-item .x-extra-info .x-details {
  float: right;
  text-align: right;
}
.str-og-item .x-extra-info .x-details .x-source-link {
  color: #4959a3;
}
.str-og-item .x-extra-info .x-details .x-source-link:hover {
  color: #5365b2;
}
.str-og-item .x-admin {
  clear: both;
  padding-top: 0.9375rem;
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  overflow: hidden;
  *zoom: 1;
}
.str-og-item .x-admin .x-button {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 50%;
  float: left;
}
.str-og-item .x-admin input[type=submit] {
  background-color: #ec952c;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: white;
  border: none;
  line-height: 1.1;
  width: 100%;
  cursor: pointer;
}
.str-og-item .x-admin input[type=submit]:hover {
  background-color: #d27b13;
}
.str-og-item .x-admin .str-killed-btn {
  background-color: red !important;
}

.str-date-wrapper {
  position: absolute;
  overflow: hidden;
  display: none;
  transform: rotate(-90deg);
  top: 451px;
  left: -480px;
}
.str-date-wrapper .x-date {
  display: inline-block;
  color: #c6c6c6;
  float: right;
  text-align: right;
  font-size: 1.1875rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  min-width: 25rem;
  margin-left: 3.125rem;
  border-bottom: 1px solid #c6c6c6;
  font-weight: 400;
}

.str-ad0 {
  height: 56.25rem;
}
.str-ad0 .str-ad {
  margin-bottom: 1.25rem;
}
.str-ad0 .x-find-us {
  background: #fff;
  min-height: 154px;
}

.str-admin-block {
  position: absolute;
  display: none;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  border: 1px solid #ccc;
  padding: 1.5625rem 0.625rem 0.625rem 0.625rem;
  height: 12.5rem;
  z-index: 1;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px;
}
.str-admin-block span {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  cursor: pointer;
}
.str-admin-block span:hover {
  color: #7f7f7f;
}

.str-content-new-layout {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  overflow: hidden;
  *zoom: 1;
}

/*
.str-premium-nav {
    background-color: white;
    height: rem-calc(60);

    position: relative;

    &:after {
        @include box-shadow(0 0 15px 1px rgba(0, 0, 0, .6));
        content: "";
        height: 1px;
        width: 100%;
        margin-top: -22px;
        display: block;
        position: absolute;
        z-index: -1;
    }

    nav {
        @include grid-row();
        text-align: center;
    }

    ul {
        list-style: none;
        a {
            text-decoration: none;
            color: #cdcdcd;
            font-size: rem-calc(15);
            text-transform: uppercase;
            &:hover {
                color: white;
            }

        }
        li {
            display: inline-block;
            line-height: rem-calc(60);
            padding: 0 rem-calc(10);

            &:hover {
                background-color: $offbeat-color1;
            }
            .x-community-link {
                text-transform: uppercase;
                font-family: "Exo 2", "Chivo", sans-serif;
                font-style: italic;
                color: #f4a100;
                font-weight: 800;

                &:hover {
                    color: white;
                }
            }
        }

    }

}
*/
.str-vertical-body .str-header-wrapper {
  position: fixed;
  width: 100%;
  z-index: 11;
}

.str-vertical-header {
  position: fixed;
  top: 6.875rem;
  width: 100%;
  height: 3.75rem;
  background: #ed1c24;
  /* fallback */
  background: rgba(237, 28, 36, 0.9);
  z-index: 11;
}
.str-vertical-header h1 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  overflow: hidden;
  *zoom: 1;
  color: white;
  text-transform: uppercase;
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 3.75rem;
  min-width: 56.25rem;
}

.str-vertical-wrapper {
  background: transparent url("http://static.topixcdn.com/ext/stars/hollywood-sign-bl.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 62.5em;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
  width: 100%;
}

.str-vertical-content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  overflow: hidden;
  *zoom: 1;
  width: 75rem;
  padding-top: 10.625rem;
}

.str-vertical-item, .str-card-item {
  overflow: hidden;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  overflow: hidden;
  *zoom: 1;
}
.str-vertical-item .x-sidebar-ad, .str-card-item .x-sidebar-ad {
  float: right;
  margin-left: 50px;
  width: 300px;
  overflow: hidden;
}
.str-vertical-item .x-ad-wrapper, .str-card-item .x-ad-wrapper {
  margin: 0.9375rem 0;
  height: 15.625rem;
  width: 100%;
  background-color: #808080;
  overflow: hidden;
}
.str-vertical-item .x-footer-ad-wrapper, .str-card-item .x-footer-ad-wrapper {
  clear: both;
}
.str-vertical-item .x-footer-ad-wrapper .x-footer-ad, .str-card-item .x-footer-ad-wrapper .x-footer-ad {
  margin: 3.4375rem auto 2.5rem auto;
  max-width: 60.625rem;
  overflow: hidden;
  text-align: center;
}

.str-vertical-content-wrapper {
  float: left;
  background-color: white;
  overflow: hidden;
  width: 850px;
  min-height: 550px;
  margin-top: 0.9375rem;
}
.str-vertical-content-wrapper .x-header {
  overflow: hidden;
  position: relative;
  min-height: 2.5rem;
}
.str-vertical-content-wrapper .x-header .x-slide-count {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  display: inline-block;
  width: 3.125rem;
  height: 2.5rem;
  background-color: #898989;
  line-height: 2.5rem;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: bold;
}
.str-vertical-content-wrapper .x-header .x-slide-caption {
  padding-left: 3.75rem;
  text-transform: uppercase;
}
.str-vertical-content-wrapper .x-img-wrapper {
  padding: 1.25rem;
}
.str-vertical-content-wrapper .x-img-wrapper img {
  max-height: 25.875rem;
}
.str-vertical-content-wrapper .x-content-footer {
  padding: 1.25rem;
}
.str-vertical-content-wrapper .x-content-footer .x-slide-caption {
  font-size: 1.25rem;
}

/* CARDS CSS */
.str-cards-body {
  background: white;
}
.str-cards-body .str-vertical-wrapper {
  background: white;
}
.str-cards-body .str-vertical-header {
  background: #ed1c24 !important;
}
.str-cards-body .str-vertical-content-wrapper {
  float: left;
  background-color: white;
  overflow: hidden;
  width: 850px;
  min-height: 550px;
  margin-top: 0.9375rem;
}
.str-cards-body .str-vertical-content-wrapper .x-header {
  overflow: hidden;
  position: relative;
}
.str-cards-body .str-vertical-content-wrapper .x-header .x-slide-count {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  display: inline-block;
  width: 3.125rem;
  height: 2.5rem;
  background-color: #898989;
  line-height: 2.5rem;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: bold;
}
.str-cards-body .str-vertical-content-wrapper .x-header .x-slide-caption {
  padding-left: 3.75rem;
  text-transform: uppercase;
}
.str-cards-body .str-vertical-content-wrapper .x-img-wrapper {
  padding: 1.25rem;
}
.str-cards-body .str-vertical-content-wrapper .x-img-wrapper img {
  max-height: 25.875rem;
}
.str-cards-body .str-vertical-content-wrapper .x-content-footer {
  padding: 0 1.25rem;
}
.str-cards-body .str-vertical-content-wrapper .x-content-footer .x-slide-subcaption {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}

.str-card-item {
  width: 75rem;
  z-index: 21;
}

.str-card-item-wrapper {
  background-color: white;
  position: relative;
  min-width: 70rem;
  padding-top: 1.875rem;
}
.str-card-item-wrapper:nth-child(even) {
  background-color: #EFEFEF;
}
.str-card-item-wrapper.x-sticky {
  position: fixed;
  z-index: 0;
  top: 9.375rem;
  width: 100%;
}

.str-placeholder {
  min-height: 18.75rem;
  overflow: hidden;
  z-index: 0;
}
.str-placeholder:before {
  content: "";
}

.str-cards-colored .str-vertical-content-wrapper {
  background-color: transparent;
}
.str-cards-colored .str-vertical-content-wrapper .x-header .x-slide-count {
  background-color: rgba(0, 0, 0, 0.25);
}
.str-cards-colored .str-vertical-content-wrapper .x-header .x-slide-caption {
  color: white;
}
.str-cards-colored .str-vertical-content-wrapper .x-content-footer {
  background-color: rgba(0, 0, 0, 0.25);
  max-width: 50.625rem;
  padding: 0.625rem;
  margin: auto;
}
.str-cards-colored .str-vertical-content-wrapper .x-content-footer .x-slide-subcaption {
  color: white;
}

.str-premium .str-sidebar-ad-wrapper-1 {
  display: none;
}

.str-standard .str-vertical-content-wrapper {
  width: 640px;
}
.str-standard .str-sidebar-ad-wrapper-1 {
  height: 600px;
}

/* //CARDS CSS */
#admininfo {
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: #f7f7ff;
  padding: 10px;
  z-index: 12;
  width: 320px;
  border: 1px solid black;
}
#admininfo .x-is-minified {
  display: none;
}
#admininfo.x-minified {
  height: 5.4375rem;
  overflow: hidden;
}
#admininfo.x-minified .x-is-minified {
  display: inline-block;
}
#admininfo.x-minified .x-is-open {
  display: none;
}
#admininfo .x-adminval {
  clear: both;
}
#admininfo .x-adminvalname {
  float: left;
  font-weight: bold;
  margin-right: 10px;
  width: 180px;
}
#admininfo .x-controlbar {
  text-align: center;
  margin-bottom: 10px;
  width: 320px;
}

.str-non-slideshow-wrapper {
  background: none !important;
  padding: 0.625rem;
  font-size: 1.25rem;
  line-height: 1.625rem;
}
.str-non-slideshow-wrapper h1 {
  color: #525252;
  margin-top: 0;
  line-height: 1.2;
  font-size: 2rem;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  margin-bottom: 0.625rem;
}
.str-non-slideshow-wrapper figure {
  margin: 0;
}
.str-non-slideshow-wrapper h2.x-slide-subcaption, .str-non-slideshow-wrapper h2.x-slide-caption {
  border: none;
}

.str-trackerlog {
  position: fixed;
  bottom: 0px;
  right: 0px;
  width: 320px;
  border: 1px solid black;
  background-color: #f7f7ff;
  padding: 5px 5px 10px 5px;
  margin: 0 5px 5px 0;
  z-index: 12;
}
.str-trackerlog .x-trackerheader {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}
.str-trackerlog .x-clear {
  float: right;
  font-size: 10px;
}
.str-trackerlog .x-trackerentries {
  clear: both;
  font-size: 12px;
  margin-bottom: 0px;
}
.str-trackerlog .x-trackercontrols {
  font-size: 12px;
  margin-bottom: 10px;
}
.str-trackerlog .x-trackercontrols a {
  margin-right: 4px;
}
.str-trackerlog .x-trackercontrols a.x-off {
  color: #aaa;
}

.str-video, .video-container {
  position: relative;
  padding-top: 1.5625rem;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden;
}
.str-video.widescreen, .video-container.widescreen {
  padding-bottom: 56.34%;
}
.str-video.vimeo, .video-container.vimeo {
  padding-top: 0;
}
.str-video iframe,
.str-video object,
.str-video embed,
.str-video video, .video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.str-video iframe, .video-container iframe {
  border: none;
}

#video {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.str-item-share .x-item-share-wrapper {
  display: none;
}

.str-kri {
  margin: 1.25rem 0;
  overflow: hidden;
  position: relative;
}
.str-kri img {
  position: relative;
  top: -1px;
  vertical-align: middle;
  margin-right: 0.3125rem;
}
.str-kri .x-header {
  margin: 0.3125rem 0;
  font-weight: bold;
}

.str-blurb-wrapper {
  padding: 15px;
  margin-top: 20px;
}
.str-blurb-wrapper .x-headline {
  font-weight: bold;
}
.str-blurb-wrapper .x-logo {
  vertical-align: baseline;
  position: relative;
}
.str-blurb-wrapper .x-logo.x-st {
  top: 3px;
}
.str-blurb-wrapper .x-logo.x-ot {
  top: 5px;
}
.str-blurb-wrapper .x-logo.x-wn {
  top: 3px;
}
.str-blurb-wrapper .x-logo.x-sp {
  top: 2px;
}
.str-blurb-wrapper .x-logo.x-be {
  top: 3px;
}
.str-blurb-wrapper .x-logo.x-pg {
  top: 5px;
}
.str-blurb-wrapper .x-logo.x-tt {
  top: 1px;
}
.str-blurb-wrapper .x-logo.x-pt {
  top: 6px;
}
.str-blurb-wrapper .x-logo.x-es {
  top: 1px;
}
.str-blurb-wrapper .x-blurb {
  margin-top: 5px;
}

.str-video-wrapper {
  position: relative;
}

.str-video-link {
  position: absolute;
  right: 0;
}
.str-video-link .x-next-video-button {
  display: none;
  position: relative;
  float: right;
  top: -24.125rem;
  right: -0.625rem;
  width: 5.625rem;
  background-color: #b9f012;
  font-size: 1.5rem;
  text-align: center;
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  color: #333333;
  padding: 0.3125rem;
}
.str-video-link .x-next-video-button:after {
  top: 100%;
  left: 85%;
  border: solid transparent;
  content: " ";
  position: absolute;
  pointer-events: none;
  width: 0;
  height: 0;
  border-top: 8px solid #91ba06;
  border-right: 10px solid transparent;
  z-index: -1;
}
.str-video-link .x-next-video-button span {
  font-size: 2.5rem;
}
.str-video-link .x-next-video-button:hover {
  background-color: #95c30c;
}

.str-quiz-image-wrapper img, .str-quiz-image-wrapper-intro img {
  width: 100%;
}

.str-standard .str-content-wrapper {
  width: 1200px;
  margin: auto;
}
.str-standard .str-main-content {
  margin-left: 0;
}
.str-standard .str-sidebar-ad-wrapper-1 {
  display: block;
}

.str-bio-wrapper {
  background-color: white;
  overflow: hidden;
}
.str-bio-wrapper .str-recirc .str-item-wrapper {
  width: 49%;
}
.str-bio-wrapper .str-recirc .str-item-wrapper .x-img-wrapper {
  height: 243px;
  max-height: 243px;
}
.str-bio-wrapper .str-recirc .str-item-wrapper .x-title {
  font-size: 1.25rem;
}
.str-bio-wrapper .str-see-all {
  display: block;
  background: #797979;
  font-size: 18px;
  color: #cdcdcd;
  text-transform: uppercase;
  text-align: center;
  padding: 12px;
  width: 330px;
  margin: 20px auto;
}
.str-bio-wrapper .str-see-all:hover {
  background: #666;
  color: #fff;
}

.str-bio {
  overflow: hidden;
  position: relative;
  margin: 0 0 30px;
}
.str-bio .str-img-wrapper {
  float: left;
  overflow: hidden;
}
.str-bio .str-img-wrapper img {
  margin-right: 25px;
}
.str-bio .str-meta {
  overflow: hidden;
  font-size: 18px;
}
.str-bio .str-meta a {
  font-weight: bold;
}
.str-bio .str-meta p {
  line-height: 150%;
}
.str-bio .str-meta .x-subhead {
  color: #cdcdcd;
  font-size: 28px;
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  margin: 0 0 4px;
}
.str-bio .str-meta .x-real-name {
  font-weight: bold;
  margin: 0;
  font-size: 18px;
}
.str-bio .x-bio-name {
  font-size: 50px;
  line-height: 35px;
  font-weight: 900;
  font-style: italic;
  color: #000;
  text-transform: uppercase;
  padding-bottom: 16px;
  border-bottom: 1px solid #cdcdcd;
  margin: 0 0 12px;
}

.str-zergnet .x-section-title {
  margin-bottom: -4px;
}

.str-clickable-ad-div {
  position: absolute;
  display: table-row;
  top: 110px;
  height: 100%;
  content: " ";
  cursor: pointer;
}
.str-clickable-ad-div.x-left {
  left: 0;
}
.str-clickable-ad-div.x-right {
  right: 0;
}
.str-clickable-ad-div.x-hidden {
  display: none;
}

.str-multi-share {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  z-index: 100;
}
.str-multi-share .btn-social-share {
  position: relative;
  text-align: center;
  top: 0px;
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 1.5625rem;
}
.str-multi-share .btn-social-share:hover {
  color: #ffffff;
}
.str-multi-share .x-fb {
  background-color: #3b5998 !important;
  color: white;
}
.str-multi-share .x-fb:hover {
  background-color: #1e2e4f;
}
.str-multi-share .x-twitter {
  background-color: #55acee !important;
  color: white;
}
.str-multi-share .x-twitter:hover {
  background-color: #147bc9;
}
.str-multi-share .x-pinterest {
  background-color: #cb0000 !important;
  color: white;
}
.str-multi-share .x-pinterest:hover {
  background-color: #650000;
}
.str-multi-share .x-pinterest img {
  position: absolute;
  margin-left: -5000px;
}

.str-sidebar-under {
  margin-top: 1.25rem;
  text-align: center;
}
.str-sidebar-under .str-feedback-btn {
  cursor: pointer;
  margin-top: 1.25rem;
  width: 10.0625rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
  color: #525252;
  background-color: #EFEFEF;
  border: 1px solid #cdcdcd;
}
.str-sidebar-under .str-feedback-btn:hover {
  background-color: #e2e2e2;
}

.str-feedback-modal-wrapper {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  min-height: 100%;
  z-index: 100000;
  top: 0;
  left: 0;
  display: none;
}

.str-feedback-dialog {
  background-color: white;
  width: 700px;
  margin: 10px 0 0;
  overflow: hidden;
  position: fixed;
  left: calc(50vw - 350px);
  top: calc(50vh - 120px);
}
.str-feedback-dialog select {
  width: auto;
  height: 23px;
  margin-left: 10px;
  padding: 0;
  padding-left: 8px;
  padding-right: 16px;
}
.str-feedback-dialog .str-header {
  font-size: 22px;
  font-weight: 900;
  text-transform: uppercase;
  color: white;
  height: 50px;
  position: relative;
  line-height: 50px;
  padding-left: 10px;
}
.str-feedback-dialog .str-header .x-close {
  display: block;
  position: absolute;
  color: #fff;
  top: 13px;
  right: 10px;
  cursor: pointer;
  font-size: 24px;
}
.str-feedback-dialog .str-cols {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  overflow: hidden;
  *zoom: 1;
  padding: 12px 10px 10px;
  font-size: 15px;
}
.str-feedback-dialog .str-cols .x-col {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 50%;
  float: left;
}
.str-feedback-dialog .str-cols .x-col:first-of-type {
  padding-left: 0;
}
.str-feedback-dialog .str-cols .x-col:last-of-type {
  padding-left: 30px;
  padding-right: 0;
}
.str-feedback-dialog .str-cols .x-question {
  margin: 10px 0 0;
}
.str-feedback-dialog .str-cols .x-row {
  margin: 12px  0;
}
.str-feedback-dialog .str-cols .x-row-simple {
  margin: 10px 0 5px;
}
.str-feedback-dialog .str-cols .str-star-rating {
  display: inline-block;
}
.str-feedback-dialog .str-cols .x-label, .str-feedback-dialog .str-cols .str-cms-wrapper .x-row .x-nf-label, .str-cms-wrapper .x-row .str-feedback-dialog .str-cols .x-nf-label {
  display: inline-block;
  font-size: 13px;
  position: relative;
  top: -8px;
}
.str-feedback-dialog .str-cols .x-question-bold {
  font-weight: bold;
  display: inline-block;
}
.str-feedback-dialog .str-cols .x-radio {
  display: inline-block;
  margin-left: 10px;
}
.str-feedback-dialog .str-cols .x-radio span {
  display: inline-block;
  margin-left: 4px;
}
.str-feedback-dialog .str-cols .x-radio input[type="radio"] {
  margin: 0;
}
.str-feedback-dialog .str-cols .x-input {
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 13px;
  padding: 5px;
  margin: 0 0 8px;
}
.str-feedback-dialog .str-cols .x-comments {
  height: 112px;
  max-height: 112px;
}
.str-feedback-dialog .str-cols .x-mini-link {
  font-size: 11px;
  color: #bbb;
  display: inline-block;
}
.str-feedback-dialog .str-cols .x-error-msg {
  margin: 10px 0;
  background: #880D0D;
  padding: 10px;
  border-radius: 4px;
  color: #fff;
}
.str-feedback-dialog .str-star-rating span {
  cursor: pointer;
  color: #ddd;
  display: inline-block;
  margin-right: 1px;
  font-size: 40px;
}
.str-feedback-dialog .x-submit {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  margin: 0;
  line-height: 36px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0;
}

.str-native-ad {
  overflow: hidden;
}

.str-affiliate-blurb {
  margin-top: 15px;
  line-height: 1.4;
  font-size: 11px;
  color: #898989;
}
.str-affiliate-blurb.x-slideshow {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.str-affiliate-link {
  color: black !important;
  cursor: default;
}
.str-affiliate-link:hover {
  color: black !important;
  cursor: default;
}

.str-slideshow-wrapper .x-active, .str-non-slideshow-wrapper .x-active {
  display: block !important;
}
.str-slideshow-wrapper .x-cover, .str-non-slideshow-wrapper .x-cover {
  display: none;
}
.str-slideshow-wrapper .x-normal, .str-non-slideshow-wrapper .x-normal {
  display: none;
}
.str-slideshow-wrapper .x-overlay, .str-non-slideshow-wrapper .x-overlay {
  display: none;
}
.str-slideshow-wrapper .x-overlay .x-darker-arrow-button, .str-non-slideshow-wrapper .x-overlay .x-darker-arrow-button {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.str-slideshow-wrapper .x-overlay .x-darker-arrow-button:hover, .str-non-slideshow-wrapper .x-overlay .x-darker-arrow-button:hover {
  color: #fff;
  background-color: #393939 !important;
}
.str-slideshow-wrapper .x-inverted-overlay, .str-non-slideshow-wrapper .x-inverted-overlay {
  display: none;
}
.str-slideshow-wrapper .x-inverted-overlay img, .str-non-slideshow-wrapper .x-inverted-overlay img {
  -webkit-filter: blur(25px);
  filter: blur(25px);
}
.str-slideshow-wrapper .x-inverted-overlay .x-overlay-subcaption, .str-non-slideshow-wrapper .x-inverted-overlay .x-overlay-subcaption {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  color: white;
  width: 100%;
  height: 100%;
  text-align: left;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.str-slideshow-wrapper .x-inverted-overlay .x-overlay-subcaption .x-slide-subcaption, .str-non-slideshow-wrapper .x-inverted-overlay .x-overlay-subcaption .x-slide-subcaption {
  position: absolute;
  top: 45%;
  margin-bottom: 0;
  padding: 5px 20%;
  overflow-y: auto;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 18px;
  opacity: 1;
  transition-delay: .3s;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  vertical-align: middle;
  text-align: center;
}

.str-overlay-subcaption {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  width: 100%;
  height: 100%;
  text-align: left;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.str-overlay-subcaption.x-closed {
  height: 40px;
  background-color: rgba(0, 0, 0, 0);
  transition-delay: .3s;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.str-overlay-subcaption.x-closed .x-slide-subcaption {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.str-overlay-subcaption .x-subcaption-wrapper {
  overflow-y: auto;
  width: 80%;
  height: 271px;
  margin: 45px auto 0 auto;
  padding: 0 15px;
  visibility: hidden;
}
.str-overlay-subcaption .x-slide-subcaption {
  width: 100%;
  font-size: 18px;
  opacity: 1;
  transition-delay: .3s;
  margin-bottom: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.str-overlay-subcaption .str-affiliate-link {
  color: white !important;
}
.str-overlay-subcaption .str-affiliate-link:hover {
  color: white !important;
}

.str-crop-modal {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 200;
  text-align: center;
}
.str-crop-modal a {
  text-decoration: none;
}
.str-crop-modal .x-modal-content {
  border-radius: 5px;
  z-index: 200;
  max-width: 566px;
  min-height: 323px;
  max-height: 700px;
  background-color: #fff;
  padding: 32px;
  display: inline-block;
  top: 50%;
  transform: translate(0, -50%);
  position: relative;
}
.str-crop-modal .x-modal-content .ico-close-x {
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: right;
  color: #ccc;
}
.str-crop-modal .x-modal-content .ico-close-x:hover {
  cursor: pointer;
}
.str-crop-modal .x-modal-content .x-fb-note {
  font-size: 14px;
  color: #666;
  width: 100%;
}
.str-crop-modal .str-coords {
  width: 100%;
  color: #000;
}

.str-crop-tool {
  position: relative;
  min-width: 300px;
  min-height: 200px;
  border: 1px dotted #ccc;
}
.str-crop-tool .x-crop-target {
  max-width: 500px;
}

.str-crop-menu .x-selected-partner {
  outline: 4px solid #c76826;
  border: red;
}
.str-crop-menu .x-selected-partner.x-warning-partner {
  outline: 4px solid red;
}
.str-crop-menu .x-selected-figcaption {
  color: #c76826;
}
.str-crop-menu .x-selected-figcaption.x-warning-figcaption {
  color: red;
}
.str-crop-menu .x-dimensions-edit-bar {
  margin: 12px 0;
  background-color: #e9e9ea;
  border-radius: 5px;
  padding: 8px;
  font-size: 12px;
}
.str-crop-menu .x-dimensions-edit-bar .x-coords-form {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.str-crop-menu .x-dimensions-edit-bar .x-red {
  color: red;
}
.str-crop-menu .x-dimensions-edit-bar .x-green {
  color: #39b959;
}
.str-crop-menu .x-dimensions-edit-bar .x-green.x-none {
  color: black;
}
.str-crop-menu .x-dimensions-edit-bar .x-warning-msg {
  float: left;
  margin-left: 15px;
  color: red;
  display: none;
  font-weight: 600;
}
.str-crop-menu .x-dimensions-edit-bar .x-good-msg {
  float: left;
  margin-left: 15px;
  color: #39b959;
  font-weight: 600;
  display: none;
}
.str-crop-menu .x-dimensions-edit-bar .x-dimensions {
  float: left;
}
.str-crop-menu .x-dimensions-edit-bar .x-dimensions .x-width {
  margin-right: 10px;
}
.str-crop-menu .x-dimensions-edit-bar .x-dimension {
  text-transform: uppercase;
  font-weight: 600;
}
.str-crop-menu .x-dimensions-edit-bar .x-reset-crop {
  float: right;
}
.str-crop-menu .x-dimensions-edit-bar .x-reset-crop:hover {
  cursor: pointer;
}
.str-crop-menu .x-dimensions-edit-bar .x-reset-crop .x-reset-title {
  text-transform: uppercase;
  margin-right: 5px;
}
.str-crop-menu .x-dimensions-edit-bar .x-reset-crop .ico-refresh {
  color: #000;
  font-weight: bold;
}
.str-crop-menu .x-crop-preview-template {
  display: none;
}
.str-crop-menu .x-crop-selection-pane {
  margin: 0;
  padding: 0;
  text-align: center;
  height: 116px;
  max-width: 500px;
  display: block;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}
.str-crop-menu .x-crop-selection-pane .x-crop-delete-btn {
  position: absolute;
  border-radius: 50%;
  color: #fff;
  background-color: #000;
  text-transform: none;
  font-family: sans-serif;
  height: 20px;
  width: 20px;
  padding: 1px 0px 0 1px;
  right: -9px;
  top: -9px;
  z-index: 998;
  display: none;
}
.str-crop-menu .x-crop-selection-pane .x-crop-delete-btn:hover {
  cursor: pointer;
}
.str-crop-menu .x-crop-selection-pane .ico-warning {
  position: absolute;
  color: red;
  font-size: 18px;
  right: 5px;
  top: 5px;
  z-index: 999;
}
.str-crop-menu .x-crop-selection-pane .x-partner-wrapper {
  margin-top: 10px;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
}
.str-crop-menu .x-crop-selection-pane .x-partner-wrapper .x-partner-crop {
  background-color: #919191;
  color: #6f7070;
  height: 75px;
  margin: 5px;
  margin-top: 0;
  position: relative;
}
.str-crop-menu .x-crop-selection-pane .x-partner-wrapper .x-partner-crop img {
  position: absolute;
  top: 0;
  left: 0;
}
.str-crop-menu .x-crop-selection-pane .x-partner-wrapper .x-partner-crop .x-prev-crop {
  display: none;
}
.str-crop-menu .x-crop-selection-pane .x-partner-wrapper .x-partner-crop .x-missing-crop {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-weight: bold;
}
.str-crop-menu .x-crop-selection-pane .x-partner-wrapper .x-partner-crop .x-add-crop {
  display: none;
}
.str-crop-menu .x-crop-selection-pane .x-partner-wrapper .x-add-crop {
  display: none;
}
.str-crop-menu .x-crop-selection-pane .x-partner-wrapper figcaption {
  font-size: 11px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  border: 0;
}
.str-crop-menu .x-crop-selection-pane .x-partner-wrapper img {
  height: 75px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.str-crop-menu .x-img-name {
  font-size: 15px;
  font-weight: 200;
  margin-top: 10px;
  color: #666;
  display: none;
  text-align: left;
}
.str-crop-menu .x-img-name .x-img-name-title {
  font-weight: 600;
  color: #000;
  margin-right: 5px;
  margin-left: 9px;
}
.str-crop-menu .x-img-name-editable {
  margin-top: 10px;
  display: none;
}
.str-crop-menu .x-img-name-editable input[type=text] {
  border-radius: 5px;
  margin-bottom: 0;
  -webkit-appearance: none;
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}
.str-crop-menu .x-save-close-btn {
  margin-top: 10px;
  background-color: #3a8eed;
  color: #fff;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  padding: 9px;
}
.str-crop-menu .x-save-close-btn:hover {
  cursor: pointer;
}
.str-crop-menu .x-save-close-btn:active {
  background-color: #1474e0;
}
.str-crop-menu ::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 7px;
}
.str-crop-menu ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.4);
}

.jcrop-holder {
  direction: ltr;
  text-align: left;
  margin: 0 auto;
}

/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #ffffff;
  font-size: 0;
  position: absolute;
}

.jcrop-vline {
  height: 100%;
  width: 1px !important;
}

.jcrop-vline.right {
  right: 0;
}

.jcrop-hline {
  height: 1px !important;
  width: 100%;
}

.jcrop-hline.bottom {
  bottom: 0;
}

/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  background: transparent;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none;
}

/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}

.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}

.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}

.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}

.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}

.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}

.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}

.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}

.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}

/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}

.jcrop-dragbar.ord-n {
  margin-top: -4px;
}

.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}

.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}

.jcrop-dragbar.ord-w {
  margin-left: -4px;
}

/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}

.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-color: #ffffff;
  border-radius: 3px;
}

/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}

.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}

/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff;
}

/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none;
}

.jcrop-keymgr {
  opacity: 0;
}

.str-indicator-wrapper {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, rgba(0, 0, 0, 0)), color-stop(97%, rgba(0, 0, 0, 0.63)), color-stop(100%, rgba(0, 0, 0, 0.65)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.63) 97%, rgba(0, 0, 0, 0.65) 100%);
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.63) 97%, rgba(0, 0, 0, 0.65) 100%);
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.63) 97%, rgba(0, 0, 0, 0.65) 100%);
  background-image: linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.63) 97%, rgba(0, 0, 0, 0.65) 100%);
}
.str-indicator-wrapper .ico-quiz-question, .str-indicator-wrapper .ico-play-circle-2 {
  padding: 5px 5px 2px 5px;
  color: white;
  font-size: 2.5rem;
}
.str-indicator-wrapper .ico-quiz-question:hover, .str-indicator-wrapper .ico-play-circle-2:hover {
  cursor: pointer;
}

.str-admin-hidden-wrapper .x-active {
  cursor: default;
  color: black;
}

.str-votes .x-vote-up, .str-votes .x-vote-down {
  display: inline-block;
  width: 61px;
  height: 30px;
  background-color: rgba(176, 176, 176, 0.5);
  margin-left: 5px;
  color: #525252;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.str-votes .x-vote-up:hover, .str-votes .x-vote-down:hover {
  background-color: rgba(151, 151, 151, 0.5);
}
.str-votes .x-selected.x-vote-up, .str-votes .x-selected.x-vote-down {
  color: white;
}
.str-votes .x-vote-up .x-icon, .str-votes .x-vote-down .x-icon {
  font-size: 18px;
  line-height: 30px;
  display: inline-block;
  float: left;
  margin-left: 8px;
}
.str-votes .x-vote-up .x-count, .str-votes .x-vote-down .x-count {
  position: absolute;
  top: 8px;
  right: 8px;
}

.str-votes {
  float: right;
  position: relative;
}

.str-ss-nav {
  position: absolute;
  right: 0;
  top: 0;
}
.str-ss-nav .x-button {
  width: 80px;
  height: 35px;
  font-size: 19px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 34px;
  margin-left: 1px;
  float: left;
  background: #31577a;
  color: #fff;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.str-ss-nav .x-button:hover {
  color: #fff;
  background: #2c6da8;
}
.str-ss-nav .x-button.x-prev {
  padding-left: 24px;
}
.str-ss-nav .x-button.x-prev i {
  left: 6px;
}
.str-ss-nav .x-button.x-next {
  padding-left: 11px;
}
.str-ss-nav .x-button.x-next i {
  right: 6px;
}
.str-ss-nav .x-button i {
  position: absolute;
  top: 9px;
  font-size: 17px;
}

.str-tooltip {
  background-color: rgba(0, 0, 0, 0.85);
  position: absolute;
  padding: 10px;
  max-width: 200px;
  border-radius: 12px;
  color: white;
  display: none;
  line-height: 1.2;
}

.str-slim-header-wrapper {
  height: 42px;
  overflow: hidden;
  min-width: 1220px;
}
.str-slim-header-wrapper .x-title-area {
  float: left;
  text-transform: lowercase;
}
.str-slim-header-wrapper .x-row-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  overflow: hidden;
  *zoom: 1;
}
.str-slim-header-wrapper ul {
  list-style-type: none;
}
.str-slim-header-wrapper ul li {
  display: inline-block;
}
.str-slim-header-wrapper ul li .btn-social-share {
  color: white;
  font-size: 25px;
  line-height: 42px;
}
.str-slim-header-wrapper .btn-social-share span {
  display: block;
  margin-top: 3px;
  font-size: 35px;
}
.str-slim-header-wrapper .str-slim-site-title-x, .str-slim-header-wrapper .str-slim-site-title-1, .str-slim-header-wrapper .str-slim-site-title-2 {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-style: italic;
  font-size: 36px;
  line-height: 38px;
}
.str-slim-header-wrapper .str-slim-site-title-2 {
  margin-left: -2px;
}
.str-slim-header-wrapper .x-social-nav {
  float: right;
}

.str-slim-nav-ad {
  height: 90px;
  background-color: #efefef;
  padding: 0;
  position: relative;
  text-align: center;
  min-width: 1220px;
}
.str-slim-nav-ad.x-hide-ad {
  display: none;
}

.str-bio-carousel-wrap {
  margin-bottom: 30px;
}
.str-bio-carousel-wrap .str-carousel-wrap {
  min-width: 100%;
}
.str-bio-carousel-wrap .str-carousel-wrap .str-carousel-inner {
  height: 310px;
}
.str-bio-carousel-wrap .str-carousel-wrap .x-carousel-item {
  height: 310px;
  width: 210px;
}
.str-bio-carousel-wrap .str-carousel-wrap .x-carousel-overlay {
  height: 310px;
}

.str-celeb-index {
  margin-bottom: 40px;
}
.str-celeb-index .str-celeb-col-wrap {
  overflow: hidden;
}
.str-celeb-index .x-celeb-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  float: left;
  padding-left: 15px;
}
.str-celeb-index .x-celeb-col:first-child {
  padding-left: 0;
}
.str-celeb-index .str-celeb-cluster {
  margin: 10px 0 0;
  font-size: 15px;
}
.str-celeb-index .str-celeb-cluster a {
  color: #525252;
}
.str-celeb-index .str-celeb-cluster a:hover {
  color: #ed1c24;
}
.str-celeb-index .str-celeb-cluster .x-alpha-index {
  color: #525252;
  font-size: 36px;
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  padding-bottom: 5px;
  border-bottom: 2px solid #cdcdcd;
  padding-left: 5px;
}
.str-celeb-index .str-celeb-cluster .x-alpha-index.x-no-data {
  color: #cdcdcd;
  border-bottom: none;
}

.str-social-sidebar {
  min-height: 154px;
}

.str-seo-test .str-button-prev, .str-seo-test .str-button-next {
  background-color: rgba(80, 80, 80, 0.3);
}
.str-seo-test .str-button-prev:hover, .str-seo-test .str-button-next:hover {
  background: rgba(80, 80, 80, 0.6);
}
.str-seo-test .str-button-next,
.str-seo-test .x-overlay .x-darker-arrow-button.str-button-next {
  background-color: rgba(255, 102, 0, 0.8) !important;
}
.str-seo-test .str-button-next:hover,
.str-seo-test .x-overlay .x-darker-arrow-button.str-button-next:hover {
  background: #ff6600 !important;
}
.str-seo-test .str-ad-spacer {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.str-seo-test .str-ad-spacer .str-ad {
  position: absolute;
  left: 160px;
}

.str-stars-admin-page .str-slim-nav-ad {
  background: #fff;
  height: 10px;
}

.str-cover-lrg .str-main-content {
  width: 810px;
  margin-left: 10px;
}
.str-cover-lrg .str-content-header h1 {
  font-weight: 600;
  font-size: 45px;
  color: #333;
  margin: 40px 0 35px;
}
.str-cover-lrg .str-slideshow-wrapper .str-slideshow, .str-cover-lrg .str-non-slideshow-wrapper .str-slideshow {
  width: 810px;
  max-height: 415px;
}
.str-cover-lrg .str-cover-description {
  font-size: 20px;
  font-weight: 400;
  margin: 10px 0;
  line-height: 140%;
}
.str-cover-lrg .str-image-wrapper {
  width: 810px;
  min-height: 415px;
}
.str-cover-lrg .str-button-start .ico-angled-arrow-right {
  color: #ed1c24;
}
.str-cover-lrg .str-sidebar-ad-wrapper-2 {
  margin-top: 45px;
}
.str-cover-lrg .str-blurb-wrapper {
  margin-top: 30px;
}

.str-quiz-page .str-content-wrapper {
  overflow: hidden;
}

.str-quiz-result-page .str-sidebar-ad-wrapper-2 {
  margin-top: 50px;
}
.str-quiz-result-page .str-content-wrapper {
  overflow: hidden;
}
.str-quiz-result-page .str-main-content {
  width: 810px;
}
.str-quiz-result-page .str-quiz-result-wrap {
  color: #444;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  overflow: hidden;
  *zoom: 1;
  margin: 40px 0 50px;
}
.str-quiz-result-page .str-quiz-result-wrap .x-col {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 50%;
  float: left;
}
.str-quiz-result-page .str-quiz-result-wrap .x-result-details {
  padding-left: 16px;
}
.str-quiz-result-page .str-quiz-result-wrap .x-img-wrapper {
  margin: 0 0 10px;
}
.str-quiz-result-page .str-quiz-result-wrap .x-quiz-title {
  font-size: 17px;
}
.str-quiz-result-page .str-quiz-result-wrap .x-quiz-title b {
  font-weight: 600;
}
.str-quiz-result-page .str-quiz-result-wrap .x-fb-share {
  background: #3b5998;
  color: #fff;
  font-size: 24px;
  padding: 0 22px 0 45px;
  font-weight: 600;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  margin: 0 0 18px;
}
.str-quiz-result-page .str-quiz-result-wrap .x-fb-share:hover {
  background: #2d4373;
}
.str-quiz-result-page .str-quiz-result-wrap .x-fb-share i {
  position: absolute;
  font-size: 28px;
  top: 11px;
  left: 16px;
}
.str-quiz-result-page .str-quiz-result-wrap .x-result-title {
  font-size: 25px;
  font-weight: 600;
}
.str-quiz-result-page .str-quiz-result-wrap .x-result-score {
  margin: 4px 0 25px;
  font-size: 21px;
}
.str-quiz-result-page .str-quiz-result-wrap .x-result-score b {
  font-weight: 600;
}
.str-quiz-result-page .str-quiz-result-wrap .x-result-desc {
  font-size: 15px;
  margin: 0 0 25px;
}
.str-quiz-result-page .str-quiz-result-wrap .x-retake-next {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  overflow: hidden;
  *zoom: 1;
}
.str-quiz-result-page .str-quiz-result-wrap .x-retake-next .x-col {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  width: 50%;
  float: left;
}
.str-quiz-result-page .str-quiz-result-wrap .x-retake-next .x-col.x-next {
  text-align: right;
  font-weight: bold;
}
.str-quiz-result-page .str-quiz-result-wrap .x-retake-next .x-retake {
  font-size: 15px;
  color: #444;
  text-decoration: underline;
}
.str-quiz-result-page .str-recirc .x-img-wrapper img {
  width: 180px;
}

.str-email-signup {
  background-color: #f2f2f2;
  padding: 10px 12px;
  margin: 0 0 30px;
}
.str-email-signup.x-email-inline {
  margin: 0 0 36px;
  font-size: 0;
  overflow: hidden;
}
.str-email-signup.x-email-inline .x-head {
  font-size: 22px;
}
.str-email-signup.x-email-inline .x-body-txt {
  background: initial;
  width: 100%;
}
.str-email-signup.x-email-inline .x-body-txt p {
  width: 100%;
  margin-bottom: auto;
}
.str-email-signup.x-email-inline .x-email-signup {
  display: inline-block;
  vertical-align: middle;
  width: 87%;
}
.str-email-signup.x-email-inline .x-email-signup .x-email-copy, .str-email-signup.x-email-inline .x-email-signup .x-signup-form {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  padding-left: 5px;
}
.str-email-signup.x-email-inline .x-email-signup .x-email-copy.x-full-width, .str-email-signup.x-email-inline .x-email-signup .x-signup-form.x-full-width {
  width: 100%;
}
.str-email-signup.x-email-inline .x-popcorn {
  width: 13%;
  display: inline-block;
  padding-right: 12px;
}
.str-email-signup.x-email-inline .x-input {
  margin: 0 0 8px 0;
}
.str-email-signup .x-head {
  font-weight: 700;
  font-size: 24px;
  color: #ed1c24;
}
.str-email-signup .x-body-txt {
  margin: 10px 0 0;
  background: transparent url("http://static.topixcdn.com/ext/stars/stars-popcorn-90.png") no-repeat right 6px;
  width: 255px;
}
.str-email-signup .x-body-txt p {
  font-size: 15px;
  line-height: 20px;
  width: 152px;
}
.str-email-signup .x-hide {
  position: absolute;
  left: -5000px;
}
.str-email-signup .x-input {
  display: block;
  margin: 8px 0;
  text-align: center;
  font-size: 15px;
}
.str-email-signup .x-submit {
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
  display: block;
  background: #ed1c24;
  border-radius: 3px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border: none;
  width: 100%;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  padding: 8px 0;
  cursor: pointer;
  -webkit-appearance: none;
}

.str-masonry-body {
  background: #eee;
}
.str-masonry-body .str-footer-wrap {
  margin-top: 0;
  border-top: 1px solid #ddd;
}

.str-mason-col-wrapper {
  width: 1220px;
  margin: 15px auto 200px;
  overflow: hidden;
  position: relative;
}
.str-mason-col-wrapper .str-feat-item {
  width: 480px;
  position: absolute;
  top: 0;
  left: 0;
}
.str-mason-col-wrapper .str-feat-item:hover .x-img {
  opacity: .85;
}
.str-mason-col-wrapper .str-feat-item:hover .x-copy {
  color: #6e8291;
}
.str-mason-col-wrapper .str-feat-item:hover .x-btn {
  background: #de1219;
}
.str-mason-col-wrapper .str-feat-item .x-main-wrap {
  background: #333333;
  position: relative;
  height: 300px;
}
.str-mason-col-wrapper .str-feat-item .x-main-wrap .x-title-wrap {
  display: block;
  width: 250px;
  font-size: 28px;
  font-weight: 900;
  color: #fff;
  position: absolute;
  top: 35px;
  left: 20px;
  line-height: 122%;
}
.str-mason-col-wrapper .str-feat-item .x-main-wrap .x-title-wrap span {
  background: #333333;
  display: inline;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 0.4em 0 0 #333333, -0.4em 0 0 #333333;
}
.str-mason-col-wrapper .str-feat-item .x-img-wrap {
  width: 300px;
  height: 300px;
  background: #efefef;
  position: absolute;
  top: 0;
  right: 0;
}
.str-mason-col-wrapper .str-feat-item .x-btn {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  background: #ed1c24;
  padding: 10px;
  border-radius: 4px;
  position: absolute;
  bottom: 16px;
  left: 36px;
  text-transform: uppercase;
}
.str-mason-col-wrapper .str-feat-item .x-btn.x-is-quiz {
  left: 39px;
}
.str-mason-col-wrapper .str-feat-item .x-copy {
  line-height: 18px;
  padding: 15px;
  background: #fff;
  color: #5b6c76;
}
.str-mason-col-wrapper.x-has-featured .x-col-1,
.str-mason-col-wrapper.x-has-featured .x-col-2 {
  position: relative;
  top: 400px;
}
.str-mason-col-wrapper .str-mason-col {
  width: 232px;
  margin-right: 15px;
  float: left;
}
.str-mason-col-wrapper .str-mason-col:last-of-type {
  margin-right: 0;
}
.str-mason-col-wrapper .str-mason-col .x-brick {
  display: block;
  margin: 0 0 15px;
}
.str-mason-col-wrapper .str-mason-col .x-brick:hover .x-copy-wrap {
  color: #6e8291;
}
.str-mason-col-wrapper .str-mason-col .x-brick:hover .x-img {
  opacity: .85;
}
.str-mason-col-wrapper .str-mason-col .x-brick .x-img-wrap {
  width: 100%;
  min-height: 232px;
  background: #efefef;
}
.str-mason-col-wrapper .str-mason-col .x-brick .x-copy-wrap {
  font-size: 13.5px;
  line-height: 18px;
  padding: 15px;
  background: #fff;
  color: #5b6c76;
}
.str-mason-col-wrapper .str-mason-col .x-brick .x-title {
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  margin: 0 0 11px;
  display: block;
}
.str-mason-col-wrapper .str-mason-col .x-brick .x-text {
  display: block;
}

.str-progress-bar {
  width: 100%;
  border-radius: 20px;
  background-image: linear-gradient(#dfdfdf, #ebebeb);
  padding: 7px 14px;
  margin: 13px 0;
  font-size: 12px;
  text-transform: uppercase;
  text-align: right;
  position: relative;
  overflow: hidden;
  z-index: 1;
  text-shadow: 0px 0px 3px #fff;
  height: 26px;
  display: none;
}
.str-progress-bar .x-question-count-msg {
  font-weight: bold;
}
.str-progress-bar .x-progress {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #ed1c24;
  width: 0;
  height: 100%;
  z-index: -1;
}

.connatix {
  padding: 3% 0;
  padding-bottom: 3% !important;
  margin-top: 40px;
}

.ArticleSub {
  margin: 10px 0 !important;
}

.str-video-ad {
  margin: 40px 0;
}