@charset "UTF-8";
/* Neat 1.7.0
 * http://neat.bourbon.io
 * Copyright 2012-2014 thoughtbot, inc.
 * MIT License */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

input[type="button"], input[type="reset"], input[type="submit"],
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  background-color: #f05233;
  border-radius: 3px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 1em;
  text-decoration: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }
  input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus,
  button:hover,
  button:focus {
    background-color: #c82d0f;
    color: #fff; }
  input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled,
  button:disabled {
    cursor: not-allowed;
    opacity: 0.5; }

fieldset {
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  margin: 0 0 0.75em;
  padding: 1.5em; }

input,
label,
select {
  display: block;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 13px; }

label {
  font-weight: 600;
  margin-bottom: 0.375em; }
  label.required::after {
    content: "*"; }
  label abbr {
    display: none; }

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"],
select[multiple=multiple],
textarea {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 13px;
  margin-bottom: 0.75em;
  padding: 0.5em;
  transition: border-color;
  width: 100%; }
  input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover,
  select[multiple=multiple]:hover,
  textarea:hover {
    border-color: #c4c4c4; }
  input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus,
  select[multiple=multiple]:focus,
  textarea:focus {
    border-color: #f05233;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(238, 62, 27, 0.7);
    outline: none; }

textarea {
  resize: vertical; }

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

input[type="file"] {
  padding-bottom: 0.75em;
  width: 100%; }

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto; }

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }
dl {
  margin-bottom: 0.75em; }
  dl dt {
    font-weight: bold;
    margin-top: 0.75em; }
  dl dd {
    margin: 0; }

table {
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #b7b7b7;
  font-weight: 600;
  padding: 0.75em 0;
  text-align: left; }

td {
  border-bottom: 1px solid #ddd;
  padding: 0.75em 0; }

tr,
td,
th {
  vertical-align: middle; }

body {
  -webkit-font-smoothing: antialiased;
  color: gray;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.2;
  margin: 0 0 0.75em; }

p {
  margin: 0 0 0.75em; }

a {
  color: #f05233;
  text-decoration: none;
  transition: color 0.1s linear; }
  a:active, a:focus, a:hover {
    color: #c82d0f; }
  a:active, a:focus {
    outline: none; }

hr {
  border-bottom: 1px solid #ddd;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 1.5em 0; }

img,
picture {
  margin: 0;
  max-width: 100%; }

/********************
 * SVG CSS
 */
svg {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Trying to get SVG to act like a greedy block in all browsers */
  display: block;
  width: 100%;
  height: 100%; }

/********************
  Default CSS for an svg element nvd3 used
*/
svg.nvd3-svg {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: block; }

/********************
  Box shadow and border radius styling
*/
.nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip {
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

/********************
 * TOOLTIP CSS
 */
.nvtooltip {
  position: absolute;
  background-color: white;
  padding: 1px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  z-index: 10000;
  font-family: Arial;
  font-size: 13px;
  text-align: left;
  pointer-events: none;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*Give tooltips that old fade in transition by
    putting a "with-transitions" class on the container div.
*/
.nvtooltip.with-transitions, .with-transitions .nvtooltip {
  transition: opacity 50ms linear;
  -moz-transition: opacity 50ms linear;
  -webkit-transition: opacity 50ms linear;
  transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -webkit-transition-delay: 200ms; }

.nvtooltip.x-nvtooltip,
.nvtooltip.y-nvtooltip {
  padding: 8px; }

.nvtooltip h3 {
  margin: 0;
  padding: 4px 14px;
  line-height: 18px;
  font-weight: normal;
  background-color: rgba(247, 247, 247, 0.75);
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 1px 5px 0 0; }

.nvtooltip p {
  margin: 0;
  padding: 5px 14px;
  text-align: center; }

.nvtooltip span {
  display: inline-block;
  margin: 2px 0; }

.nvtooltip table {
  margin: 6px;
  border-spacing: 0; }

.nvtooltip table td {
  padding: 2px 9px 2px 0;
  vertical-align: middle; }

.nvtooltip table td.key {
  font-weight: normal; }

.nvtooltip table td.value {
  text-align: right;
  font-weight: bold; }

.nvtooltip table tr.highlight td {
  padding: 1px 9px 1px 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-top-width: 1px; }

.nvtooltip table td.legend-color-guide div {
  width: 8px;
  height: 8px;
  vertical-align: middle; }

.nvtooltip .footer {
  padding: 3px;
  text-align: center; }

.nvtooltip-pending-removal {
  position: absolute;
  pointer-events: none; }

.nvd3 text {
  font: normal 12px Arial; }

.nvd3 .title {
  font: bold 14px Arial; }

.nvd3 .nv-background {
  fill: white;
  fill-opacity: 0; }

.nvd3.nv-noData {
  font-size: 18px;
  font-weight: bold; }

/**********
*  Brush
*/
.nv-brush .extent {
  fill-opacity: .125;
  shape-rendering: crispEdges; }

/**********
*  Legend
*/
.nvd3 .nv-legend .nv-series {
  cursor: pointer; }

.nvd3 .nv-legend .nv-disabled circle {
  fill-opacity: 0; }

/**********
*  Axes
*/
.axis {
  opacity: 1; }

.axis.nv-disabled {
  opacity: 0; }

.nvd3 .nv-axis {
  pointer-events: none; }

.nvd3 .nv-axis path {
  fill: none;
  stroke: #000;
  stroke-opacity: .75;
  shape-rendering: crispEdges; }

.nvd3 .nv-axis path.domain {
  stroke-opacity: .75; }

.nvd3 .nv-axis.nv-x path.domain {
  stroke-opacity: 0; }

.nvd3 .nv-axis line {
  fill: none;
  stroke: #e5e5e5;
  shape-rendering: crispEdges; }

.nvd3 .nv-axis .zero line,
.nvd3 .nv-axis line.zero {
  stroke-opacity: .75; }

.nvd3 .nv-axis .nv-axisMaxMin text {
  font-weight: bold; }

.nvd3 .x .nv-axis .nv-axisMaxMin text,
.nvd3 .x2 .nv-axis .nv-axisMaxMin text,
.nvd3 .x3 .nv-axis .nv-axisMaxMin text {
  text-anchor: middle; }

/**********
*  Brush
*/
.nv-brush .resize path {
  fill: #eee;
  stroke: #666; }

/**********
*  Bars
*/
.nvd3 .nv-bars .negative rect {
  zfill: brown; }

.nvd3 .nv-bars rect {
  zfill: steelblue;
  fill-opacity: .75;
  transition: fill-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear; }

.nvd3 .nv-bars rect.hover {
  fill-opacity: 1; }

.nvd3 .nv-bars .hover rect {
  fill: lightblue; }

.nvd3 .nv-bars text {
  fill: transparent; }

.nvd3 .nv-bars .hover text {
  fill: black; }

/**********
*  Bars
*/
.nvd3 .nv-multibar .nv-groups rect,
.nvd3 .nv-multibarHorizontal .nv-groups rect,
.nvd3 .nv-discretebar .nv-groups rect {
  stroke-opacity: 0;
  transition: fill-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear; }

.nvd3 .nv-multibar .nv-groups rect:hover,
.nvd3 .nv-multibarHorizontal .nv-groups rect:hover,
.nvd3 .nv-discretebar .nv-groups rect:hover {
  fill-opacity: 1; }

.nvd3 .nv-discretebar .nv-groups text,
.nvd3 .nv-multibarHorizontal .nv-groups text {
  font-weight: bold;
  fill: black;
  stroke: transparent; }

/***********
*  Pie Chart
*/
.nvd3.nv-pie path {
  stroke-opacity: 0;
  transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; }

.nvd3.nv-pie .nv-pie-title {
  font-size: 24px;
  fill: rgba(19, 196, 249, 0.59); }

.nvd3.nv-pie .nv-slice text {
  stroke: #000;
  stroke-width: 0; }

.nvd3.nv-pie path {
  stroke: #fff;
  stroke-width: 1px;
  stroke-opacity: 1; }

.nvd3.nv-pie .hover path {
  fill-opacity: .7; }

.nvd3.nv-pie .nv-label {
  pointer-events: none; }

.nvd3.nv-pie .nv-label rect {
  fill-opacity: 0;
  stroke-opacity: 0; }

/**********
* Lines
*/
.nvd3 .nv-groups path.nv-line {
  fill: none;
  stroke-width: 1.5px; }

.nvd3 .nv-groups path.nv-line.nv-thin-line {
  stroke-width: 1px; }

.nvd3 .nv-groups path.nv-area {
  stroke: none; }

.nvd3 .nv-line.hover path {
  stroke-width: 6px; }

.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
  fill-opacity: 0;
  stroke-opacity: 0; }

.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
  fill-opacity: .5 !important;
  stroke-opacity: .5 !important; }

.with-transitions .nvd3 .nv-groups .nv-point {
  transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
  -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
  -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; }

.nvd3.nv-scatter .nv-groups .nv-point.hover,
.nvd3 .nv-groups .nv-point.hover {
  stroke-width: 7px;
  fill-opacity: .95 !important;
  stroke-opacity: .95 !important; }

.nvd3 .nv-point-paths path {
  stroke: #aaa;
  stroke-opacity: 0;
  fill: #eee;
  fill-opacity: 0; }

.nvd3 .nv-indexLine {
  cursor: ew-resize; }

/**********
* Distribution
*/
.nvd3 .nv-distribution {
  pointer-events: none; }

/**********
*  Scatter
*/
.nvd3 .nv-groups .nv-point.hover {
  stroke-width: 20px;
  stroke-opacity: .5; }

.nvd3 .nv-scatter .nv-point.hover {
  fill-opacity: 1; }

/**********
*  Stacked Area
*/
.nvd3.nv-stackedarea path.nv-area {
  fill-opacity: .7;
  stroke-opacity: 0;
  transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear; }

.nvd3.nv-stackedarea path.nv-area.hover {
  fill-opacity: .9; }

.nvd3.nv-stackedarea .nv-groups .nv-point {
  stroke-opacity: 0;
  fill-opacity: 0; }

/**********
*  Line Plus Bar
*/
.nvd3.nv-linePlusBar .nv-bar rect {
  fill-opacity: .75; }

.nvd3.nv-linePlusBar .nv-bar rect:hover {
  fill-opacity: 1; }

/**********
*  Bullet
*/
.nvd3.nv-bullet {
  font: 10px sans-serif; }

.nvd3.nv-bullet .nv-measure {
  fill-opacity: .8; }

.nvd3.nv-bullet .nv-measure:hover {
  fill-opacity: 1; }

.nvd3.nv-bullet .nv-marker {
  stroke: #000;
  stroke-width: 2px; }

.nvd3.nv-bullet .nv-markerTriangle {
  stroke: #000;
  fill: #fff;
  stroke-width: 1.5px; }

.nvd3.nv-bullet .nv-tick line {
  stroke: #666;
  stroke-width: .5px; }

.nvd3.nv-bullet .nv-range.nv-s0 {
  fill: #eee; }

.nvd3.nv-bullet .nv-range.nv-s1 {
  fill: #ddd; }

.nvd3.nv-bullet .nv-range.nv-s2 {
  fill: #ccc; }

.nvd3.nv-bullet .nv-title {
  font-size: 14px;
  font-weight: bold; }

.nvd3.nv-bullet .nv-subtitle {
  fill: #999; }

.nvd3.nv-bullet .nv-range {
  fill: #bababa;
  fill-opacity: .4; }

.nvd3.nv-bullet .nv-range:hover {
  fill-opacity: .7; }

/**********
* Sparkline
*/
.nvd3.nv-sparkline path {
  fill: none; }

.nvd3.nv-sparklineplus g.nv-hoverValue {
  pointer-events: none; }

.nvd3.nv-sparklineplus .nv-hoverValue line {
  stroke: #333;
  stroke-width: 1.5px; }

.nvd3.nv-sparklineplus,
.nvd3.nv-sparklineplus g {
  pointer-events: all; }

.nvd3 .nv-hoverArea {
  fill-opacity: 0;
  stroke-opacity: 0; }

.nvd3.nv-sparklineplus .nv-xValue,
.nvd3.nv-sparklineplus .nv-yValue {
  stroke-width: 0;
  font-size: .9em;
  font-weight: normal; }

.nvd3.nv-sparklineplus .nv-yValue {
  stroke: #f66; }

.nvd3.nv-sparklineplus .nv-maxValue {
  stroke: #2ca02c;
  fill: #2ca02c; }

.nvd3.nv-sparklineplus .nv-minValue {
  stroke: #d62728;
  fill: #d62728; }

.nvd3.nv-sparklineplus .nv-currentValue {
  font-weight: bold;
  font-size: 1.1em; }

/**********
* historical stock
*/
.nvd3.nv-ohlcBar .nv-ticks .nv-tick {
  stroke-width: 1px; }

.nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover {
  stroke-width: 2px; }

.nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive {
  stroke: #2ca02c; }

.nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative {
  stroke: #d62728; }

.nvd3.nv-historicalStockChart .nv-axis .nv-axislabel {
  font-weight: bold; }

.nvd3.nv-historicalStockChart .nv-dragTarget {
  fill-opacity: 0;
  stroke: none;
  cursor: move; }

.nvd3 .nv-brush .extent {
  fill-opacity: 0 !important; }

.nvd3 .nv-brushBackground rect {
  stroke: #000;
  stroke-width: .4;
  fill: #fff;
  fill-opacity: .7; }

/**********
* Parallel Coordinates
*/
.nvd3 .background path {
  fill: none;
  stroke: #EEE;
  stroke-opacity: .4;
  shape-rendering: crispEdges; }

.nvd3 .foreground path {
  fill: none;
  stroke-opacity: .7; }

.nvd3 .brush .extent {
  fill-opacity: .3;
  stroke: #fff;
  shape-rendering: crispEdges; }

.nvd3 .axis line, .axis path {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges; }

.nvd3 .axis text {
  text-shadow: 0 1px 0 #fff; }

/****
Interactive Layer
*/
.nvd3 .nv-interactiveGuideLine {
  pointer-events: none; }

.nvd3 line.nv-guideline {
  stroke: #ccc; }

@font-face {
  font-family: 'brandon_grotesquebold';
  src: url("calculator/fonts/Brandon_bld-webfont.eot");
  src: url("calculator/fonts/Brandon_bld-webfont.eot?#iefix") format("embedded-opentype"), url("calculator/fonts/Brandon_bld-webfont.woff2") format("woff2"), url("calculator/fonts/Brandon_bld-webfont.woff") format("woff"), url("calculator/fonts/Brandon_bld-webfont.ttf") format("truetype"), url("calculator/fonts/Brandon_bld-webfont.svg#brandon_grotesquebold") format("svg");
  font-weight: normal;
  font-style: normal; }
html {
  user-select: none; }

*, *:before, *:after {
  user-select: inherit; }

a, a:active, a:visited {
  color: #f05233;
  -webkit-tap-highlight-color: transparent; }

a:hover {
  color: #0095da; }

h1, h2, h3 {
  font-weight: normal; }

#svg-warning {
  display: none; }

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(255, 0, 0, 0.3); }
  #overlay img {
    width: 100%;
    display: block;
    opacity: 0.5; }
  #overlay.show {
    display: block; }

a.info,
span.info {
  vertical-align: top;
  display: inline-block;
  width: 11px;
  height: 11px;
  background-image: url("calculator/images/info.png");
  margin-left: 5px;
  vertical-align: -2px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    a.info,
    span.info {
      background-image: url("calculator/images/info_2x.png");
      background-size: 11px 11px; } }

body {
  margin: 0;
  background-color: #f6f7f7;
  min-width: 1024px; }

.wrapper {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto; }
  .wrapper:after {
    content: "";
    display: table;
    clear: both; }

.main-columns {
  display: block; }
  .main-columns:after {
    content: "";
    display: table;
    clear: both; }

@-webkit-keyframes pulsate {
  0% {
    -webkit-box-shadow: 0 0 0px 0 rgba(255, 0, 0, 0);
    box-shadow: 0 0 0px 0 rgba(255, 0, 0, 0); }
  50% {
    -webkit-box-shadow: 0 0 7px 0 red;
    box-shadow: 0 0 7px 0 red; }
  100% {
    -webkit-box-shadow: 0 0 0px 0 rgba(255, 0, 0, 0);
    box-shadow: 0 0 0px 0 rgba(255, 0, 0, 0); } }
@-moz-keyframes pulsate {
  0% {
    -webkit-box-shadow: 0 0 0px 0 rgba(255, 0, 0, 0);
    box-shadow: 0 0 0px 0 rgba(255, 0, 0, 0); }
  50% {
    -webkit-box-shadow: 0 0 7px 0 red;
    box-shadow: 0 0 7px 0 red; }
  100% {
    -webkit-box-shadow: 0 0 0px 0 rgba(255, 0, 0, 0);
    box-shadow: 0 0 0px 0 rgba(255, 0, 0, 0); } }
@keyframes pulsate {
  0% {
    -webkit-box-shadow: 0 0 0px 0 rgba(255, 0, 0, 0);
    box-shadow: 0 0 0px 0 rgba(255, 0, 0, 0); }
  50% {
    -webkit-box-shadow: 0 0 7px 0 red;
    box-shadow: 0 0 7px 0 red; }
  100% {
    -webkit-box-shadow: 0 0 0px 0 rgba(255, 0, 0, 0);
    box-shadow: 0 0 0px 0 rgba(255, 0, 0, 0); } }
.warning {
  background-color: #eee;
  width: 10px;
  height: 10px;
  border-radius: 5px; }
  .warning .tooltip {
    font-style: italic; }
  .warning.active {
    background-color: red;
    -webkit-animation-name: pulsate;
    -moz-animation-name: pulsate;
    animation-name: pulsate;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
    .warning.active .tooltip {
      font-style: normal; }

footer {
  text-align: center;
  padding-bottom: 40px; }
  @media screen and (max-width: 1024px) {
    footer {
      padding-top: 8px;
      padding-bottom: 0px; } }

header {
  height: 58px; }
  header #climateworks-logo {
    vertical-align: top;
    display: inline-block;
    background-image: url(calculator/images/climateworks-logo.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 42px;
    width: 160px;
    margin: 8px 20px 0px 0px; }
  header #titles {
    vertical-align: top;
    display: inline-block; }
    header #titles h1 {
      margin: 0;
      font-family: "brandon_grotesquebold", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      text-transform: uppercase;
      font-size: 15px;
      margin-top: 14px;
      color: #f05233; }
      header #titles h1 small {
        color: #d4d3d4;
        text-transform: uppercase;
        margin-left: 0.5em; }
    header #titles h2 {
      font-family: "brandon_grotesquebold", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      color: gray;
      text-transform: uppercase;
      font-size: 12px; }
  header ul.nav {
    float: right;
    padding-top: 20px; }
    header ul.nav li {
      display: inline-block; }
      header ul.nav li a {
        display: block;
        padding: 7px 17px;
        color: gray;
        text-transform: uppercase;
        border-right: 1px solid #eaeced;
        font-family: "brandon_grotesquebold", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        line-height: 12px; }
        header ul.nav li a:hover {
          color: #f05233; }
        @media screen and (max-width: 1023px) {
          header ul.nav li a.show-help {
            display: none; } }
      header ul.nav li:last-child a {
        border-right: none;
        color: #f05233; }
  @media screen and (max-width: 1024px) {
    header {
      height: 40px;
      overflow: hidden; }
      header #climateworks-logo {
        height: 33.6px;
        width: 128px;
        margin-top: 3px;
        margin-left: 3px; }
      header #titles h1 {
        margin-top: 7px;
        font-size: 13px; }
      header #titles h2 {
        font-size: 11px; }
      header ul.nav {
        padding-top: 8px; }
        header ul.nav li a {
          font-size: 11px; } }

#charts {
  margin-bottom: 20px; }
  #charts .wrapper {
    position: relative; }
  #charts #calculating {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 340px;
    z-index: 1000;
    text-align: center; }
    #charts #calculating span {
      display: block;
      text-align: left;
      height: 48px;
      width: 120px;
      margin-top: 140px;
      margin-left: auto;
      margin-right: auto;
      background: #fff url(calculator/images/calculating.gif) 8px center no-repeat;
      padding-left: 44px;
      padding-top: 15px;
      -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
      -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
      box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px; }
  #charts .chart-list {
    display: block; }
    #charts .chart-list:after {
      content: "";
      display: table;
      clear: both; }
  @media screen and (max-width: 1024px) {
    #charts {
      margin-bottom: 4px; } }

.chart-outer {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  background-color: #fff;
  border: 1px solid #efefef;
  padding: 10px;
  position: relative;
  height: 334px; }
  .chart-outer:last-child {
    margin-right: 0; }
  .chart-outer h3 {
    margin-bottom: 10px;
    color: #0095da; }
  .chart-outer .chart-axis {
    font-weight: bold;
    font-size: 12px;
    height: 20px; }
  .chart-outer .chart {
    position: relative; }
    .chart-outer .chart svg {
      height: 250px;
      width: 100%; }
      .chart-outer .chart svg text {
        fill: gray;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
      .chart-outer .chart svg#energy-demand-chart .nv-y .nv-axis .nv-axisMaxMin:nth-child(2) text, .chart-outer .chart svg#energy-supply-chart .nv-y .nv-axis .nv-axisMaxMin:nth-child(2) text, .chart-outer .chart svg#fuel-diversity-chart .nv-y .nv-axis .nv-axisMaxMin:nth-child(2) text {
        fill: red;
        display: none; }
      .chart-outer .chart svg#energy-demand-chart .line, .chart-outer .chart svg#energy-supply-chart .line, .chart-outer .chart svg#fuel-diversity-chart .line {
        stroke: white;
        fill: none;
        stroke-width: 2px; }
        .chart-outer .chart svg#energy-demand-chart .line.bau_line, .chart-outer .chart svg#energy-supply-chart .line.bau_line, .chart-outer .chart svg#fuel-diversity-chart .line.bau_line {
          stroke: purple; }
      .chart-outer .chart svg#fuel-diversity-chart .line {
        stroke: black; }
      .chart-outer .chart svg#ghg-chart .line {
        stroke: black;
        fill: none;
        stroke-width: 2px; }
      .chart-outer .chart svg#ghg-chart .nv-area-1, .chart-outer .chart svg#ghg-chart .nv-area-0 {
        opacity: 0.7; }
      .chart-outer .chart svg#ghg-chart .nv-areaWrap path:nth-child(2) {
        pointer-events: none; }
      @media screen and (max-width: 1024px) {
        .chart-outer .chart svg {
          height: 180px; } }
    .chart-outer .chart .nvtooltip table {
      width: auto;
      table-layout: auto; }
      .chart-outer .chart .nvtooltip table td {
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
      .chart-outer .chart .nvtooltip table tr.total td {
        padding-top: 10px;
        border-bottom: 0; }
      .chart-outer .chart .nvtooltip table tr.header td {
        padding-top: 10px;
        font-size: 12px;
        border-bottom: 0;
        font-weight: bold; }
    .chart-outer .chart .nvtooltip .line {
      border-top: none;
      position: relative; }
      .chart-outer .chart .nvtooltip .line:before {
        content: " ";
        height: 10px;
        width: 10px;
        background: #999;
        top: 50%;
        left: 0;
        margin-top: -5px;
        position: absolute;
        display: block;
        z-index: 1; }
      .chart-outer .chart .nvtooltip .line:after {
        content: " ";
        height: 2px;
        width: 8px;
        background: #fff;
        top: 50%;
        left: 1px;
        margin-top: -1px;
        position: absolute;
        display: block;
        z-index: 2; }
  .chart-outer .chart-legend {
    display: none;
    padding: 0px 20px;
    padding-top: 10px; }
    .chart-outer .chart-legend:after {
      content: "";
      display: table;
      clear: both; }
    .chart-outer .chart-legend .items {
      height: 190px; }
      .chart-outer .chart-legend .items .item {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        margin-bottom: 5px; }
        .chart-outer .chart-legend .items .item:last-child {
          margin-right: 0; }
        .chart-outer .chart-legend .items .item:nth-child(2n) {
          margin-right: 0; }
        .chart-outer .chart-legend .items .item:nth-child(2n+1) {
          clear: left; }
        @media screen and (max-width: 1024px) {
          .chart-outer .chart-legend .items .item {
            font-size: 0.85em; } }
        .chart-outer .chart-legend .items .item .dot {
          width: 10px;
          height: 10px;
          border-radius: 5px;
          display: inline-block;
          margin-right: 5px; }
        .chart-outer .chart-legend .items .item .line {
          width: 10px;
          height: 1px;
          border-top: 2px solid #000;
          display: inline-block;
          vertical-align: 4px;
          margin-right: 5px; }
        .chart-outer .chart-legend .items .item .name {
          display: inline-block; }
      .chart-outer .chart-legend .items .category {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%; }
        .chart-outer .chart-legend .items .category:last-child {
          margin-right: 0; }
        .chart-outer .chart-legend .items .category .category-name {
          font-weight: bold;
          margin-top: 10px;
          margin-bottom: 5px; }
        .chart-outer .chart-legend .items .category .item {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%; }
          .chart-outer .chart-legend .items .category .item:last-child {
            margin-right: 0; }
  .chart-outer .show-legend, .chart-outer .hide-legend {
    display: block;
    text-align: center;
    clear: both; }
    .chart-outer .show-legend:after, .chart-outer .hide-legend:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (max-width: 1024px) {
      .chart-outer .show-legend, .chart-outer .hide-legend {
        margin-top: 2px;
        font-size: 0.85em; } }
  .chart-outer.supply-diversity {
    padding: 0px; }
    .chart-outer.supply-diversity h3 {
      border-bottom: 1px solid #efefef;
      margin: 0;
      position: relative; }
      .chart-outer.supply-diversity h3:after {
        content: "";
        display: table;
        clear: both; }
      .chart-outer.supply-diversity h3 .nrma-logo {
        position: absolute;
        display: none;
        right: 5px;
        top: 1px; }
        .chart-outer.supply-diversity h3 .nrma-logo img {
          width: auto;
          height: 26px;
          margin-top: 3px; }
      .chart-outer.supply-diversity h3 a.tab {
        display: block;
        position: relative;
        padding: 10px;
        padding-bottom: 9px;
        border-right: 1px solid #efefef;
        background-color: #fff;
        color: #0095da;
        float: left; }
        .chart-outer.supply-diversity h3 a.tab:after {
          position: absolute;
          bottom: -1px;
          left: 0;
          width: 100%;
          height: 1px;
          color: #fff;
          content: "";
          background: #fff; }
        .chart-outer.supply-diversity h3 a.tab .abbr {
          display: none; }
        .chart-outer.supply-diversity h3 a.tab.inactive {
          color: #f05233; }
          .chart-outer.supply-diversity h3 a.tab.inactive:after {
            display: none; }
        @media screen and (max-width: 1024px) {
          .chart-outer.supply-diversity h3 a.tab .full {
            display: none; }
          .chart-outer.supply-diversity h3 a.tab .abbr {
            display: inline-block; } }
    .chart-outer.supply-diversity .charts {
      position: relative; }
      .chart-outer.supply-diversity .charts .supply {
        padding: 10px;
        padding-top: 0px; }
        .chart-outer.supply-diversity .charts .supply .chart-legend .item .line {
          border-top: none;
          position: relative; }
          .chart-outer.supply-diversity .charts .supply .chart-legend .item .line:before {
            content: " ";
            height: 10px;
            width: 10px;
            background: #999;
            top: 50%;
            left: 0;
            margin-top: -5px;
            position: absolute;
            display: block;
            z-index: 1; }
          .chart-outer.supply-diversity .charts .supply .chart-legend .item .line:after {
            content: " ";
            height: 2px;
            width: 8px;
            background: #fff;
            top: 50%;
            left: 1px;
            margin-top: -1px;
            position: absolute;
            display: block;
            z-index: 2; }
      .chart-outer.supply-diversity .charts .diversity {
        display: none;
        position: absolute;
        padding: 10px;
        padding-top: 0px;
        top: 8px; }
        .chart-outer.supply-diversity .charts .diversity .sub-charts {
          display: block; }
          .chart-outer.supply-diversity .charts .diversity .sub-charts:after {
            content: "";
            display: table;
            clear: both; }
          .chart-outer.supply-diversity .charts .diversity .sub-charts svg {
            margin-top: 0px; }
          .chart-outer.supply-diversity .charts .diversity .sub-charts .chart {
            float: left;
            display: block;
            margin-right: 2.35765%;
            width: 65.88078%; }
            .chart-outer.supply-diversity .charts .diversity .sub-charts .chart:last-child {
              margin-right: 0; }
            .chart-outer.supply-diversity .charts .diversity .sub-charts .chart .chart-axis {
              margin-top: 13px; }
            .chart-outer.supply-diversity .charts .diversity .sub-charts .chart svg {
              width: 100%;
              height: 210px; }
            @media screen and (max-width: 1024px) {
              .chart-outer.supply-diversity .charts .diversity .sub-charts .chart svg {
                height: 150px; }
              .chart-outer.supply-diversity .charts .diversity .sub-charts .chart .chart-axis {
                margin-top: 3px; } }
          .chart-outer.supply-diversity .charts .diversity .sub-charts .chart2 {
            float: left;
            display: block;
            margin-right: 2.35765%;
            width: 31.76157%; }
            .chart-outer.supply-diversity .charts .diversity .sub-charts .chart2:last-child {
              margin-right: 0; }
            .chart-outer.supply-diversity .charts .diversity .sub-charts .chart2 .title {
              height: 39px;
              font-size: 90%;
              line-height: 1.2em; }
            .chart-outer.supply-diversity .charts .diversity .sub-charts .chart2 svg {
              width: 100%;
              height: 210px;
              margin-top: 15px; }
              .chart-outer.supply-diversity .charts .diversity .sub-charts .chart2 svg text {
                fill: gray;
                font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
                font-size: 10px; }
              .chart-outer.supply-diversity .charts .diversity .sub-charts .chart2 svg .nv-x .nv-axis .tick line {
                display: none; }
              .chart-outer.supply-diversity .charts .diversity .sub-charts .chart2 svg .nv-x .nv-axis .tick text {
                font-size: 10px; }
            @media screen and (max-width: 1024px) {
              .chart-outer.supply-diversity .charts .diversity .sub-charts .chart2 svg {
                height: 205px;
                margin-top: 11px; } }
          @media screen and (max-width: 1024px) {
            .chart-outer.supply-diversity .charts .diversity .sub-charts .chart2 svg {
              height: 142px; } }
        .chart-outer.supply-diversity .charts .diversity .chart-legend .items {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 65.88078%; }
          .chart-outer.supply-diversity .charts .diversity .chart-legend .items:last-child {
            margin-right: 0; }
          .chart-outer.supply-diversity .charts .diversity .chart-legend .items .item {
            float: left;
            display: block;
            margin-right: 2.35765%;
            width: 100%; }
            .chart-outer.supply-diversity .charts .diversity .chart-legend .items .item:last-child {
              margin-right: 0; }
            .chart-outer.supply-diversity .charts .diversity .chart-legend .items .item .subitem {
              float: left;
              margin-right: 16px; }
              .chart-outer.supply-diversity .charts .diversity .chart-legend .items .item .subitem:last-child {
                margin-right: 0px; }
            .chart-outer.supply-diversity .charts .diversity .chart-legend .items .item .bau_line {
              border-color: purple; }
        .chart-outer.supply-diversity .charts .diversity .chart-legend .acknowledgements {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 31.76157%;
          background-color: #f6f7f7;
          font-size: 90%;
          line-height: 1.2em;
          padding: 10px; }
          .chart-outer.supply-diversity .charts .diversity .chart-legend .acknowledgements:last-child {
            margin-right: 0; }
          .chart-outer.supply-diversity .charts .diversity .chart-legend .acknowledgements:nth-child(2n) {
            margin-right: 0; }
          .chart-outer.supply-diversity .charts .diversity .chart-legend .acknowledgements:nth-child(2n+1) {
            clear: left; }
      .chart-outer.supply-diversity .charts .clearfix:after {
        content: "";
        display: table;
        clear: both; }
  .chart-outer #co2-chart > g.nvd3.nv-wrap.nv-discreteBarWithAxes > g > g.nv-barsWrap.nvd3-svg > g > g > g > g > g {
    -webkit-transition: fill 1s ease;
    -moz-transition: fill 1s ease;
    transition: fill 1s ease; }
  .chart-outer.cumulative {
    height: 374px;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%;
    margin-right: 0;
    margin-left: 2.35765%; }
    .chart-outer.cumulative:last-child {
      margin-right: 0; }
    .chart-outer.cumulative .warning {
      float: left;
      margin: 3px 8px 0px 0; }
    .chart-outer.cumulative .chart svg {
      height: 234px; }
      .chart-outer.cumulative .chart svg .nv-x.nv-axis {
        display: none; }
      .chart-outer.cumulative .chart svg .nv-bar text {
        display: none; }
      .chart-outer.cumulative .chart svg .current {
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        font-size: 12px;
        text-anchor: middle;
        -webkit-transform: translateY(4px);
        -moz-transform: translateY(4px);
        -ms-transform: translateY(4px);
        -o-transform: translateY(4px);
        transform: translateY(4px);
        font-weight: bold; }
      .chart-outer.cumulative .chart svg .target rect {
        fill: rgba(110, 207, 246, 0.85); }
      .chart-outer.cumulative .chart svg .target text {
        fill: white;
        font-family: "brandon_grotesquebold", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        font-size: 10px;
        text-anchor: middle;
        text-transform: uppercase; }
    .chart-outer.cumulative .note {
      font-size: 90%; }
    @media screen and (max-width: 1024px) {
      .chart-outer.cumulative {
        margin-left: 0px;
        width: 16.66667%;
        height: 355px; }
        .chart-outer.cumulative .chart svg {
          height: 200px; }
        .chart-outer.cumulative .note {
          font-size: 80%; } }
  .chart-outer.with-legend {
    height: 530px; }
    .chart-outer.with-legend .show-legend {
      display: none; }
    .chart-outer.with-legend .chart-legend {
      display: block; }
    @media screen and (max-width: 1024px) {
      .chart-outer.with-legend {
        height: 470px; } }
  @media screen and (max-width: 1024px) {
    .chart-outer {
      margin-right: 0px;
      width: 33.33333%;
      border-right: 0;
      height: 260px; }
      .chart-outer:first-child {
        border-left: 0; } }

#levers .slider {
  position: relative;
  height: 20px;
  margin: 0px 10px; }
  #levers .slider .track {
    position: absolute;
    width: 100%;
    height: 14px;
    background: #E6E5E6;
    border-radius: 7px; }
    #levers .slider .track .indicator {
      pointer-events: none;
      position: absolute;
      width: 0%;
      height: 100%;
      background-color: #6ecff6;
      border-radius: 7px; }
  #levers .slider .markers {
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 14px; }
    #levers .slider .markers .marker {
      pointer-events: none;
      position: absolute;
      height: 14px;
      border-right: 2px solid #fff;
      margin-left: -1px; }
      #levers .slider .markers .marker:first-child, #levers .slider .markers .marker:last-child {
        display: none; }
  #levers .slider .thumb {
    position: absolute;
    top: -3px;
    width: 20px;
    height: 20px;
    background-image: url("calculator/images/slider.png");
    margin-left: -10px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      #levers .slider .thumb {
        background-image: url("calculator/images/slider_2x.png");
        background-size: 20px 20px; } }
#levers #levers {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 82.94039%;
  margin-right: 0; }
  #levers #levers:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    #levers #levers {
      width: 83.33333%;
      padding-right: 4px; } }
#levers #lever-wrap:after {
  content: "";
  display: table;
  clear: both; }
#levers .groups1, #levers .groups2 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
  #levers .groups1:last-child, #levers .groups2:last-child {
    margin-right: 0; }
  #levers .groups1 .group, #levers .groups2 .group {
    margin-bottom: 20px;
    padding-bottom: 6px;
    background: #fff;
    border: 1px solid #efefef; }
    #levers .groups1 .group > .warning, #levers .groups2 .group > .warning {
      float: left;
      margin: 16px 12px 0px 12px; }
    #levers .groups1 .group > .name, #levers .groups2 .group > .name {
      padding: 10px;
      margin: 0;
      color: #0095da; }
      #levers .groups1 .group > .name .lever-guide, #levers .groups2 .group > .name .lever-guide {
        color: #999;
        float: right;
        font-size: 11px; }
        #levers .groups1 .group > .name .lever-guide .arrowheads, #levers .groups2 .group > .name .lever-guide .arrowheads {
          display: inline-block;
          width: 45px;
          height: 9px;
          background: url("calculator/images/arrowheads.svg");
          margin: 0 1em;
          opacity: 0.2;
          -webkit-transform: translateY(1px);
          -moz-transform: translateY(1px);
          -ms-transform: translateY(1px);
          -o-transform: translateY(1px);
          transform: translateY(1px); }
    #levers .groups1 .group .sub-groups .sub-group, #levers .groups2 .group .sub-groups .sub-group {
      border-top: 2px solid #fff;
      position: relative;
      padding: 0px 10px 0px 10px; }
      #levers .groups1 .group .sub-groups .sub-group:first-child, #levers .groups2 .group .sub-groups .sub-group:first-child {
        border-top: 0; }
      #levers .groups1 .group .sub-groups .sub-group > .name, #levers .groups2 .group .sub-groups .sub-group > .name {
        display: block;
        font-size: 90%;
        padding-bottom: 5px; }
        #levers .groups1 .group .sub-groups .sub-group > .name > .expander, #levers .groups2 .group .sub-groups .sub-group > .name > .expander {
          float: right;
          vertical-align: top;
          display: none;
          width: 11px;
          height: 11px;
          background-image: url("calculator/images/expander.png");
          margin-top: 5px;
          margin-right: 10px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            #levers .groups1 .group .sub-groups .sub-group > .name > .expander, #levers .groups2 .group .sub-groups .sub-group > .name > .expander {
              background-image: url("calculator/images/expander_2x.png");
              background-size: 11px 11px; } }
      #levers .groups1 .group .sub-groups .sub-group.sub-choices > .name > .expander, #levers .groups2 .group .sub-groups .sub-group.sub-choices > .name > .expander {
        display: inline-block; }
      #levers .groups1 .group .sub-groups .sub-group .choices, #levers .groups2 .group .sub-groups .sub-group .choices {
        position: absolute;
        z-index: 100;
        display: none;
        background-color: #fff;
        border: 1px solid #eee;
        border-radius: 8px;
        padding: 20px;
        min-width: 400px;
        -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2); }
        #levers .groups1 .group .sub-groups .sub-group .choices:after, #levers .groups1 .group .sub-groups .sub-group .choices:before, #levers .groups2 .group .sub-groups .sub-group .choices:after, #levers .groups2 .group .sub-groups .sub-group .choices:before {
          top: 100%;
          right: 20px;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none; }
        #levers .groups1 .group .sub-groups .sub-group .choices:after, #levers .groups2 .group .sub-groups .sub-group .choices:after {
          border-color: rgba(255, 255, 255, 0);
          border-top-color: #ffffff;
          border-width: 10px;
          margin-left: -10px; }
        #levers .groups1 .group .sub-groups .sub-group .choices:before, #levers .groups2 .group .sub-groups .sub-group .choices:before {
          border-color: rgba(238, 238, 238, 0);
          border-top-color: #eeeeee;
          border-width: 11px;
          margin-left: -11px; }
        #levers .groups1 .group .sub-groups .sub-group .choices .close, #levers .groups2 .group .sub-groups .sub-group .choices .close {
          position: absolute;
          top: 5px;
          right: 10px;
          font-size: 20px;
          font-family: Arial, Sans-Serif; }
        #levers .groups1 .group .sub-groups .sub-group .choices .choice, #levers .groups2 .group .sub-groups .sub-group .choices .choice {
          font-size: 90%;
          margin-bottom: 10px; }
          #levers .groups1 .group .sub-groups .sub-group .choices .choice:last-child, #levers .groups2 .group .sub-groups .sub-group .choices .choice:last-child {
            margin-bottom: 0px; }
          #levers .groups1 .group .sub-groups .sub-group .choices .choice .name, #levers .groups2 .group .sub-groups .sub-group .choices .choice .name {
            white-space: nowrap;
            overflow: hidden;
            font-size: 11px; }
          #levers .groups1 .group .sub-groups .sub-group .choices .choice .options, #levers .groups2 .group .sub-groups .sub-group .choices .choice .options {
            margin-top: 5px; }
      #levers .groups1 .group .sub-groups .sub-group.fixed > .name, #levers .groups2 .group .sub-groups .sub-group.fixed > .name {
        cursor: default; }
        #levers .groups1 .group .sub-groups .sub-group.fixed > .name:hover, #levers .groups2 .group .sub-groups .sub-group.fixed > .name:hover {
          background-color: transparent;
          color: #f05233; }
      @media screen and (max-width: 1024px) {
        #levers .groups1 .group .sub-groups .sub-group, #levers .groups2 .group .sub-groups .sub-group {
          border-top: 0;
          margin-top: 2px; } }
  @media screen and (max-width: 1024px) {
    #levers .groups1, #levers .groups2 {
      margin-right: 0px;
      width: 50%; }
      #levers .groups1.groups2, #levers .groups2.groups2 {
        border-right: 1px solid #efefef; }
      #levers .groups1 .group, #levers .groups2 .group {
        margin-bottom: 0px;
        border-right: 0px; }
        #levers .groups1 .group:first-child, #levers .groups2 .group:first-child {
          border-bottom: 0; } }
#levers .choices-temp {
  display: none; }

.tooltip {
  cursor: help; }

#tooltip {
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  background-color: white;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 2px silver;
  color: gray;
  font-size: 0.9em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 300px;
  width: 300px;
  opacity: 0;
  padding: 1em;
  text-align: center;
  visibility: hidden;
  z-index: 200;
  position: absolute;
  pointer-events: none; }
  #tooltip.above {
    -webkit-transform: translateY(-100%) translateX(-50%);
    -moz-transform: translateY(-100%) translateX(-50%);
    -ms-transform: translateY(-100%) translateX(-50%);
    -o-transform: translateY(-100%) translateX(-50%);
    transform: translateY(-100%) translateX(-50%); }
    #tooltip.above:after {
      position: absolute;
      right: 0;
      left: 0;
      border: 8px solid transparent;
      bottom: -1.3em;
      color: white;
      content: '▼';
      font-size: 1.4em;
      text-align: center;
      text-shadow: 0 2px 2px silver; }
  #tooltip.below {
    margin-top: 35px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
    #tooltip.below:after {
      position: absolute;
      right: 0;
      left: 0;
      border: 8px solid transparent;
      top: -1.3em;
      color: white;
      content: '▲';
      font-size: 1.4em;
      text-align: center; }
  #tooltip p {
    margin-bottom: 0; }
  #tooltip.visible {
    opacity: 1;
    visibility: visible; }

.modal {
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.85);
  visibility: hidden;
  opacity: 0;
  z-index: 99999999; }
  .modal.show {
    opacity: 1;
    visibility: visible; }
  .modal .modal-window {
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 300px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-color: #eceeef;
    border-radius: 8px;
    overflow: hidden; }
    .modal .modal-window.hide {
      opacity: 0; }
    .modal .modal-window.show {
      opacity: 1; }
    .modal .modal-window .modal-header {
      padding: 20px;
      padding-bottom: 0px; }
      .modal .modal-window .modal-header .close {
        font-family: "brandon_grotesquebold", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        position: absolute;
        display: block;
        font-size: 26px;
        right: 15px;
        top: 10px; }
      .modal .modal-window .modal-header h3 {
        margin: 0px 20px;
        font-family: "brandon_grotesquebold", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        color: #f05233;
        text-transform: uppercase;
        font-size: 16px;
        text-align: center;
        border-bottom: 2px dotted #c3c5c6;
        padding-bottom: 10px; }
    .modal .modal-window .modal-body {
      padding: 20px; }
    .modal .modal-window .modal-footer {
      padding: 20px;
      padding-top: 0px;
      text-align: center; }

#modal-share .modal-body {
  display: block;
  width: 720px; }
  #modal-share .modal-body:after {
    content: "";
    display: table;
    clear: both; }
  #modal-share .modal-body h5 {
    font-family: "brandon_grotesquebold", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: normal; }
  #modal-share .modal-body .share {
    height: 120px;
    overflow: hidden; }
    #modal-share .modal-body .share .url {
      float: left;
      display: block;
      margin-right: 2.17235%;
      width: 44.98412%;
      margin-bottom: 20px; }
      #modal-share .modal-body .share .url:last-child {
        margin-right: 0; }
      #modal-share .modal-body .share .url #share-url {
        margin-top: 10px;
        width: 100%; }
    #modal-share .modal-body .share .divider {
      float: left;
      display: block;
      margin-right: 2.17235%;
      width: 5.68706%;
      text-align: center;
      height: 90px; }
      #modal-share .modal-body .share .divider:last-child {
        margin-right: 0; }
      #modal-share .modal-body .share .divider div {
        display: inline-block;
        height: 100%;
        border-right: 2px dotted #ccc;
        width: 1px; }
    #modal-share .modal-body .share .social {
      float: left;
      display: block;
      margin-right: 2.17235%;
      width: 44.98412%; }
      #modal-share .modal-body .share .social:last-child {
        margin-right: 0; }
      #modal-share .modal-body .share .social .social-buttons {
        padding-top: 16px; }
        #modal-share .modal-body .share .social .social-buttons a {
          display: inline-block;
          color: gray;
          height: 32px;
          margin-right: 20px; }
          #modal-share .modal-body .share .social .social-buttons a .icon {
            position: absolute;
            width: 32px;
            height: 32px;
            background-color: #f05233;
            border-radius: 16px;
            background-position: center center;
            background-repeat: no-repeat; }
          #modal-share .modal-body .share .social .social-buttons a .text {
            padding-left: 40px;
            padding-top: 6px; }
          #modal-share .modal-body .share .social .social-buttons a.email .icon {
            background-image: url("calculator/images/social_email.png"); }
            @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
              #modal-share .modal-body .share .social .social-buttons a.email .icon {
                background-image: url("calculator/images/social_email_2x.png");
                background-size: 32px 32px; } }
          #modal-share .modal-body .share .social .social-buttons a.twitter .icon {
            background-image: url("calculator/images/social_twitter.png"); }
            @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
              #modal-share .modal-body .share .social .social-buttons a.twitter .icon {
                background-image: url("calculator/images/social_twitter_2x.png");
                background-size: 32px 32px; } }
          #modal-share .modal-body .share .social .social-buttons a.linkedin {
            margin-right: 0px; }
            #modal-share .modal-body .share .social .social-buttons a.linkedin .icon {
              background-image: url("calculator/images/social_linkedin.png"); }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                #modal-share .modal-body .share .social .social-buttons a.linkedin .icon {
                  background-image: url("calculator/images/social_linkedin_2x.png");
                  background-size: 32px 32px; } }
          #modal-share .modal-body .share .social .social-buttons a:hover {
            color: #f05233; }
            #modal-share .modal-body .share .social .social-buttons a:hover .icon {
              background-color: #0095da; }
  #modal-share .modal-body form.submit:after {
    content: "";
    display: table;
    clear: both; }
  #modal-share .modal-body form.submit #submit-pathway {
    float: right; }
  #modal-share .modal-body form.submit .row {
    display: block; }
    #modal-share .modal-body form.submit .row:after {
      content: "";
      display: table;
      clear: both; }
    #modal-share .modal-body form.submit .row .field {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%; }
      #modal-share .modal-body form.submit .row .field:last-child {
        margin-right: 0; }
      #modal-share .modal-body form.submit .row .field:nth-child(2n) {
        margin-right: 0; }
      #modal-share .modal-body form.submit .row .field:nth-child(2n+1) {
        clear: left; }
      #modal-share .modal-body form.submit .row .field input, #modal-share .modal-body form.submit .row .field textarea {
        width: 100%; }
  #modal-share .modal-body form.submit .field input, #modal-share .modal-body form.submit .field textarea {
    display: block; }
  #modal-share .modal-body form.submit .field .error {
    display: none; }
  #modal-share .modal-body form.submit .field.error input, #modal-share .modal-body form.submit .field.error textarea {
    border-color: #f00; }
  #modal-share .modal-body form.submit .field.error .error {
    display: block;
    color: #f00;
    font-size: 11px;
    margin-top: -10px; }
  #modal-share .modal-body form.submit .field.field-description textarea {
    height: 76px; }
  #modal-share .modal-body form.submit .field.field-email {
    padding-left: 30px; }
    #modal-share .modal-body form.submit .field.field-email input {
      width: 302px; }
  #modal-share .modal-body form.submit .field.field-captcha {
    padding-left: 30px; }
    #modal-share .modal-body form.submit .field.field-captcha .g-recaptcha {
      margin-bottom: 10px; }
  #modal-share .modal-body form.submit label {
    font-size: 0.9em;
    margin-bottom: 4px; }
    #modal-share .modal-body form.submit label.cb {
      cursor: pointer;
      padding-left: 25px;
      position: relative;
      width: 340px; }
      #modal-share .modal-body form.submit label.cb input[type='checkbox'] {
        position: absolute;
        top: 2px;
        left: 0; }
  #modal-share .modal-body form.submit button {
    background-position: 10px center;
    background-repeat: no-repeat;
    width: 100px; }
  #modal-share .modal-body form.submit .success-message {
    display: none;
    color: #8cc63e;
    border: 1px solid #8cc63e;
    padding: 20px;
    text-align: center; }
  #modal-share .modal-body form.submit .error-message {
    display: none;
    color: #f05233;
    padding-bottom: 20px; }
  #modal-share .modal-body form.submit .field .error {
    display: none;
    color: #f05233;
    text-align: left; }
  #modal-share .modal-body form.submit.loading button {
    background-image: url(/assets/site/img/form_loading.gif); }
  #modal-share .modal-body form.submit.success .success-message {
    display: block; }
  #modal-share .modal-body form.submit.success .fields {
    display: none; }
  #modal-share .modal-body form.submit.error .error-message {
    display: block; }
  #modal-share .modal-body form.submit.error .field.error input, #modal-share .modal-body form.submit.error .field.error textarea, #modal-share .modal-body form.submit.error .field.error iframe {
    border: 1px solid #f05233; }
  #modal-share .modal-body form.submit.error .field.error .error {
    display: block; }

#modal-examples .modal-window {
  width: 800px; }
  #modal-examples .modal-window .example {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-bottom: 20px; }
    #modal-examples .modal-window .example:last-child {
      margin-right: 0; }
    #modal-examples .modal-window .example:nth-child(3n) {
      margin-right: 0; }
    #modal-examples .modal-window .example:nth-child(3n+1) {
      clear: left; }
    #modal-examples .modal-window .example .inner {
      display: block;
      text-align: center; }
      #modal-examples .modal-window .example .inner .image {
        width: 100px;
        height: 100px;
        background-position: center center;
        background-size: cover;
        border-radius: 50%;
        margin-left: auto;
        margin-right: auto; }
      #modal-examples .modal-window .example .inner h3 {
        font-family: "brandon_grotesquebold", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        font-size: 16px;
        margin: 8px 0px;
        text-transform: uppercase; }
      #modal-examples .modal-window .example .inner .description {
        color: gray; }

#modal-about .modal-window {
  width: 70%; }
  #modal-about .modal-window .modal-body {
    padding: 40px; }
  #modal-about .modal-window .wrap {
    max-height: 420px;
    padding-right: 20px;
    overflow-y: auto; }
#modal-about .modal-body {
  display: block; }
  #modal-about .modal-body:after {
    content: "";
    display: table;
    clear: both; }
  #modal-about .modal-body .disclaimer h2, #modal-about .modal-body .acknowledgements h2 {
    font-family: "brandon_grotesquebold", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    color: #f05233; }
  #modal-about .modal-body .disclaimer.disclaimer, #modal-about .modal-body .acknowledgements.disclaimer {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
    #modal-about .modal-body .disclaimer.disclaimer:last-child, #modal-about .modal-body .acknowledgements.disclaimer:last-child {
      margin-right: 0; }
  #modal-about .modal-body .disclaimer.acknowledgements, #modal-about .modal-body .acknowledgements.acknowledgements {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
    #modal-about .modal-body .disclaimer.acknowledgements:last-child, #modal-about .modal-body .acknowledgements.acknowledgements:last-child {
      margin-right: 0; }

#tutorial {
  display: none; }
  @media screen and (max-width: 1023px) {
    #tutorial {
      display: none !important; } }
  #tutorial .mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100; }
    #tutorial .mask > div {
      background-color: rgba(0, 0, 0, 0.7);
      position: absolute;
      z-index: 101; }
  #tutorial .popup {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    max-width: 400px;
    border-radius: 4px;
    z-index: 102; }
    #tutorial .popup .close {
      font-family: "brandon_grotesquebold", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      position: absolute;
      display: block;
      font-size: 26px;
      right: 15px;
      top: 0px; }
    #tutorial .popup .title {
      font-family: "brandon_grotesquebold", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      color: #f05233;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: normal;
      margin: 0;
      padding: 40px 40px 10px 40px; }
    #tutorial .popup .text {
      padding: 0px 10px;
      padding: 0px 40px; }
    #tutorial .popup .controls {
      padding: 20px 40px 40px 40px; }
      #tutorial .popup .controls a.next {
        background-color: #eee;
        border: 1px solid #e1e1e1;
        padding: 4px 8px;
        border-radius: 4px;
        color: gray;
        font-family: "brandon_grotesquebold", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        text-transform: uppercase;
        font-size: 11px;
        line-height: 11px; }
        #tutorial .popup .controls a.next:after {
          content: '>';
          vertical-align: 1px;
          padding-left: 4px; }
      #tutorial .popup .controls a.cancel {
        display: none;
        float: right; }
    #tutorial .popup.top:after {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(238, 238, 238, 0);
      border-top-color: #eeeeee;
      border-width: 10px;
      margin-left: -10px; }
    #tutorial .popup.left:after {
      left: 100%;
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(238, 238, 238, 0);
      border-left-color: #eeeeee;
      border-width: 10px;
      margin-top: -10px; }
    #tutorial .popup.bottom:after {
      bottom: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(238, 238, 238, 0);
      border-bottom-color: #eeeeee;
      border-width: 10px;
      margin-left: -10px; }
    #tutorial .popup.right:after {
      right: 100%;
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(238, 238, 238, 0);
      border-right-color: #eeeeee;
      border-width: 10px;
      margin-top: -10px; }
    #tutorial .popup.welcome {
      text-align: center;
      max-width: 600px; }
      #tutorial .popup.welcome .close {
        display: none; }
      #tutorial .popup.welcome .image {
        margin-top: 40px;
        background-image: url(calculator/images/climateworks-logo.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 239px;
        height: 64px;
        margin-left: auto;
        margin-right: auto; }
      #tutorial .popup.welcome .controls {
        text-align: left; }
        #tutorial .popup.welcome .controls .cancel {
          display: block; }
    #tutorial .popup.share {
      margin-left: -148px; }
      #tutorial .popup.share:after {
        margin-left: 132px; }

#modal-survey {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
  #modal-survey .modal-window {
    width: 800px; }
    #modal-survey .modal-window .modal-header h3 {
      font-weight: normal; }
    #modal-survey .modal-window .modal-header .close {
      text-decoration: none;
      color: #f05233; }
    #modal-survey .modal-window form p.intro {
      margin-top: 0px;
      margin-bottom: 30px;
      line-height: 1.4;
      color: gray;
      font-family: "open_sanslight", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
    #modal-survey .modal-window form .questions {
      display: block; }
      #modal-survey .modal-window form .questions:after {
        content: "";
        display: table;
        clear: both; }
      #modal-survey .modal-window form .questions .column {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%; }
        #modal-survey .modal-window form .questions .column:last-child {
          margin-right: 0; }
        #modal-survey .modal-window form .questions .column:nth-child(2n) {
          margin-right: 0; }
        #modal-survey .modal-window form .questions .column:nth-child(2n+1) {
          clear: left; }
        #modal-survey .modal-window form .questions .column .field {
          margin-bottom: 10px; }
          #modal-survey .modal-window form .questions .column .field select, #modal-survey .modal-window form .questions .column .field input[type=text], #modal-survey .modal-window form .questions .column .field textarea, #modal-survey .modal-window form .questions .column .field input[type=number] {
            width: 100%; }
        #modal-survey .modal-window form .questions .column .company-role {
          display: block;
          margin-bottom: 10px; }
          #modal-survey .modal-window form .questions .column .company-role:after {
            content: "";
            display: table;
            clear: both; }
          #modal-survey .modal-window form .questions .column .company-role .field {
            float: left;
            display: block;
            margin-right: 4.82916%;
            width: 47.58542%;
            margin-bottom: 0px; }
            #modal-survey .modal-window form .questions .column .company-role .field:last-child {
              margin-right: 0; }
            #modal-survey .modal-window form .questions .column .company-role .field input {
              margin-bottom: 0px; }
    #modal-survey .modal-window form .field-opt-out {
      margin-top: 20px;
      margin-bottom: 20px; }
      #modal-survey .modal-window form .field-opt-out label {
        padding-left: 20px; }
        #modal-survey .modal-window form .field-opt-out label input {
          margin-left: -20px; }
    #modal-survey .modal-window form label {
      margin-bottom: 8px;
      display: block;
      font-size: 0.9em;
      color: #333; }
    #modal-survey .modal-window form textarea {
      margin-bottom: 0px !important; }
    #modal-survey .modal-window form input[type=text], #modal-survey .modal-window form input[type=email], #modal-survey .modal-window form textarea, #modal-survey .modal-window form select {
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 3px;
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
      box-sizing: border-box;
      font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 13px;
      margin-bottom: 0.75em;
      padding: 0.5em;
      transition: border-color;
      width: 100%; }
      #modal-survey .modal-window form input[type=text]:hover, #modal-survey .modal-window form input[type=email]:hover, #modal-survey .modal-window form textarea:hover, #modal-survey .modal-window form select:hover {
        border-color: #c4c4c4; }
      #modal-survey .modal-window form input[type=text]:focus, #modal-survey .modal-window form input[type=email]:focus, #modal-survey .modal-window form textarea:focus, #modal-survey .modal-window form select:focus {
        border-color: #f05233;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(238, 62, 27, 0.7);
        outline: none; }
    #modal-survey .modal-window form select {
      -webkit-appearance: none !important;
      -moz-appearance: none !important;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
      background-position: 100% center;
      background-repeat: no-repeat; }
    #modal-survey .modal-window form .actions .close {
      float: right; }
    #modal-survey .modal-window form button {
      background-position: 10px center;
      background-repeat: no-repeat;
      width: 150px; }
    #modal-survey .modal-window form .success-message {
      display: none;
      color: #8cc63e;
      padding: 20px;
      text-align: center; }
      #modal-survey .modal-window form .success-message button {
        margin-top: 40px; }
    #modal-survey .modal-window form .error-message {
      display: none;
      color: #f05233;
      padding-bottom: 20px; }
    #modal-survey .modal-window form .field .error {
      display: none;
      color: #f05233;
      text-align: left;
      position: absolute;
      margin-top: -10px; }
    #modal-survey .modal-window form .field.field-comments .error {
      margin-top: -4px; }
    #modal-survey .modal-window form .field.field-captcha .error {
      margin-top: 0px; }
    #modal-survey .modal-window form.loading button {
      background-image: url(/assets/site/img/form_loading.gif); }
    #modal-survey .modal-window form.success .success-message {
      display: block; }
    #modal-survey .modal-window form.success .fields {
      display: none; }
    #modal-survey .modal-window form.error .error-message {
      display: block; }
    #modal-survey .modal-window form.error .field.error input, #modal-survey .modal-window form.error .field.error textarea, #modal-survey .modal-window form.error .field.error iframe {
      border: 1px solid #f05233; }
    #modal-survey .modal-window form.error .field.error .error {
      display: block; }

#site-survey button {
  width: auto !important;
  background-color: #f05233;
  color: #fff;
  border: 0;
  padding: 0.75em 1em;
  text-transform: none;
  font-size: 1em; }