.color--white {
  color: #fff
}

svg.color--white {
  fill: #fff
}

.color--white .vf-icon-invert {
  background: #fff
}

.color--orange {
  color: #fff
}

svg.color--orange {
  fill: #fff
}

.color--orange .vf-icon-invert {
  background: #fff
}

.color--blue-night {
  color: #172b47
}

svg.color--blue-night {
  fill: #172b47
}

.color--blue-night .vf-icon-invert {
  background: #172b47
}

.color--blue-mid {
  color: #2071b5
}

svg.color--blue-mid {
  fill: #2071b5
}

.color--blue-mid .vf-icon-invert {
  background: #2071b5
}

.color--blue-sky {
  color: #3dc07c
}

svg.color--blue-sky {
  fill: #3dc07c
}

.color--blue-sky .vf-icon-invert {
  background: #3dc07c
}

.color--yellow-mid {
  color: #ffd131
}

svg.color--yellow-mid {
  fill: #172b47
}

.color--yellow-mid .vf-icon-invert {
  background: #ffd131
}

.color--yellow-light {
  color: #ffed21
}

svg.color--yellow-light {
  fill: #ffed21
}

.color--yellow-light .vf-icon-invert {
  background: #ffed21
}

.color--green-dark {
  color: #0a4f2e
}

svg.color--green-dark {
  fill: #0a4f2e
}

.color--green-dark .vf-icon-invert {
  background: #0a4f2e
}

.color--green-mid {
  color: #1f8c40
}

.color--green-light {
  color: #005c63
}

.color--brown-dark {
  color: #73594a
}

.color--brown-mid {
  color: #aa8263
}

.color--pink {
  color: #f5c2ab
}

.color--grey-dark {
  color: #636361
}

.color--grey-mid {
  color: #9e9c9c
}

.color--grey-light {
  color: #d1d1cf
}

.color--black {
  color: #000
}

.color--autumn-red {
  color: #74180f
}

.color--autumn-orange {
  color: #f90
}

.color-bg--white {
  background: #fff
}

.color-bg--orange {
  background: #ffda00
}

.color-bg--blue-night {
  background: #172b47
}

.color-bg--blue-mid {
  background: #2071b5
}

.color-bg--blue-sky {
  background: #3dc07c
}

.color-bg--yellow-mid {
  background: #ffda00
}

.color-bg--yellow-light {
  background: #ffda00
}

.color-bg--green-dark {
  background: #0a4f2e
}

.color-bg--green-mid {
  background: #1f8c40
}

.color-bg--green-light {
  background: #005c63
}

.color-bg--brown-dark {
  background: #73594a
}

.color-bg--brown-mid {
  background: #aa8263
}

.color-bg--pink {
  background: #f5c2ab
}

.color-bg--grey-dark {
  background: #636361
}

.color-bg--grey-mid {
  background: #9e9c9c
}

.color-bg--grey-light {
  background: #d1d1cf
}

.color-bg--black {
  background: #000
}

.color-bg--autumn-red {
  background: #74180f
}

.color-bg--autumn-orange {
  background: #f90
}

.color-bg--grey-main {
  background: #fff
}

.color-bg--grey-sub {
  background: #ebebeb
}

.color-bg--grey-fallback {
  background: #f7f7f7
}

.color-bg--orange-main {
  background: #f90
}

.color-bg--orange-sub {
  background: #ffd131
}

.color-bg--orange-fallback {
  background: #ffed21
}

.color-bg--blue-main {
  background: #172b47
}

.color-bg--blue-sub {
  background: #a6dbde
}

.color-bg--blue-fallback {
  background: #0085c7
}

.color-bg--green-main {
  background: #0a4f2e
}

.color-bg--green-sub {
  background: #82c745
}

.color-bg--green-fallback {
  background: #1f8c40
}

.clearfix:after,
.clearfix:before {
  content: " ";
  display: table
}

.clearfix:after {
  clear: both
}

.vffontarial {
  font-family: Arial, Helvetica, sans-serif
}

.vffontheavy {
  font-family: VattenfallVoiceHeavyRegular, Arial, Helvetica, sans-serif;
  font-weight: 400
}

.vffontbook {
  font-family: VattenfallVoiceBookRegular, Arial, Helvetica, sans-serif;
  font-weight: 400
}

.vffontheadline {
  font-family: VattenfallHall-Regular, Arial, Helvetica, sans-serif;
  font-weight: 400
}

.ie8__brand__gradient--orange {
  background: #f90
}

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block
}

audio,
canvas,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden],
template {
  display: none
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

a {
  background: 0 0
}

a:focus {
  outline: thin dotted
}

a:active,
a:hover {
  outline: 0
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

mark {
  background: #ff0;
  color: #000
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em
}

pre {
  white-space: pre-wrap
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 0
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0
}

button,
input {
  line-height: normal
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto;
  vertical-align: top
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

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

html {
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
  height: 100%
}

html.no-cookies .hidden-no-cookies {
  display: none !important
}

body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

footer,
header {
  -webkit-box-flex: none;
  -webkit-flex: none;
  -moz-box-flex: none;
  -ms-flex: none;
  flex: none
}

header {
  line-height: 1.9rem
}

address {
  font-style: normal
}

#cso-app {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}

.pageWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  background: 0 0
}

@media (min-width:790px) {
  .pageWrapper {
    background: #fff
  }
}

@media (min-width:992px) and (max-width:1335px) {
  .pageWrapper {
    padding-left: 50px
  }
}

.media>img,
img.media {
  display: block;
  width: 100%
}

.divider__greyLine {
  height: 1px;
  line-height: 1px;
  margin: 10px 0;
  background-color: #cfcfcf
}

.divider__greyLine--small {
  height: 1px;
  line-height: 1px;
  margin: 5px 0;
  background-color: #cfcfcf
}

.divider__orangeGradient {
  display: block;
  margin: 5px 0
}

.divider__orangeGradient:before {
  content: "";
  height: 5px;
  display: block;
  background: #ffda00
}

.hidden-from-sm {
  display: block
}

@media (min-width:790px) {
  .hidden-from-sm {
    display: none
  }
}

.hidden-from-xs {
  display: block
}

@media (min-width:480px) {
  .hidden-from-xs {
    display: none
  }
}

.hidden-sm {
  display: none
}

@media (min-width:790px) {
  .hidden-sm {
    display: block
  }
}

.hidden-md {
  display: none
}

@media (min-width:992px) {
  .hidden-md {
    display: block
  }
}

.is-initialHiddenOnMobile {
  display: none
}

@media (min-width:790px) {
  .is-initialHiddenOnMobile {
    display: block
  }
}

.hidden,
.is-hidden {
  display: none !important
}

.inactive * {
  opacity: .5;
  cursor: not-allowed
}

.inactive input[disabled] {
  opacity: 1
}

.pull-right {
  float: right
}

.eyecatcher__blob {
  position: absolute;
  top: -10px;
  right: 0;
  display: block;
  border-radius: 50% 50% 50% 50%;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 13px;
  line-height: 1.3rem;
  background: #ffda00;
  height: 60px;
  width: 60px
}

.eyecatcher__blob .eyecatcher__teasertextwrapper {
  display: table;
  width: 100%;
  height: 100%
}

.eyecatcher__blob .eyecatcher__teasertext {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  text-align: center
}

.eyecatcher__blob .eyecatcher__teasertext>span {
  display: block
}

.eyecatcher__blob--blue {
  background: #1e324f
}

.eyecatcher__blob--orange {
  background: #ffda00
}

.eyecatcher__blob--green {
  background: #005c63
}

.spinner--inline {
  width: 70px;
  text-align: center
}

.spinner--inline>div {
  width: 10px;
  height: 10px;
  margin: 0 3px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.spinner--inline .bounce1 {
  -webkit-animation-delay: -.32s;
  animation-delay: -.32s
}

.spinner--inline .bounce2 {
  -webkit-animation-delay: -.16s;
  animation-delay: -.16s
}

@-webkit-keyframes bouncedelay {

  0%,
  100%,
  80% {
    -webkit-transform: scale(0)
  }

  40% {
    -webkit-transform: scale(1)
  }
}

@keyframes bouncedelay {

  0%,
  100%,
  80% {
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(0)
  }

  40% {
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}

.mb0 {
  margin-bottom: 0 !important
}

.mt20 {
  margin-top: 20px
}

.fetching,
.load-error,
body.has-overlay {
  position: relative;
  overflow: hidden
}

.fetching:after,
.load-error:after,
body.has-overlay:after {
  background-color: #d3d3d3 !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-image: url(../images/loading-spin.svg) !important;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 9999;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

body.has-overlay:after {
  background-color: rgba(211, 211, 211, .9) !important;
  position: fixed
}

.load-error:after {
  background-image: url(../images/error.svg) !important
}

.no-smil .fetching:after,
.no-smil body.has-overlay:after {
  background-image: url(../images/loading-spin.gif) !important
}

.tile.new-tile.fetching,
.tile.new-tile.load-error {
  height: 325px
}

.gridDemo {
  border: 1px solid #333;
  text-align: center
}

.gridDemo:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  background: green;
  width: 10px;
  height: 20px
}

.gridDemo:after {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  background: green;
  width: 10px;
  height: 20px
}

.demo--bg--lightblue {
  background: #add8e6
}

.demo--bg--lightgreen {
  background: #81f781
}

.demo--box {
  background: #d3d3d3;
  display: block;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px
}

.demo--box--100 {
  background: #d3d3d3;
  display: block;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  height: 200px
}

.demo--row {
  position: relative;
  margin-bottom: 20px
}

.demo--row:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 10px;
  top: 0;
  left: -20px;
  background: #f34;
  display: block !important
}

.demo--row--cont {
  margin-top: -20px
}

@-webkit-keyframes check {
  0% {
    height: 0;
    width: 0
  }

  25% {
    height: 0;
    width: 8px
  }

  50% {
    height: 18px;
    width: 8px
  }
}

@keyframes check {
  0% {
    height: 0;
    width: 0
  }

  25% {
    height: 0;
    width: 8px
  }

  50% {
    height: 18px;
    width: 8px
  }
}

.form {
  position: relative
}

.form--grey {
  background: #f2f2f2
}

.form--flat {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative
}

.form--arrow {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative
}

.form--arrow:before {
  content: " ";
  position: absolute;
  width: 0;
  margin: 0 auto;
  left: 12px;
  top: -12px;
  border-style: solid;
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent #f7f7f7 transparent;
  -webkit-transform: rotate(360deg)
}

.form--inline {
  display: inline-block
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #636361;
  border: 0;
  border-bottom: 1px solid #d1d1cf
}

label {
  font-family: VattenfallHall-Regular;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 16px;
  line-height: 1.6rem;
  display: inline-block;
  margin-bottom: 5px
}

input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

input[type=checkbox],
input[type=radio] {
  margin: 4px 0 0;
  line-height: normal
}

input[type=file] {
  display: block
}

select[multiple],
select[size] {
  height: auto
}

select {
  cursor: pointer;
  max-width: 100% !important;
  width: 100%
}

select optgroup {
  font-size: inherit;
  font-style: inherit;
  font-family: inherit
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #9e9c9c;
  vertical-align: middle
}

.form-control:-moz-placeholder {
  color: #d1d1cf
}

.form-control::-moz-placeholder {
  color: #d1d1cf
}

.form-control:-ms-input-placeholder {
  color: #d1d1cf
}

.form-control::-webkit-input-placeholder {
  color: #d1d1cf
}

.form-input {
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  position: relative;
  width: 100%;
  height: 32px;
  padding: 5px 7px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 15px;
  line-height: 1.5rem;
  color: #737373;
  vertical-align: middle;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d1d1cf;
  max-width: 100%
}

.form-input:focus {
  color: #262626
}

.form-input[disabled],
.form-input[readonly],
fieldset[disabled] .form-input {
  cursor: not-allowed;
  background-color: #f7f7f7
}

textarea.form-input {
  height: auto
}

.form-input>label {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
  line-height: 1.6rem
}

.form-control {
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  position: relative;
  width: 100%;
  height: 32px;
  padding: 5px 7px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 15px;
  line-height: 1.5rem;
  color: #737373;
  vertical-align: middle;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d1d1cf;
  max-width: 100%
}

.form-control:focus {
  color: #262626
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #f7f7f7
}

textarea.form-control {
  height: auto
}

.form-control>label {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
  line-height: 1.6rem
}

.form-control.form-control--inline {
  width: auto;
  display: inline-block
}

.form-control-checkbox,
.form-control-doubleinput,
.form-control-radio,
.form-control-slider,
.form-control-textarea {
  border: none;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  height: auto;
  color: #111
}

.form-control-reset {
  border: none;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  height: auto;
  color: #111
}

.form-control-prefix {
  display: table !important;
  padding: 0
}

.form-control-prefix .input-prefix {
  display: table-cell;
  white-space: nowrap;
  width: 1%;
  padding: 5px 0 4px 7px;
  margin: 0;
  vertical-align: middle;
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
  height: 32px;
  color: #636361;
  font-weight: 400;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 15px;
  line-height: 1.5rem
}

.form-control-prefix input[type=text] {
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  position: relative;
  height: 32px;
  padding: 5px 7px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 15px;
  line-height: 1.5rem;
  color: #737373;
  vertical-align: middle;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d1d1cf;
  max-width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: table-cell;
  width: 100%;
  border: none;
  padding-left: 4px;
  background: 0 0;
  float: left
}

.form-control-prefix input[type=text]:focus {
  color: #262626
}

.form-control-prefix input[type=text][disabled],
.form-control-prefix input[type=text][readonly],
fieldset[disabled] .form-control-prefix input[type=text] {
  cursor: not-allowed;
  background-color: #f7f7f7
}

textarea.form-control-prefix input[type=text] {
  height: auto
}

.form-control-prefix input[type=text]>label {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
  line-height: 1.6rem
}

.form-element>.form-control-doubleinput {
  display: table;
  table-layout: fixed;
  width: 100%
}

.form-element>.form-control-doubleinput .form-control-doubleinput__second,
.form-element>.form-control-doubleinput>.form-control-doubleinput__first {
  display: table-cell;
  padding-left: 10px
}

.form-element>.form-control-doubleinput .form-control-doubleinput__second>label,
.form-element>.form-control-doubleinput>.form-control-doubleinput__first>label {
  color: #111
}

.form-element>.form-control-doubleinput>.form-control-doubleinput__first {
  padding-left: 0
}

.form-element>.form-control-doubleinput input {
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  position: relative;
  width: 100%;
  height: 32px;
  padding: 5px 7px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 15px;
  line-height: 1.5rem;
  color: #737373;
  vertical-align: middle;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d1d1cf;
  max-width: 100%
}

.form-element>.form-control-doubleinput input:focus {
  color: #262626
}

.form-element>.form-control-doubleinput input[disabled],
.form-element>.form-control-doubleinput input[readonly],
fieldset[disabled] .form-element>.form-control-doubleinput input {
  cursor: not-allowed;
  background-color: #f7f7f7
}

textarea.form-element>.form-control-doubleinput input {
  height: auto
}

.form-element>.form-control-doubleinput input>label {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
  line-height: 1.6rem
}

.form-control-checkbox input,
.form-control-checkbox label,
.form-control-radio input,
.form-control-radio label {
  cursor: pointer
}

.form-control-checkbox input[type=radio],
.form-control-radio input[type=radio] {
  position: absolute;
  opacity: .0001
}

.form-control-checkbox input[type=radio]~.form__chooser__text,
.form-control-radio input[type=radio]~.form__chooser__text {
  padding-top: 4px;
  padding-left: 25px;
  display: inline-block;
  min-height: 22px;
  font-weight: 400
}

.form-control-checkbox input[type=radio]~.form__chooser__text:before,
.form-control-radio input[type=radio]~.form__chooser__text:before {
  content: "";
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  left: 0;
  top: 0;
  border: 2px solid #1e324f;
  border-radius: 50%
}

.form-control-checkbox input[type=radio]~.form__chooser__text:after,
.form-control-radio input[type=radio]~.form__chooser__text:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  left: 11px;
  top: 11px;
  background: #1e324f;
  border-radius: 50%;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out
}

.form-control-checkbox input[type=radio]~.form__chooser__text--bold,
.form-control-radio input[type=radio]~.form__chooser__text--bold {
  font-weight: 700
}

.form-control-checkbox input[type=checkbox],
.form-control-radio input[type=checkbox] {
  position: absolute;
  opacity: .0001
}

.form-control-checkbox input[type=checkbox]~.form__chooser__text,
.form-control-radio input[type=checkbox]~.form__chooser__text {
  padding-top: 2px;
  padding-left: 25px;
  display: inline-block;
  min-height: 22px;
  font-weight: 400
}

.form-control-checkbox input[type=checkbox]~.form__chooser__text:before,
.form-control-radio input[type=checkbox]~.form__chooser__text:before {
  border: 2px solid #1e324f;
  background-color: #fff;
  content: '';
  display: block;
  height: 22px;
  width: 22px;
  left: 0;
  position: absolute;
  top: 0
}

.form-control-checkbox input[type=checkbox]~.form__chooser__text:after,
.form-control-radio input[type=checkbox]~.form__chooser__text:after {
  -webkit-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  border-right: 4px solid #fff;
  border-top: 4px solid #fff;
  content: '';
  display: block;
  height: 18px;
  left: 2px;
  position: absolute;
  top: 14px;
  width: 8px
}

.form-control-checkbox input[type=checkbox]~.form__chooser__text--bold,
.form-control-radio input[type=checkbox]~.form__chooser__text--bold {
  font-weight: 700
}

.form-control-checkbox input[type=radio]~.form__chooser__text,
.form-control-radio input[type=radio]~.form__chooser__text {
  position: relative
}

.form-control-checkbox input[type=radio]~.form__chooser__text--bold,
.form-control-radio input[type=radio]~.form__chooser__text--bold {
  font-weight: 700
}

.form-control-checkbox input[type=radio]:hover:enabled~.form__chooser__text:after,
.form-control-radio input[type=radio]:hover:enabled~.form__chooser__text:after {
  height: 8px;
  width: 8px;
  left: 7px;
  top: 7px;
  background: #d1d1cf
}

@media screen and (max-width:1024px) {

  .form-control-checkbox input[type=radio]:hover:enabled~.form__chooser__text:after,
  .form-control-radio input[type=radio]:hover:enabled~.form__chooser__text:after {
    background: #fff;
    -webkit-transition: none;
    transition: none
  }
}

.form-control-checkbox input[type=radio]:active:checked~.form__chooser__text:after,
.form-control-checkbox input[type=radio]:focus:checked~.form__chooser__text:after,
.form-control-checkbox input[type=radio]:hover:checked~.form__chooser__text:after,
.form-control-radio input[type=radio]:active:checked~.form__chooser__text:after,
.form-control-radio input[type=radio]:focus:checked~.form__chooser__text:after,
.form-control-radio input[type=radio]:hover:checked~.form__chooser__text:after {
  height: 8px;
  width: 8px;
  left: 7px;
  top: 7px;
  background: #1e324f
}

.form-control-checkbox input[type=radio]:active:disabled,
.form-control-checkbox input[type=radio]:focus:disabled,
.form-control-checkbox input[type=radio]:hover:disabled,
.form-control-radio input[type=radio]:active:disabled,
.form-control-radio input[type=radio]:focus:disabled,
.form-control-radio input[type=radio]:hover:disabled {
  cursor: default
}

.form-control-checkbox input[type=radio]:checked~.form__chooser__text:after,
.form-control-radio input[type=radio]:checked~.form__chooser__text:after {
  height: 8px;
  width: 8px;
  left: 7px;
  top: 7px
}

.form-control-checkbox input[type=radio]:disabled~.form__chooser__text,
.form-control-radio input[type=radio]:disabled~.form__chooser__text {
  color: #929292
}

.form-control-checkbox input[type=radio]:disabled~.form__chooser__text:before,
.form-control-radio input[type=radio]:disabled~.form__chooser__text:before {
  border: 2px solid #d1d1cf
}

.form-control-checkbox input[type=radio]:disabled:checked~.form__chooser__text:after,
.form-control-radio input[type=radio]:disabled:checked~.form__chooser__text:after {
  background: #d1d1cf
}

.form-control-checkbox input[type=checkbox]~.form__chooser__text,
.form-control-radio input[type=checkbox]~.form__chooser__text {
  position: relative
}

.form-control-checkbox input[type=checkbox]~.form__chooser__text--bold,
.form-control-radio input[type=checkbox]~.form__chooser__text--bold {
  font-weight: 700
}

.form-control-checkbox input[type=checkbox]:hover:enabled~.form__chooser__text:after,
.form-control-radio input[type=checkbox]:hover:enabled~.form__chooser__text:after {
  border-color: #d1d1cf;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out
}

@media screen and (max-width:1024px) {

  .form-control-checkbox input[type=checkbox]:hover:enabled~.form__chooser__text:after,
  .form-control-radio input[type=checkbox]:hover:enabled~.form__chooser__text:after {
    border-color: #fff
  }
}

.form-control-checkbox input[type=checkbox]:active:checked~.form__chooser__text:after,
.form-control-checkbox input[type=checkbox]:focus:checked~.form__chooser__text:after,
.form-control-checkbox input[type=checkbox]:hover:checked~.form__chooser__text:after,
.form-control-radio input[type=checkbox]:active:checked~.form__chooser__text:after,
.form-control-radio input[type=checkbox]:focus:checked~.form__chooser__text:after,
.form-control-radio input[type=checkbox]:hover:checked~.form__chooser__text:after {
  border-color: #1e324f
}

.form-control-checkbox input[type=checkbox]:active:disabled,
.form-control-checkbox input[type=checkbox]:focus:disabled,
.form-control-checkbox input[type=checkbox]:hover:disabled,
.form-control-radio input[type=checkbox]:active:disabled,
.form-control-radio input[type=checkbox]:focus:disabled,
.form-control-radio input[type=checkbox]:hover:disabled {
  cursor: default
}

.form-control-checkbox input[type=checkbox]:checked~.form__chooser__text:after,
.form-control-checkbox input[type=checkbox]:hover:enabled:checked~.form__chooser__text:after,
.form-control-radio input[type=checkbox]:checked~.form__chooser__text:after,
.form-control-radio input[type=checkbox]:hover:enabled:checked~.form__chooser__text:after {
  -webkit-animation: check .8s;
  animation: check .8s;
  border-color: #1e324f
}

.form-control-checkbox input[type=checkbox]:disabled~.form__chooser__text,
.form-control-radio input[type=checkbox]:disabled~.form__chooser__text {
  color: #929292
}

.form-control-checkbox input[type=checkbox]:disabled~.form__chooser__text:before,
.form-control-radio input[type=checkbox]:disabled~.form__chooser__text:before {
  border: 2px solid #d1d1cf
}

.form-control-checkbox input[type=checkbox]:disabled:checked~.form__chooser__text:after,
.form-control-radio input[type=checkbox]:disabled:checked~.form__chooser__text:after {
  border-color: #d1d1cf
}

.form-control-radio--pill {
  background: #fff;
  border: 1px solid #e0e0e0
}

.form-control-radio--pill>label {
  padding: 3px 8px 3px 3px;
  margin: 0
}

.form-control-extension {
  padding-bottom: 8px
}

.form-element,
.form-group {
  margin-bottom: 8px
}

.form-element:after,
.form-element:before,
.form-group:after,
.form-group:before {
  content: " ";
  display: table
}

.form-element:after,
.form-group:after {
  clear: both
}

.form-element:after,
.form-element:before,
.form-group:after,
.form-group:before {
  content: " ";
  display: table
}

.form-element:after,
.form-group:after {
  clear: both
}

.form-element>label,
.form-group>label {
  display: block
}

.form-element>textarea,
.form-group>textarea {
  resize: vertical
}

.form-element--inline {
  display: inline-block
}

.form-element-split>label,
.form-group-split>label {
  display: block
}

.form-element-split .form-control-radio,
.form-element-split>.form-control,
.form-group-split .form-control-radio,
.form-group-split>.form-control {
  display: block;
  width: 100%
}

.form-element-split .form-explanations,
.form-group-split .form-explanations {
  display: block;
  width: 100%
}

@media (min-width:790px) {

  .form-element-split .form-explanations,
  .form-group-split .form-explanations {
    padding-left: 20px;
    display: inline;
    width: 50%;
    float: right
  }

  .form-element-split .form-control-doubleinput,
  .form-element-split .form-control-radio,
  .form-element-split .twitter-typeahead,
  .form-element-split>.form-control,
  .form-group-split .form-control-doubleinput,
  .form-group-split .form-control-radio,
  .form-group-split .twitter-typeahead,
  .form-group-split>.form-control {
    display: inline;
    width: 50%;
    float: left
  }

  .form-element-split>.form-control-doubleinput,
  .form-group-split>.form-control-doubleinput {
    display: table
  }

  .form-element-split>.form-control-doubleinput+.form-explanations,
  .form-group-split>.form-control-doubleinput+.form-explanations {
    padding-top: 21px
  }
}

.form-element-half {
  width: 50%
}

.form-control-reset {
  border: none
}

.form-element-hintHidden .form-helpText {
  display: none
}

.form-element-hintHidden .form-helpText.form-element-hintHidden--visibleOverrride {
  display: block
}

.form-helpText--grey {
  color: #d1d1cf
}

.form-element-group {
  margin-bottom: 10px
}

.form-element-group>label {
  margin-bottom: 5px
}

.form-element-group .form-element-group-errorText {
  display: none
}

.form-element-group--inline>label {
  display: block
}

.form-element-group--inline .form-element,
.form-element-group--inline>.form-group {
  display: inline-block;
  margin-right: 10px
}

.checkbox-inline[disabled],
.checkbox[disabled],
.radio-inline[disabled],
.radio[disabled],
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=radio][disabled] {
  cursor: not-allowed
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0
}

select.input-sm {
  height: 30px;
  line-height: 30px
}

textarea.input-sm {
  height: auto
}

.input-lg {
  height: 45px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 0
}

select.input-lg {
  height: 45px;
  line-height: 45px
}

textarea.input-lg {
  height: auto
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline {
  color: #c09853
}

.has-warning .form-control {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e
}

.has-warning .input-group-addon {
  color: #c09853;
  border-color: #c09853;
  background-color: #fcf8e3
}

.form-errorText {
  display: none
}

.has-error>label {
  color: #e50000
}

.has-error .form-control {
  border: 1px solid #e50000
}

.has-error .form-element-group-errorText,
.has-error .form-errorText {
  display: block;
  color: #e50000
}

.has-error .form-element-group-errorText>ul,
.has-error .form-errorText>ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0
}

.has-error .form-element-group-errorText li.passwordrules,
.has-error .form-errorText li.passwordrules {
  display: none !important
}

.has-error .form-control-flatradio input+span {
  border: none
}

.has-error .form-control-checkbox,
.has-error .form-control-radio {
  border: none
}

.has-error .form-control-checkbox input[type=radio]~.form__chooser__text,
.has-error .form-control-radio input[type=radio]~.form__chooser__text {
  position: relative
}

.has-error .form-control-checkbox input[type=radio]:disabled~.form__chooser__text:before,
.has-error .form-control-radio input[type=radio]:disabled~.form__chooser__text:before {
  border: 2px solid rgba(229, 0, 0, .5)
}

.has-error .form-control-checkbox input[type=radio]:checked~.form__chooser__text:before,
.has-error .form-control-radio input[type=radio]:checked~.form__chooser__text:before {
  border: 2px solid #e50000
}

.has-error .form-control-checkbox input[type=checkbox]~.form__chooser__text,
.has-error .form-control-radio input[type=checkbox]~.form__chooser__text {
  color: #e50000
}

.has-error .form-control-doubleinput {
  border: none
}

.has-error .form-control-doubleinput label {
  color: #e50000
}

.has-error .form-control-doubleinput input {
  border: 1px solid #e50000
}

.has-error .form-control-slider {
  border: none
}

.has-error .form-control-upload-simple {
  border: none
}

.has-error .form-control-upload-simple>input[type=file] {
  border: 1px solid #e50000
}

.has-error .form-control-textarea {
  border: none
}

.has-error .form-control-textarea>textarea {
  border: 1px solid #e50000
}

.has-success input:not(.hide-validation-icon)[type=email],
.has-success input:not(.hide-validation-icon)[type=tel],
.has-success input:not(.hide-validation-icon)[type=text] {
  background-position: 99% center
}

.has-success .form-control.form-datepicker {
  background-position: 99% center
}

.form-control-static {
  margin-bottom: 0
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #a3a3a1
}

.form-actions,
.form-section {
  padding: 20px
}

@media screen and (max-width:385px) {

  .form-actions,
  .form-section {
    padding: 10px
  }
}

.form-actions {
  border-top: 3px solid #fff;
  position: relative
}

.form-actions:after,
.form-actions:before {
  content: " ";
  display: table
}

.form-actions:after {
  clear: both
}

.form-actions:after,
.form-actions:before {
  content: " ";
  display: table
}

.form-actions:after {
  clear: both
}

.form-actions:before {
  content: "";
  position: absolute;
  min-height: 1px;
  width: 100%;
  border-top: 1px solid #d9d9d9;
  top: -4px;
  left: 0
}

.form-errorBlock {
  padding-bottom: 16px;
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 12px;
  margin-bottom: 20px;
  border-color: #e50000;
  border-style: solid;
  border-top-width: 5px;
  border-bottom-width: 2px;
  border-left-width: 0;
  border-right-width: 0
}

.form-errorBlock .form-errorblock-header {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22.4px;
  line-height: 2.2399999999999998rem;
  margin: 0 0 8px 0
}

.form-errorBlock .form-errorblock-message {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 16px;
  line-height: 1.6rem;
  margin: 0
}

.form-mainheader {
  padding: 20px 20px 0 20px;
  margin-bottom: -20px
}

@media screen and (max-width:480px) {
  .form-mainheader {
    margin-bottom: 0;
    padding: 20px 10px 0;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem
  }
}

.form-passwordStrengthIndicator {
  display: block;
  width: 100%
}

.form-passwordStrengthIndicatorBar {
  display: block;
  background: #999;
  width: 100%;
  height: 10px
}

.form-passwordStrengthIndicatorBar--strong {
  background: #6ba53a
}

.form-passwordStrengthIndicatorBar--medium {
  background: #ece400
}

.form-passwordStrengthIndicatorBar--weak {
  background: #c00
}

.form-control-toggle label {
  width: auto;
  position: relative;
  overflow: visible;
  padding: 0
}

.form-control-toggle label input {
  width: 0;
  height: 0;
  opacity: 0
}

.form-control-toggle label>span {
  line-height: 26px;
  height: 26px;
  width: 88px;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  border-radius: 0;
  border: 1px solid #d1d1cf;
  background-color: transparent;
  cursor: pointer
}

.form-control-toggle label>span span {
  text-align: center;
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: 0;
  right: static;
  left: 0;
  display: block;
  width: 50%;
  z-index: 5
}

.form-control-toggle label>span span:first-of-type {
  color: #ccc
}

.form-control-toggle label>span span:last-of-type {
  left: 50%
}

.form-control-toggle label a,
.form-control-toggle label>span:before {
  min-height: 100%;
  max-height: 100%;
  height: 100%;
  background: 0 0;
  background-color: #cfcfcf;
  border-color: #d1d1cf;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  position: absolute;
  top: 0;
  right: 50%;
  left: static;
  display: block;
  width: 50%;
  z-index: 4;
  border-radius: 0;
  left: 50%
}

.form-control-toggle label>span:before {
  content: ''
}

.form-control-toggle label input:checked~span a,
.form-control-toggle label input:checked~span:before {
  left: 0;
  background: #1e324f
}

.form-control-toggle label input:checked~span span:first-of-type {
  color: #fff
}

.form-control-toggle label input:checked~span span:last-of-type {
  color: #ccc
}

.form-control-toggle label input[value=notchoosen]~span span:first-of-type,
.form-control-toggle label input[value=notchoosen]~span span:last-of-type {
  color: #000
}

.form-control-toggle label input[value=notchoosen]~span:before {
  left: 0;
  background: 0 0
}

.form-control-toggle--stacked {
  margin: 0 10px 10px 10px
}

.form-control-toggle--stacked>label {
  text-align: center
}

.form-control-toggle--stacked>label>span {
  display: block;
  margin: 0 auto;
  margin-top: 5px
}

.form-control-toggle--light>label {
  font-weight: 400
}

.form-control-toggler .form-control-toggler-radios {
  border-radius: 16px;
  border: 1px solid #e5e5e5;
  max-height: 26px;
  text-align: center
}

.form-control-toggler .form-control-toggler-radios>label {
  margin: 0;
  display: inline-block;
  width: 50px;
  height: 26px
}

.form-control-toggler .form-control-toggler-radios>label>input[type=radio] {
  width: 00;
  height: 00;
  opacity: .1;
  position: absolute
}

.form-control-toggler .form-control-toggler-radios>label>span {
  height: 26px;
  width: 100%;
  min-width: 43px;
  display: block;
  color: #333;
  cursor: pointer
}

.form-control-toggler .form-control-toggler-radios>label:first-of-type>span {
  position: relative;
  display: block;
  padding: 5px 10px;
  z-index: 1
}

.form-control-toggler .form-control-toggler-radios>label:first-of-type>span:before {
  content: "";
  display: block;
  border-radius: 16px;
  background: #1e324f;
  position: absolute;
  width: 100%;
  top: 0;
  left: 50px;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all .5s;
  transition: all .5s
}

.form-control-toggler .form-control-toggler-radios>label:first-of-type>input[type=radio]:checked+span {
  position: relative;
  display: block;
  padding: 5px 10px;
  color: #fff
}

.form-control-toggler .form-control-toggler-radios>label:first-of-type>input[type=radio]:checked+span:before {
  left: 0;
  opacity: 1;
  -webkit-transition: all .5s;
  transition: all .5s
}

.form-control-toggler .form-control-toggler-radios>label:last-of-type>span {
  position: relative;
  display: block;
  padding: 5px 10px;
  z-index: 1
}

.form-control-toggler .form-control-toggler-radios>label:last-of-type>span:before {
  content: "";
  display: block;
  border-radius: 16px;
  background: #cfcfcf;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all .5s;
  transition: all .5s
}

.form-control-toggler .form-control-toggler-radios>label:last-of-type>input[type=radio]:checked+span {
  position: relative;
  display: block;
  padding: 5px 10px;
  color: #000
}

.form-control-toggler .form-control-toggler-radios>label:last-of-type>input[type=radio]:checked+span:before {
  background: #cfcfcf;
  opacity: 1;
  -webkit-transition: all .5s;
  transition: all .5s
}

.form-control-toggler--stacked {
  margin: 0 10px 10px 10px
}

.form-control-toggler--stacked>label {
  text-align: center;
  display: block
}

.form-element .form-control-size-10 {
  width: 10%
}

.form-element .form-control-size-20 {
  width: 20%
}

.form-element .form-control-size-30 {
  width: 30%
}

.form-element .form-control-size-40 {
  width: 40%
}

.form-element .form-control-size-50 {
  width: 50%
}

.form-element .form-control-size-60 {
  width: 60%
}

.form-element .form-control-size-70 {
  width: 70%
}

.form-element .form-control-size-80 {
  width: 80%
}

.form-element .form-control-size-90 {
  width: 90%
}

.form-element .form-control-size-100 {
  width: 100%
}

.form-textarea-charRemaining {
  display: block;
  text-align: right;
  padding-top: 10px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 13px;
  line-height: 1.3rem;
  color: #646464
}

div.form-control.form-field-wrapper {
  padding: 0;
  margin: 0;
  border: 0;
  border-style: none;
  position: relative
}

div.form-control.form-field-wrapper a.form-field-icon {
  position: absolute;
  bottom: 8px;
  right: 5px;
  text-decoration: none;
  z-index: 9999
}

input.unmask::-ms-clear,
input.unmask::-ms-reveal {
  display: none
}

input.strength {
  z-index: 1;
  background-color: transparent
}

.no-resize textarea {
  resize: none;
  overflow: auto
}

div.form-control.form-field-wrapper div {
  width: 0%;
  height: 32px;
  text-align: right;
  color: #000;
  line-height: 43px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  padding-right: 12px;
  position: absolute;
  bottom: 0;
  left: 0
}

div.form-control.form-field-wrapper div.veryweak {
  background-color: #ffa0a0;
  border-color: #f04040 !important;
  width: 25% !important
}

div.form-control.form-field-wrapper div.weak {
  background-color: #ffb78c;
  border-color: #ff853c !important;
  width: 50% !important
}

div.form-control.form-field-wrapper div.medium {
  background-color: #ffec8b;
  border-color: #fc0 !important;
  width: 75% !important
}

div.form-control.form-field-wrapper div.strong {
  background-color: #c3ff88;
  border-color: #8dff1c !important;
  width: 100% !important
}

.form-registration>.form-section>h3 {
  display: inline-block
}

.form-registration .registrationform-icon {
  position: inherit;
  right: inherit;
  top: inherit;
  display: inline-block
}

.form-control-flatradio {
  background: 0 0;
  border: none;
  padding: 0;
  margin-right: 0
}

.form-control-flatradio input {
  display: none
}

.form-control-flatradio input+span {
  display: inline-block;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  padding: 7px;
  border: 1px solid #d1d1cf;
  cursor: pointer
}

.form-control-flatradio input:checked+span {
  display: inline-block;
  background: #2071b5;
  color: #fff;
  border-color: #2071b5
}

.form-control-iconradio {
  background: 0 0;
  border: none;
  padding: 0;
  margin-right: -8px;
  margin-top: -8px
}

.form-control-iconradio input {
  display: none
}

.form-control-iconradio input+span {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 36px;
  font-weight: 400;
  padding: 0;
  border: 0;
  cursor: pointer;
  color: #172b47
}

.form-control-iconradio input:checked+span {
  color: #2071b5
}

.mark-previous-radios .pre-selected label span {
  color: #2071b5
}

.average-consumption-info {
  text-align: center;
  font-weight: 400;
  padding-top: 10px;
  color: #2071b5;
  margin-bottom: 10px
}

.cosumption-labels {
  text-align: center;
  margin: 10px 0 10px 0
}

.consumption-icons {
  text-align: center;
  margin-top: 10px
}

.qmValHeader {
  vertical-align: super;
  color: #2071b5
}

.icon--Home__small:before {
  font-size: 26px
}

.icon--Home__medium:before {
  font-size: 30px
}

.icon--Home__large:before {
  font-size: 34px
}

.icon--Home__xlarge:before {
  font-size: 38px
}

.form-control.form-datepicker {
  cursor: pointer
}

.form-control-flatradio input:disabled+span {
  background: #fff;
  color: #d3d3d3;
  border: 1px solid #d3d3d3
}

.has-error .form-control-flatradio input+span {
  border: none
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate
}

.input-group[class*=col-] {
  float: none;
  padding-left: 0;
  padding-right: 0
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0
}

.input-group .form-control:focus {
  z-index: 3
}

.input-group .form-explanations {
  display: table-row
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
  height: 45px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 0
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
  height: 45px;
  line-height: 45px
}

textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn {
  height: auto
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
  height: 30px;
  line-height: 30px
}

textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn {
  height: auto
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
  display: table-cell
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  min-width: 26px
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #9e9c9c;
  text-align: center;
  background-color: #f7f7f7;
  height: 32px;
  padding: 20px 0 0 5px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 15px;
  line-height: 1.5rem
}

.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
  margin-top: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.input-group-addon:first-child {
  border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.input-group-addon:last-child {
  border-left: 0
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap
}

.input-group-btn>.btn {
  position: relative
}

.input-group-btn>.btn+.btn {
  margin-left: -1px
}

.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
  z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
  margin-right: -1px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
  z-index: 2;
  margin-left: -1px
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px
}

.container:after,
.container:before {
  content: " ";
  display: table
}

.container:after {
  clear: both
}

.container:after,
.container:before {
  content: " ";
  display: table
}

.container:after {
  clear: both
}

.row {
  margin-left: -10px;
  margin-right: -10px
}

.row:after,
.row:before {
  content: " ";
  display: table
}

.row:after {
  clear: both
}

.row:after,
.row:before {
  content: " ";
  display: table
}

.row:after {
  clear: both
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  float: left
}

.col-xs-12 {
  width: 100%
}

.col-xs-11 {
  width: 91.66666667%
}

.col-xs-10 {
  width: 83.33333333%
}

.col-xs-9 {
  width: 75%
}

.col-xs-8 {
  width: 66.66666667%
}

.col-xs-7 {
  width: 58.33333333%
}

.col-xs-6 {
  width: 50%
}

.col-xs-5 {
  width: 41.66666667%
}

.col-xs-4 {
  width: 33.33333333%
}

.col-xs-3 {
  width: 25%
}

.col-xs-2 {
  width: 16.66666667%
}

.col-xs-1 {
  width: 8.33333333%
}

.col-xs-pull-12 {
  right: 100%
}

.col-xs-pull-11 {
  right: 91.66666667%
}

.col-xs-pull-10 {
  right: 83.33333333%
}

.col-xs-pull-9 {
  right: 75%
}

.col-xs-pull-8 {
  right: 66.66666667%
}

.col-xs-pull-7 {
  right: 58.33333333%
}

.col-xs-pull-6 {
  right: 50%
}

.col-xs-pull-5 {
  right: 41.66666667%
}

.col-xs-pull-4 {
  right: 33.33333333%
}

.col-xs-pull-3 {
  right: 25%
}

.col-xs-pull-2 {
  right: 16.66666667%
}

.col-xs-pull-1 {
  right: 8.33333333%
}

.col-xs-push-12 {
  left: 100%
}

.col-xs-push-11 {
  left: 91.66666667%
}

.col-xs-push-10 {
  left: 83.33333333%
}

.col-xs-push-9 {
  left: 75%
}

.col-xs-push-8 {
  left: 66.66666667%
}

.col-xs-push-7 {
  left: 58.33333333%
}

.col-xs-push-6 {
  left: 50%
}

.col-xs-push-5 {
  left: 41.66666667%
}

.col-xs-push-4 {
  left: 33.33333333%
}

.col-xs-push-3 {
  left: 25%
}

.col-xs-push-2 {
  left: 16.66666667%
}

.col-xs-push-1 {
  left: 8.33333333%
}

.col-xs-offset-12 {
  margin-left: 100%
}

.col-xs-offset-11 {
  margin-left: 91.66666667%
}

.col-xs-offset-10 {
  margin-left: 83.33333333%
}

.col-xs-offset-9 {
  margin-left: 75%
}

.col-xs-offset-8 {
  margin-left: 66.66666667%
}

.col-xs-offset-7 {
  margin-left: 58.33333333%
}

.col-xs-offset-6 {
  margin-left: 50%
}

.col-xs-offset-5 {
  margin-left: 41.66666667%
}

.col-xs-offset-4 {
  margin-left: 33.33333333%
}

.col-xs-offset-3 {
  margin-left: 25%
}

.col-xs-offset-2 {
  margin-left: 16.66666667%
}

.col-xs-offset-1 {
  margin-left: 8.33333333%
}

@media only screen and (min-width:790px) {

  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9 {
    float: left
  }

  .col-sm-12 {
    width: 100%
  }

  .col-sm-11 {
    width: 91.66666667%
  }

  .col-sm-10 {
    width: 83.33333333%
  }

  .col-sm-9 {
    width: 75%
  }

  .col-sm-8 {
    width: 66.66666667%
  }

  .col-sm-7 {
    width: 58.33333333%
  }

  .col-sm-6 {
    width: 50%
  }

  .col-sm-5 {
    width: 41.66666667%
  }

  .col-sm-4 {
    width: 33.33333333%
  }

  .col-sm-3 {
    width: 25%
  }

  .col-sm-2 {
    width: 16.66666667%
  }

  .col-sm-1 {
    width: 8.33333333%
  }

  .col-sm-pull-12 {
    right: 100%
  }

  .col-sm-pull-11 {
    right: 91.66666667%
  }

  .col-sm-pull-10 {
    right: 83.33333333%
  }

  .col-sm-pull-9 {
    right: 75%
  }

  .col-sm-pull-8 {
    right: 66.66666667%
  }

  .col-sm-pull-7 {
    right: 58.33333333%
  }

  .col-sm-pull-6 {
    right: 50%
  }

  .col-sm-pull-5 {
    right: 41.66666667%
  }

  .col-sm-pull-4 {
    right: 33.33333333%
  }

  .col-sm-pull-3 {
    right: 25%
  }

  .col-sm-pull-2 {
    right: 16.66666667%
  }

  .col-sm-pull-1 {
    right: 8.33333333%
  }

  .col-sm-push-12 {
    left: 100%
  }

  .col-sm-push-11 {
    left: 91.66666667%
  }

  .col-sm-push-10 {
    left: 83.33333333%
  }

  .col-sm-push-9 {
    left: 75%
  }

  .col-sm-push-8 {
    left: 66.66666667%
  }

  .col-sm-push-7 {
    left: 58.33333333%
  }

  .col-sm-push-6 {
    left: 50%
  }

  .col-sm-push-5 {
    left: 41.66666667%
  }

  .col-sm-push-4 {
    left: 33.33333333%
  }

  .col-sm-push-3 {
    left: 25%
  }

  .col-sm-push-2 {
    left: 16.66666667%
  }

  .col-sm-push-1 {
    left: 8.33333333%
  }

  .col-sm-offset-12 {
    margin-left: 100%
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%
  }

  .col-sm-offset-9 {
    margin-left: 75%
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%
  }

  .col-sm-offset-6 {
    margin-left: 50%
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%
  }

  .col-sm-offset-3 {
    margin-left: 25%
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%
  }
}

@media only screen and (min-width:992px) {

  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9 {
    float: left
  }

  .col-md-12 {
    width: 100%
  }

  .col-md-11 {
    width: 91.66666667%
  }

  .col-md-10 {
    width: 83.33333333%
  }

  .col-md-9 {
    width: 75%
  }

  .col-md-8 {
    width: 66.66666667%
  }

  .col-md-7 {
    width: 58.33333333%
  }

  .col-md-6 {
    width: 50%
  }

  .col-md-5 {
    width: 41.66666667%
  }

  .col-md-4 {
    width: 33.33333333%
  }

  .col-md-3 {
    width: 25%
  }

  .col-md-2 {
    width: 16.66666667%
  }

  .col-md-1 {
    width: 8.33333333%
  }

  .col-md-pull-12 {
    right: 100%
  }

  .col-md-pull-11 {
    right: 91.66666667%
  }

  .col-md-pull-10 {
    right: 83.33333333%
  }

  .col-md-pull-9 {
    right: 75%
  }

  .col-md-pull-8 {
    right: 66.66666667%
  }

  .col-md-pull-7 {
    right: 58.33333333%
  }

  .col-md-pull-6 {
    right: 50%
  }

  .col-md-pull-5 {
    right: 41.66666667%
  }

  .col-md-pull-4 {
    right: 33.33333333%
  }

  .col-md-pull-3 {
    right: 25%
  }

  .col-md-pull-2 {
    right: 16.66666667%
  }

  .col-md-pull-1 {
    right: 8.33333333%
  }

  .col-md-push-12 {
    left: 100%
  }

  .col-md-push-11 {
    left: 91.66666667%
  }

  .col-md-push-10 {
    left: 83.33333333%
  }

  .col-md-push-9 {
    left: 75%
  }

  .col-md-push-8 {
    left: 66.66666667%
  }

  .col-md-push-7 {
    left: 58.33333333%
  }

  .col-md-push-6 {
    left: 50%
  }

  .col-md-push-5 {
    left: 41.66666667%
  }

  .col-md-push-4 {
    left: 33.33333333%
  }

  .col-md-push-3 {
    left: 25%
  }

  .col-md-push-2 {
    left: 16.66666667%
  }

  .col-md-push-1 {
    left: 8.33333333%
  }

  .col-md-offset-12 {
    margin-left: 100%
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%
  }

  .col-md-offset-9 {
    margin-left: 75%
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%
  }

  .col-md-offset-6 {
    margin-left: 50%
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%
  }

  .col-md-offset-3 {
    margin-left: 25%
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%
  }
}

@media only screen and (min-width:1280px) {
  .container {
    max-width: 1320px
  }

  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9 {
    float: left
  }

  .col-lg-12 {
    width: 100%
  }

  .col-lg-11 {
    width: 91.66666667%
  }

  .col-lg-10 {
    width: 83.33333333%
  }

  .col-lg-9 {
    width: 75%
  }

  .col-lg-8 {
    width: 66.66666667%
  }

  .col-lg-7 {
    width: 58.33333333%
  }

  .col-lg-6 {
    width: 50%
  }

  .col-lg-5 {
    width: 41.66666667%
  }

  .col-lg-4 {
    width: 33.33333333%
  }

  .col-lg-3 {
    width: 25%
  }

  .col-lg-2 {
    width: 16.66666667%
  }

  .col-lg-1 {
    width: 8.33333333%
  }

  .col-lg-pull-12 {
    right: 100%
  }

  .col-lg-pull-11 {
    right: 91.66666667%
  }

  .col-lg-pull-10 {
    right: 83.33333333%
  }

  .col-lg-pull-9 {
    right: 75%
  }

  .col-lg-pull-8 {
    right: 66.66666667%
  }

  .col-lg-pull-7 {
    right: 58.33333333%
  }

  .col-lg-pull-6 {
    right: 50%
  }

  .col-lg-pull-5 {
    right: 41.66666667%
  }

  .col-lg-pull-4 {
    right: 33.33333333%
  }

  .col-lg-pull-3 {
    right: 25%
  }

  .col-lg-pull-2 {
    right: 16.66666667%
  }

  .col-lg-pull-1 {
    right: 8.33333333%
  }

  .col-lg-push-12 {
    left: 100%
  }

  .col-lg-push-11 {
    left: 91.66666667%
  }

  .col-lg-push-10 {
    left: 83.33333333%
  }

  .col-lg-push-9 {
    left: 75%
  }

  .col-lg-push-8 {
    left: 66.66666667%
  }

  .col-lg-push-7 {
    left: 58.33333333%
  }

  .col-lg-push-6 {
    left: 50%
  }

  .col-lg-push-5 {
    left: 41.66666667%
  }

  .col-lg-push-4 {
    left: 33.33333333%
  }

  .col-lg-push-3 {
    left: 25%
  }

  .col-lg-push-2 {
    left: 16.66666667%
  }

  .col-lg-push-1 {
    left: 8.33333333%
  }

  .col-lg-offset-12 {
    margin-left: 100%
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%
  }

  .col-lg-offset-9 {
    margin-left: 75%
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%
  }

  .col-lg-offset-6 {
    margin-left: 50%
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%
  }

  .col-lg-offset-3 {
    margin-left: 25%
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%
  }
}

[class*=col-reverse] {
  float: none
}

@media (min-width:790px) {
  [class*=col-reverse] {
    float: right
  }
}

/*!
  @Author Andrej Burcev
  @Description Bootstrap responsive squares and rectangles
*/
.h-content {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0
}

.h,
.h-lg-1,
.h-lg-10,
.h-lg-11,
.h-lg-12,
.h-lg-2,
.h-lg-3,
.h-lg-4,
.h-lg-5,
.h-lg-6,
.h-lg-7,
.h-lg-8,
.h-lg-9,
.h-md-1,
.h-md-10,
.h-md-11,
.h-md-12,
.h-md-2,
.h-md-3,
.h-md-4,
.h-md-5,
.h-md-6,
.h-md-7,
.h-md-8,
.h-md-9,
.h-sm-1,
.h-sm-10,
.h-sm-11,
.h-sm-12,
.h-sm-2,
.h-sm-3,
.h-sm-4,
.h-sm-5,
.h-sm-6,
.h-sm-7,
.h-sm-8,
.h-sm-9,
.h-xs-1,
.h-xs-10,
.h-xs-11,
.h-xs-12,
.h-xs-2,
.h-xs-3,
.h-xs-4,
.h-xs-5,
.h-xs-6,
.h-xs-7,
.h-xs-8,
.h-xs-9 {
  overflow: hidden;
  padding: 0
}

.h-lg-10>div,
.h-lg-11>div,
.h-lg-12>div,
.h-lg-1>div,
.h-lg-2>div,
.h-lg-3>div,
.h-lg-4>div,
.h-lg-5>div,
.h-lg-6>div,
.h-lg-7>div,
.h-lg-8>div,
.h-lg-9>div,
.h-md-10>div,
.h-md-11>div,
.h-md-12>div,
.h-md-1>div,
.h-md-2>div,
.h-md-3>div,
.h-md-4>div,
.h-md-5>div,
.h-md-6>div,
.h-md-7>div,
.h-md-8>div,
.h-md-9>div,
.h-sm-10>div,
.h-sm-11>div,
.h-sm-12>div,
.h-sm-1>div,
.h-sm-2>div,
.h-sm-3>div,
.h-sm-4>div,
.h-sm-5>div,
.h-sm-6>div,
.h-sm-7>div,
.h-sm-8>div,
.h-sm-9>div,
.h-xs-10>div,
.h-xs-11>div,
.h-xs-12>div,
.h-xs-1>div,
.h-xs-2>div,
.h-xs-3>div,
.h-xs-4>div,
.h-xs-5>div,
.h-xs-6>div,
.h-xs-7>div,
.h-xs-8>div,
.h-xs-9>div,
.h>div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 8px
}

.col-xs-1.h,
.h-xs-1 {
  padding-bottom: 8.33333333%
}

.col-xs-2.h,
.h-xs-2 {
  padding-bottom: 16.66666667%
}

.col-xs-3.h,
.h-xs-3 {
  padding-bottom: 25%
}

.col-xs-4.h,
.h-xs-4 {
  padding-bottom: 33.33333333%
}

.col-xs-5.h,
.h-xs-5 {
  padding-bottom: 41.66666667%
}

.col-xs-6.h,
.h-xs-6 {
  padding-bottom: 50%
}

.col-xs-7.h,
.h-xs-7 {
  padding-bottom: 58.33333333%
}

.col-xs-8.h,
.h-xs-8 {
  padding-bottom: 66.66666667%
}

.col-xs-9.h,
.h-xs-9 {
  padding-bottom: 75%
}

.col-xs-10.h,
.h-xs-10 {
  padding-bottom: 83.33333333%
}

.col-xs-11.h,
.h-xs-11 {
  padding-bottom: 91.66666667%
}

.col-xs-12.h,
.h-xs-12 {
  padding-bottom: 100%
}

@media (min-width:768px) {

  .col-sm-1.h,
  .h-sm-1 {
    padding-bottom: 8.33333333%
  }

  .col-sm-2.h,
  .h-sm-2 {
    padding-bottom: 16.66666667%
  }

  .col-sm-3.h,
  .h-sm-3 {
    padding-bottom: 25%
  }

  .col-sm-4.h,
  .h-sm-4 {
    padding-bottom: 33.33333333%
  }

  .col-sm-5.h,
  .h-sm-5 {
    padding-bottom: 41.66666667%
  }

  .col-sm-6.h,
  .h-sm-6 {
    padding-bottom: 50%
  }

  .col-sm-7.h,
  .h-sm-7 {
    padding-bottom: 58.33333333%
  }

  .col-sm-8.h,
  .h-sm-8 {
    padding-bottom: 66.66666667%
  }

  .col-sm-9.h,
  .h-sm-9 {
    padding-bottom: 75%
  }

  .col-sm-10.h,
  .h-sm-10 {
    padding-bottom: 83.33333333%
  }

  .col-sm-11.h,
  .h-sm-11 {
    padding-bottom: 91.66666667%
  }

  .col-sm-12.h,
  .h-sm-12 {
    padding-bottom: 100%
  }
}

@media (min-width:992px) {

  .col-md-1.h,
  .h-md-1 {
    padding-bottom: 8.33333333%
  }

  .col-md-2.h,
  .h-md-2 {
    padding-bottom: 16.66666667%
  }

  .col-md-3.h,
  .h-md-3 {
    padding-bottom: 25%
  }

  .col-md-4.h,
  .h-md-4 {
    padding-bottom: 33.33333333%
  }

  .col-md-5.h,
  .h-md-5 {
    padding-bottom: 41.66666667%
  }

  .col-md-6.h,
  .h-md-6 {
    padding-bottom: 50%
  }

  .col-md-7.h,
  .h-md-7 {
    padding-bottom: 58.33333333%
  }

  .col-md-8.h,
  .h-md-8 {
    padding-bottom: 66.66666667%
  }

  .col-md-9.h,
  .h-md-9 {
    padding-bottom: 75%
  }

  .col-md-10.h,
  .h-md-10 {
    padding-bottom: 83.33333333%
  }

  .col-md-11.h,
  .h-md-11 {
    padding-bottom: 91.66666667%
  }

  .col-md-12.h,
  .h-md-12 {
    padding-bottom: 100%
  }
}

@media (min-width:1200px) {

  .col-lg-1.h,
  .h-lg-1 {
    padding-bottom: 8.33333333%
  }

  .col-lg-2.h,
  .h-lg-2 {
    padding-bottom: 16.66666667%
  }

  .col-lg-3.h,
  .h-lg-3 {
    padding-bottom: 25%
  }

  .col-lg-4.h,
  .h-lg-4 {
    padding-bottom: 33.33333333%
  }

  .col-lg-5.h,
  .h-lg-5 {
    padding-bottom: 41.66666667%
  }

  .col-lg-6.h,
  .h-lg-6 {
    padding-bottom: 50%
  }

  .col-lg-7.h,
  .h-lg-7 {
    padding-bottom: 58.33333333%
  }

  .col-lg-8.h,
  .h-lg-8 {
    padding-bottom: 66.66666667%
  }

  .col-lg-9.h,
  .h-lg-9 {
    padding-bottom: 75%
  }

  .col-lg-10.h,
  .h-lg-10 {
    padding-bottom: 83.33333333%
  }

  .col-lg-11.h,
  .h-lg-11 {
    padding-bottom: 91.66666667%
  }

  .col-lg-12.h,
  .h-lg-12 {
    padding-bottom: 100%
  }
}

.pt-0 {
  padding-top: 0 !important
}

.mod {
  padding: 0;
  margin-bottom: 20px
}

.mod--sectionFilter {
  margin-bottom: 13px
}

.mod--flagHeadline {
  margin-bottom: 13px;
  padding-left: 14px
}

.mod--40margin {
  margin-bottom: 40px
}

.page__main {
  margin-top: 20px;
  background: #fff
}

@media (min-width:790px) and (max-width:992px) {
  .row--inifinitTiles>.col-sm-6:nth-child(2n+1) {
    clear: both
  }
}

@media (min-width:992px) {
  .row--inifinitTiles>.col-md-4:nth-child(3n+1) {
    clear: both
  }
}

.section {
  background: #fff;
  margin-left: 0;
  margin-right: 0
}

.section--topSpace {
  padding-top: 10px
}

.section--content--aboveRelation {
  padding-bottom: 0
}

.section--framed {
  padding: 40px 0
}

.section--pushHeight {
  min-height: 600px
}

.section--header {
  min-height: 77px
}

.section--navigationBox {
  display: none;
  background: #fff;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0
}

.section--navigationBox.isOpen {
  display: block
}

.section--navigationBox>.container {
  padding-left: 0;
  padding-right: 0
}

@media (min-width:992px) {
  .section--navigationBox {
    display: block;
    background: #f7f7f7;
    min-height: 47px;
    margin-bottom: 0
  }

  .section--navigationBox>.container {
    padding-left: 10px;
    padding-right: 10px
  }
}

.section--breadcrumb {
  border-radius: 0
}

footer.section--footerBox {
  position: relative;
  bottom: 0;
  width: 100%;
  right: 0;
  left: 0;
  background: #1e324f;
  height: 50px;
  padding-top: 20px;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 15.399999999999999px;
  line-height: 1.5399999999999998rem
}

footer.section--footerBox .mod {
  margin-bottom: 0;
  color: #fff
}

.section--greyBox {
  background: #f7f7f7;
  position: relative
}

.section--dashboardBox {
  padding-top: 40px;
  padding-bottom: 20px;
  position: relative;
  margin-top: 10px
}

.section--dashboardBox>.container {
  position: relative
}

.section--dashboardBox>.container:before {
  content: " ";
  position: absolute;
  width: 14px;
  margin: 0 auto;
  left: 10px;
  top: -51px;
  border-style: solid;
  border-width: 0 9.5px 11px 9.5px;
  border-color: transparent transparent #f7f7f7 transparent;
  -webkit-transform: rotate(360deg)
}

.section .content-component.T1132 {
  padding-top: 20px
}

.footer__linklist {
  text-align: left
}

@media (min-width:790px) {
  .footer__linklist {
    text-align: right
  }
}

.footer__linklist a {
  color: #fff
}

.footer__linklist>ul {
  list-style-type: none;
  margin: 0 0;
  padding-left: 0
}

.footer__linklist>ul>li {
  display: inline
}

.product {
  display: table;
  position: relative
}

.product .product__name {
  margin: 5px;
  text-align: left;
  word-break: break-word
}

.product .product__name>strong {
  word-break: break-word
}

.product>span {
  display: table-cell;
  vertical-align: middle
}

.navigation {
  position: relative;
  margin: 0 auto
}

.navigation>ul {
  margin: 0;
  list-style-type: none;
  padding-left: 0
}

.navigation>ul>li {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 23.799999999999997px;
  line-height: 2.38rem;
  font-family: VattenfallHall-Regular;
  border-bottom: 1px solid #bfbfbf
}

.navigation>ul>li:last-child {
  border-bottom: 0 solid #fff
}

.navigation>ul>li>a {
  padding: 12px 10px;
  display: block;
  text-decoration: none
}

@media (min-width:992px) {
  .navigation>ul {
    display: table;
    padding-left: 0;
    margin: 0;
    list-style-type: none
  }

  .navigation>ul>li {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding: 0 16px;
    color: #ffda00;
    height: 39px;
    max-height: 39px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19.599999999999998px;
    line-height: 1.9599999999999997rem;
    font-family: VattenfallHall-Light;
    border-bottom: 0 solid transparent
  }

  .navigation>ul>li>a {
    color: #ffda00;
    text-decoration: none
  }

  .navigation>ul>li>a:hover {
    border-bottom-style: solid;
    border-bottom-width: 1px
  }

  .navigation>ul>li.navigation__selected>a {
    color: #0085c7;
    text-decoration: none;
    border-bottom-style: solid;
    border-bottom-width: 1px
  }
}

.section--navigationBox .row {
  margin: 0
}

.nav-mobile,
nav.left-side {
  display: none
}

@media (min-width:992px) {
  .navigation__mobileMenu__buttons {
    display: none
  }

  nav.left-side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
  }
}

@media (max-width:992px) {
  nav.left-side.open {
    background-color: rgba(255, 255, 255, .8);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100% !important;
    padding: 10px
  }

  nav.left-side.open ul {
    list-style: none;
    padding: 0;
    background: #f1f0f0;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
  }

  nav.left-side.open ul li a {
    border-top: 1px solid #d5d5d4;
    color: #1e324f
  }

  nav.left-side.open ul li a span {
    visibility: visible;
    opacity: 1;
    font-size: 1.5rem;
    line-height: 22px
  }

  nav.left-side.open ul li a svg {
    fill: #1e324f
  }

  nav.left-side.open ul li a .vf-icon-invert {
    background: #1e324f
  }
}

nav.left-side {
  position: fixed;
  top: 0;
  width: 55px;
  height: 100vh;
  padding-left: 0;
  z-index: 90;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: width .5s ease-in-out;
  transition: width .5s ease-in-out
}

@media (min-width:1610px) {
  nav.left-side {
    width: 200px
  }
}

nav.left-side:hover {
  width: 200px
}

nav.left-side:hover ul li span {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .5s ease-in-out .5s;
  transition: opacity .5s ease-in-out .5s
}

nav.left-side ul {
  -webkit-box-shadow: 4px 0 20px rgba(0, 0, 0, .19), 2px 0 6px rgba(0, 0, 0, .23);
  box-shadow: 4px 0 20px rgba(0, 0, 0, .19), 2px 0 6px rgba(0, 0, 0, .23);
  list-style: none;
  padding: 0;
  background: #f1f0f0
}

nav.left-side ul li a {
  padding: 10px 10px 9px 10px;
  line-height: 22px;
  display: block;
  text-decoration: none;
  border-top: 1px solid #d5d5d4;
  color: #1e324f;
  background-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(50%, transparent), color-stop(50%, #1e324f), to(#1e324f));
  background-image: -webkit-linear-gradient(right, transparent, transparent 50%, #1e324f 50%, #1e324f);
  background-image: linear-gradient(to left, transparent, transparent 50%, #1e324f 50%, #1e324f);
  background-position: 100% 0;
  -webkit-background-size: 200% 100%;
  background-size: 200% 100%;
  -webkit-transition: background .5s ease-in-out, color .5s ease;
  transition: background .5s ease-in-out, color .5s ease
}

@media (max-width:992px) {
  nav.left-side ul li a {
    -webkit-transition: none;
    transition: none
  }
}

nav.left-side ul li a .vf-icon-invert {
  color: #fff;
  background: #1e324f
}

nav.left-side ul li a:hover {
  color: #fff;
  background-position: 0 0;
  fill: #fff
}

nav.left-side ul li a:hover svg {
  color: #fff;
  background-position: 0 0;
  fill: #fff;
  background: #fff;
  -webkit-transition: fill .5s ease-in-out, background .5s ease-in-out, color .5s ease;
  transition: fill .5s ease-in-out, background .5s ease-in-out, color .5s ease
}

@media (max-width:992px) {
  nav.left-side ul li a:hover svg {
    -webkit-transition: none;
    transition: none
  }
}

nav.left-side ul li a:hover .vf-icon-invert {
  color: #1e324f;
  background: #fff;
  -webkit-transition: background .5s ease-in-out, color .5s ease;
  transition: background .5s ease-in-out, color .5s ease
}

@media (max-width:992px) {
  nav.left-side ul li a:hover .vf-icon-invert {
    -webkit-transition: none;
    transition: none
  }
}

nav.left-side ul li a .vf-icon {
  font-size: 20px;
  margin: 0 13px 0 3px
}

nav.left-side ul li a .left-icon {
  width: 25.703px;
  vertical-align: middle;
  text-align: center;
  height: 20px;
  fill: #1e324f;
  padding: 0;
  margin: 0;
  margin-right: 10px;
  -webkit-transition: fill .5s ease-in-out, color .5s ease;
  transition: fill .5s ease-in-out, color .5s ease
}

@media (max-width:992px) {
  nav.left-side ul li a .left-icon {
    -webkit-transition: none;
    transition: none
  }
}

nav.left-side ul li a .left-icon:hover {
  fill: #fff;
  -webkit-transition: fill .5s ease-in-out, color .5s ease;
  transition: fill .5s ease-in-out, color .5s ease
}

@media (max-width:992px) {
  nav.left-side ul li a .left-icon:hover {
    -webkit-transition: none;
    transition: none
  }
}

nav.left-side ul li a span {
  position: absolute
}

@media (max-width:1609px) {
  nav.left-side ul li a span {
    visibility: hidden;
    opacity: 0
  }
}

nav.left-side ul li.active a {
  position: relative;
  color: #fff;
  background-color: #1e324f;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, .19), 2px 4px 6px rgba(0, 0, 0, .23);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, .19), 2px 4px 6px rgba(0, 0, 0, .23)
}

nav.left-side ul li.active a svg {
  position: relative;
  color: #fff;
  fill: #fff
}

nav.left-side ul li.active a .vf-icon-invert {
  color: #1e324f;
  background: #fff
}

.nav-mobile {
  z-index: 9998;
  right: 0;
  bottom: 0;
  background-color: #1e324f
}

.nav-mobile a {
  color: #fff
}

.nav-mobile a.active,
.nav-mobile a:hover {
  color: #fff
}

.nav-mobile a span {
  font-size: 8px;
  line-height: 8px;
  display: block
}

@media (max-width:992px) and (orientation:portrait) {
  footer.section--footerBox {
    height: 100px !important
  }

  .nav-mobile {
    display: block;
    text-align: center;
    position: fixed;
    left: 0;
    -webkit-box-shadow: 0 -5px 20px rgba(0, 0, 0, .19), 2px -1px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 -5px 20px rgba(0, 0, 0, .19), 2px -1px 6px rgba(0, 0, 0, .23)
  }

  .nav-mobile ul {
    overflow: hidden;
    width: 100vw;
    margin: 0 auto;
    padding: 0;
    list-style: none
  }

  .nav-mobile li {
    float: left;
    width: 33vw;
    height: 2.9em
  }

  .nav-mobile a {
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    display: block;
    position: relative;
    width: 32px;
    text-decoration: none;
    text-transform: uppercase;
    border-top: 3px solid transparent
  }

  .nav-mobile a.active {
    border-top: 3px solid #fff
  }
}

@media (max-width:992px) and (orientation:landscape) {
  .nav-mobile~.pageWrapper {
    padding-right: 42px
  }

  .loggedin .navigation__mobileMenu__buttons .login-toggle {
    padding-right: 42px
  }

  .loggedin .search-box-wrapper {
    padding-right: 38px
  }

  .navigation .navigation_toggle {
    padding-right: 0
  }

  .nav-mobile {
    display: block;
    text-align: center;
    position: fixed;
    bottom: 0;
    top: 0;
    -webkit-box-shadow: -4px 0 20px rgba(0, 0, 0, .19), -2px 0 6px rgba(0, 0, 0, .23);
    box-shadow: -4px 0 20px rgba(0, 0, 0, .19), -2px 0 6px rgba(0, 0, 0, .23)
  }

  .nav-mobile ul {
    overflow: hidden;
    width: 2.9em;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    height: 100vh
  }

  .nav-mobile li {
    height: 33vh
  }

  .nav-mobile a {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    border-left: 3px solid transparent
  }

  .nav-mobile a.active {
    border-left: 3px solid #ffda00
  }
}

@media (min-width:992px) and (max-width:1335px) {

  body>header,
  body>nav {
    padding-left: 0
  }
}

@media (max-width:991px) {
  body.mobile--full-vp .navigation .navigation_toggle .navigation__toplevel {
    padding-bottom: 50px
  }
}

.navigation .search-box-wrapper .col-sm-12 {
  width: 100%
}

@media (min-width:992px) and (max-width:1335px) {
  .navigation .search-box-wrapper {
    padding-left: 50px
  }
}

@media (min-width:992px) {
  .navigation .search-box-wrapper {
    top: 50px
  }
}

.navigation.loggedin .navigation__mobileMenu__buttons--left {
  display: none
}

.navigation .navigation__searchbox .form__errorText {
  display: none
}

.navigation .navigation__toplevel {
  padding-right: 0
}

@media (max-width:789px) {
  .navigation .navigation_toggle>.row .col-sm-12 {
    width: 100%
  }
}

@media (max-width:991px) {
  .navigation .row {
    margin-left: 0;
    margin-right: 0
  }
}

@media (min-width:790px) and (max-width:991px) {
  .navigation .navigation_toggle .row .col-sm-push-8 {
    left: 64%
  }
}

@media (min-width:992px) {
  .navigation .navigation__toplevellink:last-child {
    margin-right: 0
  }

  .navigation .navigation__actions {
    padding-right: 10px
  }

  .navigation .navigation__searchbox-form {
    padding-right: 10px
  }
}

@media (min-width:768px) {
  footer {
    padding-left: 50px;
    padding-right: 50px
  }
}

@media (max-width:992px) {
  .navigation__list.no_svg .navigation__listitem {
    padding-left: 0
  }

  .navigation__list.no_svg .navigation__listitem>a {
    padding: 10px 0
  }
}

.navigation__mobileMenu__buttons .vf-icon {
  color: #1e324f
}

.navigation__mobileMenu__buttons .action--login .vf-icon,
.navigation__mobileMenu__buttons .action--logout .vf-icon {
  font-size: 32px
}

.navigation__list .navigation__listitem .vf-icon {
  font-size: 32px;
  vertical-align: sub;
  padding-right: 3px
}

.navigation__mobileMenuIcon__text .vf-icon {
  font-size: 32px;
  position: absolute;
  top: -7px;
  left: 0
}

.navigation__searchbox .navigation__searchbox-form__input .form__control .clear-x .vf-icon {
  font-size: 2.3rem;
  line-height: 3rem;
  vertical-align: top
}

body>nav .button--svg .vf-icon {
  font-size: 2.3rem
}

body>nav .button--svg.no_svg .vf-icon {
  color: #fff
}

body>nav .button--svg.no_svg:hover .vf-icon {
  color: inherit
}

body>nav a.button--svg .vf-icon {
  line-height: 3rem
}

@media (min-width:992px) {
  .navigation__list .navigation__listitem .vf-icon {
    display: none
  }
}

@media (min-width:992px) {
  .navigation__mobileMenuIcon__text .vf-icon {
    font-size: 21px;
    top: -2px
  }
}

.page__footer .social-links .vf-icon {
  font-size: 32px
}

/*!
 * The following copyright notice may not be removed under any circumstances.
 *
 * Copyright:
 * Copyright (c) 2005 by Hubert Jocham. All rights reserved.
 *
 * Trademark:
 * VattenfallVoiceBook is a trademark of Hubert Jocham.
 *
 * Description:
 * Copyright (c) 2005 by Hubert Jocham. All rights reserved.
 *
 * Manufacturer:
 * Hubert Jocham
 *
 * Designer:
 * Hubert Jocham
 *
 * Vendor URL:
 * http://www.hubertjocham.de
 */
@font-face {
  font-family: VattenfallHall-Regular;
  src: url(../fonts/VattenfallHall-Regular.eot), url(../fonts/VattenfallHall-Regular.woff) format("woff"), url(../fonts/VattenfallHall-Regular.ttf) format("truetype")
}

@font-face {
  font-family: VattenfallHall-Medium;
  src: url(../fonts/VattenfallHall-Medium.eot), url(../fonts/VattenfallHall-Medium.woff) format("woff"), url(../fonts/VattenfallHall-Medium.ttf) format("truetype")
}

@font-face {
  font-family: VattenfallHall-Light;
  src: url(../fonts/VattenfallHall-Light.eot), url(../fonts/VattenfallHall-Light.woff) format("woff"), url(../fonts/VattenfallHall-Light.ttf) format("truetype")
}

@font-face {
  font-family: VattenfallHall-Heavy;
  src: url(../fonts/VattenfallHall-Heavy.eot), url(../fonts/VattenfallHall-Heavy.woff) format("woff"), url(../fonts/VattenfallHall-Heavy.ttf) format("truetype")
}

@font-face {
  font-family: VattenfallHall-Bold;
  src: url(../fonts/VattenfallHall-Bold.eot), url(../fonts/VattenfallHall-Bold.woff) format("woff"), url(../fonts/VattenfallHall-Bold.ttf) format("truetype")
}

@font-face {
  font-family: VattenfallVoiceHeavyRegular;
  src: url(../fonts/vattenfallvoice-heavy-webfont.eot);
  src: url(../fonts/vattenfallvoice-heavy-webfont.eot?) format('eot'), url(../fonts/vattenfallvoiceweb-heavy-webfont.svg#VattenfallVoiceWebHeavyRg) format('svg'), url(../fonts/vattenfallvoice-heavy-webfont.woff) format('woff'), url(../fonts/vattenfallvoice-heavy-webfont.ttf) format('truetype');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: VattenfallHeadline;
  src: url(../fonts/vattenfall-headline-web.eot);
  src: url(../fonts/vattenfall-headline-web.eot?) format('eot'), url(../fonts/vattenfall-headline-web.svg#vattenfall_headlineregular) format('svg'), url(../fonts/vattenfall-headline-web.woff) format('woff'), url(../fonts/vattenfall-headline-web.ttf) format('truetype');
  font-weight: 400;
  font-style: normal
}

html {
  font-size: 62.5%
}

body {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem;
  font-family: Arial, Helvetica, sans-serif;
  font-family: VattenfallHall-Light;
  color: #111
}

.greetings__maintitle,
.h1,
h1 {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 42px;
  line-height: 4.2rem;
  margin-top: 0;
  margin-bottom: .5em;
  word-break: break-word
}

.h2,
.product .product__name,
h2 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 36px;
  line-height: 3.6rem;
  font-family: VattenfallHall-Regular, Arial, Helvetica, sans-serif;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: .5em;
  word-break: break-word
}

.h3,
h3 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem;
  margin-top: 0;
  margin-bottom: .5em;
  word-break: break-word
}

h4 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem;
  margin-top: 0;
  margin-bottom: .5em;
  word-break: break-word
}

p {
  margin-top: 0;
  margin-bottom: .65em;
  word-break: break-word;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem
}

.text--nomargin {
  margin: 0
}

.text--block {
  display: block
}

.text--centered {
  text-align: center
}

@media (max-width:790px) {
  .text--centered-mobile {
    text-align: center
  }
}

.text--right {
  text-align: right
}

.text--intro {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem
}

.text--hint {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 18px;
  line-height: 1.8rem;
  color: #999
}

.text--100 {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 28px;
  line-height: 2.8rem
}

.text--80 {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 20px;
  line-height: 2rem
}

.text--colorHighlight--orange {
  color: #ef8f00
}

.text--colorHighlight--blue {
  color: #135ba6
}

.text--colorHighlight--red {
  color: red
}

.text--colorHighlight--green {
  color: #3dc07c
}

.text__box--both--large {
  padding: 40px 0
}

.text__box--top--large {
  padding-top: 40px
}

a {
  color: #2071b5
}

.text--iconAligned {
  padding-left: 25px
}

.link--arrowCTA {
  min-height: 24px;
  background-color: transparent;
  font-family: VattenfallHall-Light;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19.599999999999998px;
  line-height: 1.9599999999999997rem;
  color: #333;
  vertical-align: middle;
  background: #ffda00;
  text-decoration: none;
  border-radius: 100px;
  padding: 6px 24px 6px 6px;
  border: 2px solid #ffda00
}

button.link--arrowCTA {
  width: auto;
  text-align: left;
  min-height: 34px;
  padding: 0;
  position: relative;
  padding-left: 40px;
  padding-right: 7px
}

.link--external {
  display: inline-block;
  background-position: 0 5px
}

.link--external:before {
  color: #2071b5
}

.link--imageIcon {
  position: relative;
  display: inline-block;
  padding-left: 23px
}

.link--imageIcon:before {
  content: " ";
  position: absolute;
  left: 0;
  top: -1px;
  height: 20px;
  width: 20px
}

.no-click,
a[href^=tel]:hover,
a[href^=tel]:link,
a[href^=tel]:visited {
  text-decoration: none;
  pointer-events: none;
  color: #111;
  cursor: text
}

@media (max-width:790px) {

  .touch a[href^=tel]:hover,
  .touch a[href^=tel]:link,
  .touch a[href^=tel]:visited {
    text-decoration: underline;
    pointer-events: inherit;
    color: #2071b5
  }
}

.text--indention {
  padding: 20px 0
}

.text--indention--top {
  padding-top: 20px
}

.text--floatElement--right {
  margin: 20px;
  float: right
}

.text--floatElement--left {
  margin: 20px;
  float: left
}

.list {
  margin: 0
}

.list>li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  line-height: 1.8rem
}

.list--clear {
  list-style: none;
  padding: 0
}

.list--padded li {
  padding-bottom: 10px
}

.list--simpleBullets {
  list-style-type: disc;
  margin-top: 0;
  padding-left: 18px
}

.list--checkmark,
.list--checkmark--blue,
.list--checkmark--blue--green,
.list--checkmark--blue--green--orange,
.list--checkmark--blue--orange,
.list--checkmark--blue--orange--green,
.list--checkmark--green,
.list--checkmark--green--blue,
.list--checkmark--green--blue--orange,
.list--checkmark--green--orange,
.list--checkmark--green--orange--blue,
.list--checkmark--orange,
.list--checkmark--orange--blue,
.list--checkmark--orange--blue--green,
.list--checkmark--orange--green,
.list--checkmark--orange--green--blue {
  list-style-type: none;
  margin-top: 0;
  padding-left: 0;
  margin-bottom: 10px
}

.list--checkmark--blue--green--orange>li,
.list--checkmark--blue--green>li,
.list--checkmark--blue--orange--green>li,
.list--checkmark--blue--orange>li,
.list--checkmark--blue>li,
.list--checkmark--green--blue--orange>li,
.list--checkmark--green--blue>li,
.list--checkmark--green--orange--blue>li,
.list--checkmark--green--orange>li,
.list--checkmark--green>li,
.list--checkmark--orange--blue--green>li,
.list--checkmark--orange--blue>li,
.list--checkmark--orange--green--blue>li,
.list--checkmark--orange--green>li,
.list--checkmark--orange>li,
.list--checkmark>li {
  line-height: 1;
  margin-left: 30px;
  font-family: VattenfallHall-Regular;
  background-repeat: no-repeat;
  background-position: 0 3px
}

.list--checkmark--blue--green--orange>li:before,
.list--checkmark--blue--green>li:before,
.list--checkmark--blue--orange--green>li:before,
.list--checkmark--blue--orange>li:before,
.list--checkmark--blue>li:before,
.list--checkmark--green--blue--orange>li:before,
.list--checkmark--green--blue>li:before,
.list--checkmark--green--orange--blue>li:before,
.list--checkmark--green--orange>li:before,
.list--checkmark--green>li:before,
.list--checkmark--orange--blue--green>li:before,
.list--checkmark--orange--blue>li:before,
.list--checkmark--orange--green--blue>li:before,
.list--checkmark--orange--green>li:before,
.list--checkmark--orange>li:before,
.list--checkmark>li:before {
  font-size: 24px;
  top: 7px;
  position: relative;
  margin-left: -29px
}

.list--checkmark--blue--green--orange--orange>li:before,
.list--checkmark--blue--green--orange>li:before,
.list--checkmark--blue--orange--green--orange>li:before,
.list--checkmark--blue--orange--orange>li:before,
.list--checkmark--blue--orange>li:before,
.list--checkmark--green--blue--orange--orange>li:before,
.list--checkmark--green--blue--orange>li:before,
.list--checkmark--green--orange--blue--orange>li:before,
.list--checkmark--green--orange--orange>li:before,
.list--checkmark--green--orange>li:before,
.list--checkmark--orange--blue--green--orange>li:before,
.list--checkmark--orange--blue--orange>li:before,
.list--checkmark--orange--green--blue--orange>li:before,
.list--checkmark--orange--green--orange>li:before,
.list--checkmark--orange--orange>li:before,
.list--checkmark--orange>li:before {
  color: #2071b5
}

.list--checkmark--blue--green--green>li:before,
.list--checkmark--blue--green--orange--green>li:before,
.list--checkmark--blue--green>li:before,
.list--checkmark--blue--orange--green--green>li:before,
.list--checkmark--blue--orange--green>li:before,
.list--checkmark--green--blue--green>li:before,
.list--checkmark--green--blue--orange--green>li:before,
.list--checkmark--green--green>li:before,
.list--checkmark--green--orange--blue--green>li:before,
.list--checkmark--green--orange--green>li:before,
.list--checkmark--green>li:before,
.list--checkmark--orange--blue--green--green>li:before,
.list--checkmark--orange--blue--green>li:before,
.list--checkmark--orange--green--blue--green>li:before,
.list--checkmark--orange--green--green>li:before,
.list--checkmark--orange--green>li:before {
  color: #005c63
}

.list--checkmark--blue--blue>li:before,
.list--checkmark--blue--green--blue>li:before,
.list--checkmark--blue--green--orange--blue>li:before,
.list--checkmark--blue--orange--blue>li:before,
.list--checkmark--blue--orange--green--blue>li:before,
.list--checkmark--blue>li:before,
.list--checkmark--green--blue--blue>li:before,
.list--checkmark--green--blue--orange--blue>li:before,
.list--checkmark--green--blue>li:before,
.list--checkmark--green--orange--blue--blue>li:before,
.list--checkmark--green--orange--blue>li:before,
.list--checkmark--orange--blue--blue>li:before,
.list--checkmark--orange--blue--green--blue>li:before,
.list--checkmark--orange--blue>li:before,
.list--checkmark--orange--green--blue--blue>li:before,
.list--checkmark--orange--green--blue>li:before {
  color: #2071b5
}

.list--links {
  margin: 0;
  padding-left: 0;
  list-style-type: none
}

.list--links>li:before {
  font-size: 24px;
  top: 7px;
  position: relative
}

.list--links>li>a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  line-height: 2.4rem;
  padding-left: 20px;
  background-repeat: no-repeat;
  text-decoration: none
}

.page__footer .list--links li:before {
  display: none
}

.page__footer .list--links a {
  padding-left: 0;
  line-height: 1.6rem
}

.list--noIcon {
  padding-left: 0;
  list-style-type: none
}

.list--definition:after,
.list--definition:before {
  content: " ";
  display: table
}

.list--definition:after {
  clear: both
}

.list--definition:after,
.list--definition:before {
  content: " ";
  display: table
}

.list--definition:after {
  clear: both
}

.list--definition dd,
.list--definition dt {
  display: block
}

.list--definition dd {
  padding-left: 0;
  margin-left: 0;
  padding-bottom: 10px
}

.list--definition dd.list--thin-dd {
  font-weight: 400
}

@media (min-width:790px) {
  .list--definition dt {
    float: left;
    width: 30%;
    margin: 0;
    word-wrap: break-word
  }

  .list--definition dd {
    float: left;
    width: 70%;
    margin: 0
  }

  .list--definition dd+dt {
    clear: left
  }
}

.list--definition.not-bolded dd {
  font-weight: 400
}

@media (min-width:790px) {
  .list--definition.ratio__20-80 dt {
    width: 20%
  }

  .list--definition.ratio__20-80 dd {
    width: 80%
  }
}

.list--stackedDefinition {
  margin-top: 0
}

.list--stackedDefinition:after,
.list--stackedDefinition:before {
  content: " ";
  display: table
}

.list--stackedDefinition:after {
  clear: both
}

.list--stackedDefinition:after,
.list--stackedDefinition:before {
  content: " ";
  display: table
}

.list--stackedDefinition:after {
  clear: both
}

.list--stackedDefinition dt {
  display: block;
  margin: 0;
  word-wrap: break-word
}

.list--stackedDefinition dd {
  display: block;
  margin: 0;
  padding-bottom: 10px
}

.table--leftteaser {
  width: 100%
}

.table--leftteaser>thead {
  text-align: left;
  border: 1px solid #cfcfcf
}

.table--leftteaser>thead>tr>th:first-child {
  background: #e0e0e0
}

.table--leftteaser>thead>tr>th {
  padding-left: 5px
}

.table--leftteaser tr>td:first-child {
  background: #e0e0e0
}

.table--leftteaser tr>td {
  padding-left: 5px;
  border: 1px solid #cfcfcf
}

.table--simple {
  width: 100%;
  margin-bottom: 10px;
  display: block
}

.table--simple:after,
.table--simple:before {
  content: " ";
  display: table
}

.table--simple:after {
  clear: both
}

.table--simple:after,
.table--simple:before {
  content: " ";
  display: table
}

.table--simple:after {
  clear: both
}

.table--simple table,
.table--simple tbody,
.table--simple td,
.table--simple th,
.table--simple thead,
.table--simple tr {
  display: block;
  position: relative;
  text-align: left
}

.table--simple thead tr {
  position: absolute;
  top: -9999px;
  left: -9999px
}

.table--simple td {
  border: none;
  word-break: break-word;
  position: relative;
  padding-left: 50%;
  width: 100%;
  float: left;
  clear: left
}

.table--simple td:first-child {
  border-top: 1px solid #d9d9d9;
  padding-top: 10px;
  margin-top: 10px
}

.table--simple tr:last-child td:last-child {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 10px;
  margin-bottom: 10px
}

.table--simple td:before {
  position: absolute;
  left: 6px;
  width: 45%;
  padding-right: 10px;
  white-space: nowrap
}

.table--simple td:before {
  content: attr(data-tablerowlabel)
}

@media (min-width:790px) {
  .table--simple {
    display: table
  }

  .table--simple table {
    display: table;
    text-align: center
  }

  .table--simple thead {
    border-bottom: 1px solid #d9d9d9
  }

  .table--simple tbody,
  .table--simple thead {
    display: table-header-group
  }

  .table--simple tbody tr:first-child td {
    padding-top: 10px
  }

  .table--simple tr {
    display: table-row
  }

  .table--simple td,
  .table--simple th {
    display: table-cell;
    padding-left: 10px;
    padding-right: 10px
  }

  .table--simple td:first-child,
  .table--simple th:first-child {
    padding-left: 0
  }

  .table--simple thead tr {
    position: relative;
    top: 0;
    left: 0
  }

  .table--simple td {
    border: none;
    position: relative;
    width: auto;
    float: none;
    clear: none;
    padding-bottom: 10px;
    vertical-align: top
  }

  .table--simple td:first-child {
    border-top: 0 solid #333;
    margin-top: 0;
    padding-top: 0
  }

  .table--simple tr:last-child td:last-child {
    border-bottom: 0 solid #d9d9d9
  }

  .table--simple td:before {
    content: none
  }

  .table--simple.table--twocolum tr td,
  .table--simple.table--twocolum tr th {
    width: 50%;
    padding-left: 0;
    padding-right: 0
  }
}

@media (min-width:790px) {
  .table--simple--fixed-20-80 tr td:nth-child(1) {
    width: 20%
  }

  .table--simple--fixed-20-80 tr td:nth-child(2) {
    width: 80%
  }
}

@media (min-width:790px) {
  .table--simple--fixed-20-60-20 tr td:nth-child(1) {
    width: 20%
  }

  .table--simple--fixed-20-60-20 tr td:nth-child(2) {
    width: 60%
  }

  .table--simple--fixed-20-60-20 tr td:nth-child(3) {
    width: 20%
  }
}

.table--simple--noborder thead {
  border-bottom: 0 solid #fff
}

.table--default {
  width: 100%
}

.table--th--light th {
  font-weight: 400
}

.table--twocolumbreak {
  width: 100%
}

.table--twocolumbreak td {
  display: block;
  padding-left: 40px;
  padding-bottom: 5px;
  float: left;
  width: 100%
}

.table--twocolumbreak td:first-child {
  padding-left: 0
}

@media (min-width:480px) and (max-width:789px) {
  .table--twocolumbreak td {
    display: table-cell;
    padding-left: 0;
    width: 50%;
    float: none
  }
}

@media (min-width:992px) {
  .table--twocolumbreak td {
    display: table-cell;
    padding-left: 0;
    width: 50%;
    float: none
  }
}

.toggle__handle {
  cursor: pointer
}

.toggle__handle:before {
  background-position: 0 0
}

.toggle__handle--blueArrow {
  padding-left: 15px;
  position: relative;
  display: block
}

.toggle__handle--blueArrow:before {
  content: "";
  position: absolute;
  background-position: 0 0;
  height: 10px;
  width: 15px;
  left: 0;
  top: 6px
}

.toggle>.toggle__content {
  display: none
}

.toggle span.toggle__label--active {
  display: none
}

.toggle span.toggle__label--default {
  display: block
}

.toggle.is-active>.toggle__handle--blueArrow:before {
  background-position: 0 -9px
}

.toggle.is-active>.toggle__content {
  display: block
}

.toggle.is-active span.toggle__label--active {
  display: block
}

.toggle.is-active span.toggle__label--default {
  display: none
}

@media (max-width:790px) {
  .toggle.toggle--mobile-invert>.toggle__content {
    display: block
  }

  .toggle.toggle--mobile-invert>.toggle__handle--blueArrow:before {
    background-position: 0 -9px
  }
}

.toggle.toggle--mobile-hidden.is-active>.toggle__content,
.toggle.toggle--mobile-invert.is-active>.toggle__content {
  display: none
}

@media (min-width:790px) {

  .toggle.toggle--mobile-hidden.is-active>.toggle__content,
  .toggle.toggle--mobile-invert.is-active>.toggle__content {
    display: block
  }
}

.toggle.toggle--mobile-hidden.is-active>.toggle__handle--blueArrow:before,
.toggle.toggle--mobile-invert.is-active>.toggle__handle--blueArrow:before {
  background-position: 0 0
}

@media (min-width:790px) {

  .toggle.toggle--mobile-hidden.is-active>.toggle__handle--blueArrow:before,
  .toggle.toggle--mobile-invert.is-active>.toggle__handle--blueArrow:before {
    background-position: 0 -9px
  }
}

.toggle .toggle__content--error {
  color: #e50000
}

.toggle__handle--right {
  padding-left: 0;
  padding-right: 15px
}

.toggle__handle--right:before {
  content: "";
  position: absolute;
  background-position: 0 0;
  height: 8px;
  width: 11px;
  right: 0;
  left: auto;
  top: 50%;
  margin-top: -4px
}

.toggle__handle--hidden-sm {
  display: inherit
}

@media (min-width:790px) {
  .toggle__handle--hidden-sm {
    display: none
  }
}

@media (min-width:790px) {
  .toggle__handle--hidden-sm+.toggle__content {
    display: block
  }
}

.toggle__content {
  padding-top: 10px
}

@font-face {
  font-family: vfde-icons;
  src: url(../fonts/vfde-icons.eot);
  src: url(../fonts/vfde-icons.eot?#iefix) format('eot'), url(../fonts/vfde-icons.woff2) format('woff2'), url(../fonts/vfde-icons.woff) format('woff'), url(../fonts/vfde-icons.ttf) format('truetype'), url(../fonts/vfde-icons.svg#vfde-icons) format('svg')
}

.vf-icon:before {
  font-family: vfde-icons;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none
}

.vf-icon-alert:before {
  content: "\EA8D"
}

.vf-icon-arrow-down-left:before {
  content: "\EA93"
}

.vf-icon-arrow-down-right:before {
  content: "\EA94"
}

.vf-icon-arrow-down:before {
  content: "\EA95"
}

.vf-icon-arrow-left:before {
  content: "\EA96"
}

.vf-icon-arrow-right:before,
a.icon--arrow--cta:before,
button.icon--arrow--cta:before {
  content: "\EA01"
}

.vf-icon-arrow-up-left:before {
  content: "\EA97"
}

.vf-icon-arrow-up-right:before {
  content: "\EA98"
}

.vf-icon-arrow-up:before {
  content: "\EA99"
}

.vf-icon-arrow:before {
  content: "\EA03"
}

.icon--balance:before,
.vf-icon-balance:before {
  content: "\EA9A"
}

.vf-icon-benefit:before {
  content: "\EB86"
}

.vf-icon-bike_rgb:before {
  content: "\EB87"
}

.vf-icon-biofuel:before {
  content: "\EA04"
}

.vf-icon-books_magazines_rgb:before {
  content: "\EB88"
}

.vf-icon-calendar:before {
  content: "\EA05"
}

.vf-icon-cashback:before {
  content: "\EA06"
}

.vf-icon-chat:before {
  content: "\EA9B"
}

.vf-icon-check-top-left:before {
  content: "\EA07"
}

.icon--blueCheckmark:before,
.list--checkmark--blue--green--orange>li:before,
.list--checkmark--blue--green>li:before,
.list--checkmark--blue--orange--green>li:before,
.list--checkmark--blue--orange>li:before,
.list--checkmark--blue>li:before,
.list--checkmark--green--blue--orange>li:before,
.list--checkmark--green--blue>li:before,
.list--checkmark--green--orange--blue>li:before,
.list--checkmark--green--orange>li:before,
.list--checkmark--green>li:before,
.list--checkmark--orange--blue--green>li:before,
.list--checkmark--orange--blue>li:before,
.list--checkmark--orange--green--blue>li:before,
.list--checkmark--orange--green>li:before,
.list--checkmark--orange>li:before,
.list--checkmark>li:before,
.vf-icon-check:before {
  content: "\EA08"
}

.vf-icon-clock-left:before {
  content: "\EA09"
}

.vf-icon-clock:before {
  content: "\EA0A"
}

.vf-icon-close-big:before {
  content: "\EA0B"
}

.vf-icon-close-white:before {
  content: "\EA0C"
}

.icon--btnIcon--cross:before,
.vf-icon-close:before {
  content: "\EA0D"
}

.vf-icon-cold:before {
  content: "\EA9C"
}

.vf-icon-combined-heat-and-power:before {
  content: "\EA0E"
}

.icon--currency:before,
.icon--payment:before,
.vf-icon-currency:before {
  content: "\EA0F"
}

.vf-icon-distribution:before {
  content: "\EA10"
}

.contractBar__type--contract:before,
.icon--contract:before,
.icon--document:before,
.icon--documents:before,
.icon--inline--document:before,
.icon20--before--contract:before,
.vf-icon-document:before {
  content: "\EA9D"
}

.vf-icon-dont:before {
  content: "\EA9E"
}

.vf-icon-door-exit:before {
  content: "\EB8E"
}

.icon--btnArrow--down:before,
.vf-icon-down:before {
  content: "\EA9F"
}

.vf-icon-download:before {
  content: "\EAA0"
}

.vf-icon-droplet:before {
  content: "\EA11"
}

.vf-icon-economize_rgb:before {
  content: "\EB89"
}

.vf-icon-edit-small:before {
  content: "\EA92"
}

.icon--btnIcon--edit:before,
.icon32--edit--orange:before,
.vf-icon-edit:before {
  content: "\EAA1"
}

.icon--energy:before,
.icon--inline--energy:before,
.vf-icon-electricity:before {
  content: "\EA12"
}

.vf-icon-elipsis:before {
  content: "\EAA2"
}

.vf-icon-email:before {
  content: "\EA13"
}

.vf-icon-end-user:before {
  content: "\EAA3"
}

.vf-icon-energy-mix:before {
  content: "\EAA4"
}

.vf-icon-facebook:before {
  content: "\EA14"
}

.vf-icon-faq:before {
  content: "\EAA5"
}

.vf-icon-favourite:before {
  content: "\EA15"
}

.vf-icon-fax:before {
  content: "\EA16"
}

.vf-icon-freikarten:before {
  content: "\EA17"
}

.vf-icon-freunde:before {
  content: "\EA18"
}

.vf-icon-freundewerben-filled:before {
  content: "\EA19"
}

.icon--gas:before,
.icon--inline--gas:before,
.vf-icon-gas:before {
  content: "\EA1A"
}

.vf-icon-gewinne:before {
  content: "\EA1B"
}

.vf-icon-globe:before {
  content: "\EAA6"
}

.vf-icon-good-deal:before {
  content: "\EA1C"
}

.vf-icon-google-plus:before {
  content: "\EA1D"
}

.vf-icon-gutscheinwelt:before {
  content: "\EA1E"
}

.vf-icon-handelshauser:before {
  content: "\EA1F"
}

.vf-icon-heart:before {
  content: "\EAA7"
}

.vf-icon-heating:before {
  content: "\EA20"
}

.vf-icon-help:before {
  content: "\EA21"
}

.vf-icon-home:before {
  content: "\EA22"
}

.vf-icon-hot:before {
  content: "\EAA8"
}

.vf-icon-house-user:before {
  content: "\EA23"
}

.contractBar__type--home:before,
.icon--Home__large:before,
.icon--Home__medium:before,
.icon--Home__small:before,
.icon--Home__xlarge:before,
.icon--home:before,
.icon--inline--home:before,
.icon20--before--home:before,
.vf-icon-house:before {
  content: "\EA8F"
}

.icon-hint:before,
.vf-icon-information:before {
  content: "\EA24"
}

.icon--invoice:before,
.icon--invoices:before,
.vf-icon-invoice:before {
  content: "\EAA9"
}

.vf-icon-kontouebersicht:before {
  content: "\EA25"
}

.vf-icon-kundenbeirat:before {
  content: "\EA26"
}

.icon--btnArrow--left:before,
.vf-icon-left:before {
  content: "\EAAA"
}

.vf-icon-less-info:before {
  content: "\EA27"
}

.vf-icon-light-bulb:before {
  content: "\EA28"
}

.vf-icon-linkedin:before {
  content: "\EA29"
}

.vf-icon-loading-animation:before {
  content: "\EA2A"
}

.vf-icon-loading-indicator:before {
  content: "\EB85"
}

.vf-icon-locked-white:before {
  content: "\EA2B"
}

.vf-icon-locked:before {
  content: "\EA2C"
}

.icon--contact:before,
.icon--mail:before,
.vf-icon-mail:before {
  content: "\EA2D"
}

.vf-icon-meinvertrag:before {
  content: "\EA2E"
}

.vf-icon-menu-light:before {
  content: "\EA90"
}

.vf-icon-menu:before {
  content: "\EA2F"
}

.icon--meter:before,
.vf-icon-meter:before {
  content: "\EAAB"
}

.vf-icon-mobility_rgb:before {
  content: "\EB8A"
}

.icon--btnIcon--plus:before,
.vf-icon-more-info:before {
  content: "\EAAC"
}

.vf-icon-movie_music_theatre_rgb:before {
  content: "\EB8B"
}

.vf-icon-nb_alarm_rgb:before {
  content: "\EB0A"
}

.vf-icon-nb_alert_rgb:before {
  content: "\EB0B"
}

.vf-icon-nb_arrow_down_left_rgb:before {
  content: "\EB0C"
}

.vf-icon-nb_arrow_down_rgb:before {
  content: "\EB0D"
}

.vf-icon-nb_arrow_down_right_rgb:before {
  content: "\EB0E"
}

.vf-icon-nb_arrow_left_rgb:before {
  content: "\EB0F"
}

.vf-icon-nb_arrow_right_rgb:before {
  content: "\EB10"
}

.vf-icon-nb_arrow_up_left_rgb:before {
  content: "\EB11"
}

.vf-icon-nb_arrow_up_rgb:before {
  content: "\EB12"
}

.vf-icon-nb_arrow_up_right_rgb:before {
  content: "\EB13"
}

.vf-icon-nb_battery_rgb:before {
  content: "\EB14"
}

.vf-icon-nb_callback_rgb:before {
  content: "\EB15"
}

.vf-icon-nb_camera_rgb:before {
  content: "\EB16"
}

.vf-icon-nb_chat_rgb:before {
  content: "\EB17"
}

.vf-icon-nb_check_rgb:before {
  content: "\EB18"
}

.vf-icon-nb_city_rgb:before {
  content: "\EB19"
}

.vf-icon-nb_clock_rgb:before {
  content: "\EB1A"
}

.vf-icon-nb_close_rgb:before {
  content: "\EB1B"
}

.vf-icon-nb_cloudy_rgb:before {
  content: "\EB1C"
}

.vf-icon-nb_console_rgb:before {
  content: "\EB1D"
}

.vf-icon-nb_corporate_rgb:before {
  content: "\EB1E"
}

.vf-icon-nb_cottage_rgb:before {
  content: "\EB1F"
}

.vf-icon-nb_desklamp_rgb:before {
  content: "\EB20"
}

.vf-icon-nb_dishwasher_rgb:before {
  content: "\EB21"
}

.vf-icon-nb_door_closed_rgb:before {
  content: "\EB22"
}

.vf-icon-nb_door_open_rgb:before {
  content: "\EB23"
}

.vf-icon-nb_down_rgb:before {
  content: "\EB25"
}

.vf-icon-nb_download_rgb:before {
  content: "\EB24"
}

.vf-icon-nb_dropbox_rgb:before {
  content: "\EB26"
}

.vf-icon-nb_dryer_rgb:before {
  content: "\EB27"
}

.vf-icon-nb_edit_rgb:before {
  content: "\EB28"
}

.vf-icon-nb_electricity_rgb:before {
  content: "\EB82"
}

.vf-icon-nb_electronic_payment_euro_rgb:before {
  content: "\EB29"
}

.vf-icon-nb_elipsis_rgb:before {
  content: "\EB2A"
}

.vf-icon-nb_energy_mix_rgb:before {
  content: "\EB2B"
}

.vf-icon-nb_facebook_rgb:before {
  content: "\EB2C"
}

.vf-icon-nb_favourite_rgb:before {
  content: "\EB2D"
}

.vf-icon-nb_flickr_rgb:before {
  content: "\EB2E"
}

.vf-icon-nb_fridge_freezer_rgb:before {
  content: "\EB2F"
}

.vf-icon-nb_gas_rgb:before {
  content: "\EB83"
}

.vf-icon-nb_google_plus_rgb:before {
  content: "\EB30"
}

.vf-icon-nb_heart_rgb:before {
  content: "\EB31"
}

.vf-icon-nb_heat_pump_rgb:before {
  content: "\EB33"
}

.vf-icon-nb_heating_rgb:before {
  content: "\EB32"
}

.vf-icon-nb_help_rgb:before {
  content: "\EB34"
}

.vf-icon-nb_home_rgb:before {
  content: "\EB35"
}

.vf-icon-nb_hydro_rgb:before {
  content: "\EB36"
}

.vf-icon-nb_ice_rgb:before {
  content: "\EB37"
}

.vf-icon-nb_information_rgb:before {
  content: "\EB38"
}

.vf-icon-nb_instagram_rgb:before {
  content: "\EB39"
}

.vf-icon-nb_kettle_rgb:before {
  content: "\EB3A"
}

.vf-icon-nb_laptop_rgb:before {
  content: "\EB3B"
}

.vf-icon-nb_left_rgb:before {
  content: "\EB3C"
}

.vf-icon-nb_less_info_rgb:before {
  content: "\EB3D"
}

.vf-icon-nb_light_switch_rgb:before {
  content: "\EB40"
}

.vf-icon-nb_lightbulb_rgb:before {
  content: "\EB3E"
}

.vf-icon-nb_lightbulb_step_5_rgb:before {
  content: "\EB3F"
}

.vf-icon-nb_linkedin_rgb:before {
  content: "\EB41"
}

.vf-icon-nb_locked_rgb:before {
  content: "\EB42"
}

.vf-icon-nb_mail_rgb:before {
  content: "\EB43"
}

.vf-icon-nb_menu_rgb:before {
  content: "\EB44"
}

.vf-icon-nb_microwave_rgb:before {
  content: "\EB45"
}

.vf-icon-nb_moon_rgb:before {
  content: "\EB46"
}

.vf-icon-nb_more_rgb:before {
  content: "\EB47"
}

.vf-icon-nb_move_with_existing_contract_rgb:before {
  content: "\EB48"
}

.vf-icon-nb_move_with_new_contract_rgb:before {
  content: "\EB49"
}

.vf-icon-nb_nighttime_electricity_metering_rgb:before {
  content: "\EB4A"
}

.vf-icon-nb_off_rgb:before {
  content: "\EB4B"
}

.vf-icon-nb_open_new_window_rgb:before {
  content: "\EB4C"
}

.vf-icon-nb_partners_rgb:before {
  content: "\EB4D"
}

.vf-icon-nb_pause_rgb:before {
  content: "\EB4E"
}

.vf-icon-nb_phone_charging_rgb:before {
  content: "\EB4F"
}

.vf-icon-nb_phone_rgb:before {
  content: "\EB50"
}

.vf-icon-nb_pin_rgb:before {
  content: "\EB52"
}

.vf-icon-nb_pinterest_rgb:before {
  content: "\EB51"
}

.vf-icon-nb_play_rgb:before {
  content: "\EB53"
}

.vf-icon-nb_print_rgb:before {
  content: "\EB54"
}

.vf-icon-nb_private_charging_rgb:before {
  content: "\EB55"
}

.vf-icon-nb_private_end_user_rgb:before {
  content: "\EB84"
}

.vf-icon-nb_radiator_rgb:before {
  content: "\EB56"
}

.vf-icon-nb_rain_rgb:before {
  content: "\EB57"
}

.vf-icon-nb_right_rgb:before {
  content: "\EB58"
}

.vf-icon-nb_router_rgb:before {
  content: "\EB59"
}

.vf-icon-nb_rss_rgb:before {
  content: "\EB5A"
}

.vf-icon-nb_search_rgb:before {
  content: "\EB5B"
}

.vf-icon-nb_settings_rgb:before {
  content: "\EB5C"
}

.vf-icon-nb_share_rgb:before {
  content: "\EB5D"
}

.vf-icon-nb_shop_rgb:before {
  content: "\EB5E"
}

.vf-icon-nb_skype_rgb:before {
  content: "\EB5F"
}

.vf-icon-nb_slideshare_rgb:before {
  content: "\EB60"
}

.vf-icon-nb_smart_plug_rgb:before {
  content: "\EB62"
}

.vf-icon-nb_smartphone_text_rgb:before {
  content: "\EB61"
}

.vf-icon-nb_smoke_alarm_rgb:before {
  content: "\EB63"
}

.vf-icon-nb_snapchat_rgb:before {
  content: "\EB64"
}

.vf-icon-nb_snow_rgb:before {
  content: "\EB65"
}

.vf-icon-nb_solar_power_rgb:before {
  content: "\EB66"
}

.vf-icon-nb_sun_rgb:before {
  content: "\EB67"
}

.vf-icon-nb_support_rgb:before {
  content: "\EB68"
}

.vf-icon-nb_table_lamp_2_rgb:before {
  content: "\EB69"
}

.vf-icon-nb_table_lamp_rgb:before {
  content: "\EB6A"
}

.vf-icon-nb_tag_rgb:before {
  content: "\EB6B"
}

.vf-icon-nb_thunder_rgb:before {
  content: "\EB6C"
}

.vf-icon-nb_tv_remote_rgb:before {
  content: "\EB6D"
}

.vf-icon-nb_twitter_rgb:before {
  content: "\EB6E"
}

.vf-icon-nb_unlocked_rgb:before {
  content: "\EB6F"
}

.vf-icon-nb_up_rgb:before {
  content: "\EB70"
}

.vf-icon-nb_user_rgb:before {
  content: "\EB71"
}

.vf-icon-nb_ventilator_rgb:before {
  content: "\EB72"
}

.vf-icon-nb_vimeo_rgb:before {
  content: "\EB73"
}

.vf-icon-nb_washing_machine_rgb:before {
  content: "\EB74"
}

.vf-icon-nb_window_blinds_rgb:before {
  content: "\EB75"
}

.vf-icon-nb_window_closed_rgb:before {
  content: "\EB76"
}

.vf-icon-nb_window_open_rgb:before {
  content: "\EB77"
}

.vf-icon-nb_window_rgb:before {
  content: "\EB78"
}

.vf-icon-nb_xing_rgb:before {
  content: "\EB79"
}

.vf-icon-nb_youtube_rgb:before {
  content: "\EB7A"
}

.vf-icon-nb_zoom_in_rgb:before {
  content: "\EB7B"
}

.vf-icon-nb_zoom_out_rgb:before {
  content: "\EB7C"
}

.vf-icon-newsletter:before {
  content: "\EA30"
}

.vf-icon-off:before {
  content: "\EAAD"
}

.icon--externalLink:before,
.link--external:before,
.vf-icon-open-new-window:before {
  content: "\EAAE"
}

.vf-icon-pause:before {
  content: "\EAAF"
}

.icon--pdf:before,
.vf-icon-pdf:before {
  content: "\EAB0"
}

.vf-icon-phone-filled:before {
  content: "\EA31"
}

.vf-icon-phone:before {
  content: "\EA32"
}

.vf-icon-pin:before {
  content: "\EA33"
}

.vf-icon-play-circle:before {
  content: "\EA34"
}

.vf-icon-play-white:before {
  content: "\EA35"
}

.vf-icon-play:before {
  content: "\EA36"
}

.vf-icon-power-grid:before {
  content: "\EA37"
}

.vf-icon-power-plant:before {
  content: "\EA38"
}

.vf-icon-present_rgb:before {
  content: "\EB8C"
}

.vf-icon-print:before {
  content: "\EA39"
}

.vf-icon-question-mark:before {
  content: "\EA3A"
}

.vf-icon-rabatte:before {
  content: "\EA3B"
}

.vf-icon-recycling:before {
  content: "\EAB1"
}

.icon--btnArrow--right:before,
.list--links>li:before,
.vf-icon-right:before {
  content: "\EAB2"
}

.vf-icon-rss:before {
  content: "\EAB3"
}

.vf-icon-scissors:before {
  content: "\EA3C"
}

.vf-icon-scooter_2_rgb:before {
  content: "\EB8D"
}

.vf-icon-search-glass:before {
  content: "\EA3D"
}

.vf-icon-search-nd-big:before {
  content: "\EA3E"
}

.vf-icon-search-nd:before {
  content: "\EA3F"
}

.vf-icon-search:before {
  content: "\EA40"
}

.vf-icon-settings:before {
  content: "\EAB4"
}

.vf-icon-share:before {
  content: "\EAB5"
}

.vf-icon-shop:before {
  content: "\EA41"
}

.vf-icon-smarthome:before {
  content: "\EA42"
}

.vf-icon-tag:before {
  content: "\EA44"
}

.vf-icon-tink-invert:before {
  content: "\EA56"
}

.vf-icon-tink:before {
  content: "\EA55"
}

.vf-icon-truck:before {
  content: "\EA46"
}

.vf-icon-twitter:before {
  content: "\EA47"
}

.vf-icon-unlocked-white:before {
  content: "\EA49"
}

.vf-icon-unlocked:before {
  content: "\EA4A"
}

.icon--btnArrow--up:before,
.vf-icon-up:before {
  content: "\EA91"
}

.vf-icon-user-filled:before {
  content: "\EA4B"
}

.vf-icon-user-white:before {
  content: "\EA4C"
}

.icon--partner:before,
.icon--user:before,
.icon20--before--user:before,
.vf-icon-user:before {
  content: "\EA4D"
}

.vf-icon-verbrauchsuebersicht:before {
  content: "\EA4E"
}

.vf-icon-wait-animation:before {
  content: "\EA4F"
}

.vf-icon-whatsapp:before {
  content: "\EA50"
}

.vf-icon-wind:before {
  content: "\EA51"
}

.vf-icon-window-blinds:before {
  content: "\EA52"
}

.vf-icon-youtube:before {
  content: "\EA53"
}

.vf-icon-zaehlerstand:before {
  content: "\EA54"
}

.vf-icon-zoom-in:before {
  content: "\EAB6"
}

.vf-icon-zoom-out:before {
  content: "\EAB7"
}

.vf-icon-fill--white {
  color: #fff
}

.vf-icon-fill--black {
  color: #000
}

.vf-icon-fill--yellow {
  color: #ffda00
}

.vf-icon-fill--blue {
  color: #2071b5
}

.vf-icon-fill--grey {
  color: #4e4b48
}

.vf-icon-background--light-yellow {
  background-color: #fffee5
}

.vf-icon-background--light-green {
  background-color: #edf9f3
}

.vf-icon-background--light-blue-alt {
  background-color: #ebf2f3
}

.vf-icon-background--light-blue {
  background-color: #edf1f6
}

.vf-icon-background--light-red {
  background-color: #fef0ea
}

.vf-icon-background--light-grey {
  background-color: #f2f2f2
}

.vf-icon-background--white {
  background-color: #fff
}

.vf-icon-background--black {
  background-color: #000
}

.vf-icon-background--yellow {
  background-color: #ffda00
}

.vf-icon-background--blue {
  background-color: #2071b5
}

.vf-icon-background--grey {
  background-color: #4e4b48
}

.vf-icon-border--white {
  border: 1px solid #fff
}

.vf-icon-border--black {
  border: 1px solid #000
}

.vf-icon-border--yellow {
  border: 1px solid #ffda00
}

.vf-icon-border--blue {
  border: 1px solid #2071b5
}

.vf-icon-border--grey {
  border: 1px solid #4e4b48
}

.vf-icon-border-size--1 {
  border-width: 1px
}

.vf-icon-border-size--2 {
  border-width: 2px
}

.vf-icon-border-size--3 {
  border-width: 3px
}

.vf-icon-border-size--4 {
  border-width: 4px
}

.vf-icon-border-size--5 {
  border-width: 5px
}

.vf-icon-border-size--6 {
  border-width: 6px
}

.vf-icon-border-size--8 {
  border-width: 8px
}

.vf-icon-border-size--10 {
  border-width: 10px
}

.vf-icon-border-size--12 {
  border-width: 12px
}

.vf-icon {
  display: inline-block;
  height: 1em;
  text-align: center;
  line-height: 1em;
  border-radius: 50%
}

.vf-icon-square {
  border-radius: 0
}

.vf-icon-size--20 {
  font-size: 20px !important
}

.vf-icon-size--24 {
  font-size: 24px !important
}

.vf-icon-size--28 {
  font-size: 28px !important
}

.vf-icon-size--32 {
  font-size: 32px !important
}

.vf-icon-size--36 {
  font-size: 36px !important
}

.vf-icon-size--40 {
  font-size: 40px !important
}

.vf-icon-size--44 {
  font-size: 44px !important
}

.vf-icon-size--48 {
  font-size: 48px !important
}

.vf-icon-size--52 {
  font-size: 52px !important
}

[class*=" icon20--before"],
[class^=icon20--before] {
  position: relative
}

[class*=" icon20--before"]:before,
[class^=icon20--before]:before {
  display: block;
  position: absolute;
  top: 0;
  left: -25px
}

.icon20--before--user {
  position: relative
}

.icon20--before--contract {
  position: relative
}

.icon20--before--home {
  position: relative
}

.icon32--edit--orange {
  overflow: hidden
}

@media print {
  .icon32--edit--orange {
    display: none !important
  }
}

.icon32--edit--orange:before {
  color: #2071b5 !important;
  background-color: transparent !important
}

.icon32--edit--orange span {
  display: inline-block;
  text-indent: -9999em
}

.contractBar__type--contract:before,
.contractBar__type--home:before,
.icon--Home__large:before,
.icon--Home__medium:before,
.icon--Home__small:before,
.icon--Home__xlarge:before,
.icon--balance:before,
.icon--blueCheckmark:before,
.icon--btnArrow--down:before,
.icon--btnArrow--left:before,
.icon--btnArrow--right:before,
.icon--btnArrow--up:before,
.icon--btnIcon--cross:before,
.icon--btnIcon--edit:before,
.icon--btnIcon--plus:before,
.icon--btnicons:before,
.icon--contact:before,
.icon--contract:before,
.icon--currency:before,
.icon--document:before,
.icon--documents:before,
.icon--energy:before,
.icon--externalLink:before,
.icon--gas:before,
.icon--home:before,
.icon--inline--document:before,
.icon--inline--energy:before,
.icon--inline--gas:before,
.icon--inline--home:before,
.icon--invoice:before,
.icon--invoices:before,
.icon--mail:before,
.icon--meter:before,
.icon--partner:before,
.icon--payment:before,
.icon--pdf:before,
.icon--user:before,
.icon-hint:before,
.icon20--before--contract:before,
.icon20--before--home:before,
.icon20--before--user:before,
.icon32--edit--orange:before,
.icon:before,
.link--external:before,
.list--checkmark--blue--green--orange>li:before,
.list--checkmark--blue--green>li:before,
.list--checkmark--blue--orange--green>li:before,
.list--checkmark--blue--orange>li:before,
.list--checkmark--blue>li:before,
.list--checkmark--green--blue--orange>li:before,
.list--checkmark--green--blue>li:before,
.list--checkmark--green--orange--blue>li:before,
.list--checkmark--green--orange>li:before,
.list--checkmark--green>li:before,
.list--checkmark--orange--blue--green>li:before,
.list--checkmark--orange--blue>li:before,
.list--checkmark--orange--green--blue>li:before,
.list--checkmark--orange--green>li:before,
.list--checkmark--orange>li:before,
.list--checkmark>li:before,
.list--links>li:before,
a.icon--arrow--cta:before,
button.icon--arrow--cta:before {
  display: inline-block;
  margin-right: 5px;
  font-family: vfde-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.contractBar__type:before,
.icon20--before--contract:before,
.icon20--before--home:before,
.icon20--before--user:before,
.icon20--inline:before,
.icon20:before {
  width: 20px;
  height: 20px;
  font-size: 20px;
  background-color: #2071b5;
  color: #fff;
  text-align: center;
  line-height: 20px
}

.icon--blueCheckmark:before,
.icon32--edit--orange:before,
.icon32:before,
.product-icon:before,
a.icon--arrow--cta:before,
button.icon--arrow--cta:before {
  width: 32px;
  height: 32px;
  font-size: 32px;
  background-color: #2071b5;
  color: #fff;
  text-align: center;
  line-height: 32px
}

.icon64:before {
  width: 64px;
  height: 64px;
  font-size: 64px;
  color: #fff;
  text-align: center;
  line-height: 64px
}

.contractBar__type:before,
.icon20--inline:before {
  display: inline-block
}

.product-icon {
  position: absolute;
  left: 20px;
  top: 12px
}

.has-success input:not(.hide-validation-icon)[type=email],
.has-success input:not(.hide-validation-icon)[type=tel],
.has-success input:not(.hide-validation-icon)[type=text],
.icon-form-success {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJRJREFUeNpi/P//PwO5gImBAsDi2chIqp52IL4DxHNZyNBYAWV/ZCJT400gPgLTLAfEzCRodADiFyDNBkB8Bojn4zAAq0ZYaE8DYlEgjgXiRWgG4NQI0xwElQCBKCQD8GoERxVUACRxAIjVoQaAvKKFTyNyIoEZAHMBQY3oKQzdALwasSVPmAGbCGkEAcYByxgAAQYAxG4u/opYD4AAAAAASUVORK5CYII=);
  background-repeat: no-repeat
}

.form-control.form-datepicker,
.icon-form-calender {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAvJJREFUeNqsVV1IU2EYfs7ZmbrN/pzOtQ20TLJWlKSFIo7qoh+DGDXMMDIqAr3wUjC6sIuyiLoIKyO7yJuCRRKZgl0oqIkxw59kKTknm7o1U+d0c79957jf9Cb1ged87/d953vO873vd86hoB0HwUXCOkIJ1g8rYQWhlqr6brs7suC588m8BG8ggE2AhmoYnXOekAoTjA4PTrWZNkPYytxqNyUIGRoDF/ZALRNAa7BvVFTCUB4vnB6gZ3oRGSIGbD+EFAGDHfE8GOxuePyxOxAQIxRpl7z+Vao05faC5UlFInpMdi7mEeH6QjlMZUoMlWRhkrRnZCJubkvAj5ojEkxdU+JpgQyh9dGkaSLAMr9xEF3jc1ysTt+KMmUyiptGsOt5H7pMC3isUnBzNcd2omRvEuzLPlDEfWh9NJmqHCkMcy406We4m1i06m3I/72Ifssi1+8wzCJXquBc1PeaUd02hubLSsDv58b+BbNfLMDVQ6m4mS1F0Zt+eInwMsnxgMmN4oMSyLfGozJPgde6SS7fY1bHykpySlgT0TUIi15/OwQhn4feyqNQZ4rxftASnryklECSGAexkIHb7QNNGALF1sfnjxkLi65U34tvxnmkb4uLebKmQce1pTly1GmUeNVpxOySJ+I0sLbTcPWPZyahZ9TGxZoDEtQWZYarabQugCLnR8ynw2Ng8+/zr1l9hg4+SXW/A+ZZJ2gS2x0ulKsOQyzgQz9lR2leGoYn7Zi2OfDg/D7u/oxkIUkNn/SzuLnG7olIau41/QgYSKU/6sxwRx3komwZrhSkY7uIj4GJeTxq1sPh8uLljdxV29UZ/uDJ558R0Xdd44HcDDEs8y6oH7bHCK8XTPmzbgjieOisPYtzxN2Hr0akpybidLb8v4RetEacMuzFSY5F368ZpKWIuEGFWISSwt0bE2VRqJSi4csoF3cOW6Cqbln/9oNfbInqdgumSfU3AVY6+AvYLEEWFayoln15go6xwX8Uq6P9K8AAJe1kuZEgALYAAAAASUVORK5CYII=);
  background-repeat: no-repeat
}

.has-success .form-control.form-datepicker,
.icon-form-calender-success {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAVCAYAAADiv3Z7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA65JREFUeNrMl2tIU2EYx//nOM1NKWw6V66M1G4ryiioCNcFukNYjS6UBRVBfehLVBQR9aXLh6APSlEa6JcIoz4UShcyGGb37IalNVdqmznW1ry0a8/7tq1ZQmfuGHvgz3nfs53nvL/3/57nvEcIBoNIhBCuWthhHamUpIkjVSdpD6laSBS4gy/sx99/9x650d4DnzxjMiYMXEWLs3eRVpVqcXux9HabHICdCiRI7KprS1UpRLxcm4/i0UpUm13xptQkDJzg9aHXCzRYu5GXpuD9cGQpFcgYlgSzywNvoL+jSpoQgY49vsBfOSXBLT8mxDrWE6QWUnnNUWnLS/D8glmsS8eFRhvvi3TbssW52KbP5ADOH36U1JpR2+pEerKIfbO02DszG1ebHdhxq3VwcIMAOxhqO1nVknKRGHJqXtUrfCaHRGoXTxjJwdZff4/HX9woXTIeZww63Gq249j8XKzKz4CLgAVyU4xyeqjgosHekUxSLzxALpi/9eF6k50PlkVtUxfmfe1Go62b9++bHZit1XFXzz9qx6HbH3Fzkx4IBCLODxZuLKmd5JcItoBklZp8ilqJrdOzsbNQi5WVjfAR4A96Bl+2ebB+mgY5w4dh71wdKp528OfxY6f714VUVdlkCAM4J0q89wzSE9IlUpLcYCy2X36NOWcfYszwFBQXqCF6/BFt0GuwdnIW1CoFPFHnmQRWR/yBfufCkupcGStapC0huJIoB+MG+10tfXhscWLciJR+ThjLn/Lj5lk5KDXqcdFkgaPH+9u5YHzOrQkNnMUmUmUIUhawcLVkWlgwEg3NXbxtnKrByZUFkd8snd8hUNlUU6UMnwN7Pv2BSD9aUp2zhgZeR5oYAmRLdYocYNHV0nDiPtodvXzWXe4+7DbMgFqZjKYvLmyem4u3HS5Yu9w4tXoy/39epgqa9GTqT+K/VdV/itm5aMCwg7KBsdi/JB/GwlHosndHZv7u8w5sKWtARqoCy6dm494bG9acMdFE+DE2Q8n1vNWBFqubt7NUyf3dk7K3/OMlro1y8J9gUl/iV+otwdl5aticfSg+XQfPADuOWGMw77mwg+fZljBex8Kxu6weypQkmE6uwKrC0bj2wIJx2elYVpgTU55zte9igxtg9hnQarm3Nr1Uvp99sCM3K433deo0bCwaP7Rw/zOK9FqU32nmbdNbGwyHav7rshyqYF/QGsPhGlipWsqRT0wguD18vcsDxvMlEhz7ejCGHIx3BbA81T8FGABHPqJOSHG0hQAAAABJRU5ErkJggg==);
  background-repeat: no-repeat
}

.datepicker th.next,
.datepicker th.prev,
.icon-form-datepicker {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABeCAYAAAAqoZR9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAB1FJREFUeNrsWEtPVEkUru6+LYIKKj5QfCAooO2jRTEGjL3ohQRFE0J04S+YlYthIZnlxDALTJyNs3AzGxe6INE2hMWwgAhqjEpUVBARAREfCIg2YvuY7ztzz52yETWTzMKESm7uvXXrnDp1TtV3znd9nz59Msnt6dOnobGxsYIPHz4E+e73+xMLFizoXLJkSUfyWJ+t4MmTJ+GhoaGSjx8/Bn0+3wn9hmeDvupAIDCxbNmytqysrPYpCh4+fBh98eJFGIPr2Pf+/XsDCwyEjOM49qTVmZmZHbm5uY2egsHBweL+/v4o3mvZ+fbtW/Pq1SuTnp5uRkdHzcKFC01KSoqxrK1ZuXJl0/Lly6/6+UZhfKyFmUavzZs3m0gkYlatWmVevnwpSq3vtQMDA9HJycmgA+GSRCKRYds4a9YsM2fOHHneunWr3Pv6+sSiYDAolmB5tc+ePWtxoD2EjqPUTGfxI9d8//59EVy0aJEoQSRESVpamkzA8SMjIyF/PB7PosPYQafx/u7dOwOrzN27dxlSUbRlyxaTl5cnY/R68+ZNlsOQ8SW56Zrtb3Qkl0DlrrVBPzrHaLbtQDhHrKAj4WkR5pIePXokS9TxWMqYHzusgxrVLC6Hbfv27Qahkueuri7z+PFjT7lalpGR0eXPzs5ugYNOqzA/cvNozDs7OxlmWRIvHYclnOZecGbPnh1fs2ZNPQamY3yFmqcOhKdlOWqZ22LYifWU9bbytWvXjiBMZXgso4MYSv2W5OTGFStW/IUlHp9ymO7du3cIlhyGQAXjrt94p1L0xQoLC/8sKCio/+JpdMOX1tvbW4FdVgznprIPoZvAUb6ak5MTo9nTHuf/0mYUzCj4fxQQaXF8y54/fx7GKcxwt3KcW3nt2rWxryoAcFR2d3cfxBk4ZGUkufMIAycS69evPwVsbJyiQI8z3ssIKAQPIhUx0E4quDfxUBUVFf3uKeAxvn379k94j3A2JFYzPDwskE5QAWqZ1NRU2/LmjRs3/oGjfcY3MTGRFovFGoABEf36+vVrU1xcLFB+4cIFc/PmTQFXHGUPG2Bl8759+8odrhnOilhrNXPnzpUsxIZBgpE3btwwS5cu9ZRgeRHKBg4cOHAECTRsQzvRCGle0tv8+fPNunXrDBKQefDggShTtMKEo4G9e/f+gtBl23mBIMoBzAO0BNBvEEJxKpBKLCVOYkzcy0wU1NCxEY01D2ijIwm2itCU9cPMfs6oyYIfkfPE5D179hjEXQZfuXLF3LlzR55pCcch0Q75WbLwRbMT7zS/srLShEIheb58+bK5deuW7A0q5mSU4e70Y9BJOoYddlnjrlGE29vbDcItwjoZl7pp06aTspEuXrxYi+uonYV5cQOh8BJBLtPbvhAuLS39bdeuXTXeVj537tx57MYKTSTcwrREo8LQ6TfswhjCv3/KYWppaalrbW39WU3Uw0Rh3hkBzHp89+7d1dMeZ2zjTOy66p6enkqsOwtKEqwDsJnOhsPhOuzS4RlMnFHwgygAbIWAkwVEHLd6jwPaegCq3+ZMyAMlLtk6oafPPUzCmQDvzbaizzgTkgnRuU7PvKIUFSjRIN1xS76maTkTGzGAwIqCWvjTvHnzvOwE5TWoVv/hTBjIbBwlD7LLffIkVuvkTTjGn9EBjqUMZX1IqCW4WjUzEfOYG0m2KMg+pHrhC7ocHbt69epS4UxaTFN4fHxchJVsMckyI6lDdSyfyZkcciZFYGpGGe/BOYgoM7dRIqowp44XzkTeQwVuNS5orNmJ/XQg39lPJTa4Kmca1qzETlIbpXzMxlwKw8m8oEo1DQpnQvbtVAUcyAusVJRwZtYFO3bssBOqN9bjTFDmcSbGn2EkySTZcpOomK5j3Gj8y5nIf8CR0jFLhc5AIaZ3RoWRUEXTcqbr168fgUAZNJfZZ0DjzsstKr6PMyWHzP2TEQNfOs3i6quciZbwVJIzMVSMFCq2dpZ3OA8znGlGwY+ggEjLrcz/asmcCVjZCBBJTKsAB0k4E878oSS+pLXjGVZr+fn5U39A6HHmLxA9ygQWIg/rQ8VKfGukJdu2bfsyZ1LNxEDiI0wXdF68eLFkJ1d504YNG06hkj/jAzSnNzQ0nIfZEfsvFmtkFNNCeciZWO5TgTZY1QyyUu64FWlEAYTCZCUqzBlJeyhs/woiSUPCOejAzIgmDa6ZaU2F2biMS5cuiUPpDzu1ISlHHKYnxTveQShNNBoV4d7eXhbgHsHQ9KekC7L5jkvhpIPlPVO4hpD9dCDfSfdUUC0WzgSBYf0R50ZETOZg0r3y8nKPrShX0sRCWT9LFv1AB9IPHR0dpq2tTUwGApuqqirPfJsaIfW1CWfSj8xKnI2sjSQL5MNjaTavUmeSMwWOHTs2CW0BOCyijtTfgsxI3A9UZpvPtnPnzl9BRhu8rXweDQMrlFy7BNtjcOojNswc24/2Tc6U3HgmwNa+jzNxl8GhGS4NHMvLyzuLWmEKZ/pbgAEAdD/OHjBomCUAAAAASUVORK5CYII=);
  background-repeat: no-repeat
}

.form-registration .registrationform-icon,
.icon-infoIcon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5QjI0RjgzMUQ4QjVFNTExOEE2NkU3NzY0OUU2MDA2QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODNEQUM1QUI5MEQxMUU1ODUzREY3RjIzOUE5OTFCQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODNEQUM1OUI5MEQxMUU1ODUzREY3RjIzOUE5OTFCQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMzNDhCQ0FCMEFCOUU1MTFCREYwQ0M5QjQ1NDkzRjU3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlCMjRGODMxRDhCNUU1MTE4QTY2RTc3NjQ5RTYwMDZCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+exWUTAAAADBQTFRFKGevF1uo/f7+bJfImLbYg6fRToK88fX64+v0QXm4vdDmWInB7/P5HmCrd5/M////3tPQaQAAABB0Uk5T////////////////////AOAjXRkAAACYSURBVHjadJFZDgQhCESh1FZc2vvftl0QPyZDYoIvwSpK6rNSkMZNQlq3TuMgsFYLUBgfvvXEBaFMHC2KCb0yYHd+wNo2LMC7362d/HnNFW18p2IaOsKlEx0zKSmkrkwScCAf6J6KfCGZo/eOq5AD5AqpJY8owSzF5aTlISRmXtfM0Te2NS2QExP+RjdDPhuyhfz7HZ8AAwBllwfeIumxSgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat
}

.btn-crossButton,
.icon-crossButton {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAsCAYAAACKYvPzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABa5JREFUeNqsV0tMY2UYbW9LoUAHCqUlhWnLw4wYM6DRwUQgwMaFiYmvhYkunJ0LXRiNj8RoYkyMiY+lujFujEYXGqPGGJFgeEQZojgiMgItrwE60EJpKS3lek7zXfJzuWVi4pectvf2/qff/73OX/vk5KTNwiLAo8C9QACoBlxAFkgBS8APwJdAwrzYaXH9BHAZaARyQF7Az3bgHHAHcBfwMPAOMKSSaMpnN/Aa8KIsTAL7wCFwBOjyTvI0sAu0CullK1J68CzwmCwwvLqZpeW5F2TtCdIHgcfFO3pjPxIzs+i6bivA+C6EOYn1M8DtBqlXcV+XhUcej6e6oaGhXgiK9/kjmqbZ/H5/g9Pp1OS+QVwvPC4mpg9oAzLGQrfbXd4GK4PZ7XZtY2Njk++Arbm5+TxI/VtbWzcWFxejSvi4vge4SE/vEY+LW8VCez6fL+zBeBkKhcIkoff4HOJnPncAM0WGCa0F7naKl8eJIenh4WFhARaJRI7q6+t952F1sHMwRmcFdh2GRx0mYjrWTtI6oHCiJDStmChuj++Ird8gXF5eXgLfhsaH7KcKhDGu04zkmI0eMxFqBTAv3AXv2y0Y1ZJKmpqAi4sWDodDgUCgkcSZTGaPRLgXwT0/q6IEZ5JkC9LXRjnp2JmjpaUlgpyw722rq6srMzMzs8h4nNsmcWNjY4AbsXDyGl8m1EbgFlmDrFNeI4bL6zD+WDQajbGU6HEtjGVm1DCMSdsBfmGifgJmgQtsO8Yf1ZKbn59fqITF4/EbUqPF5MVisaVsNru/vb2dUGKryyT7Bpg2YvqxlJRdsq+l0+kMCOOS5eP7JF5bW1vnDyuE5cAW8BHL00jQV8CnUryaQcDYWlWF8kO65IOk7wK/qwOFAX8L+Fy24SxVaiZzy+7eBj6zGtLs3VcA9vOT0hQ5ab+C0uOaeMe1MZmn3541+Tnh3wdGgAeAS0BQtueU7/ekDH8Gvgaun5ITjjILmxGwNUMy1iqEcFM8zJWKiXN3d/esmPHLq7b/aE4UtO3/NqfD4Sj1nQ/o5NAFmqQqtkWef2ORG4P9ZhJtk8WPiO6HSzxzIGH5BPjOGPClSG8Rmb4kiTgQUdOVkjL6/E5BL/CmdOYp0tuA98S7HXMjma4LIs8snYfk4PE8EFc7qgF4QwhTxrRSJpBZpnWlE3dFPF+WpiiS0ounRLNTyiJdJtMJYiq2xX1u/T7gfoP0glzsG4Rc1NXVFRwYGGjjbIWEFBORy+UKXq+3AvfbMf2r8QNHisc2OZD4SNqv9HnRE2hceUdHR6Cpqam2t7e3BfLvgJzkoazuvr6+Vtyv6ezsDKIc1SFNp24FuknaJT1d/JKeJZPJ7Pj4eIwiB3X29vT0RILBoKe/v78dA78SR4Ls1NTUqhEKxVsm/qJTCjuvZpjjcm5uLk4vuru7IUnhOpDXco6mUqns8PDwPOZ32uVyOUwVQuJmelplNTuxwDk7Oxufnp5eNYY2Yzg6OhqFZKVMhCeaR5PiPqXh3DqTAVX1GfcYQ8TaD+kqU5JktqKcxM2dxQU45VQihm0+n68KMd6/cuXKMs9YDAWS18rkMaYWEr3Olz9V3eeDVVVV5YODg+01NTVuCODByMjIAv4brIyNjUVJjHOal8QcRqb+4MUfJB2Woi8TYWM95jc3N/eYlKGhoX+g9Wn8kAuyvYWqWATxYSKRyCiEugxxDu8JbntK5IMNsMPMI576xMRErKKiogxD/IBb5Uq+49CWYMnhftZwQnJSLqq8pImwfQBsGGGQU5+OredApCnyXEwWvNwXtVYPEr/KKDweKH8Br8sDlYq+W57sSKxcUsfWgFeN8ad++T3wkkx3j/kkaHEOdcjh46r8ibhWakhTv+eBp+XfnkfpFJtyNNLlmPMF8KExR8+Sk7+B52T698lfSrdUR04qhQe6H6UcT3XjvwIMAIW6tgi60+MzAAAAAElFTkSuQmCC);
  background-repeat: no-repeat
}

.box--print,
.icon-printer {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADc2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU0OTExLCAyMDEzLzEwLzI5LTExOjQ3OjE2ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjA5NWM1NGU3LTRhYTktNDg1Zi1iNTMxLWUxMzkxMmVjODM5NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyQkY2MkI3RTg1MDkxMUUzOUNCMENENzc0OTY3NEU2QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyQkY2MkI3RDg1MDkxMUUzOUNCMENENzc0OTY3NEU2QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2YzdmNzdkNy1kNGVkLTRhYTAtYWViNi1hOTU4YzQ0NGZlN2QiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDk1YzU0ZTctNGFhOS00ODVmLWI1MzEtZTEzOTEyZWM4Mzk3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+wO6NWgAAAJ1JREFUOE9j+P//PwMIq6mpSQHxRyD+jweD5KVhesAaoZoNCGiEGeqATbMWUPMDIrAFXDNQsSoQO5CBVUF+/Uqkc2HOfg1UfxukD6QZXwBhk/MF6uEF6SNH8xGgxiXkaoa7BmbzD6BJDSTgD8g2gzhyQLyACKwBjU64n0GaiU4kyJpBSY4czR9BfpYGYhsSbbYA6aNa2pYEmkZSrgIA74Q4jlkH0B4AAAAASUVORK5CYII=);
  background-repeat: no-repeat
}

.icon-imagePlaceholder,
.link--imageIcon:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMJJREFUeNpi/P//PwO1ARMDDcAIN5QBFFHQyDoB4lKIT4DMYoTFPiMj438qOZKRXO//BuIqIHaG0r9xeR+bd04DcQsW8Xo0S+phcmCzCBhqB9W0GU08GM3QYGIN3YGkSRyInwLxJCD+BcQbkVIOE5RPlKHGaK7hh9KToPJngXgalP5PjKEb8ESSJBB/x5WscBn6D4i1CMR+B6mGLiEiSYkA8QdchrJg0XAfiA2IyN441dE8R52kgpknUVw6MstTgAADADtLv495FJcLAAAAAElFTkSuQmCC);
  background-repeat: no-repeat
}

.box--success:after,
.form-icon-success:after,
.icon--inline--success:before,
.icon--success,
i.icon--success {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJRJREFUeNpi/P//PwO5gImBAsDi2chIqp52IL4DxHNZyNBYAWV/ZCJT400gPgLTLAfEzCRodADiFyDNBkB8Bojn4zAAq0ZYaE8DYlEgjgXiRWgG4NQI0xwElQCBKCQD8GoERxVUACRxAIjVoQaAvKKFTyNyIoEZAHMBQY3oKQzdALwasSVPmAGbCGkEAcYByxgAAQYAxG4u/opYD4AAAAAASUVORK5CYII=);
  background-repeat: no-repeat
}

i.icon--success {
  width: 20px;
  height: 12px;
  display: inline-block
}

.box--error:after,
.form-icon-error:after,
.icon--errorSymbol,
.stepIndicator--error:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODA4M0VCODNDNjJCRDdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNTQ4MjYyRDQ5MjkxMUUzOEVDOEYwOTEzODZGODRCOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNTQ4MjYyQzQ5MjkxMUUzOEVDOEYwOTEzODZGODRCOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMzBlYTczOC0wOWQ2LTQ4MTEtYWI1MS0wNTdmMDk0ZTk5MjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjc3RjExNzQwNzIwNjgxMTgwODNFQjgzQzYyQkQ3QzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz69+4hLAAABZUlEQVR42mI8w0AQSADxMSjbCohfIEsa//+PopiJsHkMbUCsCMVthBQTMtAQiBOQ+AlQMbIN7AdiRiQ+I1SMLAODgNgei7g9VA4rYMQRKWxAfA2IlRWXLmXg0NICC/64do3hfnQ0iHkXiEGCv4iNlDyQYSAGi5AQA5eBARiD2FCgDFVDlJdFgbgGxvn9+jUDNjZUjSgxBjYBMT/ckOfPGbCxoWqaCBmoDcSpyAJ/3rzByoaC1LOMjNr4DOwDYmZkATwuZICq7cNloCcQu6Hr+IMUbn9QwxAG3ICu9ERPNixAfBmINTDChJubgV1FBcz+eecOw7+vX7EZegOIdYFJ6A/MhRnYDAMBkAHsiopgjMMwBqjeDJgLBYH0HSAWwqZSMDycQWnFCjD7XkQEw/uVK3EZ+g6IVUAurMVlGDgsRESwsrEAkBm1LDCn4gJv5sxhYJORgbMJgAyQlzcCGX4M1AGbAAIMACArYQ3yHUR+AAAAAElFTkSuQmCC);
  background-repeat: no-repeat
}

.icon--loading {
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat
}

.icon--inline--success {
  padding-left: 20px
}

.icon--inline--success:before {
  top: 3px;
  background-position: 0 0
}

.collapsibleBox__Toggler:before,
.icon--bluearrow,
.toggle__handle--blueArrow:before,
.toggle__handle--right:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAUCAYAAABbLMdoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOZJREFUeNpieP3x+/+tZx7/BwIGXHjnuaf/QeoYNpx49F8ibuX/NUcfYNWw/sTD/+JxK/6vO/4QIrD04D2sGmAKF+2/AxaHS6BrACkE8ZccuAs3gBGsAwqWHbr/v3juaQZuDhaGrz/+MPQmmzJE2SkywhWgu3H5oXv/ldPW/l9x+D6GH1BMJgSYGEgAdFS88siD/yrp68AexKsYFHQFs0+B2YVzToP5KKphwQIKfFAkgCIDxAdFDogPiiyYGjABik5QtMIUwjC6BgZQAsGmEF0DKMExgJIeKAniS6KgJAxSNxRjECDAANApT9aS8y4bAAAAAElFTkSuQmCC);
  display: inline-block;
  background-repeat: no-repeat
}

.collapsed>.collapsibleBox__Toggler:before,
.icon--bluearrow--up {
  background-position: 0 0
}

.expanded>.collapsibleBox__Toggler:before,
.icon--bluearrow--down {
  background-position: 0 -10px
}

.icon--bluearrow--left {
  background-position: 0 -40px
}

.icon--bluearrow--right {
  background-position: 0 -60px
}

.icon--white--lock,
.icon16--before--whitelock:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowOTlmODU0YS1hYzI4LTQwMTgtOTNkZi0wYzk3YmViNWJiYmQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzBDNzhEQ0E1OTlBMTFFM0FGN0ZERjRGRDQ2QkVFM0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzBDNzhEQzk1OTlBMTFFM0FGN0ZERjRGRDQ2QkVFM0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YzgxOTMwMzctYzc4YS00OTk2LThiNDQtODkyZDk0NGQ0NjNjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA5OWY4NTRhLWFjMjgtNDAxOC05M2RmLTBjOTdiZWI1YmJiZCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgzFY90AAAEZSURBVHjaYvj//38JEP/6Tzr4AsRRjCDNDAwMrAzYwJ9vDAyMTAwMzBwMOMAjJqyaf75nYDgazcCwTpiBYS0Qn8ljYPj7HZsB/ExYzb3cCDTkDQODx0UGBtfjDAyvgfjmVKxKWbCKfrrGwCAfwcDApwbhS/sAxW5iVcrEQBRgxCmD6YIHyxkYvt5nYHiyGUg/hoi9OsTA8PsTA8PTbUDXeKEaDYoPFJFVXAwM//9it45bhYHB5yqyyEdMLyBrdtzNwGC+EEnuD4lhAIq6P5/xKiFgwE8Ghn+/8SphwSt7Zy7QkG8kGiATzMDw4RKE/fUuhOZRhdCSHpgRjBELpAFwLHygwIBnIBcA0ylDFxBLkKgZmNoYsgECDADl5JFW3VRkGQAAAABJRU5ErkJggg==);
  background-repeat: no-repeat
}

.icon16--before--whitelock:before {
  content: '';
  position: absolute;
  left: -23px;
  top: 4px;
  width: 16px;
  height: 16px;
  display: inline-block
}

.link__icon--32 {
  padding-left: 37px
}

.icon--pdf {
  min-height: 23px;
  display: inline-block;
  background-repeat: no-repeat
}

.icon--pdf--small {
  min-height: 22px;
  display: inline-block;
  background-repeat: no-repeat
}

.icon-whiteLock {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAUCAYAAABSx2cSAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADI2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkE0REVGODM3NDg5MTFFMzg2NEZBMTU0NzlGOEVCREUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkE0REVGODQ3NDg5MTFFMzg2NEZBMTU0NzlGOEVCREUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQTRERUY4MTc0ODkxMUUzODY0RkExNTQ3OUY4RUJERSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQTRERUY4Mjc0ODkxMUUzODY0RkExNTQ3OUY4RUJERSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlB9dkQAAAIMSURBVDhPY2A09GfAglmAYjxALALEYkAsAMTsQMyIrBZdI0iSA4hlgNgciD2A2AuI7YBYDYj5gJgJZgC6ZlaghJykS4L38h2H5t55/Pz0oxevLx45f22Lf0FrBlBOD4i5cWnm0w/Ld37x5v2d/xDw99+/fz9AjN9//nxvn7emEqhRCuZ8dJvFgLYsBSl++urtsp3HzoulN09lvXjrfvKfv39/fPry7SWHeYgqUDMzyHZ0zRJATRdBCiVc4pWQAkf45oOn20GGZrfPsAGKgwIURTMosKSATr726/efr0A2SDMoDEBY/OrdR1tAmkv75ztBxeCaQSEICkl9oM03f/76/Q3ItgViTSg2PXf97i6Q5uiq3lCQYSADYM7mBHK0dENzk5+8fPMYqPmHa0ZdvWd2YyUIu2fV15y5ducsSHNW2/RWoFqQ0wVhmvnnrN9d8vfvv7/QUMZLXbv3+ADIizDNgudv3FtGjEaQmi/fvr8GapbBqxkYSJP3nLyY/O3Hz3fIBhPUDAzxH0DTDYFYFegqcGDBAEHNIIVbD5+p8MhqMPv6/cd7kjWv23e8Xcg+2haYaH7j0ywATILgZIkMQko6WoDOzgDG/WMsmqVhAcZ1+9GzucSGNjAAXwINFYZpZgYmjnQSNB8CamZHzhhML99+sHz17qPX8zfvvHHhtx8+uwFTGz8oW2IrgogWAwD38oVrsvIpJQAAAABJRU5ErkJggg==);
  background-repeat: no-repeat
}

.icon--blueCheckmark:before {
  color: #ffda00
}

a.icon--arrow--cta:before {
  background-color: transparent;
  position: relative;
  top: 10px;
  left: -4px;
  color: #333
}

button.icon--arrow--cta:before {
  background-color: transparent;
  color: #333;
  position: absolute;
  top: 0;
  margin-left: -36px
}

.icon--externalLink:before {
  color: #2071b5
}

.icon--btnArrow--down:before,
.icon--btnArrow--left:before,
.icon--btnArrow--right:before,
.icon--btnArrow--up:before,
.icon--btnIcon--cross:before,
.icon--btnIcon--edit:before,
.icon--btnIcon--plus:before,
.icon--btnicons:before {
  width: 18px;
  height: 18px;
  font-size: 24px;
  line-height: 24px;
  color: #fff;
  position: absolute;
  top: 2px;
  left: 0
}

.eyecatcher {
  position: relative
}

.eyecatcher__orangebubble {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: table;
  border-radius: 50%;
  background: #ffda00;
  height: 110px;
  width: 110px
}

.eyecatcher__orangebubble .eyecatcher__teasertext {
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.eyecatcher__orangebubble--small {
  height: 60px;
  width: 60px
}

.eye-icon,
.eye-icon.eye-closed {
  width: 14px;
  height: 14px;
  background-position: 0 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoAAAAHgCAMAAAACDyzWAAAAM1BMVEUAAABERERDQ0NAQEBDQ0NAQEBERERDQ0NERERERERDQ0NERERCQkJDQ0NDQ0NFRUVERESG3HjvAAAAEHRSTlMAgNAQ8SDBoUBw4bFgUJAwSI8LGQAAAhZJREFUeNrs2DtuwzAQQMHlX5Jlm/c/bWwViZHUUpqZhnw9sSA2APhlSSXgEi31OXtqn1mrB8g11jpvyzZnXT9zjzXgfKOnbalzztTHT25R8gg4W8ol5dt8SSWv37mUveQUcLLZ4j4P92jznfvr3iMdCSdLOSLPl/d5TMB3PkuPMAG5wMiljFpHaXkc2Z5zxL34A3KNtT6WiOVR1yNT3WqLJVXzjwv83QPuM0XvjxbwH9qwgwYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAv9uBAAAAAAADI/7URVFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVWFPTgQAAAAAADyf20EVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVhDw4EAAAAAID8XxtBVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVXYgwMBAAAAACD/10ZQVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVZWNglEwCkbBKBgFo2AIAQDqsAXKcq5DXAAAAABJRU5ErkJggg==)
}

.eye-icon.eye-closed {
  background-position: -15px 0;
  width: 14px;
  height: 14px
}

.btn {
  display: inline-block;
  margin-bottom: 8px;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  border-radius: 100px !important;
  cursor: pointer;
  background-image: none;
  border: 2px solid;
  white-space: normal;
  min-height: 32px;
  padding: 6px 22px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19.599999999999998px;
  line-height: 1.9599999999999997rem;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  text-decoration: none
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

.btn:focus,
.btn:hover {
  color: #fff;
  text-decoration: none
}

.btn.active,
.btn:active {
  outline: 0;
  background-image: none
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-opacity: .65;
  -moz-opacity: .65;
  opacity: .65;
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn[disabled] {
  pointer-events: auto;
  cursor: not-allowed
}

.btn.hidden {
  display: none
}

form[data-enable-submit-onchange] button[type=submit][disabled],
form[data-enable-submit-onchange] input[type=submit][disabled] {
  border-color: #d1d1cf;
  background-color: #d1d1cf
}

form[data-enable-submit-onchange] button[type=submit][disabled]:hover,
form[data-enable-submit-onchange] input[type=submit][disabled]:hover {
  color: #fff
}

.btn-centered {
  margin: 0 auto;
  display: block
}

.btn-default {
  color: #fff;
  font-family: VattenfallHall-Regular;
  background: #9e9c9c;
  border-color: #9e9c9c
}

.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default {
  color: #9e9c9c;
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-default.active,
.btn-default:active,
.open .dropdown-toggle.btn-default {
  background-image: none
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
  opacity: 50%
}

.btn-primary {
  color: #333;
  font-family: VattenfallHall-Light;
  background: #ffda00;
  border-color: #ffda00
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary {
  color: #333;
  background: #ffe85b;
  border-color: #ffe85b;
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-primary.active,
.btn-primary:active,
.open .dropdown-toggle.btn-primary {
  background-image: none
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  opacity: 50%
}

.btn-header {
  color: #fff;
  font-family: Vattenfalr;
  background: 0 0;
  border-color: #fff
}

.btn-header.active,
.btn-header:active,
.btn-header:focus,
.btn-header:hover,
.open .dropdown-toggle.btn-header {
  color: #f90;
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-header.active,
.btn-header:active,
.open .dropdown-toggle.btn-header {
  background-image: none
}

.btn-header.disabled,
.btn-header.disabled.active,
.btn-header.disabled:active,
.btn-header.disabled:focus,
.btn-header.disabled:hover,
.btn-header[disabled],
.btn-header[disabled].active,
.btn-header[disabled]:active,
.btn-header[disabled]:focus,
.btn-header[disabled]:hover,
fieldset[disabled] .btn-header,
fieldset[disabled] .btn-header.active,
fieldset[disabled] .btn-header:active,
fieldset[disabled] .btn-header:focus,
fieldset[disabled] .btn-header:hover {
  opacity: 50%
}

@media (max-width:480px) {

  .btn-header.btn-login,
  .btn-header.btn-logout {
    text-indent: -1000%;
    border: none;
    position: relative
  }

  .btn-header.btn-login.active,
  .btn-header.btn-login:active,
  .btn-header.btn-login:focus,
  .btn-header.btn-login:hover,
  .btn-header.btn-logout.active,
  .btn-header.btn-logout:active,
  .btn-header.btn-logout:focus,
  .btn-header.btn-logout:hover,
  .open .dropdown-toggle.btn-header.btn-login,
  .open .dropdown-toggle.btn-header.btn-logout {
    color: #f90;
    background: 0 0
  }

  .btn-header.btn-login::before,
  .btn-header.btn-logout::before {
    content: "";
    display: block;
    position: absolute;
    width: 38px;
    height: 38px;
    left: 0;
    top: 0;
    -webkit-background-size: contain;
    background-size: contain
  }

  .btn-header.btn-login::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.4%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%221500px%22%20height%3D%221500px%22%20viewBox%3D%220%200%201500%201500%22%20enable-background%3D%22new%200%200%201500%201500%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Ebene_1_1_%22%3E%0D%0A%09%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M750.002%2C837.5c38.597%2C0%2C69.998%2C31.401%2C69.998%2C69.998c0%2C25.442-13.646%2C47.752-34%2C60.009V1073h-70V968.657%0D%0A%09%09c-21.453-11.976-36-34.896-36-61.159C680%2C868.901%2C711.403%2C837.5%2C750.002%2C837.5z%20M1100%2C793.438V1215l-35%2C35H435l-35-35V793.438%0D%0A%09%09l10.218-24.715C502.554%2C676.136%2C623.224%2C625.146%2C750%2C625.146c73.496%2C0%2C144.939%2C17.14%2C210%2C49.585V529.995%0D%0A%09%09c0-28.36-5.549-55.855-16.494-81.723c-10.566-24.994-25.712-47.452-45.019-66.759c-19.277-19.286-41.743-34.435-66.779-45.03%0D%0A%09%09c-25.841-10.932-53.334-16.476-81.708-16.476c-28.358%2C0-55.856%2C5.549-81.73%2C16.493c-24.995%2C10.582-47.461%2C25.74-66.761%2C45.046%0D%0A%09%09c-19.278%2C19.284-34.425%2C41.685-45.017%2C66.723C545.549%2C474.146%2C540%2C502.007%2C540%2C530.007h-70c0-38%2C7.409-74.451%2C22.021-109.003%0D%0A%09%09c14.12-33.382%2C34.301-63.295%2C59.981-88.981c25.701-25.71%2C55.641-45.886%2C88.986-60.004C675.55%2C257.4%2C712.222%2C250%2C750%2C250%0D%0A%09%09c37.793%2C0%2C74.461%2C7.41%2C108.986%2C22.013c33.386%2C14.131%2C63.328%2C34.322%2C89.003%2C60.008c25.709%2C25.709%2C45.895%2C55.648%2C59.987%2C88.983%0D%0A%09%09c14.611%2C34.535%2C22.022%2C71.209%2C22.022%2C108.99V717.39c20.979%2C15.332%2C40.969%2C32.47%2C59.783%2C51.333L1100%2C793.438z%20M1030%2C808.23%0D%0A%09%09c-77.661-73.031-176.554-113.086-280-113.086s-202.338%2C40.055-280%2C113.084V1180h560V808.23z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
  }

  .btn-header.btn-logout::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.4%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%221500px%22%20height%3D%221500px%22%20viewBox%3D%220%200%201500%201500%22%20enable-background%3D%22new%200%200%201500%201500%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Ebene_1_1_%22%3E%0D%0A%09%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M750.002%2C837.49c38.597%2C0%2C69.998%2C31.4%2C69.998%2C69.998c0%2C25.441-13.646%2C47.752-34%2C60.009V1073h-70V968.646%0D%0A%09%09c-21.453-11.975-36-34.895-36-61.158C680%2C868.891%2C711.403%2C837.49%2C750.002%2C837.49z%20M1089.783%2C768.709L1100%2C793.424V1215l-35%2C35H435%0D%0A%09%09l-35-35V793.424l10.218-24.715c18.813-18.865%2C38.804-36.002%2C59.782-51.333V530.145c0-37.823%2C7.409-74.521%2C22.021-109.073%0D%0A%09%09c14.12-33.383%2C34.301-63.333%2C59.981-89.021c25.701-25.71%2C55.641-45.904%2C88.986-60.022C675.55%2C257.409%2C712.222%2C250%2C750%2C250%0D%0A%09%09c37.793%2C0%2C74.461%2C7.405%2C108.986%2C22.009c33.386%2C14.131%2C63.328%2C34.319%2C89.003%2C60.006c25.709%2C25.709%2C45.895%2C55.649%2C59.987%2C88.983%0D%0A%09%09c14.611%2C34.537%2C22.022%2C71.21%2C22.022%2C108.99v187.387C1050.979%2C732.707%2C1070.969%2C749.844%2C1089.783%2C768.709z%20M540%2C674.715%0D%0A%09%09c65.061-32.445%2C136.504-49.585%2C210-49.585s144.939%2C17.142%2C210%2C49.585V529.988c0-28.358-5.549-55.854-16.495-81.725%0D%0A%09%09c-10.567-24.994-25.712-47.452-45.019-66.758c-19.277-19.286-41.743-34.435-66.779-45.032C805.867%2C325.544%2C778.374%2C320%2C750%2C320%0D%0A%09%09c-28.358%2C0-55.856%2C5.549-81.73%2C16.493c-24.995%2C10.583-47.461%2C25.74-66.761%2C45.046c-19.278%2C19.285-34.425%2C41.759-45.017%2C66.799%0D%0A%09%09C545.549%2C474.214%2C540%2C501.738%2C540%2C530.145V674.715z%20M1030%2C808.216C952.339%2C735.185%2C853.446%2C695.13%2C750%2C695.13%0D%0A%09%09s-202.338%2C40.054-280%2C113.086V1180h560V808.216z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
  }
}

.btn-secondary {
  color: #fff;
  font-family: VattenfallHall-Light;
  background: #2071b5;
  border-color: #2071b5
}

.btn-secondary.active,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.open .dropdown-toggle.btn-secondary {
  color: #fff;
  background: #1e324f;
  border-color: #1e324f;
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-secondary.active,
.btn-secondary:active,
.open .dropdown-toggle.btn-secondary {
  background-image: none
}

.btn-secondary.disabled,
.btn-secondary.disabled.active,
.btn-secondary.disabled:active,
.btn-secondary.disabled:focus,
.btn-secondary.disabled:hover,
.btn-secondary[disabled],
.btn-secondary[disabled].active,
.btn-secondary[disabled]:active,
.btn-secondary[disabled]:focus,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary,
fieldset[disabled] .btn-secondary.active,
fieldset[disabled] .btn-secondary:active,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary:hover {
  opacity: 50%
}

.btn-link {
  color: #2071b5;
  font-weight: 400;
  cursor: pointer;
  border-radius: 0
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
  border-color: transparent
}

.btn-link:focus,
.btn-link:hover {
  color: #005c63;
  text-decoration: underline;
  background-color: transparent
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
  color: #d1d1cf;
  text-decoration: none
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 0
}

.btn-icon {
  vertical-align: middle;
  position: relative
}

.button {
  cursor: pointer
}

.btn--fullWidth,
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0
}

@media (max-width:789px) {
  .btn--fullWidth__mobile {
    width: 100%;
    padding-left: 0;
    padding-right: 0
  }
}

.btn-block+.btn-block {
  margin-top: 5px
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
  width: 100%
}

.btn-crossButton {
  background-color: transparent;
  min-width: 22px;
  min-height: 22px;
  max-height: 22px;
  border: none
}

.btn-crossButton:hover {
  background-position: 0 -24px
}

a.btn.btn-ghost--white-white {
  background: #fff;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--white-white .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--white-white:hover {
  background: #fff;
  color: #fff
}

.no-touch a.btn.btn-ghost--white-white:hover svg {
  fill: #fff
}

.no-touch a.btn.btn-ghost--white-white:hover .vf-icon-invert {
  color: #fff;
  background: #fff
}

a.btn.btn-ghost--white-orange {
  background: #fff;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--white-orange .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--white-orange:hover {
  background: #ffda00;
  color: #fff
}

.no-touch a.btn.btn-ghost--white-orange:hover svg {
  fill: #fff
}

.no-touch a.btn.btn-ghost--white-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #fff
}

a.btn.btn-ghost--white-blue-night {
  background: #fff;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--white-blue-night .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--white-blue-night:hover {
  background: #1e324f;
  color: #fff
}

.no-touch a.btn.btn-ghost--white-blue-night:hover svg {
  fill: #fff
}

.no-touch a.btn.btn-ghost--white-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #fff
}

a.btn.btn-ghost--white-blue-mid {
  background: #fff;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--white-blue-mid .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--white-blue-mid:hover {
  background: #2071b5;
  color: #fff
}

.no-touch a.btn.btn-ghost--white-blue-mid:hover svg {
  fill: #fff
}

.no-touch a.btn.btn-ghost--white-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #fff
}

a.btn.btn-ghost--white-blue-sky {
  background: #fff;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--white-blue-sky .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--white-blue-sky:hover {
  background: #3dc07c;
  color: #fff
}

.no-touch a.btn.btn-ghost--white-blue-sky:hover svg {
  fill: #fff
}

.no-touch a.btn.btn-ghost--white-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #fff
}

a.btn.btn-ghost--white-yellow-mid {
  background: #fff;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--white-yellow-mid .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--white-yellow-mid:hover {
  background: #ffda00;
  color: #fff
}

.no-touch a.btn.btn-ghost--white-yellow-mid:hover svg {
  fill: #fff
}

.no-touch a.btn.btn-ghost--white-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #fff
}

a.btn.btn-ghost--white-yellow-light {
  background: #fff;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--white-yellow-light .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--white-yellow-light:hover {
  background: #ffda00;
  color: #fff
}

.no-touch a.btn.btn-ghost--white-yellow-light:hover svg {
  fill: #fff
}

.no-touch a.btn.btn-ghost--white-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #fff
}

a.btn.btn-ghost--white-green-dark {
  background: #fff;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--white-green-dark .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--white-green-dark:hover {
  background: #0a4f2e;
  color: #fff
}

.no-touch a.btn.btn-ghost--white-green-dark:hover svg {
  fill: #fff
}

.no-touch a.btn.btn-ghost--white-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #fff
}

a.btn.btn-ghost--white-green-mid {
  background: #fff;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--white-green-mid .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--white-green-mid:hover {
  background: #1f8c40;
  color: #fff
}

.no-touch a.btn.btn-ghost--white-green-mid:hover svg {
  fill: #fff
}

.no-touch a.btn.btn-ghost--white-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #fff
}

a.btn.btn-ghost--white-green-light {
  background: #fff;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--white-green-light .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--white-green-light:hover {
  background: #005c63;
  color: #fff
}

.no-touch a.btn.btn-ghost--white-green-light:hover svg {
  fill: #fff
}

.no-touch a.btn.btn-ghost--white-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #fff
}

a.btn.btn-ghost--white-brown-dark {
  background: #fff;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--white-brown-dark .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--white-brown-dark:hover {
  background: #73594a;
  color: #fff
}

.no-touch a.btn.btn-ghost--white-brown-dark:hover svg {
  fill: #fff
}

.no-touch a.btn.btn-ghost--white-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #fff
}

a.btn.btn-ghost--white-brown-mid {
  background: #fff;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--white-brown-mid .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--white-brown-mid:hover {
  background: #aa8263;
  color: #fff
}

.no-touch a.btn.btn-ghost--white-brown-mid:hover svg {
  fill: #fff
}

.no-touch a.btn.btn-ghost--white-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #fff
}

a.btn.btn-ghost--white-pink {
  background: #fff;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--white-pink .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--white-pink:hover {
  background: #f5c2ab;
  color: #fff
}

.no-touch a.btn.btn-ghost--white-pink:hover svg {
  fill: #fff
}

.no-touch a.btn.btn-ghost--white-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #fff
}

a.btn.btn-ghost--white-grey-dark {
  background: #fff;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--white-grey-dark .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--white-grey-dark:hover {
  background: #636361;
  color: #fff
}

.no-touch a.btn.btn-ghost--white-grey-dark:hover svg {
  fill: #fff
}

.no-touch a.btn.btn-ghost--white-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #fff
}

a.btn.btn-ghost--white-grey-mid {
  background: #fff;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--white-grey-mid .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--white-grey-mid:hover {
  background: #9e9c9c;
  color: #fff
}

.no-touch a.btn.btn-ghost--white-grey-mid:hover svg {
  fill: #fff
}

.no-touch a.btn.btn-ghost--white-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #fff
}

a.btn.btn-ghost--white-grey-light {
  background: #fff;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--white-grey-light .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--white-grey-light:hover {
  background: #d1d1cf;
  color: #fff
}

.no-touch a.btn.btn-ghost--white-grey-light:hover svg {
  fill: #fff
}

.no-touch a.btn.btn-ghost--white-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #fff
}

a.btn.btn-ghost--white-black {
  background: #fff;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--white-black .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--white-black:hover {
  background: #000;
  color: #fff
}

.no-touch a.btn.btn-ghost--white-black:hover svg {
  fill: #fff
}

.no-touch a.btn.btn-ghost--white-black:hover .vf-icon-invert {
  color: #000;
  background: #fff
}

a.btn.btn-ghost--orange-white {
  background: #ffda00;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--orange-white .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--orange-white:hover {
  background: #fff;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--orange-white:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--orange-white:hover .vf-icon-invert {
  color: #fff;
  background: #ffda00
}

a.btn.btn-ghost--orange-orange {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--orange-orange .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--orange-orange:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--orange-orange:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--orange-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

a.btn.btn-ghost--orange-blue-night {
  background: #ffda00;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--orange-blue-night .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--orange-blue-night:hover {
  background: #1e324f;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--orange-blue-night:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--orange-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #ffda00
}

a.btn.btn-ghost--orange-blue-mid {
  background: #ffda00;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--orange-blue-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--orange-blue-mid:hover {
  background: #2071b5;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--orange-blue-mid:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--orange-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #ffda00
}

a.btn.btn-ghost--orange-blue-sky {
  background: #ffda00;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--orange-blue-sky .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--orange-blue-sky:hover {
  background: #3dc07c;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--orange-blue-sky:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--orange-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #ffda00
}

a.btn.btn-ghost--orange-yellow-mid {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--orange-yellow-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--orange-yellow-mid:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--orange-yellow-mid:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--orange-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

a.btn.btn-ghost--orange-yellow-light {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--orange-yellow-light .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--orange-yellow-light:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--orange-yellow-light:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--orange-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

a.btn.btn-ghost--orange-green-dark {
  background: #ffda00;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--orange-green-dark .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--orange-green-dark:hover {
  background: #0a4f2e;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--orange-green-dark:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--orange-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #ffda00
}

a.btn.btn-ghost--orange-green-mid {
  background: #ffda00;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--orange-green-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--orange-green-mid:hover {
  background: #1f8c40;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--orange-green-mid:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--orange-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #ffda00
}

a.btn.btn-ghost--orange-green-light {
  background: #ffda00;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--orange-green-light .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--orange-green-light:hover {
  background: #005c63;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--orange-green-light:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--orange-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #ffda00
}

a.btn.btn-ghost--orange-brown-dark {
  background: #ffda00;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--orange-brown-dark .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--orange-brown-dark:hover {
  background: #73594a;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--orange-brown-dark:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--orange-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #ffda00
}

a.btn.btn-ghost--orange-brown-mid {
  background: #ffda00;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--orange-brown-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--orange-brown-mid:hover {
  background: #aa8263;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--orange-brown-mid:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--orange-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #ffda00
}

a.btn.btn-ghost--orange-pink {
  background: #ffda00;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--orange-pink .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--orange-pink:hover {
  background: #f5c2ab;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--orange-pink:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--orange-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #ffda00
}

a.btn.btn-ghost--orange-grey-dark {
  background: #ffda00;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--orange-grey-dark .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--orange-grey-dark:hover {
  background: #636361;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--orange-grey-dark:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--orange-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #ffda00
}

a.btn.btn-ghost--orange-grey-mid {
  background: #ffda00;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--orange-grey-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--orange-grey-mid:hover {
  background: #9e9c9c;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--orange-grey-mid:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--orange-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #ffda00
}

a.btn.btn-ghost--orange-grey-light {
  background: #ffda00;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--orange-grey-light .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--orange-grey-light:hover {
  background: #d1d1cf;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--orange-grey-light:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--orange-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #ffda00
}

a.btn.btn-ghost--orange-black {
  background: #ffda00;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--orange-black .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--orange-black:hover {
  background: #000;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--orange-black:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--orange-black:hover .vf-icon-invert {
  color: #000;
  background: #ffda00
}

a.btn.btn-ghost--blue-night-white {
  background: #1e324f;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-night-white .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-night-white:hover {
  background: #fff;
  color: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-white:hover svg {
  fill: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-white:hover .vf-icon-invert {
  color: #fff;
  background: #1e324f
}

a.btn.btn-ghost--blue-night-orange {
  background: #1e324f;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-night-orange .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-night-orange:hover {
  background: #ffda00;
  color: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-orange:hover svg {
  fill: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #1e324f
}

a.btn.btn-ghost--blue-night-blue-night {
  background: #1e324f;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-night-blue-night .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-night-blue-night:hover {
  background: #1e324f;
  color: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-blue-night:hover svg {
  fill: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #1e324f
}

a.btn.btn-ghost--blue-night-blue-mid {
  background: #1e324f;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-night-blue-mid .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-night-blue-mid:hover {
  background: #2071b5;
  color: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-blue-mid:hover svg {
  fill: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #1e324f
}

a.btn.btn-ghost--blue-night-blue-sky {
  background: #1e324f;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-night-blue-sky .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-night-blue-sky:hover {
  background: #3dc07c;
  color: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-blue-sky:hover svg {
  fill: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #1e324f
}

a.btn.btn-ghost--blue-night-yellow-mid {
  background: #1e324f;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-night-yellow-mid .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-night-yellow-mid:hover {
  background: #ffda00;
  color: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-yellow-mid:hover svg {
  fill: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #1e324f
}

a.btn.btn-ghost--blue-night-yellow-light {
  background: #1e324f;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-night-yellow-light .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-night-yellow-light:hover {
  background: #ffda00;
  color: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-yellow-light:hover svg {
  fill: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #1e324f
}

a.btn.btn-ghost--blue-night-green-dark {
  background: #1e324f;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-night-green-dark .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-night-green-dark:hover {
  background: #0a4f2e;
  color: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-green-dark:hover svg {
  fill: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #1e324f
}

a.btn.btn-ghost--blue-night-green-mid {
  background: #1e324f;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-night-green-mid .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-night-green-mid:hover {
  background: #1f8c40;
  color: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-green-mid:hover svg {
  fill: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #1e324f
}

a.btn.btn-ghost--blue-night-green-light {
  background: #1e324f;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-night-green-light .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-night-green-light:hover {
  background: #005c63;
  color: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-green-light:hover svg {
  fill: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #1e324f
}

a.btn.btn-ghost--blue-night-brown-dark {
  background: #1e324f;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-night-brown-dark .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-night-brown-dark:hover {
  background: #73594a;
  color: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-brown-dark:hover svg {
  fill: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #1e324f
}

a.btn.btn-ghost--blue-night-brown-mid {
  background: #1e324f;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-night-brown-mid .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-night-brown-mid:hover {
  background: #aa8263;
  color: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-brown-mid:hover svg {
  fill: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #1e324f
}

a.btn.btn-ghost--blue-night-pink {
  background: #1e324f;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-night-pink .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-night-pink:hover {
  background: #f5c2ab;
  color: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-pink:hover svg {
  fill: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #1e324f
}

a.btn.btn-ghost--blue-night-grey-dark {
  background: #1e324f;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-night-grey-dark .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-night-grey-dark:hover {
  background: #636361;
  color: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-grey-dark:hover svg {
  fill: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #1e324f
}

a.btn.btn-ghost--blue-night-grey-mid {
  background: #1e324f;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-night-grey-mid .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-night-grey-mid:hover {
  background: #9e9c9c;
  color: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-grey-mid:hover svg {
  fill: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #1e324f
}

a.btn.btn-ghost--blue-night-grey-light {
  background: #1e324f;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-night-grey-light .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-night-grey-light:hover {
  background: #d1d1cf;
  color: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-grey-light:hover svg {
  fill: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #1e324f
}

a.btn.btn-ghost--blue-night-black {
  background: #1e324f;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-night-black .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-night-black:hover {
  background: #000;
  color: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-black:hover svg {
  fill: #1e324f
}

.no-touch a.btn.btn-ghost--blue-night-black:hover .vf-icon-invert {
  color: #000;
  background: #1e324f
}

a.btn.btn-ghost--blue-mid-white {
  background: #2071b5;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-mid-white .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-mid-white:hover {
  background: #fff;
  color: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-white:hover svg {
  fill: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-white:hover .vf-icon-invert {
  color: #fff;
  background: #2071b5
}

a.btn.btn-ghost--blue-mid-orange {
  background: #2071b5;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-mid-orange .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-mid-orange:hover {
  background: #ffda00;
  color: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-orange:hover svg {
  fill: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #2071b5
}

a.btn.btn-ghost--blue-mid-blue-night {
  background: #2071b5;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-mid-blue-night .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-mid-blue-night:hover {
  background: #1e324f;
  color: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-blue-night:hover svg {
  fill: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #2071b5
}

a.btn.btn-ghost--blue-mid-blue-mid {
  background: #2071b5;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-mid-blue-mid .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-mid-blue-mid:hover {
  background: #2071b5;
  color: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-blue-mid:hover svg {
  fill: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #2071b5
}

a.btn.btn-ghost--blue-mid-blue-sky {
  background: #2071b5;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-mid-blue-sky .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-mid-blue-sky:hover {
  background: #3dc07c;
  color: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-blue-sky:hover svg {
  fill: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #2071b5
}

a.btn.btn-ghost--blue-mid-yellow-mid {
  background: #2071b5;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-mid-yellow-mid .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-mid-yellow-mid:hover {
  background: #ffda00;
  color: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-yellow-mid:hover svg {
  fill: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #2071b5
}

a.btn.btn-ghost--blue-mid-yellow-light {
  background: #2071b5;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-mid-yellow-light .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-mid-yellow-light:hover {
  background: #ffda00;
  color: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-yellow-light:hover svg {
  fill: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #2071b5
}

a.btn.btn-ghost--blue-mid-green-dark {
  background: #2071b5;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-mid-green-dark .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-mid-green-dark:hover {
  background: #0a4f2e;
  color: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-green-dark:hover svg {
  fill: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #2071b5
}

a.btn.btn-ghost--blue-mid-green-mid {
  background: #2071b5;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-mid-green-mid .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-mid-green-mid:hover {
  background: #1f8c40;
  color: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-green-mid:hover svg {
  fill: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #2071b5
}

a.btn.btn-ghost--blue-mid-green-light {
  background: #2071b5;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-mid-green-light .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-mid-green-light:hover {
  background: #005c63;
  color: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-green-light:hover svg {
  fill: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #2071b5
}

a.btn.btn-ghost--blue-mid-brown-dark {
  background: #2071b5;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-mid-brown-dark .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-mid-brown-dark:hover {
  background: #73594a;
  color: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-brown-dark:hover svg {
  fill: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #2071b5
}

a.btn.btn-ghost--blue-mid-brown-mid {
  background: #2071b5;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-mid-brown-mid .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-mid-brown-mid:hover {
  background: #aa8263;
  color: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-brown-mid:hover svg {
  fill: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #2071b5
}

a.btn.btn-ghost--blue-mid-pink {
  background: #2071b5;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-mid-pink .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-mid-pink:hover {
  background: #f5c2ab;
  color: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-pink:hover svg {
  fill: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #2071b5
}

a.btn.btn-ghost--blue-mid-grey-dark {
  background: #2071b5;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-mid-grey-dark .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-mid-grey-dark:hover {
  background: #636361;
  color: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-grey-dark:hover svg {
  fill: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #2071b5
}

a.btn.btn-ghost--blue-mid-grey-mid {
  background: #2071b5;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-mid-grey-mid .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-mid-grey-mid:hover {
  background: #9e9c9c;
  color: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-grey-mid:hover svg {
  fill: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #2071b5
}

a.btn.btn-ghost--blue-mid-grey-light {
  background: #2071b5;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-mid-grey-light .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-mid-grey-light:hover {
  background: #d1d1cf;
  color: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-grey-light:hover svg {
  fill: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #2071b5
}

a.btn.btn-ghost--blue-mid-black {
  background: #2071b5;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-mid-black .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-mid-black:hover {
  background: #000;
  color: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-black:hover svg {
  fill: #2071b5
}

.no-touch a.btn.btn-ghost--blue-mid-black:hover .vf-icon-invert {
  color: #000;
  background: #2071b5
}

a.btn.btn-ghost--blue-sky-white {
  background: #3dc07c;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-sky-white .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-sky-white:hover {
  background: #fff;
  color: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-white:hover svg {
  fill: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-white:hover .vf-icon-invert {
  color: #fff;
  background: #3dc07c
}

a.btn.btn-ghost--blue-sky-orange {
  background: #3dc07c;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-sky-orange .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-sky-orange:hover {
  background: #ffda00;
  color: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-orange:hover svg {
  fill: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #3dc07c
}

a.btn.btn-ghost--blue-sky-blue-night {
  background: #3dc07c;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-sky-blue-night .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-sky-blue-night:hover {
  background: #1e324f;
  color: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-blue-night:hover svg {
  fill: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #3dc07c
}

a.btn.btn-ghost--blue-sky-blue-mid {
  background: #3dc07c;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-sky-blue-mid .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-sky-blue-mid:hover {
  background: #2071b5;
  color: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-blue-mid:hover svg {
  fill: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #3dc07c
}

a.btn.btn-ghost--blue-sky-blue-sky {
  background: #3dc07c;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-sky-blue-sky .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-sky-blue-sky:hover {
  background: #3dc07c;
  color: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-blue-sky:hover svg {
  fill: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #3dc07c
}

a.btn.btn-ghost--blue-sky-yellow-mid {
  background: #3dc07c;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-sky-yellow-mid .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-sky-yellow-mid:hover {
  background: #ffda00;
  color: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-yellow-mid:hover svg {
  fill: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #3dc07c
}

a.btn.btn-ghost--blue-sky-yellow-light {
  background: #3dc07c;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-sky-yellow-light .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-sky-yellow-light:hover {
  background: #ffda00;
  color: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-yellow-light:hover svg {
  fill: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #3dc07c
}

a.btn.btn-ghost--blue-sky-green-dark {
  background: #3dc07c;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-sky-green-dark .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-sky-green-dark:hover {
  background: #0a4f2e;
  color: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-green-dark:hover svg {
  fill: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #3dc07c
}

a.btn.btn-ghost--blue-sky-green-mid {
  background: #3dc07c;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-sky-green-mid .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-sky-green-mid:hover {
  background: #1f8c40;
  color: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-green-mid:hover svg {
  fill: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #3dc07c
}

a.btn.btn-ghost--blue-sky-green-light {
  background: #3dc07c;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-sky-green-light .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-sky-green-light:hover {
  background: #005c63;
  color: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-green-light:hover svg {
  fill: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #3dc07c
}

a.btn.btn-ghost--blue-sky-brown-dark {
  background: #3dc07c;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-sky-brown-dark .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-sky-brown-dark:hover {
  background: #73594a;
  color: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-brown-dark:hover svg {
  fill: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #3dc07c
}

a.btn.btn-ghost--blue-sky-brown-mid {
  background: #3dc07c;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-sky-brown-mid .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-sky-brown-mid:hover {
  background: #aa8263;
  color: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-brown-mid:hover svg {
  fill: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #3dc07c
}

a.btn.btn-ghost--blue-sky-pink {
  background: #3dc07c;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-sky-pink .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-sky-pink:hover {
  background: #f5c2ab;
  color: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-pink:hover svg {
  fill: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #3dc07c
}

a.btn.btn-ghost--blue-sky-grey-dark {
  background: #3dc07c;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-sky-grey-dark .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-sky-grey-dark:hover {
  background: #636361;
  color: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-grey-dark:hover svg {
  fill: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #3dc07c
}

a.btn.btn-ghost--blue-sky-grey-mid {
  background: #3dc07c;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-sky-grey-mid .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-sky-grey-mid:hover {
  background: #9e9c9c;
  color: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-grey-mid:hover svg {
  fill: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #3dc07c
}

a.btn.btn-ghost--blue-sky-grey-light {
  background: #3dc07c;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-sky-grey-light .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-sky-grey-light:hover {
  background: #d1d1cf;
  color: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-grey-light:hover svg {
  fill: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #3dc07c
}

a.btn.btn-ghost--blue-sky-black {
  background: #3dc07c;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--blue-sky-black .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--blue-sky-black:hover {
  background: #000;
  color: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-black:hover svg {
  fill: #3dc07c
}

.no-touch a.btn.btn-ghost--blue-sky-black:hover .vf-icon-invert {
  color: #000;
  background: #3dc07c
}

a.btn.btn-ghost--yellow-mid-white {
  background: #ffda00;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-mid-white .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-mid-white:hover {
  background: #fff;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-white:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-white:hover .vf-icon-invert {
  color: #fff;
  background: #ffda00
}

a.btn.btn-ghost--yellow-mid-orange {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-mid-orange .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-mid-orange:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-orange:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

a.btn.btn-ghost--yellow-mid-blue-night {
  background: #ffda00;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-mid-blue-night .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-mid-blue-night:hover {
  background: #1e324f;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-blue-night:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #ffda00
}

a.btn.btn-ghost--yellow-mid-blue-mid {
  background: #ffda00;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-mid-blue-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-mid-blue-mid:hover {
  background: #2071b5;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-blue-mid:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #ffda00
}

a.btn.btn-ghost--yellow-mid-blue-sky {
  background: #ffda00;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-mid-blue-sky .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-mid-blue-sky:hover {
  background: #3dc07c;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-blue-sky:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #ffda00
}

a.btn.btn-ghost--yellow-mid-yellow-mid {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-mid-yellow-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-mid-yellow-mid:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-yellow-mid:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

a.btn.btn-ghost--yellow-mid-yellow-light {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-mid-yellow-light .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-mid-yellow-light:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-yellow-light:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

a.btn.btn-ghost--yellow-mid-green-dark {
  background: #ffda00;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-mid-green-dark .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-mid-green-dark:hover {
  background: #0a4f2e;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-green-dark:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #ffda00
}

a.btn.btn-ghost--yellow-mid-green-mid {
  background: #ffda00;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-mid-green-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-mid-green-mid:hover {
  background: #1f8c40;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-green-mid:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #ffda00
}

a.btn.btn-ghost--yellow-mid-green-light {
  background: #ffda00;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-mid-green-light .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-mid-green-light:hover {
  background: #005c63;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-green-light:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #ffda00
}

a.btn.btn-ghost--yellow-mid-brown-dark {
  background: #ffda00;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-mid-brown-dark .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-mid-brown-dark:hover {
  background: #73594a;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-brown-dark:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #ffda00
}

a.btn.btn-ghost--yellow-mid-brown-mid {
  background: #ffda00;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-mid-brown-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-mid-brown-mid:hover {
  background: #aa8263;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-brown-mid:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #ffda00
}

a.btn.btn-ghost--yellow-mid-pink {
  background: #ffda00;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-mid-pink .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-mid-pink:hover {
  background: #f5c2ab;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-pink:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #ffda00
}

a.btn.btn-ghost--yellow-mid-grey-dark {
  background: #ffda00;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-mid-grey-dark .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-mid-grey-dark:hover {
  background: #636361;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-grey-dark:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #ffda00
}

a.btn.btn-ghost--yellow-mid-grey-mid {
  background: #ffda00;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-mid-grey-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-mid-grey-mid:hover {
  background: #9e9c9c;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-grey-mid:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #ffda00
}

a.btn.btn-ghost--yellow-mid-grey-light {
  background: #ffda00;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-mid-grey-light .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-mid-grey-light:hover {
  background: #d1d1cf;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-grey-light:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #ffda00
}

a.btn.btn-ghost--yellow-mid-black {
  background: #ffda00;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-mid-black .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-mid-black:hover {
  background: #000;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-black:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-mid-black:hover .vf-icon-invert {
  color: #000;
  background: #ffda00
}

a.btn.btn-ghost--yellow-light-white {
  background: #ffda00;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-light-white .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-light-white:hover {
  background: #fff;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-white:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-white:hover .vf-icon-invert {
  color: #fff;
  background: #ffda00
}

a.btn.btn-ghost--yellow-light-orange {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-light-orange .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-light-orange:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-orange:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

a.btn.btn-ghost--yellow-light-blue-night {
  background: #ffda00;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-light-blue-night .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-light-blue-night:hover {
  background: #1e324f;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-blue-night:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #ffda00
}

a.btn.btn-ghost--yellow-light-blue-mid {
  background: #ffda00;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-light-blue-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-light-blue-mid:hover {
  background: #2071b5;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-blue-mid:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #ffda00
}

a.btn.btn-ghost--yellow-light-blue-sky {
  background: #ffda00;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-light-blue-sky .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-light-blue-sky:hover {
  background: #3dc07c;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-blue-sky:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #ffda00
}

a.btn.btn-ghost--yellow-light-yellow-mid {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-light-yellow-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-light-yellow-mid:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-yellow-mid:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

a.btn.btn-ghost--yellow-light-yellow-light {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-light-yellow-light .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-light-yellow-light:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-yellow-light:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

a.btn.btn-ghost--yellow-light-green-dark {
  background: #ffda00;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-light-green-dark .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-light-green-dark:hover {
  background: #0a4f2e;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-green-dark:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #ffda00
}

a.btn.btn-ghost--yellow-light-green-mid {
  background: #ffda00;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-light-green-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-light-green-mid:hover {
  background: #1f8c40;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-green-mid:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #ffda00
}

a.btn.btn-ghost--yellow-light-green-light {
  background: #ffda00;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-light-green-light .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-light-green-light:hover {
  background: #005c63;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-green-light:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #ffda00
}

a.btn.btn-ghost--yellow-light-brown-dark {
  background: #ffda00;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-light-brown-dark .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-light-brown-dark:hover {
  background: #73594a;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-brown-dark:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #ffda00
}

a.btn.btn-ghost--yellow-light-brown-mid {
  background: #ffda00;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-light-brown-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-light-brown-mid:hover {
  background: #aa8263;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-brown-mid:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #ffda00
}

a.btn.btn-ghost--yellow-light-pink {
  background: #ffda00;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-light-pink .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-light-pink:hover {
  background: #f5c2ab;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-pink:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #ffda00
}

a.btn.btn-ghost--yellow-light-grey-dark {
  background: #ffda00;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-light-grey-dark .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-light-grey-dark:hover {
  background: #636361;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-grey-dark:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #ffda00
}

a.btn.btn-ghost--yellow-light-grey-mid {
  background: #ffda00;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-light-grey-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-light-grey-mid:hover {
  background: #9e9c9c;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-grey-mid:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #ffda00
}

a.btn.btn-ghost--yellow-light-grey-light {
  background: #ffda00;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-light-grey-light .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-light-grey-light:hover {
  background: #d1d1cf;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-grey-light:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #ffda00
}

a.btn.btn-ghost--yellow-light-black {
  background: #ffda00;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--yellow-light-black .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--yellow-light-black:hover {
  background: #000;
  color: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-black:hover svg {
  fill: #ffda00
}

.no-touch a.btn.btn-ghost--yellow-light-black:hover .vf-icon-invert {
  color: #000;
  background: #ffda00
}

a.btn.btn-ghost--green-dark-white {
  background: #0a4f2e;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-dark-white .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-dark-white:hover {
  background: #fff;
  color: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-white:hover svg {
  fill: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-white:hover .vf-icon-invert {
  color: #fff;
  background: #0a4f2e
}

a.btn.btn-ghost--green-dark-orange {
  background: #0a4f2e;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-dark-orange .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-dark-orange:hover {
  background: #ffda00;
  color: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-orange:hover svg {
  fill: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #0a4f2e
}

a.btn.btn-ghost--green-dark-blue-night {
  background: #0a4f2e;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-dark-blue-night .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-dark-blue-night:hover {
  background: #1e324f;
  color: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-blue-night:hover svg {
  fill: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #0a4f2e
}

a.btn.btn-ghost--green-dark-blue-mid {
  background: #0a4f2e;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-dark-blue-mid .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-dark-blue-mid:hover {
  background: #2071b5;
  color: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-blue-mid:hover svg {
  fill: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #0a4f2e
}

a.btn.btn-ghost--green-dark-blue-sky {
  background: #0a4f2e;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-dark-blue-sky .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-dark-blue-sky:hover {
  background: #3dc07c;
  color: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-blue-sky:hover svg {
  fill: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #0a4f2e
}

a.btn.btn-ghost--green-dark-yellow-mid {
  background: #0a4f2e;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-dark-yellow-mid .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-dark-yellow-mid:hover {
  background: #ffda00;
  color: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-yellow-mid:hover svg {
  fill: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #0a4f2e
}

a.btn.btn-ghost--green-dark-yellow-light {
  background: #0a4f2e;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-dark-yellow-light .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-dark-yellow-light:hover {
  background: #ffda00;
  color: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-yellow-light:hover svg {
  fill: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #0a4f2e
}

a.btn.btn-ghost--green-dark-green-dark {
  background: #0a4f2e;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-dark-green-dark .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-dark-green-dark:hover {
  background: #0a4f2e;
  color: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-green-dark:hover svg {
  fill: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #0a4f2e
}

a.btn.btn-ghost--green-dark-green-mid {
  background: #0a4f2e;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-dark-green-mid .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-dark-green-mid:hover {
  background: #1f8c40;
  color: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-green-mid:hover svg {
  fill: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #0a4f2e
}

a.btn.btn-ghost--green-dark-green-light {
  background: #0a4f2e;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-dark-green-light .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-dark-green-light:hover {
  background: #005c63;
  color: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-green-light:hover svg {
  fill: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #0a4f2e
}

a.btn.btn-ghost--green-dark-brown-dark {
  background: #0a4f2e;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-dark-brown-dark .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-dark-brown-dark:hover {
  background: #73594a;
  color: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-brown-dark:hover svg {
  fill: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #0a4f2e
}

a.btn.btn-ghost--green-dark-brown-mid {
  background: #0a4f2e;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-dark-brown-mid .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-dark-brown-mid:hover {
  background: #aa8263;
  color: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-brown-mid:hover svg {
  fill: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #0a4f2e
}

a.btn.btn-ghost--green-dark-pink {
  background: #0a4f2e;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-dark-pink .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-dark-pink:hover {
  background: #f5c2ab;
  color: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-pink:hover svg {
  fill: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #0a4f2e
}

a.btn.btn-ghost--green-dark-grey-dark {
  background: #0a4f2e;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-dark-grey-dark .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-dark-grey-dark:hover {
  background: #636361;
  color: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-grey-dark:hover svg {
  fill: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #0a4f2e
}

a.btn.btn-ghost--green-dark-grey-mid {
  background: #0a4f2e;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-dark-grey-mid .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-dark-grey-mid:hover {
  background: #9e9c9c;
  color: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-grey-mid:hover svg {
  fill: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #0a4f2e
}

a.btn.btn-ghost--green-dark-grey-light {
  background: #0a4f2e;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-dark-grey-light .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-dark-grey-light:hover {
  background: #d1d1cf;
  color: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-grey-light:hover svg {
  fill: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #0a4f2e
}

a.btn.btn-ghost--green-dark-black {
  background: #0a4f2e;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-dark-black .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-dark-black:hover {
  background: #000;
  color: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-black:hover svg {
  fill: #0a4f2e
}

.no-touch a.btn.btn-ghost--green-dark-black:hover .vf-icon-invert {
  color: #000;
  background: #0a4f2e
}

a.btn.btn-ghost--green-mid-white {
  background: #1f8c40;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-mid-white .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-mid-white:hover {
  background: #fff;
  color: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-white:hover svg {
  fill: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-white:hover .vf-icon-invert {
  color: #fff;
  background: #1f8c40
}

a.btn.btn-ghost--green-mid-orange {
  background: #1f8c40;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-mid-orange .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-mid-orange:hover {
  background: #ffda00;
  color: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-orange:hover svg {
  fill: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #1f8c40
}

a.btn.btn-ghost--green-mid-blue-night {
  background: #1f8c40;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-mid-blue-night .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-mid-blue-night:hover {
  background: #1e324f;
  color: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-blue-night:hover svg {
  fill: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #1f8c40
}

a.btn.btn-ghost--green-mid-blue-mid {
  background: #1f8c40;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-mid-blue-mid .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-mid-blue-mid:hover {
  background: #2071b5;
  color: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-blue-mid:hover svg {
  fill: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #1f8c40
}

a.btn.btn-ghost--green-mid-blue-sky {
  background: #1f8c40;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-mid-blue-sky .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-mid-blue-sky:hover {
  background: #3dc07c;
  color: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-blue-sky:hover svg {
  fill: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #1f8c40
}

a.btn.btn-ghost--green-mid-yellow-mid {
  background: #1f8c40;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-mid-yellow-mid .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-mid-yellow-mid:hover {
  background: #ffda00;
  color: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-yellow-mid:hover svg {
  fill: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #1f8c40
}

a.btn.btn-ghost--green-mid-yellow-light {
  background: #1f8c40;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-mid-yellow-light .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-mid-yellow-light:hover {
  background: #ffda00;
  color: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-yellow-light:hover svg {
  fill: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #1f8c40
}

a.btn.btn-ghost--green-mid-green-dark {
  background: #1f8c40;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-mid-green-dark .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-mid-green-dark:hover {
  background: #0a4f2e;
  color: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-green-dark:hover svg {
  fill: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #1f8c40
}

a.btn.btn-ghost--green-mid-green-mid {
  background: #1f8c40;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-mid-green-mid .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-mid-green-mid:hover {
  background: #1f8c40;
  color: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-green-mid:hover svg {
  fill: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #1f8c40
}

a.btn.btn-ghost--green-mid-green-light {
  background: #1f8c40;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-mid-green-light .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-mid-green-light:hover {
  background: #005c63;
  color: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-green-light:hover svg {
  fill: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #1f8c40
}

a.btn.btn-ghost--green-mid-brown-dark {
  background: #1f8c40;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-mid-brown-dark .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-mid-brown-dark:hover {
  background: #73594a;
  color: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-brown-dark:hover svg {
  fill: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #1f8c40
}

a.btn.btn-ghost--green-mid-brown-mid {
  background: #1f8c40;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-mid-brown-mid .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-mid-brown-mid:hover {
  background: #aa8263;
  color: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-brown-mid:hover svg {
  fill: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #1f8c40
}

a.btn.btn-ghost--green-mid-pink {
  background: #1f8c40;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-mid-pink .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-mid-pink:hover {
  background: #f5c2ab;
  color: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-pink:hover svg {
  fill: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #1f8c40
}

a.btn.btn-ghost--green-mid-grey-dark {
  background: #1f8c40;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-mid-grey-dark .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-mid-grey-dark:hover {
  background: #636361;
  color: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-grey-dark:hover svg {
  fill: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #1f8c40
}

a.btn.btn-ghost--green-mid-grey-mid {
  background: #1f8c40;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-mid-grey-mid .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-mid-grey-mid:hover {
  background: #9e9c9c;
  color: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-grey-mid:hover svg {
  fill: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #1f8c40
}

a.btn.btn-ghost--green-mid-grey-light {
  background: #1f8c40;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-mid-grey-light .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-mid-grey-light:hover {
  background: #d1d1cf;
  color: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-grey-light:hover svg {
  fill: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #1f8c40
}

a.btn.btn-ghost--green-mid-black {
  background: #1f8c40;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-mid-black .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-mid-black:hover {
  background: #000;
  color: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-black:hover svg {
  fill: #1f8c40
}

.no-touch a.btn.btn-ghost--green-mid-black:hover .vf-icon-invert {
  color: #000;
  background: #1f8c40
}

a.btn.btn-ghost--green-light-white {
  background: #005c63;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-light-white .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-light-white:hover {
  background: #fff;
  color: #005c63
}

.no-touch a.btn.btn-ghost--green-light-white:hover svg {
  fill: #005c63
}

.no-touch a.btn.btn-ghost--green-light-white:hover .vf-icon-invert {
  color: #fff;
  background: #005c63
}

a.btn.btn-ghost--green-light-orange {
  background: #005c63;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-light-orange .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-light-orange:hover {
  background: #ffda00;
  color: #005c63
}

.no-touch a.btn.btn-ghost--green-light-orange:hover svg {
  fill: #005c63
}

.no-touch a.btn.btn-ghost--green-light-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #005c63
}

a.btn.btn-ghost--green-light-blue-night {
  background: #005c63;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-light-blue-night .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-light-blue-night:hover {
  background: #1e324f;
  color: #005c63
}

.no-touch a.btn.btn-ghost--green-light-blue-night:hover svg {
  fill: #005c63
}

.no-touch a.btn.btn-ghost--green-light-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #005c63
}

a.btn.btn-ghost--green-light-blue-mid {
  background: #005c63;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-light-blue-mid .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-light-blue-mid:hover {
  background: #2071b5;
  color: #005c63
}

.no-touch a.btn.btn-ghost--green-light-blue-mid:hover svg {
  fill: #005c63
}

.no-touch a.btn.btn-ghost--green-light-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #005c63
}

a.btn.btn-ghost--green-light-blue-sky {
  background: #005c63;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-light-blue-sky .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-light-blue-sky:hover {
  background: #3dc07c;
  color: #005c63
}

.no-touch a.btn.btn-ghost--green-light-blue-sky:hover svg {
  fill: #005c63
}

.no-touch a.btn.btn-ghost--green-light-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #005c63
}

a.btn.btn-ghost--green-light-yellow-mid {
  background: #005c63;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-light-yellow-mid .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-light-yellow-mid:hover {
  background: #ffda00;
  color: #005c63
}

.no-touch a.btn.btn-ghost--green-light-yellow-mid:hover svg {
  fill: #005c63
}

.no-touch a.btn.btn-ghost--green-light-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #005c63
}

a.btn.btn-ghost--green-light-yellow-light {
  background: #005c63;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-light-yellow-light .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-light-yellow-light:hover {
  background: #ffda00;
  color: #005c63
}

.no-touch a.btn.btn-ghost--green-light-yellow-light:hover svg {
  fill: #005c63
}

.no-touch a.btn.btn-ghost--green-light-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #005c63
}

a.btn.btn-ghost--green-light-green-dark {
  background: #005c63;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-light-green-dark .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-light-green-dark:hover {
  background: #0a4f2e;
  color: #005c63
}

.no-touch a.btn.btn-ghost--green-light-green-dark:hover svg {
  fill: #005c63
}

.no-touch a.btn.btn-ghost--green-light-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #005c63
}

a.btn.btn-ghost--green-light-green-mid {
  background: #005c63;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-light-green-mid .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-light-green-mid:hover {
  background: #1f8c40;
  color: #005c63
}

.no-touch a.btn.btn-ghost--green-light-green-mid:hover svg {
  fill: #005c63
}

.no-touch a.btn.btn-ghost--green-light-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #005c63
}

a.btn.btn-ghost--green-light-green-light {
  background: #005c63;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-light-green-light .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-light-green-light:hover {
  background: #005c63;
  color: #005c63
}

.no-touch a.btn.btn-ghost--green-light-green-light:hover svg {
  fill: #005c63
}

.no-touch a.btn.btn-ghost--green-light-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #005c63
}

a.btn.btn-ghost--green-light-brown-dark {
  background: #005c63;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-light-brown-dark .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-light-brown-dark:hover {
  background: #73594a;
  color: #005c63
}

.no-touch a.btn.btn-ghost--green-light-brown-dark:hover svg {
  fill: #005c63
}

.no-touch a.btn.btn-ghost--green-light-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #005c63
}

a.btn.btn-ghost--green-light-brown-mid {
  background: #005c63;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-light-brown-mid .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-light-brown-mid:hover {
  background: #aa8263;
  color: #005c63
}

.no-touch a.btn.btn-ghost--green-light-brown-mid:hover svg {
  fill: #005c63
}

.no-touch a.btn.btn-ghost--green-light-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #005c63
}

a.btn.btn-ghost--green-light-pink {
  background: #005c63;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-light-pink .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-light-pink:hover {
  background: #f5c2ab;
  color: #005c63
}

.no-touch a.btn.btn-ghost--green-light-pink:hover svg {
  fill: #005c63
}

.no-touch a.btn.btn-ghost--green-light-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #005c63
}

a.btn.btn-ghost--green-light-grey-dark {
  background: #005c63;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-light-grey-dark .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-light-grey-dark:hover {
  background: #636361;
  color: #005c63
}

.no-touch a.btn.btn-ghost--green-light-grey-dark:hover svg {
  fill: #005c63
}

.no-touch a.btn.btn-ghost--green-light-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #005c63
}

a.btn.btn-ghost--green-light-grey-mid {
  background: #005c63;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-light-grey-mid .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-light-grey-mid:hover {
  background: #9e9c9c;
  color: #005c63
}

.no-touch a.btn.btn-ghost--green-light-grey-mid:hover svg {
  fill: #005c63
}

.no-touch a.btn.btn-ghost--green-light-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #005c63
}

a.btn.btn-ghost--green-light-grey-light {
  background: #005c63;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-light-grey-light .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-light-grey-light:hover {
  background: #d1d1cf;
  color: #005c63
}

.no-touch a.btn.btn-ghost--green-light-grey-light:hover svg {
  fill: #005c63
}

.no-touch a.btn.btn-ghost--green-light-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #005c63
}

a.btn.btn-ghost--green-light-black {
  background: #005c63;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--green-light-black .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--green-light-black:hover {
  background: #000;
  color: #005c63
}

.no-touch a.btn.btn-ghost--green-light-black:hover svg {
  fill: #005c63
}

.no-touch a.btn.btn-ghost--green-light-black:hover .vf-icon-invert {
  color: #000;
  background: #005c63
}

a.btn.btn-ghost--brown-dark-white {
  background: #73594a;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-dark-white .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-dark-white:hover {
  background: #fff;
  color: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-white:hover svg {
  fill: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-white:hover .vf-icon-invert {
  color: #fff;
  background: #73594a
}

a.btn.btn-ghost--brown-dark-orange {
  background: #73594a;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-dark-orange .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-dark-orange:hover {
  background: #ffda00;
  color: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-orange:hover svg {
  fill: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #73594a
}

a.btn.btn-ghost--brown-dark-blue-night {
  background: #73594a;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-dark-blue-night .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-dark-blue-night:hover {
  background: #1e324f;
  color: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-blue-night:hover svg {
  fill: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #73594a
}

a.btn.btn-ghost--brown-dark-blue-mid {
  background: #73594a;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-dark-blue-mid .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-dark-blue-mid:hover {
  background: #2071b5;
  color: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-blue-mid:hover svg {
  fill: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #73594a
}

a.btn.btn-ghost--brown-dark-blue-sky {
  background: #73594a;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-dark-blue-sky .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-dark-blue-sky:hover {
  background: #3dc07c;
  color: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-blue-sky:hover svg {
  fill: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #73594a
}

a.btn.btn-ghost--brown-dark-yellow-mid {
  background: #73594a;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-dark-yellow-mid .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-dark-yellow-mid:hover {
  background: #ffda00;
  color: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-yellow-mid:hover svg {
  fill: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #73594a
}

a.btn.btn-ghost--brown-dark-yellow-light {
  background: #73594a;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-dark-yellow-light .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-dark-yellow-light:hover {
  background: #ffda00;
  color: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-yellow-light:hover svg {
  fill: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #73594a
}

a.btn.btn-ghost--brown-dark-green-dark {
  background: #73594a;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-dark-green-dark .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-dark-green-dark:hover {
  background: #0a4f2e;
  color: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-green-dark:hover svg {
  fill: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #73594a
}

a.btn.btn-ghost--brown-dark-green-mid {
  background: #73594a;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-dark-green-mid .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-dark-green-mid:hover {
  background: #1f8c40;
  color: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-green-mid:hover svg {
  fill: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #73594a
}

a.btn.btn-ghost--brown-dark-green-light {
  background: #73594a;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-dark-green-light .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-dark-green-light:hover {
  background: #005c63;
  color: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-green-light:hover svg {
  fill: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #73594a
}

a.btn.btn-ghost--brown-dark-brown-dark {
  background: #73594a;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-dark-brown-dark .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-dark-brown-dark:hover {
  background: #73594a;
  color: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-brown-dark:hover svg {
  fill: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #73594a
}

a.btn.btn-ghost--brown-dark-brown-mid {
  background: #73594a;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-dark-brown-mid .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-dark-brown-mid:hover {
  background: #aa8263;
  color: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-brown-mid:hover svg {
  fill: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #73594a
}

a.btn.btn-ghost--brown-dark-pink {
  background: #73594a;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-dark-pink .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-dark-pink:hover {
  background: #f5c2ab;
  color: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-pink:hover svg {
  fill: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #73594a
}

a.btn.btn-ghost--brown-dark-grey-dark {
  background: #73594a;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-dark-grey-dark .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-dark-grey-dark:hover {
  background: #636361;
  color: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-grey-dark:hover svg {
  fill: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #73594a
}

a.btn.btn-ghost--brown-dark-grey-mid {
  background: #73594a;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-dark-grey-mid .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-dark-grey-mid:hover {
  background: #9e9c9c;
  color: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-grey-mid:hover svg {
  fill: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #73594a
}

a.btn.btn-ghost--brown-dark-grey-light {
  background: #73594a;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-dark-grey-light .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-dark-grey-light:hover {
  background: #d1d1cf;
  color: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-grey-light:hover svg {
  fill: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #73594a
}

a.btn.btn-ghost--brown-dark-black {
  background: #73594a;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-dark-black .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-dark-black:hover {
  background: #000;
  color: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-black:hover svg {
  fill: #73594a
}

.no-touch a.btn.btn-ghost--brown-dark-black:hover .vf-icon-invert {
  color: #000;
  background: #73594a
}

a.btn.btn-ghost--brown-mid-white {
  background: #aa8263;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-mid-white .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-mid-white:hover {
  background: #fff;
  color: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-white:hover svg {
  fill: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-white:hover .vf-icon-invert {
  color: #fff;
  background: #aa8263
}

a.btn.btn-ghost--brown-mid-orange {
  background: #aa8263;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-mid-orange .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-mid-orange:hover {
  background: #ffda00;
  color: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-orange:hover svg {
  fill: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #aa8263
}

a.btn.btn-ghost--brown-mid-blue-night {
  background: #aa8263;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-mid-blue-night .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-mid-blue-night:hover {
  background: #1e324f;
  color: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-blue-night:hover svg {
  fill: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #aa8263
}

a.btn.btn-ghost--brown-mid-blue-mid {
  background: #aa8263;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-mid-blue-mid .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-mid-blue-mid:hover {
  background: #2071b5;
  color: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-blue-mid:hover svg {
  fill: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #aa8263
}

a.btn.btn-ghost--brown-mid-blue-sky {
  background: #aa8263;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-mid-blue-sky .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-mid-blue-sky:hover {
  background: #3dc07c;
  color: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-blue-sky:hover svg {
  fill: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #aa8263
}

a.btn.btn-ghost--brown-mid-yellow-mid {
  background: #aa8263;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-mid-yellow-mid .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-mid-yellow-mid:hover {
  background: #ffda00;
  color: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-yellow-mid:hover svg {
  fill: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #aa8263
}

a.btn.btn-ghost--brown-mid-yellow-light {
  background: #aa8263;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-mid-yellow-light .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-mid-yellow-light:hover {
  background: #ffda00;
  color: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-yellow-light:hover svg {
  fill: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #aa8263
}

a.btn.btn-ghost--brown-mid-green-dark {
  background: #aa8263;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-mid-green-dark .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-mid-green-dark:hover {
  background: #0a4f2e;
  color: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-green-dark:hover svg {
  fill: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #aa8263
}

a.btn.btn-ghost--brown-mid-green-mid {
  background: #aa8263;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-mid-green-mid .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-mid-green-mid:hover {
  background: #1f8c40;
  color: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-green-mid:hover svg {
  fill: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #aa8263
}

a.btn.btn-ghost--brown-mid-green-light {
  background: #aa8263;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-mid-green-light .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-mid-green-light:hover {
  background: #005c63;
  color: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-green-light:hover svg {
  fill: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #aa8263
}

a.btn.btn-ghost--brown-mid-brown-dark {
  background: #aa8263;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-mid-brown-dark .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-mid-brown-dark:hover {
  background: #73594a;
  color: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-brown-dark:hover svg {
  fill: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #aa8263
}

a.btn.btn-ghost--brown-mid-brown-mid {
  background: #aa8263;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-mid-brown-mid .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-mid-brown-mid:hover {
  background: #aa8263;
  color: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-brown-mid:hover svg {
  fill: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #aa8263
}

a.btn.btn-ghost--brown-mid-pink {
  background: #aa8263;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-mid-pink .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-mid-pink:hover {
  background: #f5c2ab;
  color: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-pink:hover svg {
  fill: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #aa8263
}

a.btn.btn-ghost--brown-mid-grey-dark {
  background: #aa8263;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-mid-grey-dark .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-mid-grey-dark:hover {
  background: #636361;
  color: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-grey-dark:hover svg {
  fill: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #aa8263
}

a.btn.btn-ghost--brown-mid-grey-mid {
  background: #aa8263;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-mid-grey-mid .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-mid-grey-mid:hover {
  background: #9e9c9c;
  color: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-grey-mid:hover svg {
  fill: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #aa8263
}

a.btn.btn-ghost--brown-mid-grey-light {
  background: #aa8263;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-mid-grey-light .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-mid-grey-light:hover {
  background: #d1d1cf;
  color: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-grey-light:hover svg {
  fill: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #aa8263
}

a.btn.btn-ghost--brown-mid-black {
  background: #aa8263;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--brown-mid-black .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--brown-mid-black:hover {
  background: #000;
  color: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-black:hover svg {
  fill: #aa8263
}

.no-touch a.btn.btn-ghost--brown-mid-black:hover .vf-icon-invert {
  color: #000;
  background: #aa8263
}

a.btn.btn-ghost--pink-white {
  background: #f5c2ab;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--pink-white .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--pink-white:hover {
  background: #fff;
  color: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-white:hover svg {
  fill: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-white:hover .vf-icon-invert {
  color: #fff;
  background: #f5c2ab
}

a.btn.btn-ghost--pink-orange {
  background: #f5c2ab;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--pink-orange .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--pink-orange:hover {
  background: #ffda00;
  color: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-orange:hover svg {
  fill: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #f5c2ab
}

a.btn.btn-ghost--pink-blue-night {
  background: #f5c2ab;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--pink-blue-night .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--pink-blue-night:hover {
  background: #1e324f;
  color: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-blue-night:hover svg {
  fill: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #f5c2ab
}

a.btn.btn-ghost--pink-blue-mid {
  background: #f5c2ab;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--pink-blue-mid .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--pink-blue-mid:hover {
  background: #2071b5;
  color: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-blue-mid:hover svg {
  fill: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #f5c2ab
}

a.btn.btn-ghost--pink-blue-sky {
  background: #f5c2ab;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--pink-blue-sky .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--pink-blue-sky:hover {
  background: #3dc07c;
  color: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-blue-sky:hover svg {
  fill: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #f5c2ab
}

a.btn.btn-ghost--pink-yellow-mid {
  background: #f5c2ab;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--pink-yellow-mid .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--pink-yellow-mid:hover {
  background: #ffda00;
  color: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-yellow-mid:hover svg {
  fill: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #f5c2ab
}

a.btn.btn-ghost--pink-yellow-light {
  background: #f5c2ab;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--pink-yellow-light .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--pink-yellow-light:hover {
  background: #ffda00;
  color: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-yellow-light:hover svg {
  fill: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #f5c2ab
}

a.btn.btn-ghost--pink-green-dark {
  background: #f5c2ab;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--pink-green-dark .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--pink-green-dark:hover {
  background: #0a4f2e;
  color: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-green-dark:hover svg {
  fill: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #f5c2ab
}

a.btn.btn-ghost--pink-green-mid {
  background: #f5c2ab;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--pink-green-mid .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--pink-green-mid:hover {
  background: #1f8c40;
  color: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-green-mid:hover svg {
  fill: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #f5c2ab
}

a.btn.btn-ghost--pink-green-light {
  background: #f5c2ab;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--pink-green-light .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--pink-green-light:hover {
  background: #005c63;
  color: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-green-light:hover svg {
  fill: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #f5c2ab
}

a.btn.btn-ghost--pink-brown-dark {
  background: #f5c2ab;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--pink-brown-dark .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--pink-brown-dark:hover {
  background: #73594a;
  color: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-brown-dark:hover svg {
  fill: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #f5c2ab
}

a.btn.btn-ghost--pink-brown-mid {
  background: #f5c2ab;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--pink-brown-mid .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--pink-brown-mid:hover {
  background: #aa8263;
  color: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-brown-mid:hover svg {
  fill: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #f5c2ab
}

a.btn.btn-ghost--pink-pink {
  background: #f5c2ab;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--pink-pink .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--pink-pink:hover {
  background: #f5c2ab;
  color: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-pink:hover svg {
  fill: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #f5c2ab
}

a.btn.btn-ghost--pink-grey-dark {
  background: #f5c2ab;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--pink-grey-dark .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--pink-grey-dark:hover {
  background: #636361;
  color: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-grey-dark:hover svg {
  fill: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #f5c2ab
}

a.btn.btn-ghost--pink-grey-mid {
  background: #f5c2ab;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--pink-grey-mid .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--pink-grey-mid:hover {
  background: #9e9c9c;
  color: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-grey-mid:hover svg {
  fill: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #f5c2ab
}

a.btn.btn-ghost--pink-grey-light {
  background: #f5c2ab;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--pink-grey-light .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--pink-grey-light:hover {
  background: #d1d1cf;
  color: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-grey-light:hover svg {
  fill: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #f5c2ab
}

a.btn.btn-ghost--pink-black {
  background: #f5c2ab;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--pink-black .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--pink-black:hover {
  background: #000;
  color: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-black:hover svg {
  fill: #f5c2ab
}

.no-touch a.btn.btn-ghost--pink-black:hover .vf-icon-invert {
  color: #000;
  background: #f5c2ab
}

a.btn.btn-ghost--grey-dark-white {
  background: #636361;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-dark-white .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-dark-white:hover {
  background: #fff;
  color: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-white:hover svg {
  fill: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-white:hover .vf-icon-invert {
  color: #fff;
  background: #636361
}

a.btn.btn-ghost--grey-dark-orange {
  background: #636361;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-dark-orange .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-dark-orange:hover {
  background: #ffda00;
  color: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-orange:hover svg {
  fill: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #636361
}

a.btn.btn-ghost--grey-dark-blue-night {
  background: #636361;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-dark-blue-night .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-dark-blue-night:hover {
  background: #1e324f;
  color: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-blue-night:hover svg {
  fill: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #636361
}

a.btn.btn-ghost--grey-dark-blue-mid {
  background: #636361;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-dark-blue-mid .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-dark-blue-mid:hover {
  background: #2071b5;
  color: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-blue-mid:hover svg {
  fill: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #636361
}

a.btn.btn-ghost--grey-dark-blue-sky {
  background: #636361;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-dark-blue-sky .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-dark-blue-sky:hover {
  background: #3dc07c;
  color: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-blue-sky:hover svg {
  fill: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #636361
}

a.btn.btn-ghost--grey-dark-yellow-mid {
  background: #636361;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-dark-yellow-mid .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-dark-yellow-mid:hover {
  background: #ffda00;
  color: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-yellow-mid:hover svg {
  fill: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #636361
}

a.btn.btn-ghost--grey-dark-yellow-light {
  background: #636361;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-dark-yellow-light .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-dark-yellow-light:hover {
  background: #ffda00;
  color: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-yellow-light:hover svg {
  fill: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #636361
}

a.btn.btn-ghost--grey-dark-green-dark {
  background: #636361;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-dark-green-dark .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-dark-green-dark:hover {
  background: #0a4f2e;
  color: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-green-dark:hover svg {
  fill: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #636361
}

a.btn.btn-ghost--grey-dark-green-mid {
  background: #636361;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-dark-green-mid .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-dark-green-mid:hover {
  background: #1f8c40;
  color: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-green-mid:hover svg {
  fill: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #636361
}

a.btn.btn-ghost--grey-dark-green-light {
  background: #636361;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-dark-green-light .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-dark-green-light:hover {
  background: #005c63;
  color: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-green-light:hover svg {
  fill: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #636361
}

a.btn.btn-ghost--grey-dark-brown-dark {
  background: #636361;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-dark-brown-dark .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-dark-brown-dark:hover {
  background: #73594a;
  color: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-brown-dark:hover svg {
  fill: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #636361
}

a.btn.btn-ghost--grey-dark-brown-mid {
  background: #636361;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-dark-brown-mid .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-dark-brown-mid:hover {
  background: #aa8263;
  color: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-brown-mid:hover svg {
  fill: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #636361
}

a.btn.btn-ghost--grey-dark-pink {
  background: #636361;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-dark-pink .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-dark-pink:hover {
  background: #f5c2ab;
  color: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-pink:hover svg {
  fill: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #636361
}

a.btn.btn-ghost--grey-dark-grey-dark {
  background: #636361;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-dark-grey-dark .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-dark-grey-dark:hover {
  background: #636361;
  color: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-grey-dark:hover svg {
  fill: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #636361
}

a.btn.btn-ghost--grey-dark-grey-mid {
  background: #636361;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-dark-grey-mid .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-dark-grey-mid:hover {
  background: #9e9c9c;
  color: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-grey-mid:hover svg {
  fill: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #636361
}

a.btn.btn-ghost--grey-dark-grey-light {
  background: #636361;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-dark-grey-light .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-dark-grey-light:hover {
  background: #d1d1cf;
  color: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-grey-light:hover svg {
  fill: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #636361
}

a.btn.btn-ghost--grey-dark-black {
  background: #636361;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-dark-black .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-dark-black:hover {
  background: #000;
  color: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-black:hover svg {
  fill: #636361
}

.no-touch a.btn.btn-ghost--grey-dark-black:hover .vf-icon-invert {
  color: #000;
  background: #636361
}

a.btn.btn-ghost--grey-mid-white {
  background: #9e9c9c;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-mid-white .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-mid-white:hover {
  background: #fff;
  color: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-white:hover svg {
  fill: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-white:hover .vf-icon-invert {
  color: #fff;
  background: #9e9c9c
}

a.btn.btn-ghost--grey-mid-orange {
  background: #9e9c9c;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-mid-orange .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-mid-orange:hover {
  background: #ffda00;
  color: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-orange:hover svg {
  fill: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #9e9c9c
}

a.btn.btn-ghost--grey-mid-blue-night {
  background: #9e9c9c;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-mid-blue-night .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-mid-blue-night:hover {
  background: #1e324f;
  color: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-blue-night:hover svg {
  fill: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #9e9c9c
}

a.btn.btn-ghost--grey-mid-blue-mid {
  background: #9e9c9c;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-mid-blue-mid .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-mid-blue-mid:hover {
  background: #2071b5;
  color: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-blue-mid:hover svg {
  fill: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #9e9c9c
}

a.btn.btn-ghost--grey-mid-blue-sky {
  background: #9e9c9c;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-mid-blue-sky .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-mid-blue-sky:hover {
  background: #3dc07c;
  color: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-blue-sky:hover svg {
  fill: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #9e9c9c
}

a.btn.btn-ghost--grey-mid-yellow-mid {
  background: #9e9c9c;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-mid-yellow-mid .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-mid-yellow-mid:hover {
  background: #ffda00;
  color: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-yellow-mid:hover svg {
  fill: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #9e9c9c
}

a.btn.btn-ghost--grey-mid-yellow-light {
  background: #9e9c9c;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-mid-yellow-light .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-mid-yellow-light:hover {
  background: #ffda00;
  color: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-yellow-light:hover svg {
  fill: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #9e9c9c
}

a.btn.btn-ghost--grey-mid-green-dark {
  background: #9e9c9c;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-mid-green-dark .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-mid-green-dark:hover {
  background: #0a4f2e;
  color: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-green-dark:hover svg {
  fill: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #9e9c9c
}

a.btn.btn-ghost--grey-mid-green-mid {
  background: #9e9c9c;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-mid-green-mid .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-mid-green-mid:hover {
  background: #1f8c40;
  color: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-green-mid:hover svg {
  fill: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #9e9c9c
}

a.btn.btn-ghost--grey-mid-green-light {
  background: #9e9c9c;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-mid-green-light .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-mid-green-light:hover {
  background: #005c63;
  color: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-green-light:hover svg {
  fill: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #9e9c9c
}

a.btn.btn-ghost--grey-mid-brown-dark {
  background: #9e9c9c;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-mid-brown-dark .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-mid-brown-dark:hover {
  background: #73594a;
  color: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-brown-dark:hover svg {
  fill: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #9e9c9c
}

a.btn.btn-ghost--grey-mid-brown-mid {
  background: #9e9c9c;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-mid-brown-mid .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-mid-brown-mid:hover {
  background: #aa8263;
  color: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-brown-mid:hover svg {
  fill: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #9e9c9c
}

a.btn.btn-ghost--grey-mid-pink {
  background: #9e9c9c;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-mid-pink .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-mid-pink:hover {
  background: #f5c2ab;
  color: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-pink:hover svg {
  fill: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #9e9c9c
}

a.btn.btn-ghost--grey-mid-grey-dark {
  background: #9e9c9c;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-mid-grey-dark .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-mid-grey-dark:hover {
  background: #636361;
  color: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-grey-dark:hover svg {
  fill: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #9e9c9c
}

a.btn.btn-ghost--grey-mid-grey-mid {
  background: #9e9c9c;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-mid-grey-mid .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-mid-grey-mid:hover {
  background: #9e9c9c;
  color: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-grey-mid:hover svg {
  fill: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #9e9c9c
}

a.btn.btn-ghost--grey-mid-grey-light {
  background: #9e9c9c;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-mid-grey-light .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-mid-grey-light:hover {
  background: #d1d1cf;
  color: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-grey-light:hover svg {
  fill: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #9e9c9c
}

a.btn.btn-ghost--grey-mid-black {
  background: #9e9c9c;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-mid-black .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-mid-black:hover {
  background: #000;
  color: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-black:hover svg {
  fill: #9e9c9c
}

.no-touch a.btn.btn-ghost--grey-mid-black:hover .vf-icon-invert {
  color: #000;
  background: #9e9c9c
}

a.btn.btn-ghost--grey-light-white {
  background: #d1d1cf;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-light-white .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-light-white:hover {
  background: #fff;
  color: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-white:hover svg {
  fill: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-white:hover .vf-icon-invert {
  color: #fff;
  background: #d1d1cf
}

a.btn.btn-ghost--grey-light-orange {
  background: #d1d1cf;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-light-orange .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-light-orange:hover {
  background: #ffda00;
  color: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-orange:hover svg {
  fill: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #d1d1cf
}

a.btn.btn-ghost--grey-light-blue-night {
  background: #d1d1cf;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-light-blue-night .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-light-blue-night:hover {
  background: #1e324f;
  color: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-blue-night:hover svg {
  fill: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #d1d1cf
}

a.btn.btn-ghost--grey-light-blue-mid {
  background: #d1d1cf;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-light-blue-mid .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-light-blue-mid:hover {
  background: #2071b5;
  color: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-blue-mid:hover svg {
  fill: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #d1d1cf
}

a.btn.btn-ghost--grey-light-blue-sky {
  background: #d1d1cf;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-light-blue-sky .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-light-blue-sky:hover {
  background: #3dc07c;
  color: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-blue-sky:hover svg {
  fill: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #d1d1cf
}

a.btn.btn-ghost--grey-light-yellow-mid {
  background: #d1d1cf;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-light-yellow-mid .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-light-yellow-mid:hover {
  background: #ffda00;
  color: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-yellow-mid:hover svg {
  fill: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #d1d1cf
}

a.btn.btn-ghost--grey-light-yellow-light {
  background: #d1d1cf;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-light-yellow-light .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-light-yellow-light:hover {
  background: #ffda00;
  color: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-yellow-light:hover svg {
  fill: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #d1d1cf
}

a.btn.btn-ghost--grey-light-green-dark {
  background: #d1d1cf;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-light-green-dark .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-light-green-dark:hover {
  background: #0a4f2e;
  color: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-green-dark:hover svg {
  fill: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #d1d1cf
}

a.btn.btn-ghost--grey-light-green-mid {
  background: #d1d1cf;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-light-green-mid .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-light-green-mid:hover {
  background: #1f8c40;
  color: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-green-mid:hover svg {
  fill: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #d1d1cf
}

a.btn.btn-ghost--grey-light-green-light {
  background: #d1d1cf;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-light-green-light .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-light-green-light:hover {
  background: #005c63;
  color: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-green-light:hover svg {
  fill: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #d1d1cf
}

a.btn.btn-ghost--grey-light-brown-dark {
  background: #d1d1cf;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-light-brown-dark .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-light-brown-dark:hover {
  background: #73594a;
  color: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-brown-dark:hover svg {
  fill: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #d1d1cf
}

a.btn.btn-ghost--grey-light-brown-mid {
  background: #d1d1cf;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-light-brown-mid .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-light-brown-mid:hover {
  background: #aa8263;
  color: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-brown-mid:hover svg {
  fill: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #d1d1cf
}

a.btn.btn-ghost--grey-light-pink {
  background: #d1d1cf;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-light-pink .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-light-pink:hover {
  background: #f5c2ab;
  color: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-pink:hover svg {
  fill: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #d1d1cf
}

a.btn.btn-ghost--grey-light-grey-dark {
  background: #d1d1cf;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-light-grey-dark .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-light-grey-dark:hover {
  background: #636361;
  color: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-grey-dark:hover svg {
  fill: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #d1d1cf
}

a.btn.btn-ghost--grey-light-grey-mid {
  background: #d1d1cf;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-light-grey-mid .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-light-grey-mid:hover {
  background: #9e9c9c;
  color: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-grey-mid:hover svg {
  fill: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #d1d1cf
}

a.btn.btn-ghost--grey-light-grey-light {
  background: #d1d1cf;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-light-grey-light .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-light-grey-light:hover {
  background: #d1d1cf;
  color: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-grey-light:hover svg {
  fill: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #d1d1cf
}

a.btn.btn-ghost--grey-light-black {
  background: #d1d1cf;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--grey-light-black .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--grey-light-black:hover {
  background: #000;
  color: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-black:hover svg {
  fill: #d1d1cf
}

.no-touch a.btn.btn-ghost--grey-light-black:hover .vf-icon-invert {
  color: #000;
  background: #d1d1cf
}

a.btn.btn-ghost--black-white {
  background: #000;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--black-white .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--black-white:hover {
  background: #fff;
  color: #000
}

.no-touch a.btn.btn-ghost--black-white:hover svg {
  fill: #000
}

.no-touch a.btn.btn-ghost--black-white:hover .vf-icon-invert {
  color: #fff;
  background: #000
}

a.btn.btn-ghost--black-orange {
  background: #000;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--black-orange .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--black-orange:hover {
  background: #ffda00;
  color: #000
}

.no-touch a.btn.btn-ghost--black-orange:hover svg {
  fill: #000
}

.no-touch a.btn.btn-ghost--black-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #000
}

a.btn.btn-ghost--black-blue-night {
  background: #000;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--black-blue-night .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--black-blue-night:hover {
  background: #1e324f;
  color: #000
}

.no-touch a.btn.btn-ghost--black-blue-night:hover svg {
  fill: #000
}

.no-touch a.btn.btn-ghost--black-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #000
}

a.btn.btn-ghost--black-blue-mid {
  background: #000;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--black-blue-mid .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--black-blue-mid:hover {
  background: #2071b5;
  color: #000
}

.no-touch a.btn.btn-ghost--black-blue-mid:hover svg {
  fill: #000
}

.no-touch a.btn.btn-ghost--black-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #000
}

a.btn.btn-ghost--black-blue-sky {
  background: #000;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--black-blue-sky .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--black-blue-sky:hover {
  background: #3dc07c;
  color: #000
}

.no-touch a.btn.btn-ghost--black-blue-sky:hover svg {
  fill: #000
}

.no-touch a.btn.btn-ghost--black-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #000
}

a.btn.btn-ghost--black-yellow-mid {
  background: #000;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--black-yellow-mid .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--black-yellow-mid:hover {
  background: #ffda00;
  color: #000
}

.no-touch a.btn.btn-ghost--black-yellow-mid:hover svg {
  fill: #000
}

.no-touch a.btn.btn-ghost--black-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #000
}

a.btn.btn-ghost--black-yellow-light {
  background: #000;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--black-yellow-light .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--black-yellow-light:hover {
  background: #ffda00;
  color: #000
}

.no-touch a.btn.btn-ghost--black-yellow-light:hover svg {
  fill: #000
}

.no-touch a.btn.btn-ghost--black-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #000
}

a.btn.btn-ghost--black-green-dark {
  background: #000;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--black-green-dark .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--black-green-dark:hover {
  background: #0a4f2e;
  color: #000
}

.no-touch a.btn.btn-ghost--black-green-dark:hover svg {
  fill: #000
}

.no-touch a.btn.btn-ghost--black-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #000
}

a.btn.btn-ghost--black-green-mid {
  background: #000;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--black-green-mid .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--black-green-mid:hover {
  background: #1f8c40;
  color: #000
}

.no-touch a.btn.btn-ghost--black-green-mid:hover svg {
  fill: #000
}

.no-touch a.btn.btn-ghost--black-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #000
}

a.btn.btn-ghost--black-green-light {
  background: #000;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--black-green-light .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--black-green-light:hover {
  background: #005c63;
  color: #000
}

.no-touch a.btn.btn-ghost--black-green-light:hover svg {
  fill: #000
}

.no-touch a.btn.btn-ghost--black-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #000
}

a.btn.btn-ghost--black-brown-dark {
  background: #000;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--black-brown-dark .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--black-brown-dark:hover {
  background: #73594a;
  color: #000
}

.no-touch a.btn.btn-ghost--black-brown-dark:hover svg {
  fill: #000
}

.no-touch a.btn.btn-ghost--black-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #000
}

a.btn.btn-ghost--black-brown-mid {
  background: #000;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--black-brown-mid .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--black-brown-mid:hover {
  background: #aa8263;
  color: #000
}

.no-touch a.btn.btn-ghost--black-brown-mid:hover svg {
  fill: #000
}

.no-touch a.btn.btn-ghost--black-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #000
}

a.btn.btn-ghost--black-pink {
  background: #000;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--black-pink .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--black-pink:hover {
  background: #f5c2ab;
  color: #000
}

.no-touch a.btn.btn-ghost--black-pink:hover svg {
  fill: #000
}

.no-touch a.btn.btn-ghost--black-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #000
}

a.btn.btn-ghost--black-grey-dark {
  background: #000;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--black-grey-dark .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--black-grey-dark:hover {
  background: #636361;
  color: #000
}

.no-touch a.btn.btn-ghost--black-grey-dark:hover svg {
  fill: #000
}

.no-touch a.btn.btn-ghost--black-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #000
}

a.btn.btn-ghost--black-grey-mid {
  background: #000;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--black-grey-mid .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--black-grey-mid:hover {
  background: #9e9c9c;
  color: #000
}

.no-touch a.btn.btn-ghost--black-grey-mid:hover svg {
  fill: #000
}

.no-touch a.btn.btn-ghost--black-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #000
}

a.btn.btn-ghost--black-grey-light {
  background: #000;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--black-grey-light .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--black-grey-light:hover {
  background: #d1d1cf;
  color: #000
}

.no-touch a.btn.btn-ghost--black-grey-light:hover svg {
  fill: #000
}

.no-touch a.btn.btn-ghost--black-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #000
}

a.btn.btn-ghost--black-black {
  background: #000;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

a.btn.btn-ghost--black-black .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch a.btn.btn-ghost--black-black:hover {
  background: #000;
  color: #000
}

.no-touch a.btn.btn-ghost--black-black:hover svg {
  fill: #000
}

.no-touch a.btn.btn-ghost--black-black:hover .vf-icon-invert {
  color: #000;
  background: #000
}

.mod--multipleFileUpload.has-error .form-control {
  border: none
}

.mod--multipleFileUpload.has-error .fileupload__errorMessage {
  display: block
}

.fileupload__dropzone {
  width: 100%;
  background: grey
}

.fileupload__btn {
  position: relative;
  overflow: hidden
}

.fileupload__input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer
}

.fileupload__filelist {
  margin: 8px 0
}

.fileupload__filelist .fileupload__statusIcon {
  background-position: left center;
  width: 30px;
  height: 30px
}

.fileupload__filelist .fileupload__statusIcon.icon--loading {
  -webkit-background-size: 22px;
  background-size: 22px
}

.fileupload__filelist .fileupload__deleteLink,
.fileupload__filelist .fileupload__fileInfo {
  vertical-align: middle
}

.fileupload__filelist .fileupload__fileInfo p {
  margin: 0
}

.fileupload__filelist .fileupload__deleteLink {
  width: 30px;
  text-align: right
}

.fileupload__filelist .fileupload__deleteLink .btn-crossButton {
  display: block;
  margin-bottom: -3px;
  margin-left: 6px
}

.fileupload__filelist .errorText {
  color: #e50000
}

.fileupload__errorMessage {
  color: #e50000;
  margin-bottom: 8px;
  padding: 8px 0;
  display: none
}

.form-control-upload-multiple,
.form-control-upload-simple {
  position: relative;
  padding: 0;
  background: 0 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: block;
  width: 100%;
  height: auto
}

.form-control-upload-multiple:after,
.form-control-upload-multiple:before,
.form-control-upload-simple:after,
.form-control-upload-simple:before {
  content: " ";
  display: table
}

.form-control-upload-multiple:after,
.form-control-upload-simple:after {
  clear: both
}

.form-control-upload-multiple:after,
.form-control-upload-multiple:before,
.form-control-upload-simple:after,
.form-control-upload-simple:before {
  content: " ";
  display: table
}

.form-control-upload-multiple:after,
.form-control-upload-simple:after {
  clear: both
}

.form-control-upload-simple>input[type=file] {
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  position: relative;
  width: 100%;
  height: 32px;
  padding: 5px 7px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 15px;
  line-height: 1.5rem;
  color: #737373;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d1d1cf;
  max-width: 100%;
  width: 80%;
  float: left;
  vertical-align: middle
}

.form-control-upload-simple>input[type=file]:focus {
  color: #262626
}

.form-control-upload-simple>input[type=file][disabled],
.form-control-upload-simple>input[type=file][readonly],
fieldset[disabled] .form-control-upload-simple>input[type=file] {
  cursor: not-allowed;
  background-color: #f7f7f7
}

textarea.form-control-upload-simple>input[type=file] {
  height: auto
}

.form-control-upload-simple>input[type=file]>label {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
  line-height: 1.6rem
}

.form-control-upload-simple .form-control-upload-simple-clearButton {
  width: auto;
  float: right;
  margin-bottom: 0;
  margin-top: 5px;
  margin-left: 2px
}

@media (min-width:790px) {
  .form-control-upload-simple>input[type=file] {
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    position: relative;
    width: 100%;
    height: 32px;
    padding: 5px 7px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 15px;
    line-height: 1.5rem;
    color: #737373;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d1d1cf;
    max-width: 100%;
    width: 90%;
    float: left;
    vertical-align: middle
  }

  .form-control-upload-simple>input[type=file]:focus {
    color: #262626
  }

  .form-control-upload-simple>input[type=file][disabled],
  .form-control-upload-simple>input[type=file][readonly],
  fieldset[disabled] .form-control-upload-simple>input[type=file] {
    cursor: not-allowed;
    background-color: #f7f7f7
  }

  textarea.form-control-upload-simple>input[type=file] {
    height: auto
  }

  .form-control-upload-simple>input[type=file]>label {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
    line-height: 1.6rem
  }

  .form-control-upload-simple .form-control-upload-simple-clearButton {
    max-width: 20%;
    float: left;
    margin-bottom: 0;
    margin-top: 4px;
    margin-left: 2px
  }
}

html.no-js .form-control-upload-simple-clearButton {
  display: none
}

.greetings__maintitle {
  display: block;
  word-break: break-word;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 36px;
  line-height: 3.6rem;
  margin: 0
}

.greetings__subtitle {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 25.2px;
  line-height: 2.52rem;
  font-family: VattenfallHall-Light;
  word-break: break-word;
  margin: 0
}

.greetings {
  margin-bottom: 30px
}

.contractBar {
  margin-bottom: 13px
}

.contractBar__container {
  display: block;
  padding-right: 20px;
  min-height: 30px;
  padding-bottom: 10px
}

.contractBar__container:last-child {
  padding-bottom: 0
}

@media (min-width:790px) {
  .contractBar__container {
    display: inline-block;
    padding-bottom: 0
  }
}

.tile {
  background: #fff;
  margin-bottom: 20px;
  padding: 20px;
  text-align: center;
  position: relative
}

.tile .btn {
  display: inline-block
}

.tile .list--simpleBullets {
  margin-bottom: 0
}

.tile a.icon64 {
  text-decoration: none
}

.tile.new-tile .tile__header h1 {
  font-weight: 400;
  font-size: 20px;
  border-bottom: thin solid #d1d1cf;
  padding-bottom: 15px;
  margin: 0 34px 5px 34px
}

.tile.new-tile .tile__body {
  min-height: 140px;
  height: 140px;
  display: table;
  margin: auto
}

.tile.new-tile .tile__body .tile__content {
  display: table-cell;
  vertical-align: middle;
  margin: auto
}

.tile.new-tile .tile__body .tile__content p {
  padding: 0;
  margin: 0;
  line-height: normal
}

.tile.new-tile .tile__body .tile__content .large {
  font-size: 32px
}

.tile.new-tile .tile__body .tile__content .large span {
  font-size: 16px
}

.tile.new-tile .tile__body .tile__content .medium {
  font-size: 16px
}

.tile.new-tile .tile__body .tile__content .medium span {
  font-weight: 400;
  font-size: 14px
}

.tile.new-tile .tile__body .tile__content .inactive {
  opacity: .5
}

.tile.new-tile .tile__footer {
  padding-top: 10px;
  min-height: 100px;
  max-height: 100px;
  height: 100px;
  border-top: thin solid #d1d1cf;
  text-align: center;
  border-top: thin solid #fff
}

.tile.new-tile .tile__footer>p {
  font-family: VattenfallHall-Light;
  margin-bottom: 0
}

.tile.new-tile .tile__footer a:nth-child(1n+2) {
  margin-top: 9px
}

.tile.new-tile .tile__footer p:nth-child(1n+2) {
  margin-top: 9px
}

.tile.new-tile .error,
.tile.new-tile .red {
  color: #e50000
}

.tile.new-tile .green,
.tile.new-tile .success {
  color: #1f8c40
}

.tile.new-tile .alert,
.tile.new-tile .orange,
.tile.new-tile .warning {
  color: #f90
}

.tile.new-tile .blue {
  color: #1e324f
}

.tile__header {
  text-align: center;
  min-height: 73px
}

.tile__header:after,
.tile__header:before {
  content: " ";
  display: table
}

.tile__header:after {
  clear: both
}

.tile__header:after,
.tile__header:before {
  content: " ";
  display: table
}

.tile__header:after {
  clear: both
}

.tile__topic {
  margin: 0;
  margin-bottom: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19.599999999999998px;
  line-height: 1.9599999999999997rem
}

.tile__body {
  text-align: center;
  display: block;
  min-height: 90px;
  word-wrap: break-word
}

.tile__body>.mod {
  margin: 0 auto
}

.tile__body>p {
  font-family: VattenfallHall-Light;
  margin: 0
}

.tile__body__message {
  font-family: VattenfallHall-Light;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 25.2px;
  line-height: 2.52rem;
  text-align: center
}

.tile__body__table {
  text-align: center;
  margin: 0 auto;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 33.599999999999994px;
  line-height: 3.3599999999999994rem
}

.tile__body__table>tbody>tr>td:nth-child(2) {
  font-family: VattenfallHall-Light
}

.tile__body--account {
  text-align: center
}

.tile__body--account>p {
  margin: 0
}

.tile__body--accountNumber {
  font-family: VattenfallHall-Regular;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22.4px;
  line-height: 2.2399999999999998rem
}

.tile__date {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19.599999999999998px;
  line-height: 1.9599999999999997rem;
  margin: 0 5px 5px 0;
  white-space: nowrap
}

.tile__download {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 25.2px;
  line-height: 2.52rem
}

.tile__annotation {
  white-space: nowrap
}

.tile__value {
  font-family: VattenfallHall-Regular;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 33.599999999999994px;
  line-height: 3.3599999999999994rem;
  position: relative
}

.tile__value>span {
  padding-left: 4px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 25.2px;
  line-height: 2.52rem
}

.tile a {
  display: block
}

.tile.new-tile {
  background-color: #9e9c9c;
  color: #fff;
  text-align: left
}

.tile.new-tile .icon64::before {
  display: block;
  margin: auto
}

.tile.new-tile a {
  color: #fff
}

.tile.new-tile a.btn {
  color: inherit
}

.tile.new-tile .tile__body .tile__content .large {
  font-family: VattenfallHall-Regular, Arial, Helvetica, sans-serif;
  font-size: 35px;
  font-weight: 400
}

.tile.new-tile .tile__body .tile__content .large.reduced {
  font-size: 20px
}

.tile.new-tile .tile__body .tile__content .medium {
  font-size: 16px
}

.tile.new-tile .tile__body .tile__content .info {
  font-size: 16px
}

.tile.new-tile .tile__body .tile__content:nth-child(1n+2) {
  padding-left: 30px
}

.tile.new-tile .tile__header {
  text-align: left;
  min-height: 45px
}

.tile.new-tile .tile__header h1 {
  font-size: 20px;
  border-bottom: thin solid #fff;
  padding-bottom: 4px;
  margin: 0 40px 0 0
}

.tile.new-tile .product-icon {
  right: 8px;
  left: inherit
}

.tile.new-tile .product-icon::before {
  background-color: transparent
}

.tile.new-tile.primary {
  background-color: #1e324f
}

.tile.new-tile.highlight,
.tile.new-tile.secondary {
  background-color: #ffda00;
  color: #1e324f
}

.tile.new-tile.highlight .product-icon::before,
.tile.new-tile.highlight a,
.tile.new-tile.secondary .product-icon::before,
.tile.new-tile.secondary a {
  color: #1e324f
}

.tile.new-tile.highlight .tile__footer,
.tile.new-tile.highlight .tile__header h1,
.tile.new-tile.secondary .tile__footer,
.tile.new-tile.secondary .tile__header h1 {
  border-color: #1e324f
}

.tile.new-tile.attention,
.tile.new-tile.error {
  background-color: #e50000
}

.tile.new-tile.green {
  background-color: #1f8c40
}

.tile.new-tile.lightblue {
  background-color: #0085c7
}

.tile.new-tile.default {
  background-color: #9e9c9c
}

.tile.new-tile.lightgray {
  background-color: #d1d1cf
}

.collapsibleBox__Header {
  margin-bottom: 0;
  padding-right: 20px
}

.collapsibleBox__List {
  padding-right: 20px
}

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

.collapsibleBox__Item.collapsed>.collapsibleBox__Body {
  display: none
}

.collapsibleBox__Body--unstyled {
  clear: both
}

.collapsibleBox__Toggler {
  display: inline-block;
  margin: 0 0 .65em;
  text-decoration: none;
  position: relative
}

.collapsibleBox__Toggler:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  height: 15px;
  width: 20px
}

.collapsibleBox__Body,
.collapsibleBox__Toggler {
  padding-left: 20px
}

.collapsibleBox__Body>p,
.collapsibleBox__Toggler>p {
  margin-top: 0
}

.expanded>.collapsibleBox__Toggler:before {
  height: 10px;
  margin-top: 4px
}

.collapsed>.collapsibleBox__Toggler:before {
  height: 10px;
  margin-top: 4px
}

.manageAccount {
  display: block;
  width: 100%;
  border: 1px solid #e0e0e0
}

.manageAccount:after,
.manageAccount:before {
  content: " ";
  display: table
}

.manageAccount:after {
  clear: both
}

.manageAccount:after,
.manageAccount:before {
  content: " ";
  display: table
}

.manageAccount:after {
  clear: both
}

@media (min-width:790px) {
  .manageAccount {
    display: table
  }
}

@media (min-width:790px) {
  .manageAccount .manageAccount__content__title {
    display: none
  }

  .manageAccount .manageAccount__content__account:first-of-type .manageAccount__content__title {
    display: block
  }
}

.manageAccount__user {
  display: block;
  background: #ebeef4;
  padding: 20px 20px;
  position: relative
}

.manageAccount__user:before {
  content: " ";
  position: absolute;
  width: 14px;
  margin: 0 auto;
  left: 20px;
  top: 100%;
  border-style: solid;
  border-width: 10px 9.5px 0 9.5px;
  border-color: #ebeef4 transparent transparent transparent;
  -webkit-transform: rotate(360deg)
}

.manageAccount__user .manageAccount__adressBoxTitle {
  font-weight: 400
}

@media (min-width:790px) {
  .manageAccount__user {
    display: table-cell;
    position: relative;
    width: 33.33%;
    vertical-align: top;
    border-right: 14px solid #fff
  }

  .manageAccount__user:before {
    content: none
  }
}

.manageAccount__list {
  display: block;
  padding-bottom: 40px;
  padding-right: 20px
}

@media (min-width:790px) {
  .manageAccount__list {
    display: table-cell;
    width: 66.66%;
    border-left: 10px solid #fff;
    background: #fff
  }
}

.manageAccount__addressBox {
  margin-bottom: 40px;
  position: relative
}

@media (min-width:790px) {
  .manageAccount__addressBox:before {
    content: " ";
    position: absolute;
    width: 14px;
    margin: 0 auto;
    right: 0;
    right: -40px;
    top: 0;
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    border-color: transparent transparent transparent #ebeef4;
    -webkit-transform: rotate(360deg)
  }
}

.manageAccount__address {
  margin-top: 20px;
  margin-bottom: 10px
}

.manageAccount__content__account {
  border-bottom: 1px solid #e1e1e1;
  margin: 20px 0;
  padding: 0 20px
}

@media (min-width:790px) {
  .manageAccount__content__account {
    padding: 0
  }
}

.manageAccount__content__title {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem;
  margin-bottom: 10px
}

@media (min-width:790px) {
  .manageAccount__content__title {
    margin-bottom: 10px
  }
}

.manageAccount__content {
  border-bottom: 1px solid #e1e1e1
}

@media (min-width:790px) {
  .manageAccount__content {
    margin-bottom: 10px
  }
}

.manageAccount__content__address {
  margin-bottom: 20px
}

@media (min-width:790px) {
  .manageAccount__content__address {
    margin-top: 25px
  }
}

.manageAccount__account {
  padding-bottom: 20px
}

.manageAccount__account>table {
  width: 100%
}

.manageAccount__account tr {
  min-height: 50px
}

.manageAccount__account td {
  padding: 10px 0;
  display: block
}

.manageAccount__account td:nth-child(2) {
  padding-bottom: 20px
}

@media (min-width:790px) {
  .manageAccount__account>table {
    width: 100%
  }

  .manageAccount__account tr {
    height: 50px
  }

  .manageAccount__account td {
    display: table-cell
  }

  .manageAccount__account td:nth-child(2) {
    text-align: right;
    padding-bottom: 0
  }
}

html.lt-ie9 .manageAccount__content__title {
  display: block
}

.stepIndicator {
  padding: 20px;
  padding-right: 35px;
  background: #ebeef4;
  position: relative
}

.stepIndicator:before {
  content: " ";
  position: absolute;
  width: 0;
  margin: 0 auto;
  top: 100%;
  left: 10px;
  border-style: solid;
  border-width: 12px 12px 0 12px;
  border-color: #ebeef4 transparent transparent transparent;
  -webkit-transform: rotate(360deg)
}

@media (min-width:790px) {
  .stepIndicator:before {
    content: " ";
    position: absolute;
    width: 0;
    margin: 0 auto;
    right: -12px;
    top: 10px;
    left: auto;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent #ebeef4;
    -webkit-transform: rotate(360deg)
  }
}

.stepIndicator--white {
  background: #fff
}

.stepIndicator--white:before {
  border-color: #fff transparent transparent transparent
}

@media (min-width:790px) {
  .stepIndicator--white:before {
    content: " ";
    position: absolute;
    width: 0;
    margin: 0 auto;
    right: -12px;
    top: 10px;
    left: auto;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent #fff;
    -webkit-transform: rotate(360deg)
  }
}

.stepIndicator--orange {
  background: #ffda00;
  color: #262626
}

.stepIndicator--orange:before {
  content: "";
  position: absolute;
  width: 0;
  margin: 0 auto;
  top: 100%;
  left: 10px;
  border-style: solid;
  border-width: 12px 12px 0 12px;
  border-color: #f90 transparent transparent transparent;
  -webkit-transform: rotate(360deg)
}

@media (min-width:790px) {
  .stepIndicator--orange:before {
    content: "";
    position: absolute;
    width: 0;
    margin: 0 auto;
    right: -12px;
    top: 10px;
    left: inherit;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent #ffd744;
    -webkit-transform: rotate(360deg)
  }
}

.stepIndicator--done:after {
  content: " ";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODA4M0VCODNDNjJCRDdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNTQ4MjYyOTQ5MjkxMUUzOEVDOEYwOTEzODZGODRCOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNTQ4MjYyODQ5MjkxMUUzOEVDOEYwOTEzODZGODRCOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMzBlYTczOC0wOWQ2LTQ4MTEtYWI1MS0wNTdmMDk0ZTk5MjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjc3RjExNzQwNzIwNjgxMTgwODNFQjgzQzYyQkQ3QzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5VjZcLAAABB0lEQVR42mL8//8/A4WgHYj/AnENmAcykEzMCMST/iNAP0iMXMOYgXjOf0wwnYUML7IC8UIgjkQT/wPER0h1GTsQb8Disp9AHAiODyTFYUA8ARo22AzjAuKdWAz7CsQeMHUwxclA/AeqYD40jJAN4wPiQ1gM+wTEdshqQUQBEP9DU7gSiNmgioSA+BQWw94BsRm6T0BE03/sYDMQywPxRSxyL4FYH1vQwBhlOAz9iUXsCRBr4Io4ZE42Fq+jg3tArIgvJaALJCFFDjq4DsTShJIWNsFIIP6NZtgFIBYjJq3ikghACr+TQCxIbOLHJ+kOxNuBmJeU3MRIheILBTAxUBlQ3UCAAAMAN7hu4GUbjn8AAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  top: 20px;
  right: 10px;
  -webkit-transform: rotate(360deg)
}

.stepIndicator--error:after {
  content: " ";
  background-repeat: no-repeat;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  top: 20px;
  right: 10px;
  -webkit-transform: rotate(360deg)
}

.stepIndicator--lastStep:before {
  content: none
}

@media (min-width:790px) {
  .stepIndicator--lastStep:before {
    content: none
  }
}

html.lt-ie9 .stepIndicator--orange {
  -webkit-filter: none;
  filter: none;
  background: #ffda00
}

html.lt-ie9 .stepIndicator--orange:before {
  border-color: #ffed21 transparent transparent transparent
}

@media (min-width:790px) {
  html.lt-ie9 .stepIndicator--orange:before {
    border-color: transparent transparent transparent #ffed21
  }
}

#loginBox {
  margin: 10px -10px 20px -10px;
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  display: none
}

#loginBox.isOpen {
  display: block
}

@media (min-width:790px) {
  #loginBox {
    background: 0 0;
    margin: 0;
    padding: 0;
    position: absolute;
    margin-top: 7px;
    top: 100%;
    right: 0;
    z-index: 10
  }
}

.copybox {
  position: relative
}

@media (min-width:1280px) {
  .copybox__Content {
    position: absolute;
    bottom: 30px;
    width: 50%;
    overflow: hidden
  }
}

@media (min-width:1280px) {
  .copybox--rightAligned .copybox__Content {
    position: absolute;
    right: 0;
    bottom: 15%;
    width: 50%;
    overflow: hidden
  }
}

@media (max-width:992px) {
  .box.copybox--fullWidth {
    background: 0 0 !important;
    padding: 0
  }
}

@media (min-width:1280px) {
  .box.copybox--fullWidth .copybox__Content {
    width: 40%
  }
}

@media (min-width:992px) {
  .box.copybox--fullWidth {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0 0;
    padding: 1.5em 1.5em 1.5em 0
  }

  .box.copybox--fullWidth .copybox__Content {
    position: relative;
    right: 0;
    bottom: 15%;
    width: 50%;
    overflow: hidden
  }
}

.copybox__Header {
  padding: 20px;
  display: inline-block;
  width: 100%;
  background: #2071b5
}

.copybox__Header h2.copybox__Title {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 33.599999999999994px;
  line-height: 3.3599999999999994rem;
  color: #fff;
  margin: 0
}

.copybox__Header .copybox__Title {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 36px;
  line-height: 3.6rem;
  color: #fff;
  margin: 0
}

.copybox__Header .copybox__Subtitle {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 21px;
  line-height: 2.1rem;
  color: #fff;
  margin: 0
}

.copybox__Body {
  padding: 20px;
  background: #fff;
  background: rgba(255, 255, 255, .9);
  border-radius: 0;
  border: 1px solid #e3e3e3
}

@media (min-width:1280px) {
  .copybox__Body {
    border-radius: 0;
    border: 0 solid #fff
  }
}

.breadcrumb {
  margin-bottom: 24px
}

.breadcrumb>ol {
  list-style-type: none;
  padding-top: 12px;
  padding-bottom: 0;
  padding-left: 0;
  margin: 0
}

.breadcrumb>ol>li {
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 18.2px;
  line-height: 1.8199999999999998rem
}

.breadcrumb>ol>li>a:hover {
  text-decoration: none
}

.breadcrumb>ol>li:before {
  content: "\25B6";
  color: #0085c7;
  padding-right: 5px
}

.breadcrumb>ol>li:first-child {
  padding-left: 0
}

.breadcrumb>ol>li:first-child:before {
  content: none
}

.splitTeaser .splitTeaser__footer,
.splitTeaser .splitTeaser__header {
  background: #1e324f;
  display: block;
  padding: 16px 16px 12px 16px
}

.splitTeaser .splitTeaser__footer h1:only-child,
.splitTeaser .splitTeaser__footer h2:only-child,
.splitTeaser .splitTeaser__footer h3:only-child,
.splitTeaser .splitTeaser__header h1:only-child,
.splitTeaser .splitTeaser__header h2:only-child,
.splitTeaser .splitTeaser__header h3:only-child {
  margin-bottom: 0
}

.splitTeaser .splitTeaser__footer h2,
.splitTeaser .splitTeaser__footer h3,
.splitTeaser .splitTeaser__footer h4,
.splitTeaser .splitTeaser__footer h5,
.splitTeaser .splitTeaser__footer>h1,
.splitTeaser .splitTeaser__header h2,
.splitTeaser .splitTeaser__header h3,
.splitTeaser .splitTeaser__header h4,
.splitTeaser .splitTeaser__header h5,
.splitTeaser .splitTeaser__header>h1 {
  color: #fff;
  margin-bottom: .1em
}

.splitTeaser .splitTeaser__footer>.small,
.splitTeaser .splitTeaser__header>.small {
  font-size: 14px
}

.splitTeaser .splitTeaser__footer .splitTeaser__subtitle,
.splitTeaser .splitTeaser__header .splitTeaser__subtitle {
  color: #fff;
  display: block
}

.splitTeaser .splitTeaser__footer .splitTeaser__actionItem,
.splitTeaser .splitTeaser__header .splitTeaser__actionItem {
  margin-top: 16px
}

.splitTeaser .splitTeaser__footer .h2L,
.splitTeaser .splitTeaser__header .h2L {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 24px;
  line-height: 2.4rem
}

.splitTeaser .noUnderline {
  text-decoration: none
}

.splitTeaser .splitTeaser__body {
  position: relative;
  color: #fff
}

.splitTeaser .splitTeaser__body>.eyecatcher {
  background: #2071b5;
  border-radius: 50%;
  text-align: center;
  width: 65px;
  height: 65px;
  position: absolute;
  right: 5%;
  bottom: 10%
}

.splitTeaser .splitTeaser__body>.eyecatcher>.eyecatcher__mainText {
  font-size: 20px;
  line-height: 22px;
  display: block;
  position: relative;
  top: 17px
}

.splitTeaser .splitTeaser__body>.eyecatcher>.eyecatcher__subText {
  font-size: 15px;
  line-height: 16px;
  position: relative;
  display: block;
  top: 15px
}

html.no-rgba .splitTeaser .buttonOnGradient {
  background: #ffcc80
}

.pageOverlay.is-active {
  position: fixed;
  background: #fff;
  opacity: .7;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  z-index: 99
}

.demoOverlay {
  position: fixed;
  top: 87px;
  left: 100%;
  display: table;
  z-index: 100
}

@media (min-width:790px) {
  .demoOverlay {
    top: 30%
  }
}

@media (min-width:790px) {
  .demoOverlay {
    max-width: 600px;
    min-width: 500px
  }
}

.demoOverlay.is-active .demoOverlay__wrapper {
  right: 100%;
  -webkit-transition: right 1s;
  transition: right 1s
}

.demoOverlay .demoOverlay__wrapper {
  position: relative;
  right: 55px;
  -webkit-transition: right 1s;
  transition: right 1s
}

.demoOverlay__flag {
  background: #999;
  color: #fff;
  text-align: center;
  min-width: 50px;
  display: table-cell;
  vertical-align: middle;
  position: relative
}

.demoOverlay__action {
  display: table-cell;
  padding: 20px;
  background: #dadada
}

.demoOverlay__action .demoOverlay__action__title {
  margin: 0 0 5px 0;
  border-bottom: 1px solid #e0e0e0
}

.demoOverlay__action .demoOverlay--continue {
  padding-left: 40px
}

.box {
  padding: 20px;
  position: relative;
  background: #f2f2f2
}

.box:after,
.box:before {
  content: " ";
  display: table
}

.box:after {
  clear: both
}

.box:after,
.box:before {
  content: " ";
  display: table
}

.box:after {
  clear: both
}

.box.info {
  background: #e8eff7
}

.box.warning {
  background: #ffeccc
}

.box.error {
  background: #ff00f5
}

.box--small {
  padding: 10px
}

.box--error,
.box--success,
.box--withIcon {
  padding-right: 35px
}

.box--print {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 15px;
  bottom: 20px
}

.box--print>span {
  display: none
}

.box--success:after {
  content: " ";
  background-repeat: no-repeat;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  top: 20px;
  right: 18px;
  -webkit-transform: rotate(360deg)
}

.box--error:after {
  content: " ";
  background-repeat: no-repeat;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  top: 20px;
  right: 18px;
  -webkit-transform: rotate(360deg)
}

.box--gradient {
  color: #262626;
  background: #ffda00
}

.box__flag--top:before {
  content: " ";
  position: absolute;
  width: 0;
  margin: 0 auto;
  left: 12px;
  top: -12px;
  border-style: solid;
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent #ebeef4 transparent;
  -webkit-transform: rotate(360deg)
}

.box__flag--right:before {
  content: " ";
  position: absolute;
  width: 0;
  margin: 0 auto;
  right: -12px;
  top: 10px;
  left: auto;
  border-style: solid;
  border-width: 12px 0 12px 12px;
  border-color: transparent transparent transparent #ebeef4;
  -webkit-transform: rotate(360deg)
}

.box__flag--left:before {
  content: " ";
  position: absolute;
  width: 0;
  margin: 0 auto;
  top: 12px;
  left: -12px;
  border-style: solid;
  border-width: 12px 12px 12px 0;
  border-color: transparent #ebeef4 transparent transparent;
  -webkit-transform: rotate(360deg)
}

.box__flag--bottom:before {
  content: " ";
  position: absolute;
  width: 0;
  margin: 0 auto;
  top: 100%;
  left: 10px;
  border-style: solid;
  border-width: 12px 12px 0 12px;
  border-color: #ebeef4 transparent transparent transparent;
  -webkit-transform: rotate(360deg)
}

.box--bordered {
  padding: 20px;
  border: thin solid #d3d3d3
}

.box--stage {
  padding: 1.5em
}

.box--stage--background {
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-position: 0 0
}

@media (max-width:992px) {
  .box--stage--background.expanded {
    background-image: none !important
  }
}

.box--copy {
  background-color: transparent;
  position: relative;
  margin: 1.5em 0;
  padding: 0
}

@media (min-width:992px) {
  .box--copy {
    min-width: 40%;
    max-width: 50%
  }
}

.box--copy--pointer {
  cursor: pointer
}

.box--copy .box__title {
  background: #2071b5
}

.box--copy .box__title h1,
.box--copy .box__title h2,
.box--copy .box__title h3,
.box--copy .box__title h4,
.box--copy .box__title h5,
.box--copy .box__title h6 {
  margin: 0;
  color: #fff
}

.box--copy .box__footer {
  padding: .5em 1em;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .8)
}

.box--copy--left {
  float: left;
  left: -1.5em
}

.box--copy--left .box__title {
  border-top-right-radius: 0;
  padding: 1em 1em 1em 2em
}

.box--copy--left .box__title--alone {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.box--copy--left .box__footer {
  border-bottom-right-radius: 0;
  text-align: right
}

.box--copy--right {
  float: right;
  right: -1.5em
}

.box--copy--right .box__title {
  border-top-left-radius: 0;
  padding: 1em 2em 1em 1em
}

.box--copy--right .box__title--alone {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.box--copy--right .box__footer {
  border-bottom-left-radius: 0;
  text-align: left
}

.form-control.form-datepicker {
  background-position: 99% 50%
}

.datepicker {
  top: 0;
  left: 0;
  padding: 10px 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.datepicker.dropdown-menu {
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 2px 10px #b3b3b3;
  box-shadow: 0 2px 10px #b3b3b3;
  display: none;
  float: left;
  left: 0;
  list-style: none outside none;
  position: absolute;
  top: 100%;
  z-index: 1000
}

.datepicker.dropdown-menu.datepicker-orient-top {
  margin-top: 10px
}

.datepicker.dropdown-menu.datepicker-orient-bottom {
  margin-bottom: 10px
}

.datepicker>div {
  display: none
}

.datepicker table {
  margin: 0;
  table-layout: fixed
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 27px;
  height: 25px;
  padding: 0
}

.datepicker td.day {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16.799999999999997px;
  line-height: 1.6799999999999997rem;
  color: #262626;
  border: 1px solid #ccc;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left 0, left 100%, from(#f9f9f9), to(#eee));
  background-image: -webkit-linear-gradient(top, #f9f9f9 0, #eee 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eee));
  background-image: linear-gradient(to bottom, #f9f9f9 0, #eee 100%);
  background-repeat: repeat-x;
  text-shadow: 0 1px 0 #fff;
  cursor: pointer
}

.datepicker td.day:not(.disabled):not(.active):hover {
  background-color: #a4b1d1;
  background-image: -webkit-gradient(linear, left 0, left 100%, from(#ddd), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #ddd 0, #f9f9f9 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#f9f9f9));
  background-image: linear-gradient(to bottom, #ddd 0, #f9f9f9 100%);
  background-repeat: repeat-x
}

.datepicker td.disabled,
.datepicker td.new,
.datepicker td.old {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16.799999999999997px;
  line-height: 1.6799999999999997rem;
  color: rgba(75, 75, 75, .3)
}

.datepicker td.disabled {
  cursor: default
}

.datepicker td.today {
  color: #262626;
  background-color: #a4b1d1;
  background-image: -webkit-gradient(linear, left 0, left 100%, from(#adbcdd), to(#a4b1d1));
  background-image: -webkit-linear-gradient(top, #adbcdd 0, #a4b1d1 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#adbcdd), to(#a4b1d1));
  background-image: linear-gradient(to bottom, #adbcdd 0, #a4b1d1 100%);
  background-repeat: repeat-x
}

.datepicker td.active,
.datepicker td.active:hover {
  background-color: #0f59a5;
  background-image: -webkit-gradient(linear, left 0, left 100%, from(#358ac5), to(#0f59a5));
  background-image: -webkit-linear-gradient(top, #358ac5 0, #0f59a5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#358ac5), to(#0f59a5));
  background-image: linear-gradient(to bottom, #358ac5 0, #0f59a5 100%);
  background-repeat: repeat-x;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker td span {
  display: block;
  width: 58px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer
}

.datepicker td span:hover {
  background: #eee
}

.datepicker td span.active {
  background-color: #0f59a5;
  background-image: -webkit-gradient(linear, left 0, left 100%, from(#358ac5), to(#0f59a5));
  background-image: -webkit-linear-gradient(top, #358ac5 0, #0f59a5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#358ac5), to(#0f59a5));
  background-image: linear-gradient(to bottom, #358ac5 0, #0f59a5 100%);
  background-repeat: repeat-x;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker td span.disabled,
.datepicker td span.new,
.datepicker td span.old {
  color: rgba(75, 75, 75, .3)
}

.datepicker th.datepicker-switch {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16.799999999999997px;
  line-height: 1.6799999999999997rem;
  color: #262626
}

.datepicker th.next,
.datepicker th.prev {
  font-size: 0;
  font-size: 0;
  line-height: 0;
  line-height: 0;
  background-position: center 4px
}

.datepicker th.next:hover,
.datepicker th.prev:hover {
  background-position: center -22px
}

.datepicker th.prev {
  background-position: center -48px
}

.datepicker th.prev:hover {
  background-position: center -74px
}

.datepicker thead tr:first-child th {
  cursor: pointer
}

.datepicker .dow {
  font-size: 10px;
  font-size: 1rem;
  line-height: 14px;
  line-height: 1.4rem;
  color: #4b4b4b;
  font-weight: 400
}

.datepicker .datepicker-months .datepicker-switch,
.datepicker .datepicker-years .datepicker-switch {
  width: 135px
}

.form-slider__slider {
  padding: 0;
  margin-bottom: 6px
}

.form-slider__slider[disabled]+.form-slider__jumpMark__left,
.form-slider__slider[disabled]+.form-slider__jumpMark__left+.form-slider__jumpMark__right,
.form-slider__slider[disabled]+.form-slider__jumpMark__right {
  cursor: not-allowed
}

.form-control-slider {
  position: relative;
  margin-bottom: 12px
}

.form-slider__jumpMark,
.form-slider__jumpMark__center,
.form-slider__jumpMark__left,
.form-slider__jumpMark__right {
  position: absolute;
  text-decoration: none
}

.form-slider__jumpMark__center {
  right: 46%
}

.form-slider__jumpMark__right {
  right: 0
}

.form-slider__jumpMark__center--home,
.form-slider__jumpMark__left--home,
.form-slider__jumpMark__right--home {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.4%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%221500px%22%20height%3D%221500px%22%20viewBox%3D%220%200%201500%201500%22%20enable-background%3D%22new%200%200%201500%201500%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Ebene_1_1_%22%3E%0D%0A%09%3Cpath%20fill%3D%22%23172b47%22%20d%3D%22M590.201%2C688.716c0%2C43.062%2C17.128%2C82.193%2C44.92%2C110.959c-2.479%2C0.926-4.947%2C1.878-7.397%2C2.867%0D%0A%09%09c-38.027%2C15.347-70.62%2C37.593-96.873%2C66.12c-23.584%2C25.627-41.129%2C55.432-52.147%2C88.586%0D%0A%09%09c-11.386%2C34.256-15.52%2C71.352-12.282%2C110.255l34.835%2C32.058h497.639l34.856-32.331c2.947-39.115-1.438-76.362-13.034-110.707%0D%0A%09%09c-11.244-33.305-28.996-63.183-52.762-88.806c-26.196-28.244-58.602-50.254-96.314-65.419c-2.242-0.901-4.499-1.772-6.766-2.62%0D%0A%09%09c27.794-28.767%2C44.923-67.898%2C44.923-110.962c0-88.113-71.686-159.798-159.799-159.798S590.201%2C600.604%2C590.201%2C688.716z%0D%0A%09%09%20M916.698%2C915.259c28.587%2C30.822%2C44.761%2C69.919%2C47.583%2C114.39h-428.66c2.508-44.043%2C18.371-82.89%2C46.674-113.645%0D%0A%09%09c19.174-20.834%2C43.261-37.195%2C71.595-48.63c29.257-11.808%2C61.62-17.794%2C96.192-17.794%0D%0A%09%09C818.242%2C849.58%2C877.414%2C872.905%2C916.698%2C915.259z%20M839.887%2C688.716c0%2C49.563-40.323%2C89.886-89.887%2C89.886%0D%0A%09%09s-89.887-40.321-89.887-89.886c0-49.563%2C40.323-89.885%2C89.887-89.885S839.887%2C639.152%2C839.887%2C688.716z%20M1184.203%2C659.258%0D%0A%09%09L774.718%2C249.771h-49.436L315.796%2C659.258l-10.238%2C24.717v530.842l34.956%2C34.955h818.971l34.956-34.955V683.975L1184.203%2C659.258z%0D%0A%09%09%20M1124.529%2C1179.86H375.471V698.454L750%2C323.925l374.529%2C374.529V1179.86z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: 90%;
  background-size: 90%;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: -8px
}

.form-slider__jumpMark__center--home {
  -webkit-background-size: 100%;
  background-size: 100%;
  margin-right: 0;
  margin-left: 0
}

.form-slider__jumpMark__right--home {
  -webkit-background-size: 110%;
  background-size: 110%;
  margin-right: -8px;
  margin-left: 0
}

.form-slider__input__wrapper {
  display: block
}

.form-slider__input__wrapper:after,
.form-slider__input__wrapper:before {
  content: " ";
  display: table
}

.form-slider__input__wrapper:after {
  clear: both
}

.form-slider__input__wrapper:after,
.form-slider__input__wrapper:before {
  content: " ";
  display: table
}

.form-slider__input__wrapper:after {
  clear: both
}

.form-group-split .form-slider__input,
.form-slider__input {
  width: 50%;
  text-align: center;
  display: inline-block;
  float: left
}

.form-slider__input__text {
  vertical-align: middle;
  padding-left: 5px;
  line-height: 32px
}

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none
}

.noUi-horizontal {
  height: 5px
}

.noUi-background {
  background: #d1d1cf
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0
}

.noUi-connect {
  background: #1e324f
}

.noUi-horizontal.noUi-extended .noUi-origin {
  right: 0
}

.noUi-handle {
  position: relative;
  z-index: 1
}

.noUi-horizontal .noUi-handle {
  width: 18px;
  height: 18px;
  left: -9px;
  top: -7px;
  cursor: pointer;
  background: #1e324f;
  border-radius: 50%
}

.noUi-dragable {
  cursor: w-resize
}

.noUi-stacking .noUi-handle {
  z-index: 10
}

.noUi-state-tap .noUi-origin {
  transition: left .3s, top .3s;
  -webkit-transition: left .3s, top .3s
}

.noUi-state-drag * {
  cursor: inherit !important
}

.noUi-connect.noUi-block {
  background: #d8e3ee
}

[disabled] .noUi-connect,
[disabled].noUi-connect {
  background: #b8b8b8
}

[disabled] .noUi-handle {
  cursor: not-allowed;
  opacity: .6
}

.form-slider__legend--people {
  position: relative;
  height: 20px;
  width: 100%
}

.form-slider__legend__entry--people {
  position: absolute;
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.4%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%221500px%22%20height%3D%221500px%22%20viewBox%3D%220%200%201500%201500%22%20enable-background%3D%22new%200%200%201500%201500%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Ebene_1_1_%22%3E%0D%0A%09%3Cpath%20fill%3D%22%23172b47%22%20d%3D%22M1225.424%2C1026.085c-19.744-57.859-50.814-109.939-92.351-154.793%0D%0A%09%09c-45.854-49.519-102.427-88.249-168.146-115.115c-19.527-7.982-39.598-14.794-60.148-20.442%0D%0A%09%09c12.125-8.639%2C23.622-18.341%2C34.36-29.078c50.53-50.526%2C78.359-117.703%2C78.359-189.156c0-71.447-27.828-138.622-78.358-189.149%0D%0A%09%09C888.614%2C277.825%2C821.442%2C250%2C750%2C250c-71.45%2C0-138.625%2C27.826-189.15%2C78.351c-50.524%2C50.525-78.35%2C117.699-78.35%2C189.148%0D%0A%09%09c0%2C71.455%2C27.825%2C138.632%2C78.351%2C189.155c10.771%2C10.771%2C22.307%2C20.5%2C34.472%2C29.159c-20.967%2C5.771-41.446%2C12.754-61.374%2C20.956%0D%0A%09%09c-66.224%2C27.254-123.112%2C66.455-169.086%2C116.518c-41.219%2C44.883-71.933%2C96.812-91.292%2C154.343%0D%0A%09%09c-20.117%2C59.787-27.412%2C124.165-21.683%2C191.344L286.762%2C1251h926.768l34.896-32.314%0D%0A%09%09C1253.642%2C1150.898%2C1245.903%2C1086.098%2C1225.424%2C1026.085z%20M552.5%2C517.499C552.5%2C408.598%2C641.098%2C320%2C750%2C320%0D%0A%09%09s197.5%2C88.598%2C197.5%2C197.499C947.5%2C626.401%2C858.902%2C715%2C750%2C715S552.5%2C626.401%2C552.5%2C517.499z%20M320.04%2C1181%0D%0A%09%09c-0.631-45.928%2C6.025-89.882%2C19.876-131.046c16.214-48.188%2C41.954-91.697%2C76.504-129.319%0D%0A%09%09c38.989-42.456%2C87.494-75.809%2C144.168-99.133c58.133-23.925%2C121.909-36.055%2C189.557-36.055c67.281%2C0%2C130.634%2C11.952%2C188.295%2C35.524%0D%0A%09%09c56.2%2C22.976%2C104.403%2C55.907%2C143.272%2C97.882c34.839%2C37.622%2C60.901%2C81.307%2C77.462%2C129.839%0D%0A%09%09c14.147%2C41.459%2C21.119%2C85.837%2C20.816%2C132.309L320.04%2C1181L320.04%2C1181z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
  width: 20px;
  height: 20px;
  margin-left: -10px;
  top: 0;
  -webkit-background-size: contain;
  background-size: contain
}

.form-slider__legend__entry--home {
  position: absolute;
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.4%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%221500px%22%20height%3D%221500px%22%20viewBox%3D%220%200%201500%201500%22%20enable-background%3D%22new%200%200%201500%201500%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Ebene_1_1_%22%3E%0D%0A%09%3Cpath%20fill%3D%22%23172b47%22%20d%3D%22M590.201%2C688.716c0%2C43.062%2C17.128%2C82.193%2C44.92%2C110.959c-2.479%2C0.926-4.947%2C1.878-7.397%2C2.867%0D%0A%09%09c-38.027%2C15.347-70.62%2C37.593-96.873%2C66.12c-23.584%2C25.627-41.129%2C55.432-52.147%2C88.586%0D%0A%09%09c-11.386%2C34.256-15.52%2C71.352-12.282%2C110.255l34.835%2C32.058h497.639l34.856-32.331c2.947-39.115-1.438-76.362-13.034-110.707%0D%0A%09%09c-11.244-33.305-28.996-63.183-52.762-88.806c-26.196-28.244-58.602-50.254-96.314-65.419c-2.242-0.901-4.499-1.772-6.766-2.62%0D%0A%09%09c27.794-28.767%2C44.923-67.898%2C44.923-110.962c0-88.113-71.686-159.798-159.799-159.798S590.201%2C600.604%2C590.201%2C688.716z%0D%0A%09%09%20M916.698%2C915.259c28.587%2C30.822%2C44.761%2C69.919%2C47.583%2C114.39h-428.66c2.508-44.043%2C18.371-82.89%2C46.674-113.645%0D%0A%09%09c19.174-20.834%2C43.261-37.195%2C71.595-48.63c29.257-11.808%2C61.62-17.794%2C96.192-17.794%0D%0A%09%09C818.242%2C849.58%2C877.414%2C872.905%2C916.698%2C915.259z%20M839.887%2C688.716c0%2C49.563-40.323%2C89.886-89.887%2C89.886%0D%0A%09%09s-89.887-40.321-89.887-89.886c0-49.563%2C40.323-89.885%2C89.887-89.885S839.887%2C639.152%2C839.887%2C688.716z%20M1184.203%2C659.258%0D%0A%09%09L774.718%2C249.771h-49.436L315.796%2C659.258l-10.238%2C24.717v530.842l34.956%2C34.955h818.971l34.956-34.955V683.975L1184.203%2C659.258z%0D%0A%09%09%20M1124.529%2C1179.86H375.471V698.454L750%2C323.925l374.529%2C374.529V1179.86z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
  width: 20px;
  height: 20px;
  margin-left: -10px;
  top: 0;
  -webkit-background-size: contain;
  background-size: contain
}

.form-slider__legend--numbers {
  position: relative;
  height: 20px;
  width: 100%
}

.form-slider__legend__entry--number {
  position: absolute;
  display: inline-block
}

.form-slider__legend__entry--number span {
  margin-left: -50%;
  display: inline-block
}

.form-slider__legend-wrapper {
  padding: 0 1px 0 1px
}

.wizardSteps ol {
  margin: 0;
  padding: 0;
  background-color: #ebebeb
}

.wizardSteps ol:after,
.wizardSteps ol:before {
  content: " ";
  display: table
}

.wizardSteps ol:after {
  clear: both
}

.wizardSteps ol:after,
.wizardSteps ol:before {
  content: " ";
  display: table
}

.wizardSteps ol:after {
  clear: both
}

.wizardSteps ol li {
  display: list-item;
  list-style-position: inside;
  padding: 12px 10px;
  color: #d1d1cf;
  float: left;
  position: relative
}

@media (min-width:790px) {
  .wizardSteps ol li {
    padding: 12px 20px
  }
}

.wizardSteps ol li .wizardSteps__stepName>a {
  text-decoration: none;
  color: #d1d1cf
}

.wizardSteps ol li.wizardSteps--isActive {
  background-color: #2071b5
}

.wizardSteps ol li.wizardSteps--isActive:after {
  border-left-color: #2071b5
}

.wizardSteps ol li.wizardSteps--isCompleted {
  background-color: #1e324f
}

.wizardSteps ol li.wizardSteps--isCompleted:after {
  border-left-color: #1e324f
}

.wizardSteps ol li.wizardSteps--isActive,
.wizardSteps ol li.wizardSteps--isCompleted {
  color: #fff
}

.wizardSteps ol li.wizardSteps--isActive .wizardSteps__stepName>a,
.wizardSteps ol li.wizardSteps--isCompleted .wizardSteps__stepName>a {
  text-decoration: none;
  color: #fff
}

.wizardSteps ol li:after,
.wizardSteps ol li:before {
  content: "";
  display: block;
  border-left: 22px solid #ebebeb;
  border-right: none;
  border-bottom: 22px solid transparent;
  border-top: 22px solid transparent;
  top: 0;
  right: -22px;
  position: absolute;
  z-index: 2
}

.wizardSteps ol li:before {
  border-left-color: #fff;
  border-width: 26px;
  top: -4px;
  right: -26px;
  z-index: 1
}

.wizardSteps ol li+li {
  padding-left: 34px
}

@media (min-width:790px) {
  .wizardSteps ol li+li {
    padding-left: 44px
  }
}

.wizardSteps__stepName {
  display: none
}

html.no-cssgradients .wizardSteps ol li.wizardSteps--isActive:after {
  border-left-color: #f90
}

html.no-cssgradients .wizardSteps ol li.wizardSteps--isCompleted:after {
  border-left-color: #0085c7
}

@media screen and (min-width:790px) {
  .wizardSteps--isActive .wizardSteps__stepName {
    display: inline
  }
}

@media screen and (min-width:992px) {
  .wizardSteps__stepName {
    display: inline
  }
}

.container-loading-panel {
  display: block
}

.form-registration .registrationform-icon {
  position: absolute;
  display: block;
  cursor: pointer;
  right: 20px;
  top: 20px;
  height: 20px;
  width: 20px
}

.form-registration .registrationform-icon.icon-form-offline,
.form-registration .registrationform-icon.icon-form-success {
  cursor: default
}

.form-icon-success:after {
  content: " ";
  background-repeat: no-repeat;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  top: 20px;
  right: 10px;
  -webkit-transform: rotate(360deg)
}

.form-icon-success>.form-section:first-child>h3 {
  padding-right: 20px
}

.form-icon-error:after {
  content: " ";
  background-repeat: no-repeat;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  top: 20px;
  right: 15px;
  -webkit-transform: rotate(360deg)
}

.form-icon-error>.form-section:first-child>:first-child {
  padding-right: 20px
}

.teaser__gradientTeaser--blue {
  background: #1e324f;
  padding: 20px;
  color: #fff
}

.dropContainer {
  position: relative
}

.drop {
  border-radius: 50% 50% 50% 50%;
  display: table;
  font-family: Arial;
  overflow: hidden
}

.drop--70 {
  width: 70px;
  height: 70px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 12px;
  line-height: 1.2rem
}

.drop--70>.drop__lineWrapper {
  max-width: 70px;
  max-height: 70px
}

.drop--100 {
  width: 100px;
  height: 100px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
  line-height: 1.6rem
}

.drop--100>.drop__lineWrapper {
  max-width: 100px;
  max-height: 100px
}

.drop--120 {
  width: 120px;
  height: 120px;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 21px;
  line-height: 2.1rem
}

.drop--120>.drop__lineWrapper {
  max-width: 120px;
  max-height: 120px
}

.drop--blue {
  background: #1e324f;
  color: #fff
}

.drop--orange {
  background: #ffda00;
  color: #fff
}

.drop--green {
  background: #005c63;
  color: #fff
}

.drop__lineWrapper {
  display: table-cell;
  vertical-align: middle
}

.drop__line {
  display: block;
  text-align: center;
  font-size: 1em;
  line-height: 1.2em
}

.drop__line--important {
  font-size: 1.5em;
  line-height: 1.2em
}

.drop--topLeft {
  position: absolute;
  top: 10px;
  left: 10px
}

.drop--topRight {
  position: absolute;
  top: 10px;
  right: 10px
}

.drop--bottomLeft {
  position: absolute;
  bottom: 10px;
  left: 10px
}

.drop--bottomRight {
  position: absolute;
  bottom: 10px;
  right: 10px
}

@media (max-width:450px) {
  .drop--sm--fullSize {
    position: initial;
    margin-bottom: 10px;
    width: 100%;
    border-radius: 16px 16px 16px 0
  }
}

.drop--floatRight {
  position: initial;
  float: right;
  margin-left: 10px;
  margin-bottom: 10px
}

.timeline {
  margin-top: 20px;
  margin-left: 20px;
  position: relative;
  display: block
}

.timeline:after,
.timeline:before {
  content: " ";
  display: table
}

.timeline:after {
  clear: both
}

.timeline:after,
.timeline:before {
  content: " ";
  display: table
}

.timeline:after {
  clear: both
}

.timeline__title {
  margin-left: -1.2em;
  background-color: #fff;
  padding: .25em 0
}

.timeline__body {
  padding-left: 20px;
  padding-top: 35px;
  padding-bottom: 40px;
  border-left: 2px solid #d1d1d1
}

.timeline__dot:after {
  content: "";
  left: -29px;
  top: 15px;
  background: #2071b5;
  border-radius: 150px;
  border: 4px solid #fff;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute
}

.contact:after {
  content: "";
  background: #2071b5;
  height: 2px;
  display: block;
  margin-top: 12px
}

.contact__header {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
  line-height: 1.8rem
}

.contact__header:before {
  content: "";
  background: #2071b5;
  height: 5px;
  display: block;
  margin-bottom: 12px
}

.contact__header:after {
  content: "";
  background: #2071b5;
  height: 1px;
  display: block;
  margin-top: 12px
}

.contact__item {
  display: block;
  margin-bottom: 10px;
  padding-left: 30px
}

.contact__item,
.contact__item p {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 17px;
  line-height: 1.7rem;
  font-family: Arial, Helvetica, sans-serif
}

.tariftable {
  display: block
}

@media (min-width:790px) {
  .tariftable {
    display: table;
    width: 100%;
    table-layout: fixed
  }
}

.tariftable__col {
  padding: 20px;
  vertical-align: top
}

.tariftable__col:nth-child(odd) {
  background-color: #f7f7f7
}

@media (min-width:790px) {
  .tariftable__col {
    display: table-cell
  }
}

.tariftable__header {
  padding-right: 80px;
  position: relative
}

.tariftable__tarifname {
  margin: 0
}

.tariftable__price {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22.4px;
  line-height: 2.2399999999999998rem
}

.tariftable__price:after,
.tariftable__price:before {
  content: " ";
  display: table
}

.tariftable__price:after {
  clear: both
}

.tariftable__price:after,
.tariftable__price:before {
  content: " ";
  display: table
}

.tariftable__price:after {
  clear: both
}

.tariftable__price .tariftable__pricevalue {
  display: inline-block;
  float: right
}

.tariftable__price .tariftable__pricelabel {
  display: inline-block
}

.twitter-typeahead {
  position: relative;
  width: inherit;
  display: block !important
}

@media (min-width:790px) {
  .twitter-typeahead {
    width: 100%
  }
}

.tt-dropdown-menu {
  background: #fff;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: inset 1px 1px 5px 0 #d6d6d6;
  box-shadow: inset 1px 1px 5px 0 #d6d6d6
}

.tt-suggestions {
  padding: 8px
}

.tt-suggestion {
  padding-left: 8px
}

.tt-suggestion.tt-cursor {
  background: #d6d6d6
}

a[data-js-controller=picturezoom] div img,
a[data-js-controller=picturezoom] img {
  max-width: 100%;
  display: inline
}

.fluidbox {
  outline: 0
}

.fluidbox-overlay {
  cursor: pointer;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out
}

.fluidbox-wrap {
  display: inline;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out
}

.fluidbox-ghost {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  position: absolute;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out
}

.fluidbox-closed .fluidbox-ghost {
  -webkit-transition-property: top, left, opacity, -webkit-transform;
  transition-property: top, left, opacity, transform;
  -webkit-transition-delay: 0, 0, .25s, 0;
  transition-delay: 0, 0, .25s, 0
}

.fluidbox-closed .fluidbox-wrap img {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: .25s;
  transition-delay: .25s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s
}

.loadCourseGraph {
  min-height: 500px
}

.loadCourseGraph canvas {
  width: 100%;
  height: 500px
}

#spinnerContainer {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .8s;
  transition: all .8s
}

.spinner {
  margin: 50px auto 0;
  width: 70px;
  text-align: center
}

#spinnerContainer.active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .8s;
  transition: all .8s
}

.spinner>div {
  width: 10px;
  height: 10px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.spinner .bounce1 {
  -webkit-animation-delay: -.32s;
  animation-delay: -.32s
}

.spinner .bounce2 {
  -webkit-animation-delay: -.16s;
  -ms-animation-delay: -.16s;
  animation-delay: -.16s
}

.average-consumption-info p.average-consumption--text {
  font-size: 1em;
  padding-top: 10px
}

.average-consumption-info p.average-consumption--text span {
  color: #f90
}

@-webkit-keyframes bouncedelay {

  0%,
  100%,
  80% {
    -webkit-transform: scale(0)
  }

  40% {
    -webkit-transform: scale(1)
  }
}

@keyframes bouncedelay {

  0%,
  100%,
  80% {
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(0)
  }

  40% {
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}

@-ms-keyframes bouncedelay {

  0%,
  100%,
  80% {
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(0)
  }

  40% {
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}

.tabs {
  font-size: 0;
  margin: 25px 0
}

.tabs:after {
  clear: both;
  content: '';
  display: table
}

.tabs .tabs__item {
  display: inline;
  font-size: .8em
}

.tabs .tabs__item .tabs__item__tab {
  border: 1px solid #ddd;
  background-color: #e3e3e3;
  color: #b7b7b5;
  border-radius: 0;
  position: relative;
  padding: .5em;
  cursor: pointer;
  font-weight: 400;
  display: inline-block;
  left: 1px;
  margin-left: -1px;
  vertical-align: bottom
}

@media (min-width:790px) {
  .tabs .tabs__item .tabs__item__tab {
    padding: .25em .5em
  }
}

.tabs .tabs__item .tabs__item__panel {
  display: inline;
  display: inline-block;
  overflow: hidden;
  position: relative;
  height: 0;
  width: 0
}

.tabs .tabs__item .tabs__item__content {
  padding: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  background: #fff;
  border: 1px solid #ccc;
  float: left;
  font-size: 16px;
  font-size: 1rem;
  margin-top: -1px;
  width: 100%
}

.tabs .tabs__item .tabs__item__content p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 17px;
  line-height: 1.7rem
}

@media (min-width:790px) {
  .tabs .tabs__item .tabs__item__content {
    padding: 1em;
    top: 2.1em
  }

  .tabs .tabs__item .tabs__item__content p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem
  }
}

.tabs .tabs__item [type=radio] {
  clip: rect(0 0 0 0);
  height: 1px;
  opacity: 0;
  position: fixed;
  width: 1px;
  z-index: -1
}

.tabs .tabs__item [type=radio]:checked~.tabs__item__tab {
  border-bottom-color: #fff;
  background-color: #fff;
  color: #636361;
  z-index: 2
}

.tabs .tabs__item [type=radio]:checked~.tabs__item__tab~.tabs__item__panel {
  display: inline
}

.tabs .tabs__item+.tabs__item {
  margin-left: .2em
}

.tabs--translucent .tabs__item .tabs__item__tab {
  background-color: rgba(199, 199, 199, .77);
  color: #636361;
  border: none;
  bottom: 1px;
  margin-bottom: 0
}

.tabs--translucent .tabs__item .tabs__item__content {
  background-color: rgba(255, 255, 255, .88);
  border: none
}

.tabs--translucent .tabs__item [type=radio]:checked~.tabs__item__tab {
  border-bottom-color: transparent;
  background-color: rgba(255, 255, 255, .88)
}

@media \0screen\,screen\9 {
  .tabs {
    zoom: 1
  }

  .tabs .tabs__item .tab-radio {
    position: absolute;
    z-index: -1
  }

  .tabs .tabs__item .tabs__item__panel {
    display: none;
    height: auto;
    overflow: visible;
    position: static;
    width: auto
  }

  .tabs .tabs__item__content {
    float: none;
    padding-bottom: 1px;
    padding-top: 1px;
    width: auto
  }

  .tabs .checked label {
    background: #fff;
    border-bottom-width: 0;
    padding-bottom: 11px;
    z-index: 1
  }

  .tabs .checked .tabs__item__panel {
    display: inline
  }

  .tabs .checked .tabs__item__panel {
    display: inline;
    float: left;
    width: 100%
  }
}

.modal-window {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(52, 54, 66, .9);
  z-index: 9999;
  overflow-y: auto;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0, visibility 0 .3s;
  transition: opacity .3s 0, visibility 0 .3s
}

.modal-window.is-active {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .3s 0, visibility 0 0;
  transition: opacity .3s 0, visibility 0 0
}

.modal-window__header {
  min-height: 16.43px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5
}

.modal-window__header h1,
.modal-window__header h2,
.modal-window__header h3,
.modal-window__header h4 {
  margin: 0
}

.modal-window__header button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0
}

.modal-window__header .close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2
}

.modal-window__container {
  position: relative;
  width: 90%;
  max-width: 650px;
  background: #fff;
  margin: 3em auto 4em;
  cursor: auto;
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.modal-window__container form.form--grey {
  -webkit-box-shadow: none;
  box-shadow: none
}

label.servererror {
  font-family: inherit;
  font-weight: 400
}

body.has-modal {
  overflow: hidden
}

@media screen and (max-width:400px) {
  div.v--modal-box.v--modal {
    top: 0 !important
  }
}

div.v--modal-overlay {
  text-align: center
}

@media screen and (max-width:400px) {
  div.v--modal-overlay {
    overflow-y: scroll !important;
    padding-bottom: 80px
  }
}

.video-container {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0
}

.video-container embed,
.video-container iframe,
.video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0
}

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

.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px
}

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

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

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

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

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

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

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

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

.qtip-default .qtip-titlebar {
  background-color: #ffef93
}

.qtip-default .qtip-icon {
  border-color: #ccc;
  background: #f1f1f1;
  color: #777
}

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

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

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

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

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

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

.vf__close-btn-line {
  content: " ";
  display: inline-block;
  height: .2rem;
  width: 1.8rem;
  background: #000;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  position: absolute;
  top: 50%
}

.vf__tooltip {
  border-color: #e6e6e6;
  border-width: .2rem;
  max-width: 40rem;
  min-width: 20rem
}

.vf__tooltip .qtip-content {
  background-color: #e6e6e6;
  padding: 2.7rem 1.5rem 2.1rem;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
  line-height: 1.6rem
}

.vf__tooltip .qtip-content p:last-child {
  margin-bottom: 0
}

.vf__tooltip .qtip-icon {
  border-color: transparent;
  background-color: transparent
}

.vf__tooltip .qtip-icon .ui-icon {
  border-radius: 0
}

.vf__tooltip .qtip-close {
  height: 1.8rem;
  width: 1.8rem;
  top: .8rem;
  right: .7rem;
  cursor: pointer
}

.vf__tooltip .qtip-close .ui-icon {
  display: none
}

.vf__tooltip .qtip-close:before {
  content: " ";
  display: inline-block;
  height: .2rem;
  width: 1.8rem;
  background: #000;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.vf__tooltip .qtip-close:after {
  content: " ";
  display: inline-block;
  height: .2rem;
  width: 1.8rem;
  background: #000;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.icon-hint:before {
  width: 16px;
  height: 16px;
  font-size: 24px;
  background-color: transparent;
  color: #2071b5;
  text-align: left;
  vertical-align: middle;
  line-height: 16px;
  display: inline-block
}

.form-control-radio input[type=radio]~.form__chooser__text .icon-hint:before {
  vertical-align: top;
  line-height: 15px
}

.tile-component {
  height: 18rem;
  padding: 1.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  margin-bottom: 2rem
}

.tile-component:hover {
  cursor: pointer
}

.tile-component a {
  color: inherit;
  text-decoration: none
}

.tile-component a:hover {
  text-decoration: none
}

.tile-component__three-forth {
  width: 75%;
  height: 15rem;
  padding-left: 2.5rem
}

.tile-component__one-forth {
  width: 25%;
  height: 15rem
}

.tile-component__two-columns {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex-grow: 1;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.tile-component__text {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex-grow: 1;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.tile-component__text a.btn {
  margin: 0
}

.tile-component__text-headline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.tile-component__text-headline h1 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 26px;
  line-height: 2.6rem;
  word-break: break-word;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0
}

.tile-component__three-forth .tile-component__text-headline {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 10px
}

.tile-component__three-forth .tile-component__text-headline h1 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 26px;
  line-height: 2.6rem;
  word-break: break-word;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0
}

.tile-component__text-paragraph {
  max-height: 5.6rem;
  overflow: hidden
}

.tile-component__text-paragraph p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 18px;
  line-height: 1.8rem
}

.tile-component__image {
  margin-bottom: 10px
}

.tile-component__image img {
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover
}

.tile-component__image i.vf-icon {
  font-size: 9rem
}

.tile-component__image svg {
  width: 9rem;
  height: 9rem;
  -webkit-transition: fill .3s;
  transition: fill .3s
}

.color--orange {
  color: #fff !important
}

.color--orange:hover {
  color: #1e324f !important
}

.tile-hover--white-white {
  background: #fff;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-white .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-white:hover {
  background: #fff;
  color: #fff
}

.no-touch .tile-hover--white-white:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-white:hover .vf-icon-invert {
  color: #fff;
  background: #fff
}

.tile-hover--white-blue-night {
  background: #fff;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-blue-night .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-blue-night:hover {
  background: #1e324f;
  color: #fff
}

.no-touch .tile-hover--white-blue-night:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #fff
}

.tile-hover--white-blue-mid {
  background: #fff;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-blue-mid .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-blue-mid:hover {
  background: #2071b5;
  color: #fff
}

.no-touch .tile-hover--white-blue-mid:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #fff
}

.tile-hover--white-blue-sky {
  background: #fff;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-blue-sky .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-blue-sky:hover {
  background: #3dc07c;
  color: #fff
}

.no-touch .tile-hover--white-blue-sky:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #fff
}

.tile-hover--white-orange {
  background: #fff;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-orange .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-orange:hover {
  background: #ffda00;
  color: #fff
}

.no-touch .tile-hover--white-orange:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #fff
}

.tile-hover--white-yellow {
  background: #fff;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-yellow .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-yellow:hover {
  background: #ffda00;
  color: #fff
}

.no-touch .tile-hover--white-yellow:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-yellow:hover .vf-icon-invert {
  color: #ffda00;
  background: #fff
}

.tile-hover--white-white {
  background: #fff;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-white .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-white:hover {
  background: #fff;
  color: #fff
}

.no-touch .tile-hover--white-white:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-white:hover .vf-icon-invert {
  color: #fff;
  background: #fff
}

.tile-hover--white-yellow-mid {
  background: #fff;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-yellow-mid .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-yellow-mid:hover {
  background: #ffda00;
  color: #fff
}

.no-touch .tile-hover--white-yellow-mid:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #fff
}

.tile-hover--white-yellow-light {
  background: #fff;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-yellow-light .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-yellow-light:hover {
  background: #ffda00;
  color: #fff
}

.no-touch .tile-hover--white-yellow-light:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #fff
}

.tile-hover--white-green-dark {
  background: #fff;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-green-dark .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-green-dark:hover {
  background: #0a4f2e;
  color: #fff
}

.no-touch .tile-hover--white-green-dark:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #fff
}

.tile-hover--white-green-mid {
  background: #fff;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-green-mid .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-green-mid:hover {
  background: #1f8c40;
  color: #fff
}

.no-touch .tile-hover--white-green-mid:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #fff
}

.tile-hover--white-green-light {
  background: #fff;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-green-light .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-green-light:hover {
  background: #005c63;
  color: #fff
}

.no-touch .tile-hover--white-green-light:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #fff
}

.tile-hover--white-brown-dark {
  background: #fff;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-brown-dark .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-brown-dark:hover {
  background: #73594a;
  color: #fff
}

.no-touch .tile-hover--white-brown-dark:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #fff
}

.tile-hover--white-brown-mid {
  background: #fff;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-brown-mid .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-brown-mid:hover {
  background: #aa8263;
  color: #fff
}

.no-touch .tile-hover--white-brown-mid:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #fff
}

.tile-hover--white-pink {
  background: #fff;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-pink .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-pink:hover {
  background: #f5c2ab;
  color: #fff
}

.no-touch .tile-hover--white-pink:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #fff
}

.tile-hover--white-grey-dark {
  background: #fff;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-grey-dark .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-grey-dark:hover {
  background: #636361;
  color: #fff
}

.no-touch .tile-hover--white-grey-dark:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #fff
}

.tile-hover--white-grey-mid {
  background: #fff;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-grey-mid .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-grey-mid:hover {
  background: #9e9c9c;
  color: #fff
}

.no-touch .tile-hover--white-grey-mid:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #fff
}

.tile-hover--white-grey-light {
  background: #fff;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-grey-light .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-grey-light:hover {
  background: #d1d1cf;
  color: #fff
}

.no-touch .tile-hover--white-grey-light:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #fff
}

.tile-hover--white-black {
  background: #fff;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-black .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-black:hover {
  background: #000;
  color: #fff
}

.no-touch .tile-hover--white-black:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-black:hover .vf-icon-invert {
  color: #000;
  background: #fff
}

.tile-hover--blue-night-white {
  background: #1e324f;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-night-white .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-night-white:hover {
  background: #fff;
  color: #1e324f
}

.no-touch .tile-hover--blue-night-white:hover svg {
  fill: #1e324f
}

.no-touch .tile-hover--blue-night-white:hover .vf-icon-invert {
  color: #fff;
  background: #1e324f
}

.tile-hover--blue-night-blue-night {
  background: #1e324f;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-night-blue-night .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-night-blue-night:hover {
  background: #1e324f;
  color: #1e324f
}

.no-touch .tile-hover--blue-night-blue-night:hover svg {
  fill: #1e324f
}

.no-touch .tile-hover--blue-night-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #1e324f
}

.tile-hover--blue-night-blue-mid {
  background: #1e324f;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-night-blue-mid .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-night-blue-mid:hover {
  background: #2071b5;
  color: #1e324f
}

.no-touch .tile-hover--blue-night-blue-mid:hover svg {
  fill: #1e324f
}

.no-touch .tile-hover--blue-night-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #1e324f
}

.tile-hover--blue-night-blue-sky {
  background: #1e324f;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-night-blue-sky .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-night-blue-sky:hover {
  background: #3dc07c;
  color: #1e324f
}

.no-touch .tile-hover--blue-night-blue-sky:hover svg {
  fill: #1e324f
}

.no-touch .tile-hover--blue-night-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #1e324f
}

.tile-hover--blue-night-orange {
  background: #1e324f;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-night-orange .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-night-orange:hover {
  background: #ffda00;
  color: #1e324f
}

.no-touch .tile-hover--blue-night-orange:hover svg {
  fill: #1e324f
}

.no-touch .tile-hover--blue-night-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #1e324f
}

.tile-hover--blue-night-yellow {
  background: #1e324f;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-night-yellow .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-night-yellow:hover {
  background: #ffda00;
  color: #1e324f
}

.no-touch .tile-hover--blue-night-yellow:hover svg {
  fill: #1e324f
}

.no-touch .tile-hover--blue-night-yellow:hover .vf-icon-invert {
  color: #ffda00;
  background: #1e324f
}

.tile-hover--blue-night-white {
  background: #1e324f;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-night-white .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-night-white:hover {
  background: #fff;
  color: #1e324f
}

.no-touch .tile-hover--blue-night-white:hover svg {
  fill: #1e324f
}

.no-touch .tile-hover--blue-night-white:hover .vf-icon-invert {
  color: #fff;
  background: #1e324f
}

.tile-hover--blue-night-yellow-mid {
  background: #1e324f;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-night-yellow-mid .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-night-yellow-mid:hover {
  background: #ffda00;
  color: #1e324f
}

.no-touch .tile-hover--blue-night-yellow-mid:hover svg {
  fill: #1e324f
}

.no-touch .tile-hover--blue-night-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #1e324f
}

.tile-hover--blue-night-yellow-light {
  background: #1e324f;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-night-yellow-light .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-night-yellow-light:hover {
  background: #ffda00;
  color: #1e324f
}

.no-touch .tile-hover--blue-night-yellow-light:hover svg {
  fill: #1e324f
}

.no-touch .tile-hover--blue-night-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #1e324f
}

.tile-hover--blue-night-green-dark {
  background: #1e324f;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-night-green-dark .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-night-green-dark:hover {
  background: #0a4f2e;
  color: #1e324f
}

.no-touch .tile-hover--blue-night-green-dark:hover svg {
  fill: #1e324f
}

.no-touch .tile-hover--blue-night-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #1e324f
}

.tile-hover--blue-night-green-mid {
  background: #1e324f;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-night-green-mid .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-night-green-mid:hover {
  background: #1f8c40;
  color: #1e324f
}

.no-touch .tile-hover--blue-night-green-mid:hover svg {
  fill: #1e324f
}

.no-touch .tile-hover--blue-night-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #1e324f
}

.tile-hover--blue-night-green-light {
  background: #1e324f;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-night-green-light .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-night-green-light:hover {
  background: #005c63;
  color: #1e324f
}

.no-touch .tile-hover--blue-night-green-light:hover svg {
  fill: #1e324f
}

.no-touch .tile-hover--blue-night-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #1e324f
}

.tile-hover--blue-night-brown-dark {
  background: #1e324f;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-night-brown-dark .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-night-brown-dark:hover {
  background: #73594a;
  color: #1e324f
}

.no-touch .tile-hover--blue-night-brown-dark:hover svg {
  fill: #1e324f
}

.no-touch .tile-hover--blue-night-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #1e324f
}

.tile-hover--blue-night-brown-mid {
  background: #1e324f;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-night-brown-mid .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-night-brown-mid:hover {
  background: #aa8263;
  color: #1e324f
}

.no-touch .tile-hover--blue-night-brown-mid:hover svg {
  fill: #1e324f
}

.no-touch .tile-hover--blue-night-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #1e324f
}

.tile-hover--blue-night-pink {
  background: #1e324f;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-night-pink .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-night-pink:hover {
  background: #f5c2ab;
  color: #1e324f
}

.no-touch .tile-hover--blue-night-pink:hover svg {
  fill: #1e324f
}

.no-touch .tile-hover--blue-night-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #1e324f
}

.tile-hover--blue-night-grey-dark {
  background: #1e324f;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-night-grey-dark .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-night-grey-dark:hover {
  background: #636361;
  color: #1e324f
}

.no-touch .tile-hover--blue-night-grey-dark:hover svg {
  fill: #1e324f
}

.no-touch .tile-hover--blue-night-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #1e324f
}

.tile-hover--blue-night-grey-mid {
  background: #1e324f;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-night-grey-mid .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-night-grey-mid:hover {
  background: #9e9c9c;
  color: #1e324f
}

.no-touch .tile-hover--blue-night-grey-mid:hover svg {
  fill: #1e324f
}

.no-touch .tile-hover--blue-night-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #1e324f
}

.tile-hover--blue-night-grey-light {
  background: #1e324f;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-night-grey-light .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-night-grey-light:hover {
  background: #d1d1cf;
  color: #1e324f
}

.no-touch .tile-hover--blue-night-grey-light:hover svg {
  fill: #1e324f
}

.no-touch .tile-hover--blue-night-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #1e324f
}

.tile-hover--blue-night-black {
  background: #1e324f;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-night-black .vf-icon-invert {
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-night-black:hover {
  background: #000;
  color: #1e324f
}

.no-touch .tile-hover--blue-night-black:hover svg {
  fill: #1e324f
}

.no-touch .tile-hover--blue-night-black:hover .vf-icon-invert {
  color: #000;
  background: #1e324f
}

.tile-hover--blue-mid-white {
  background: #2071b5;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-mid-white .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-mid-white:hover {
  background: #fff;
  color: #2071b5
}

.no-touch .tile-hover--blue-mid-white:hover svg {
  fill: #2071b5
}

.no-touch .tile-hover--blue-mid-white:hover .vf-icon-invert {
  color: #fff;
  background: #2071b5
}

.tile-hover--blue-mid-blue-night {
  background: #2071b5;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-mid-blue-night .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-mid-blue-night:hover {
  background: #1e324f;
  color: #2071b5
}

.no-touch .tile-hover--blue-mid-blue-night:hover svg {
  fill: #2071b5
}

.no-touch .tile-hover--blue-mid-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #2071b5
}

.tile-hover--blue-mid-blue-mid {
  background: #2071b5;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-mid-blue-mid .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-mid-blue-mid:hover {
  background: #2071b5;
  color: #2071b5
}

.no-touch .tile-hover--blue-mid-blue-mid:hover svg {
  fill: #2071b5
}

.no-touch .tile-hover--blue-mid-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #2071b5
}

.tile-hover--blue-mid-blue-sky {
  background: #2071b5;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-mid-blue-sky .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-mid-blue-sky:hover {
  background: #3dc07c;
  color: #2071b5
}

.no-touch .tile-hover--blue-mid-blue-sky:hover svg {
  fill: #2071b5
}

.no-touch .tile-hover--blue-mid-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #2071b5
}

.tile-hover--blue-mid-orange {
  background: #2071b5;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-mid-orange .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-mid-orange:hover {
  background: #ffda00;
  color: #2071b5
}

.no-touch .tile-hover--blue-mid-orange:hover svg {
  fill: #2071b5
}

.no-touch .tile-hover--blue-mid-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #2071b5
}

.tile-hover--blue-mid-yellow {
  background: #2071b5;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-mid-yellow .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-mid-yellow:hover {
  background: #ffda00;
  color: #2071b5
}

.no-touch .tile-hover--blue-mid-yellow:hover svg {
  fill: #2071b5
}

.no-touch .tile-hover--blue-mid-yellow:hover .vf-icon-invert {
  color: #ffda00;
  background: #2071b5
}

.tile-hover--blue-mid-white {
  background: #2071b5;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-mid-white .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-mid-white:hover {
  background: #fff;
  color: #2071b5
}

.no-touch .tile-hover--blue-mid-white:hover svg {
  fill: #2071b5
}

.no-touch .tile-hover--blue-mid-white:hover .vf-icon-invert {
  color: #fff;
  background: #2071b5
}

.tile-hover--blue-mid-yellow-mid {
  background: #2071b5;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-mid-yellow-mid .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-mid-yellow-mid:hover {
  background: #ffda00;
  color: #2071b5
}

.no-touch .tile-hover--blue-mid-yellow-mid:hover svg {
  fill: #2071b5
}

.no-touch .tile-hover--blue-mid-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #2071b5
}

.tile-hover--blue-mid-yellow-light {
  background: #2071b5;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-mid-yellow-light .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-mid-yellow-light:hover {
  background: #ffda00;
  color: #2071b5
}

.no-touch .tile-hover--blue-mid-yellow-light:hover svg {
  fill: #2071b5
}

.no-touch .tile-hover--blue-mid-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #2071b5
}

.tile-hover--blue-mid-green-dark {
  background: #2071b5;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-mid-green-dark .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-mid-green-dark:hover {
  background: #0a4f2e;
  color: #2071b5
}

.no-touch .tile-hover--blue-mid-green-dark:hover svg {
  fill: #2071b5
}

.no-touch .tile-hover--blue-mid-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #2071b5
}

.tile-hover--blue-mid-green-mid {
  background: #2071b5;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-mid-green-mid .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-mid-green-mid:hover {
  background: #1f8c40;
  color: #2071b5
}

.no-touch .tile-hover--blue-mid-green-mid:hover svg {
  fill: #2071b5
}

.no-touch .tile-hover--blue-mid-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #2071b5
}

.tile-hover--blue-mid-green-light {
  background: #2071b5;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-mid-green-light .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-mid-green-light:hover {
  background: #005c63;
  color: #2071b5
}

.no-touch .tile-hover--blue-mid-green-light:hover svg {
  fill: #2071b5
}

.no-touch .tile-hover--blue-mid-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #2071b5
}

.tile-hover--blue-mid-brown-dark {
  background: #2071b5;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-mid-brown-dark .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-mid-brown-dark:hover {
  background: #73594a;
  color: #2071b5
}

.no-touch .tile-hover--blue-mid-brown-dark:hover svg {
  fill: #2071b5
}

.no-touch .tile-hover--blue-mid-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #2071b5
}

.tile-hover--blue-mid-brown-mid {
  background: #2071b5;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-mid-brown-mid .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-mid-brown-mid:hover {
  background: #aa8263;
  color: #2071b5
}

.no-touch .tile-hover--blue-mid-brown-mid:hover svg {
  fill: #2071b5
}

.no-touch .tile-hover--blue-mid-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #2071b5
}

.tile-hover--blue-mid-pink {
  background: #2071b5;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-mid-pink .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-mid-pink:hover {
  background: #f5c2ab;
  color: #2071b5
}

.no-touch .tile-hover--blue-mid-pink:hover svg {
  fill: #2071b5
}

.no-touch .tile-hover--blue-mid-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #2071b5
}

.tile-hover--blue-mid-grey-dark {
  background: #2071b5;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-mid-grey-dark .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-mid-grey-dark:hover {
  background: #636361;
  color: #2071b5
}

.no-touch .tile-hover--blue-mid-grey-dark:hover svg {
  fill: #2071b5
}

.no-touch .tile-hover--blue-mid-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #2071b5
}

.tile-hover--blue-mid-grey-mid {
  background: #2071b5;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-mid-grey-mid .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-mid-grey-mid:hover {
  background: #9e9c9c;
  color: #2071b5
}

.no-touch .tile-hover--blue-mid-grey-mid:hover svg {
  fill: #2071b5
}

.no-touch .tile-hover--blue-mid-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #2071b5
}

.tile-hover--blue-mid-grey-light {
  background: #2071b5;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-mid-grey-light .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-mid-grey-light:hover {
  background: #d1d1cf;
  color: #2071b5
}

.no-touch .tile-hover--blue-mid-grey-light:hover svg {
  fill: #2071b5
}

.no-touch .tile-hover--blue-mid-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #2071b5
}

.tile-hover--blue-mid-black {
  background: #2071b5;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-mid-black .vf-icon-invert {
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-mid-black:hover {
  background: #000;
  color: #2071b5
}

.no-touch .tile-hover--blue-mid-black:hover svg {
  fill: #2071b5
}

.no-touch .tile-hover--blue-mid-black:hover .vf-icon-invert {
  color: #000;
  background: #2071b5
}

.tile-hover--blue-sky-white {
  background: #3dc07c;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-sky-white .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-sky-white:hover {
  background: #fff;
  color: #3dc07c
}

.no-touch .tile-hover--blue-sky-white:hover svg {
  fill: #3dc07c
}

.no-touch .tile-hover--blue-sky-white:hover .vf-icon-invert {
  color: #fff;
  background: #3dc07c
}

.tile-hover--blue-sky-blue-night {
  background: #3dc07c;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-sky-blue-night .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-sky-blue-night:hover {
  background: #1e324f;
  color: #3dc07c
}

.no-touch .tile-hover--blue-sky-blue-night:hover svg {
  fill: #3dc07c
}

.no-touch .tile-hover--blue-sky-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #3dc07c
}

.tile-hover--blue-sky-blue-mid {
  background: #3dc07c;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-sky-blue-mid .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-sky-blue-mid:hover {
  background: #2071b5;
  color: #3dc07c
}

.no-touch .tile-hover--blue-sky-blue-mid:hover svg {
  fill: #3dc07c
}

.no-touch .tile-hover--blue-sky-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #3dc07c
}

.tile-hover--blue-sky-blue-sky {
  background: #3dc07c;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-sky-blue-sky .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-sky-blue-sky:hover {
  background: #3dc07c;
  color: #3dc07c
}

.no-touch .tile-hover--blue-sky-blue-sky:hover svg {
  fill: #3dc07c
}

.no-touch .tile-hover--blue-sky-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #3dc07c
}

.tile-hover--blue-sky-orange {
  background: #3dc07c;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-sky-orange .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-sky-orange:hover {
  background: #ffda00;
  color: #3dc07c
}

.no-touch .tile-hover--blue-sky-orange:hover svg {
  fill: #3dc07c
}

.no-touch .tile-hover--blue-sky-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #3dc07c
}

.tile-hover--blue-sky-yellow {
  background: #3dc07c;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-sky-yellow .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-sky-yellow:hover {
  background: #ffda00;
  color: #3dc07c
}

.no-touch .tile-hover--blue-sky-yellow:hover svg {
  fill: #3dc07c
}

.no-touch .tile-hover--blue-sky-yellow:hover .vf-icon-invert {
  color: #ffda00;
  background: #3dc07c
}

.tile-hover--blue-sky-white {
  background: #3dc07c;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-sky-white .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-sky-white:hover {
  background: #fff;
  color: #3dc07c
}

.no-touch .tile-hover--blue-sky-white:hover svg {
  fill: #3dc07c
}

.no-touch .tile-hover--blue-sky-white:hover .vf-icon-invert {
  color: #fff;
  background: #3dc07c
}

.tile-hover--blue-sky-yellow-mid {
  background: #3dc07c;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-sky-yellow-mid .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-sky-yellow-mid:hover {
  background: #ffda00;
  color: #3dc07c
}

.no-touch .tile-hover--blue-sky-yellow-mid:hover svg {
  fill: #3dc07c
}

.no-touch .tile-hover--blue-sky-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #3dc07c
}

.tile-hover--blue-sky-yellow-light {
  background: #3dc07c;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-sky-yellow-light .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-sky-yellow-light:hover {
  background: #ffda00;
  color: #3dc07c
}

.no-touch .tile-hover--blue-sky-yellow-light:hover svg {
  fill: #3dc07c
}

.no-touch .tile-hover--blue-sky-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #3dc07c
}

.tile-hover--blue-sky-green-dark {
  background: #3dc07c;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-sky-green-dark .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-sky-green-dark:hover {
  background: #0a4f2e;
  color: #3dc07c
}

.no-touch .tile-hover--blue-sky-green-dark:hover svg {
  fill: #3dc07c
}

.no-touch .tile-hover--blue-sky-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #3dc07c
}

.tile-hover--blue-sky-green-mid {
  background: #3dc07c;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-sky-green-mid .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-sky-green-mid:hover {
  background: #1f8c40;
  color: #3dc07c
}

.no-touch .tile-hover--blue-sky-green-mid:hover svg {
  fill: #3dc07c
}

.no-touch .tile-hover--blue-sky-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #3dc07c
}

.tile-hover--blue-sky-green-light {
  background: #3dc07c;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-sky-green-light .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-sky-green-light:hover {
  background: #005c63;
  color: #3dc07c
}

.no-touch .tile-hover--blue-sky-green-light:hover svg {
  fill: #3dc07c
}

.no-touch .tile-hover--blue-sky-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #3dc07c
}

.tile-hover--blue-sky-brown-dark {
  background: #3dc07c;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-sky-brown-dark .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-sky-brown-dark:hover {
  background: #73594a;
  color: #3dc07c
}

.no-touch .tile-hover--blue-sky-brown-dark:hover svg {
  fill: #3dc07c
}

.no-touch .tile-hover--blue-sky-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #3dc07c
}

.tile-hover--blue-sky-brown-mid {
  background: #3dc07c;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-sky-brown-mid .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-sky-brown-mid:hover {
  background: #aa8263;
  color: #3dc07c
}

.no-touch .tile-hover--blue-sky-brown-mid:hover svg {
  fill: #3dc07c
}

.no-touch .tile-hover--blue-sky-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #3dc07c
}

.tile-hover--blue-sky-pink {
  background: #3dc07c;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-sky-pink .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-sky-pink:hover {
  background: #f5c2ab;
  color: #3dc07c
}

.no-touch .tile-hover--blue-sky-pink:hover svg {
  fill: #3dc07c
}

.no-touch .tile-hover--blue-sky-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #3dc07c
}

.tile-hover--blue-sky-grey-dark {
  background: #3dc07c;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-sky-grey-dark .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-sky-grey-dark:hover {
  background: #636361;
  color: #3dc07c
}

.no-touch .tile-hover--blue-sky-grey-dark:hover svg {
  fill: #3dc07c
}

.no-touch .tile-hover--blue-sky-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #3dc07c
}

.tile-hover--blue-sky-grey-mid {
  background: #3dc07c;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-sky-grey-mid .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-sky-grey-mid:hover {
  background: #9e9c9c;
  color: #3dc07c
}

.no-touch .tile-hover--blue-sky-grey-mid:hover svg {
  fill: #3dc07c
}

.no-touch .tile-hover--blue-sky-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #3dc07c
}

.tile-hover--blue-sky-grey-light {
  background: #3dc07c;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-sky-grey-light .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-sky-grey-light:hover {
  background: #d1d1cf;
  color: #3dc07c
}

.no-touch .tile-hover--blue-sky-grey-light:hover svg {
  fill: #3dc07c
}

.no-touch .tile-hover--blue-sky-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #3dc07c
}

.tile-hover--blue-sky-black {
  background: #3dc07c;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--blue-sky-black .vf-icon-invert {
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--blue-sky-black:hover {
  background: #000;
  color: #3dc07c
}

.no-touch .tile-hover--blue-sky-black:hover svg {
  fill: #3dc07c
}

.no-touch .tile-hover--blue-sky-black:hover .vf-icon-invert {
  color: #000;
  background: #3dc07c
}

.tile-hover--yellow-white {
  background: #ffda00;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-white .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-white:hover {
  background: #fff;
  color: #ffda00
}

.no-touch .tile-hover--yellow-white:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-white:hover .vf-icon-invert {
  color: #fff;
  background: #ffda00
}

.tile-hover--yellow-blue-night {
  background: #ffda00;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-blue-night .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-blue-night:hover {
  background: #1e324f;
  color: #ffda00
}

.no-touch .tile-hover--yellow-blue-night:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #ffda00
}

.tile-hover--yellow-blue-mid {
  background: #ffda00;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-blue-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-blue-mid:hover {
  background: #2071b5;
  color: #ffda00
}

.no-touch .tile-hover--yellow-blue-mid:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #ffda00
}

.tile-hover--yellow-blue-sky {
  background: #ffda00;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-blue-sky .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-blue-sky:hover {
  background: #3dc07c;
  color: #ffda00
}

.no-touch .tile-hover--yellow-blue-sky:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #ffda00
}

.tile-hover--yellow-orange {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-orange .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-orange:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch .tile-hover--yellow-orange:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

.tile-hover--yellow-yellow {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-yellow .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-yellow:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch .tile-hover--yellow-yellow:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-yellow:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

.tile-hover--yellow-white {
  background: #ffda00;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-white .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-white:hover {
  background: #fff;
  color: #ffda00
}

.no-touch .tile-hover--yellow-white:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-white:hover .vf-icon-invert {
  color: #fff;
  background: #ffda00
}

.tile-hover--yellow-yellow-mid {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-yellow-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-yellow-mid:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch .tile-hover--yellow-yellow-mid:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

.tile-hover--yellow-yellow-light {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-yellow-light .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-yellow-light:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch .tile-hover--yellow-yellow-light:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

.tile-hover--yellow-green-dark {
  background: #ffda00;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-green-dark .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-green-dark:hover {
  background: #0a4f2e;
  color: #ffda00
}

.no-touch .tile-hover--yellow-green-dark:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #ffda00
}

.tile-hover--yellow-green-mid {
  background: #ffda00;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-green-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-green-mid:hover {
  background: #1f8c40;
  color: #ffda00
}

.no-touch .tile-hover--yellow-green-mid:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #ffda00
}

.tile-hover--yellow-green-light {
  background: #ffda00;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-green-light .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-green-light:hover {
  background: #005c63;
  color: #ffda00
}

.no-touch .tile-hover--yellow-green-light:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #ffda00
}

.tile-hover--yellow-brown-dark {
  background: #ffda00;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-brown-dark .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-brown-dark:hover {
  background: #73594a;
  color: #ffda00
}

.no-touch .tile-hover--yellow-brown-dark:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #ffda00
}

.tile-hover--yellow-brown-mid {
  background: #ffda00;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-brown-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-brown-mid:hover {
  background: #aa8263;
  color: #ffda00
}

.no-touch .tile-hover--yellow-brown-mid:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #ffda00
}

.tile-hover--yellow-pink {
  background: #ffda00;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-pink .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-pink:hover {
  background: #f5c2ab;
  color: #ffda00
}

.no-touch .tile-hover--yellow-pink:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #ffda00
}

.tile-hover--yellow-grey-dark {
  background: #ffda00;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-grey-dark .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-grey-dark:hover {
  background: #636361;
  color: #ffda00
}

.no-touch .tile-hover--yellow-grey-dark:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #ffda00
}

.tile-hover--yellow-grey-mid {
  background: #ffda00;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-grey-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-grey-mid:hover {
  background: #9e9c9c;
  color: #ffda00
}

.no-touch .tile-hover--yellow-grey-mid:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #ffda00
}

.tile-hover--yellow-grey-light {
  background: #ffda00;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-grey-light .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-grey-light:hover {
  background: #d1d1cf;
  color: #ffda00
}

.no-touch .tile-hover--yellow-grey-light:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #ffda00
}

.tile-hover--yellow-black {
  background: #ffda00;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-black .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-black:hover {
  background: #000;
  color: #ffda00
}

.no-touch .tile-hover--yellow-black:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-black:hover .vf-icon-invert {
  color: #000;
  background: #ffda00
}

.tile-hover--orange-white {
  background: #ffda00;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--orange-white .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--orange-white:hover {
  background: #fff;
  color: #ffda00
}

.no-touch .tile-hover--orange-white:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--orange-white:hover .vf-icon-invert {
  color: #fff;
  background: #ffda00
}

.tile-hover--orange-blue-night {
  background: #ffda00;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--orange-blue-night .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--orange-blue-night:hover {
  background: #1e324f;
  color: #ffda00
}

.no-touch .tile-hover--orange-blue-night:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--orange-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #ffda00
}

.tile-hover--orange-blue-mid {
  background: #ffda00;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--orange-blue-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--orange-blue-mid:hover {
  background: #2071b5;
  color: #ffda00
}

.no-touch .tile-hover--orange-blue-mid:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--orange-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #ffda00
}

.tile-hover--orange-blue-sky {
  background: #ffda00;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--orange-blue-sky .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--orange-blue-sky:hover {
  background: #3dc07c;
  color: #ffda00
}

.no-touch .tile-hover--orange-blue-sky:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--orange-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #ffda00
}

.tile-hover--orange-orange {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--orange-orange .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--orange-orange:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch .tile-hover--orange-orange:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--orange-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

.tile-hover--orange-yellow {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--orange-yellow .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--orange-yellow:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch .tile-hover--orange-yellow:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--orange-yellow:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

.tile-hover--orange-white {
  background: #ffda00;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--orange-white .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--orange-white:hover {
  background: #fff;
  color: #ffda00
}

.no-touch .tile-hover--orange-white:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--orange-white:hover .vf-icon-invert {
  color: #fff;
  background: #ffda00
}

.tile-hover--orange-yellow-mid {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--orange-yellow-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--orange-yellow-mid:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch .tile-hover--orange-yellow-mid:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--orange-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

.tile-hover--orange-yellow-light {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--orange-yellow-light .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--orange-yellow-light:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch .tile-hover--orange-yellow-light:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--orange-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

.tile-hover--orange-green-dark {
  background: #ffda00;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--orange-green-dark .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--orange-green-dark:hover {
  background: #0a4f2e;
  color: #ffda00
}

.no-touch .tile-hover--orange-green-dark:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--orange-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #ffda00
}

.tile-hover--orange-green-mid {
  background: #ffda00;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--orange-green-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--orange-green-mid:hover {
  background: #1f8c40;
  color: #ffda00
}

.no-touch .tile-hover--orange-green-mid:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--orange-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #ffda00
}

.tile-hover--orange-green-light {
  background: #ffda00;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--orange-green-light .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--orange-green-light:hover {
  background: #005c63;
  color: #ffda00
}

.no-touch .tile-hover--orange-green-light:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--orange-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #ffda00
}

.tile-hover--orange-brown-dark {
  background: #ffda00;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--orange-brown-dark .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--orange-brown-dark:hover {
  background: #73594a;
  color: #ffda00
}

.no-touch .tile-hover--orange-brown-dark:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--orange-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #ffda00
}

.tile-hover--orange-brown-mid {
  background: #ffda00;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--orange-brown-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--orange-brown-mid:hover {
  background: #aa8263;
  color: #ffda00
}

.no-touch .tile-hover--orange-brown-mid:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--orange-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #ffda00
}

.tile-hover--orange-pink {
  background: #ffda00;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--orange-pink .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--orange-pink:hover {
  background: #f5c2ab;
  color: #ffda00
}

.no-touch .tile-hover--orange-pink:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--orange-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #ffda00
}

.tile-hover--orange-grey-dark {
  background: #ffda00;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--orange-grey-dark .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--orange-grey-dark:hover {
  background: #636361;
  color: #ffda00
}

.no-touch .tile-hover--orange-grey-dark:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--orange-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #ffda00
}

.tile-hover--orange-grey-mid {
  background: #ffda00;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--orange-grey-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--orange-grey-mid:hover {
  background: #9e9c9c;
  color: #ffda00
}

.no-touch .tile-hover--orange-grey-mid:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--orange-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #ffda00
}

.tile-hover--orange-grey-light {
  background: #ffda00;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--orange-grey-light .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--orange-grey-light:hover {
  background: #d1d1cf;
  color: #ffda00
}

.no-touch .tile-hover--orange-grey-light:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--orange-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #ffda00
}

.tile-hover--orange-black {
  background: #ffda00;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--orange-black .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--orange-black:hover {
  background: #000;
  color: #ffda00
}

.no-touch .tile-hover--orange-black:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--orange-black:hover .vf-icon-invert {
  color: #000;
  background: #ffda00
}

.tile-hover--white-white {
  background: #fff;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-white .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-white:hover {
  background: #fff;
  color: #fff
}

.no-touch .tile-hover--white-white:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-white:hover .vf-icon-invert {
  color: #fff;
  background: #fff
}

.tile-hover--white-blue-night {
  background: #fff;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-blue-night .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-blue-night:hover {
  background: #1e324f;
  color: #fff
}

.no-touch .tile-hover--white-blue-night:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #fff
}

.tile-hover--white-blue-mid {
  background: #fff;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-blue-mid .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-blue-mid:hover {
  background: #2071b5;
  color: #fff
}

.no-touch .tile-hover--white-blue-mid:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #fff
}

.tile-hover--white-blue-sky {
  background: #fff;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-blue-sky .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-blue-sky:hover {
  background: #3dc07c;
  color: #fff
}

.no-touch .tile-hover--white-blue-sky:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #fff
}

.tile-hover--white-orange {
  background: #fff;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-orange .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-orange:hover {
  background: #ffda00;
  color: #fff
}

.no-touch .tile-hover--white-orange:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #fff
}

.tile-hover--white-yellow {
  background: #fff;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-yellow .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-yellow:hover {
  background: #ffda00;
  color: #fff
}

.no-touch .tile-hover--white-yellow:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-yellow:hover .vf-icon-invert {
  color: #ffda00;
  background: #fff
}

.tile-hover--white-white {
  background: #fff;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-white .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-white:hover {
  background: #fff;
  color: #fff
}

.no-touch .tile-hover--white-white:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-white:hover .vf-icon-invert {
  color: #fff;
  background: #fff
}

.tile-hover--white-yellow-mid {
  background: #fff;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-yellow-mid .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-yellow-mid:hover {
  background: #ffda00;
  color: #fff
}

.no-touch .tile-hover--white-yellow-mid:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #fff
}

.tile-hover--white-yellow-light {
  background: #fff;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-yellow-light .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-yellow-light:hover {
  background: #ffda00;
  color: #fff
}

.no-touch .tile-hover--white-yellow-light:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #fff
}

.tile-hover--white-green-dark {
  background: #fff;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-green-dark .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-green-dark:hover {
  background: #0a4f2e;
  color: #fff
}

.no-touch .tile-hover--white-green-dark:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #fff
}

.tile-hover--white-green-mid {
  background: #fff;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-green-mid .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-green-mid:hover {
  background: #1f8c40;
  color: #fff
}

.no-touch .tile-hover--white-green-mid:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #fff
}

.tile-hover--white-green-light {
  background: #fff;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-green-light .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-green-light:hover {
  background: #005c63;
  color: #fff
}

.no-touch .tile-hover--white-green-light:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #fff
}

.tile-hover--white-brown-dark {
  background: #fff;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-brown-dark .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-brown-dark:hover {
  background: #73594a;
  color: #fff
}

.no-touch .tile-hover--white-brown-dark:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #fff
}

.tile-hover--white-brown-mid {
  background: #fff;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-brown-mid .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-brown-mid:hover {
  background: #aa8263;
  color: #fff
}

.no-touch .tile-hover--white-brown-mid:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #fff
}

.tile-hover--white-pink {
  background: #fff;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-pink .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-pink:hover {
  background: #f5c2ab;
  color: #fff
}

.no-touch .tile-hover--white-pink:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #fff
}

.tile-hover--white-grey-dark {
  background: #fff;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-grey-dark .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-grey-dark:hover {
  background: #636361;
  color: #fff
}

.no-touch .tile-hover--white-grey-dark:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #fff
}

.tile-hover--white-grey-mid {
  background: #fff;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-grey-mid .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-grey-mid:hover {
  background: #9e9c9c;
  color: #fff
}

.no-touch .tile-hover--white-grey-mid:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #fff
}

.tile-hover--white-grey-light {
  background: #fff;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-grey-light .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-grey-light:hover {
  background: #d1d1cf;
  color: #fff
}

.no-touch .tile-hover--white-grey-light:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #fff
}

.tile-hover--white-black {
  background: #fff;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--white-black .vf-icon-invert {
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--white-black:hover {
  background: #000;
  color: #fff
}

.no-touch .tile-hover--white-black:hover svg {
  fill: #fff
}

.no-touch .tile-hover--white-black:hover .vf-icon-invert {
  color: #000;
  background: #fff
}

.tile-hover--yellow-mid-white {
  background: #ffda00;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-mid-white .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-mid-white:hover {
  background: #fff;
  color: #ffda00
}

.no-touch .tile-hover--yellow-mid-white:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-mid-white:hover .vf-icon-invert {
  color: #fff;
  background: #ffda00
}

.tile-hover--yellow-mid-blue-night {
  background: #ffda00;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-mid-blue-night .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-mid-blue-night:hover {
  background: #1e324f;
  color: #ffda00
}

.no-touch .tile-hover--yellow-mid-blue-night:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-mid-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #ffda00
}

.tile-hover--yellow-mid-blue-mid {
  background: #ffda00;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-mid-blue-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-mid-blue-mid:hover {
  background: #2071b5;
  color: #ffda00
}

.no-touch .tile-hover--yellow-mid-blue-mid:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-mid-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #ffda00
}

.tile-hover--yellow-mid-blue-sky {
  background: #ffda00;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-mid-blue-sky .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-mid-blue-sky:hover {
  background: #3dc07c;
  color: #ffda00
}

.no-touch .tile-hover--yellow-mid-blue-sky:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-mid-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #ffda00
}

.tile-hover--yellow-mid-orange {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-mid-orange .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-mid-orange:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch .tile-hover--yellow-mid-orange:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-mid-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

.tile-hover--yellow-mid-yellow {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-mid-yellow .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-mid-yellow:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch .tile-hover--yellow-mid-yellow:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-mid-yellow:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

.tile-hover--yellow-mid-white {
  background: #ffda00;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-mid-white .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-mid-white:hover {
  background: #fff;
  color: #ffda00
}

.no-touch .tile-hover--yellow-mid-white:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-mid-white:hover .vf-icon-invert {
  color: #fff;
  background: #ffda00
}

.tile-hover--yellow-mid-yellow-mid {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-mid-yellow-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-mid-yellow-mid:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch .tile-hover--yellow-mid-yellow-mid:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-mid-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

.tile-hover--yellow-mid-yellow-light {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-mid-yellow-light .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-mid-yellow-light:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch .tile-hover--yellow-mid-yellow-light:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-mid-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

.tile-hover--yellow-mid-green-dark {
  background: #ffda00;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-mid-green-dark .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-mid-green-dark:hover {
  background: #0a4f2e;
  color: #ffda00
}

.no-touch .tile-hover--yellow-mid-green-dark:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-mid-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #ffda00
}

.tile-hover--yellow-mid-green-mid {
  background: #ffda00;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-mid-green-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-mid-green-mid:hover {
  background: #1f8c40;
  color: #ffda00
}

.no-touch .tile-hover--yellow-mid-green-mid:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-mid-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #ffda00
}

.tile-hover--yellow-mid-green-light {
  background: #ffda00;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-mid-green-light .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-mid-green-light:hover {
  background: #005c63;
  color: #ffda00
}

.no-touch .tile-hover--yellow-mid-green-light:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-mid-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #ffda00
}

.tile-hover--yellow-mid-brown-dark {
  background: #ffda00;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-mid-brown-dark .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-mid-brown-dark:hover {
  background: #73594a;
  color: #ffda00
}

.no-touch .tile-hover--yellow-mid-brown-dark:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-mid-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #ffda00
}

.tile-hover--yellow-mid-brown-mid {
  background: #ffda00;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-mid-brown-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-mid-brown-mid:hover {
  background: #aa8263;
  color: #ffda00
}

.no-touch .tile-hover--yellow-mid-brown-mid:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-mid-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #ffda00
}

.tile-hover--yellow-mid-pink {
  background: #ffda00;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-mid-pink .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-mid-pink:hover {
  background: #f5c2ab;
  color: #ffda00
}

.no-touch .tile-hover--yellow-mid-pink:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-mid-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #ffda00
}

.tile-hover--yellow-mid-grey-dark {
  background: #ffda00;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-mid-grey-dark .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-mid-grey-dark:hover {
  background: #636361;
  color: #ffda00
}

.no-touch .tile-hover--yellow-mid-grey-dark:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-mid-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #ffda00
}

.tile-hover--yellow-mid-grey-mid {
  background: #ffda00;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-mid-grey-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-mid-grey-mid:hover {
  background: #9e9c9c;
  color: #ffda00
}

.no-touch .tile-hover--yellow-mid-grey-mid:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-mid-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #ffda00
}

.tile-hover--yellow-mid-grey-light {
  background: #ffda00;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-mid-grey-light .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-mid-grey-light:hover {
  background: #d1d1cf;
  color: #ffda00
}

.no-touch .tile-hover--yellow-mid-grey-light:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-mid-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #ffda00
}

.tile-hover--yellow-mid-black {
  background: #ffda00;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-mid-black .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-mid-black:hover {
  background: #000;
  color: #ffda00
}

.no-touch .tile-hover--yellow-mid-black:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-mid-black:hover .vf-icon-invert {
  color: #000;
  background: #ffda00
}

.tile-hover--yellow-light-white {
  background: #ffda00;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-light-white .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-light-white:hover {
  background: #fff;
  color: #ffda00
}

.no-touch .tile-hover--yellow-light-white:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-light-white:hover .vf-icon-invert {
  color: #fff;
  background: #ffda00
}

.tile-hover--yellow-light-blue-night {
  background: #ffda00;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-light-blue-night .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-light-blue-night:hover {
  background: #1e324f;
  color: #ffda00
}

.no-touch .tile-hover--yellow-light-blue-night:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-light-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #ffda00
}

.tile-hover--yellow-light-blue-mid {
  background: #ffda00;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-light-blue-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-light-blue-mid:hover {
  background: #2071b5;
  color: #ffda00
}

.no-touch .tile-hover--yellow-light-blue-mid:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-light-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #ffda00
}

.tile-hover--yellow-light-blue-sky {
  background: #ffda00;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-light-blue-sky .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-light-blue-sky:hover {
  background: #3dc07c;
  color: #ffda00
}

.no-touch .tile-hover--yellow-light-blue-sky:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-light-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #ffda00
}

.tile-hover--yellow-light-orange {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-light-orange .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-light-orange:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch .tile-hover--yellow-light-orange:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-light-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

.tile-hover--yellow-light-yellow {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-light-yellow .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-light-yellow:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch .tile-hover--yellow-light-yellow:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-light-yellow:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

.tile-hover--yellow-light-white {
  background: #ffda00;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-light-white .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-light-white:hover {
  background: #fff;
  color: #ffda00
}

.no-touch .tile-hover--yellow-light-white:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-light-white:hover .vf-icon-invert {
  color: #fff;
  background: #ffda00
}

.tile-hover--yellow-light-yellow-mid {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-light-yellow-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-light-yellow-mid:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch .tile-hover--yellow-light-yellow-mid:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-light-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

.tile-hover--yellow-light-yellow-light {
  background: #ffda00;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-light-yellow-light .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-light-yellow-light:hover {
  background: #ffda00;
  color: #ffda00
}

.no-touch .tile-hover--yellow-light-yellow-light:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-light-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #ffda00
}

.tile-hover--yellow-light-green-dark {
  background: #ffda00;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-light-green-dark .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-light-green-dark:hover {
  background: #0a4f2e;
  color: #ffda00
}

.no-touch .tile-hover--yellow-light-green-dark:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-light-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #ffda00
}

.tile-hover--yellow-light-green-mid {
  background: #ffda00;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-light-green-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-light-green-mid:hover {
  background: #1f8c40;
  color: #ffda00
}

.no-touch .tile-hover--yellow-light-green-mid:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-light-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #ffda00
}

.tile-hover--yellow-light-green-light {
  background: #ffda00;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-light-green-light .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-light-green-light:hover {
  background: #005c63;
  color: #ffda00
}

.no-touch .tile-hover--yellow-light-green-light:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-light-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #ffda00
}

.tile-hover--yellow-light-brown-dark {
  background: #ffda00;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-light-brown-dark .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-light-brown-dark:hover {
  background: #73594a;
  color: #ffda00
}

.no-touch .tile-hover--yellow-light-brown-dark:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-light-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #ffda00
}

.tile-hover--yellow-light-brown-mid {
  background: #ffda00;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-light-brown-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-light-brown-mid:hover {
  background: #aa8263;
  color: #ffda00
}

.no-touch .tile-hover--yellow-light-brown-mid:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-light-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #ffda00
}

.tile-hover--yellow-light-pink {
  background: #ffda00;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-light-pink .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-light-pink:hover {
  background: #f5c2ab;
  color: #ffda00
}

.no-touch .tile-hover--yellow-light-pink:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-light-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #ffda00
}

.tile-hover--yellow-light-grey-dark {
  background: #ffda00;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-light-grey-dark .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-light-grey-dark:hover {
  background: #636361;
  color: #ffda00
}

.no-touch .tile-hover--yellow-light-grey-dark:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-light-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #ffda00
}

.tile-hover--yellow-light-grey-mid {
  background: #ffda00;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-light-grey-mid .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-light-grey-mid:hover {
  background: #9e9c9c;
  color: #ffda00
}

.no-touch .tile-hover--yellow-light-grey-mid:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-light-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #ffda00
}

.tile-hover--yellow-light-grey-light {
  background: #ffda00;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-light-grey-light .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-light-grey-light:hover {
  background: #d1d1cf;
  color: #ffda00
}

.no-touch .tile-hover--yellow-light-grey-light:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-light-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #ffda00
}

.tile-hover--yellow-light-black {
  background: #ffda00;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--yellow-light-black .vf-icon-invert {
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--yellow-light-black:hover {
  background: #000;
  color: #ffda00
}

.no-touch .tile-hover--yellow-light-black:hover svg {
  fill: #ffda00
}

.no-touch .tile-hover--yellow-light-black:hover .vf-icon-invert {
  color: #000;
  background: #ffda00
}

.tile-hover--green-dark-white {
  background: #0a4f2e;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-dark-white .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-dark-white:hover {
  background: #fff;
  color: #0a4f2e
}

.no-touch .tile-hover--green-dark-white:hover svg {
  fill: #0a4f2e
}

.no-touch .tile-hover--green-dark-white:hover .vf-icon-invert {
  color: #fff;
  background: #0a4f2e
}

.tile-hover--green-dark-blue-night {
  background: #0a4f2e;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-dark-blue-night .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-dark-blue-night:hover {
  background: #1e324f;
  color: #0a4f2e
}

.no-touch .tile-hover--green-dark-blue-night:hover svg {
  fill: #0a4f2e
}

.no-touch .tile-hover--green-dark-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #0a4f2e
}

.tile-hover--green-dark-blue-mid {
  background: #0a4f2e;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-dark-blue-mid .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-dark-blue-mid:hover {
  background: #2071b5;
  color: #0a4f2e
}

.no-touch .tile-hover--green-dark-blue-mid:hover svg {
  fill: #0a4f2e
}

.no-touch .tile-hover--green-dark-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #0a4f2e
}

.tile-hover--green-dark-blue-sky {
  background: #0a4f2e;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-dark-blue-sky .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-dark-blue-sky:hover {
  background: #3dc07c;
  color: #0a4f2e
}

.no-touch .tile-hover--green-dark-blue-sky:hover svg {
  fill: #0a4f2e
}

.no-touch .tile-hover--green-dark-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #0a4f2e
}

.tile-hover--green-dark-orange {
  background: #0a4f2e;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-dark-orange .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-dark-orange:hover {
  background: #ffda00;
  color: #0a4f2e
}

.no-touch .tile-hover--green-dark-orange:hover svg {
  fill: #0a4f2e
}

.no-touch .tile-hover--green-dark-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #0a4f2e
}

.tile-hover--green-dark-yellow {
  background: #0a4f2e;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-dark-yellow .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-dark-yellow:hover {
  background: #ffda00;
  color: #0a4f2e
}

.no-touch .tile-hover--green-dark-yellow:hover svg {
  fill: #0a4f2e
}

.no-touch .tile-hover--green-dark-yellow:hover .vf-icon-invert {
  color: #ffda00;
  background: #0a4f2e
}

.tile-hover--green-dark-white {
  background: #0a4f2e;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-dark-white .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-dark-white:hover {
  background: #fff;
  color: #0a4f2e
}

.no-touch .tile-hover--green-dark-white:hover svg {
  fill: #0a4f2e
}

.no-touch .tile-hover--green-dark-white:hover .vf-icon-invert {
  color: #fff;
  background: #0a4f2e
}

.tile-hover--green-dark-yellow-mid {
  background: #0a4f2e;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-dark-yellow-mid .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-dark-yellow-mid:hover {
  background: #ffda00;
  color: #0a4f2e
}

.no-touch .tile-hover--green-dark-yellow-mid:hover svg {
  fill: #0a4f2e
}

.no-touch .tile-hover--green-dark-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #0a4f2e
}

.tile-hover--green-dark-yellow-light {
  background: #0a4f2e;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-dark-yellow-light .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-dark-yellow-light:hover {
  background: #ffda00;
  color: #0a4f2e
}

.no-touch .tile-hover--green-dark-yellow-light:hover svg {
  fill: #0a4f2e
}

.no-touch .tile-hover--green-dark-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #0a4f2e
}

.tile-hover--green-dark-green-dark {
  background: #0a4f2e;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-dark-green-dark .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-dark-green-dark:hover {
  background: #0a4f2e;
  color: #0a4f2e
}

.no-touch .tile-hover--green-dark-green-dark:hover svg {
  fill: #0a4f2e
}

.no-touch .tile-hover--green-dark-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #0a4f2e
}

.tile-hover--green-dark-green-mid {
  background: #0a4f2e;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-dark-green-mid .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-dark-green-mid:hover {
  background: #1f8c40;
  color: #0a4f2e
}

.no-touch .tile-hover--green-dark-green-mid:hover svg {
  fill: #0a4f2e
}

.no-touch .tile-hover--green-dark-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #0a4f2e
}

.tile-hover--green-dark-green-light {
  background: #0a4f2e;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-dark-green-light .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-dark-green-light:hover {
  background: #005c63;
  color: #0a4f2e
}

.no-touch .tile-hover--green-dark-green-light:hover svg {
  fill: #0a4f2e
}

.no-touch .tile-hover--green-dark-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #0a4f2e
}

.tile-hover--green-dark-brown-dark {
  background: #0a4f2e;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-dark-brown-dark .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-dark-brown-dark:hover {
  background: #73594a;
  color: #0a4f2e
}

.no-touch .tile-hover--green-dark-brown-dark:hover svg {
  fill: #0a4f2e
}

.no-touch .tile-hover--green-dark-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #0a4f2e
}

.tile-hover--green-dark-brown-mid {
  background: #0a4f2e;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-dark-brown-mid .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-dark-brown-mid:hover {
  background: #aa8263;
  color: #0a4f2e
}

.no-touch .tile-hover--green-dark-brown-mid:hover svg {
  fill: #0a4f2e
}

.no-touch .tile-hover--green-dark-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #0a4f2e
}

.tile-hover--green-dark-pink {
  background: #0a4f2e;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-dark-pink .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-dark-pink:hover {
  background: #f5c2ab;
  color: #0a4f2e
}

.no-touch .tile-hover--green-dark-pink:hover svg {
  fill: #0a4f2e
}

.no-touch .tile-hover--green-dark-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #0a4f2e
}

.tile-hover--green-dark-grey-dark {
  background: #0a4f2e;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-dark-grey-dark .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-dark-grey-dark:hover {
  background: #636361;
  color: #0a4f2e
}

.no-touch .tile-hover--green-dark-grey-dark:hover svg {
  fill: #0a4f2e
}

.no-touch .tile-hover--green-dark-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #0a4f2e
}

.tile-hover--green-dark-grey-mid {
  background: #0a4f2e;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-dark-grey-mid .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-dark-grey-mid:hover {
  background: #9e9c9c;
  color: #0a4f2e
}

.no-touch .tile-hover--green-dark-grey-mid:hover svg {
  fill: #0a4f2e
}

.no-touch .tile-hover--green-dark-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #0a4f2e
}

.tile-hover--green-dark-grey-light {
  background: #0a4f2e;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-dark-grey-light .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-dark-grey-light:hover {
  background: #d1d1cf;
  color: #0a4f2e
}

.no-touch .tile-hover--green-dark-grey-light:hover svg {
  fill: #0a4f2e
}

.no-touch .tile-hover--green-dark-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #0a4f2e
}

.tile-hover--green-dark-black {
  background: #0a4f2e;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-dark-black .vf-icon-invert {
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-dark-black:hover {
  background: #000;
  color: #0a4f2e
}

.no-touch .tile-hover--green-dark-black:hover svg {
  fill: #0a4f2e
}

.no-touch .tile-hover--green-dark-black:hover .vf-icon-invert {
  color: #000;
  background: #0a4f2e
}

.tile-hover--green-mid-white {
  background: #1f8c40;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-mid-white .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-mid-white:hover {
  background: #fff;
  color: #1f8c40
}

.no-touch .tile-hover--green-mid-white:hover svg {
  fill: #1f8c40
}

.no-touch .tile-hover--green-mid-white:hover .vf-icon-invert {
  color: #fff;
  background: #1f8c40
}

.tile-hover--green-mid-blue-night {
  background: #1f8c40;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-mid-blue-night .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-mid-blue-night:hover {
  background: #1e324f;
  color: #1f8c40
}

.no-touch .tile-hover--green-mid-blue-night:hover svg {
  fill: #1f8c40
}

.no-touch .tile-hover--green-mid-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #1f8c40
}

.tile-hover--green-mid-blue-mid {
  background: #1f8c40;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-mid-blue-mid .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-mid-blue-mid:hover {
  background: #2071b5;
  color: #1f8c40
}

.no-touch .tile-hover--green-mid-blue-mid:hover svg {
  fill: #1f8c40
}

.no-touch .tile-hover--green-mid-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #1f8c40
}

.tile-hover--green-mid-blue-sky {
  background: #1f8c40;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-mid-blue-sky .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-mid-blue-sky:hover {
  background: #3dc07c;
  color: #1f8c40
}

.no-touch .tile-hover--green-mid-blue-sky:hover svg {
  fill: #1f8c40
}

.no-touch .tile-hover--green-mid-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #1f8c40
}

.tile-hover--green-mid-orange {
  background: #1f8c40;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-mid-orange .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-mid-orange:hover {
  background: #ffda00;
  color: #1f8c40
}

.no-touch .tile-hover--green-mid-orange:hover svg {
  fill: #1f8c40
}

.no-touch .tile-hover--green-mid-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #1f8c40
}

.tile-hover--green-mid-yellow {
  background: #1f8c40;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-mid-yellow .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-mid-yellow:hover {
  background: #ffda00;
  color: #1f8c40
}

.no-touch .tile-hover--green-mid-yellow:hover svg {
  fill: #1f8c40
}

.no-touch .tile-hover--green-mid-yellow:hover .vf-icon-invert {
  color: #ffda00;
  background: #1f8c40
}

.tile-hover--green-mid-white {
  background: #1f8c40;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-mid-white .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-mid-white:hover {
  background: #fff;
  color: #1f8c40
}

.no-touch .tile-hover--green-mid-white:hover svg {
  fill: #1f8c40
}

.no-touch .tile-hover--green-mid-white:hover .vf-icon-invert {
  color: #fff;
  background: #1f8c40
}

.tile-hover--green-mid-yellow-mid {
  background: #1f8c40;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-mid-yellow-mid .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-mid-yellow-mid:hover {
  background: #ffda00;
  color: #1f8c40
}

.no-touch .tile-hover--green-mid-yellow-mid:hover svg {
  fill: #1f8c40
}

.no-touch .tile-hover--green-mid-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #1f8c40
}

.tile-hover--green-mid-yellow-light {
  background: #1f8c40;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-mid-yellow-light .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-mid-yellow-light:hover {
  background: #ffda00;
  color: #1f8c40
}

.no-touch .tile-hover--green-mid-yellow-light:hover svg {
  fill: #1f8c40
}

.no-touch .tile-hover--green-mid-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #1f8c40
}

.tile-hover--green-mid-green-dark {
  background: #1f8c40;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-mid-green-dark .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-mid-green-dark:hover {
  background: #0a4f2e;
  color: #1f8c40
}

.no-touch .tile-hover--green-mid-green-dark:hover svg {
  fill: #1f8c40
}

.no-touch .tile-hover--green-mid-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #1f8c40
}

.tile-hover--green-mid-green-mid {
  background: #1f8c40;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-mid-green-mid .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-mid-green-mid:hover {
  background: #1f8c40;
  color: #1f8c40
}

.no-touch .tile-hover--green-mid-green-mid:hover svg {
  fill: #1f8c40
}

.no-touch .tile-hover--green-mid-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #1f8c40
}

.tile-hover--green-mid-green-light {
  background: #1f8c40;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-mid-green-light .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-mid-green-light:hover {
  background: #005c63;
  color: #1f8c40
}

.no-touch .tile-hover--green-mid-green-light:hover svg {
  fill: #1f8c40
}

.no-touch .tile-hover--green-mid-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #1f8c40
}

.tile-hover--green-mid-brown-dark {
  background: #1f8c40;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-mid-brown-dark .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-mid-brown-dark:hover {
  background: #73594a;
  color: #1f8c40
}

.no-touch .tile-hover--green-mid-brown-dark:hover svg {
  fill: #1f8c40
}

.no-touch .tile-hover--green-mid-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #1f8c40
}

.tile-hover--green-mid-brown-mid {
  background: #1f8c40;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-mid-brown-mid .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-mid-brown-mid:hover {
  background: #aa8263;
  color: #1f8c40
}

.no-touch .tile-hover--green-mid-brown-mid:hover svg {
  fill: #1f8c40
}

.no-touch .tile-hover--green-mid-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #1f8c40
}

.tile-hover--green-mid-pink {
  background: #1f8c40;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-mid-pink .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-mid-pink:hover {
  background: #f5c2ab;
  color: #1f8c40
}

.no-touch .tile-hover--green-mid-pink:hover svg {
  fill: #1f8c40
}

.no-touch .tile-hover--green-mid-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #1f8c40
}

.tile-hover--green-mid-grey-dark {
  background: #1f8c40;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-mid-grey-dark .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-mid-grey-dark:hover {
  background: #636361;
  color: #1f8c40
}

.no-touch .tile-hover--green-mid-grey-dark:hover svg {
  fill: #1f8c40
}

.no-touch .tile-hover--green-mid-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #1f8c40
}

.tile-hover--green-mid-grey-mid {
  background: #1f8c40;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-mid-grey-mid .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-mid-grey-mid:hover {
  background: #9e9c9c;
  color: #1f8c40
}

.no-touch .tile-hover--green-mid-grey-mid:hover svg {
  fill: #1f8c40
}

.no-touch .tile-hover--green-mid-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #1f8c40
}

.tile-hover--green-mid-grey-light {
  background: #1f8c40;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-mid-grey-light .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-mid-grey-light:hover {
  background: #d1d1cf;
  color: #1f8c40
}

.no-touch .tile-hover--green-mid-grey-light:hover svg {
  fill: #1f8c40
}

.no-touch .tile-hover--green-mid-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #1f8c40
}

.tile-hover--green-mid-black {
  background: #1f8c40;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-mid-black .vf-icon-invert {
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-mid-black:hover {
  background: #000;
  color: #1f8c40
}

.no-touch .tile-hover--green-mid-black:hover svg {
  fill: #1f8c40
}

.no-touch .tile-hover--green-mid-black:hover .vf-icon-invert {
  color: #000;
  background: #1f8c40
}

.tile-hover--green-light-white {
  background: #005c63;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-light-white .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-light-white:hover {
  background: #fff;
  color: #005c63
}

.no-touch .tile-hover--green-light-white:hover svg {
  fill: #005c63
}

.no-touch .tile-hover--green-light-white:hover .vf-icon-invert {
  color: #fff;
  background: #005c63
}

.tile-hover--green-light-blue-night {
  background: #005c63;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-light-blue-night .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-light-blue-night:hover {
  background: #1e324f;
  color: #005c63
}

.no-touch .tile-hover--green-light-blue-night:hover svg {
  fill: #005c63
}

.no-touch .tile-hover--green-light-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #005c63
}

.tile-hover--green-light-blue-mid {
  background: #005c63;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-light-blue-mid .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-light-blue-mid:hover {
  background: #2071b5;
  color: #005c63
}

.no-touch .tile-hover--green-light-blue-mid:hover svg {
  fill: #005c63
}

.no-touch .tile-hover--green-light-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #005c63
}

.tile-hover--green-light-blue-sky {
  background: #005c63;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-light-blue-sky .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-light-blue-sky:hover {
  background: #3dc07c;
  color: #005c63
}

.no-touch .tile-hover--green-light-blue-sky:hover svg {
  fill: #005c63
}

.no-touch .tile-hover--green-light-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #005c63
}

.tile-hover--green-light-orange {
  background: #005c63;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-light-orange .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-light-orange:hover {
  background: #ffda00;
  color: #005c63
}

.no-touch .tile-hover--green-light-orange:hover svg {
  fill: #005c63
}

.no-touch .tile-hover--green-light-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #005c63
}

.tile-hover--green-light-yellow {
  background: #005c63;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-light-yellow .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-light-yellow:hover {
  background: #ffda00;
  color: #005c63
}

.no-touch .tile-hover--green-light-yellow:hover svg {
  fill: #005c63
}

.no-touch .tile-hover--green-light-yellow:hover .vf-icon-invert {
  color: #ffda00;
  background: #005c63
}

.tile-hover--green-light-white {
  background: #005c63;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-light-white .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-light-white:hover {
  background: #fff;
  color: #005c63
}

.no-touch .tile-hover--green-light-white:hover svg {
  fill: #005c63
}

.no-touch .tile-hover--green-light-white:hover .vf-icon-invert {
  color: #fff;
  background: #005c63
}

.tile-hover--green-light-yellow-mid {
  background: #005c63;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-light-yellow-mid .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-light-yellow-mid:hover {
  background: #ffda00;
  color: #005c63
}

.no-touch .tile-hover--green-light-yellow-mid:hover svg {
  fill: #005c63
}

.no-touch .tile-hover--green-light-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #005c63
}

.tile-hover--green-light-yellow-light {
  background: #005c63;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-light-yellow-light .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-light-yellow-light:hover {
  background: #ffda00;
  color: #005c63
}

.no-touch .tile-hover--green-light-yellow-light:hover svg {
  fill: #005c63
}

.no-touch .tile-hover--green-light-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #005c63
}

.tile-hover--green-light-green-dark {
  background: #005c63;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-light-green-dark .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-light-green-dark:hover {
  background: #0a4f2e;
  color: #005c63
}

.no-touch .tile-hover--green-light-green-dark:hover svg {
  fill: #005c63
}

.no-touch .tile-hover--green-light-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #005c63
}

.tile-hover--green-light-green-mid {
  background: #005c63;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-light-green-mid .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-light-green-mid:hover {
  background: #1f8c40;
  color: #005c63
}

.no-touch .tile-hover--green-light-green-mid:hover svg {
  fill: #005c63
}

.no-touch .tile-hover--green-light-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #005c63
}

.tile-hover--green-light-green-light {
  background: #005c63;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-light-green-light .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-light-green-light:hover {
  background: #005c63;
  color: #005c63
}

.no-touch .tile-hover--green-light-green-light:hover svg {
  fill: #005c63
}

.no-touch .tile-hover--green-light-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #005c63
}

.tile-hover--green-light-brown-dark {
  background: #005c63;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-light-brown-dark .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-light-brown-dark:hover {
  background: #73594a;
  color: #005c63
}

.no-touch .tile-hover--green-light-brown-dark:hover svg {
  fill: #005c63
}

.no-touch .tile-hover--green-light-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #005c63
}

.tile-hover--green-light-brown-mid {
  background: #005c63;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-light-brown-mid .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-light-brown-mid:hover {
  background: #aa8263;
  color: #005c63
}

.no-touch .tile-hover--green-light-brown-mid:hover svg {
  fill: #005c63
}

.no-touch .tile-hover--green-light-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #005c63
}

.tile-hover--green-light-pink {
  background: #005c63;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-light-pink .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-light-pink:hover {
  background: #f5c2ab;
  color: #005c63
}

.no-touch .tile-hover--green-light-pink:hover svg {
  fill: #005c63
}

.no-touch .tile-hover--green-light-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #005c63
}

.tile-hover--green-light-grey-dark {
  background: #005c63;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-light-grey-dark .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-light-grey-dark:hover {
  background: #636361;
  color: #005c63
}

.no-touch .tile-hover--green-light-grey-dark:hover svg {
  fill: #005c63
}

.no-touch .tile-hover--green-light-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #005c63
}

.tile-hover--green-light-grey-mid {
  background: #005c63;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-light-grey-mid .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-light-grey-mid:hover {
  background: #9e9c9c;
  color: #005c63
}

.no-touch .tile-hover--green-light-grey-mid:hover svg {
  fill: #005c63
}

.no-touch .tile-hover--green-light-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #005c63
}

.tile-hover--green-light-grey-light {
  background: #005c63;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-light-grey-light .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-light-grey-light:hover {
  background: #d1d1cf;
  color: #005c63
}

.no-touch .tile-hover--green-light-grey-light:hover svg {
  fill: #005c63
}

.no-touch .tile-hover--green-light-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #005c63
}

.tile-hover--green-light-black {
  background: #005c63;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--green-light-black .vf-icon-invert {
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--green-light-black:hover {
  background: #000;
  color: #005c63
}

.no-touch .tile-hover--green-light-black:hover svg {
  fill: #005c63
}

.no-touch .tile-hover--green-light-black:hover .vf-icon-invert {
  color: #000;
  background: #005c63
}

.tile-hover--brown-dark-white {
  background: #73594a;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-dark-white .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-dark-white:hover {
  background: #fff;
  color: #73594a
}

.no-touch .tile-hover--brown-dark-white:hover svg {
  fill: #73594a
}

.no-touch .tile-hover--brown-dark-white:hover .vf-icon-invert {
  color: #fff;
  background: #73594a
}

.tile-hover--brown-dark-blue-night {
  background: #73594a;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-dark-blue-night .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-dark-blue-night:hover {
  background: #1e324f;
  color: #73594a
}

.no-touch .tile-hover--brown-dark-blue-night:hover svg {
  fill: #73594a
}

.no-touch .tile-hover--brown-dark-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #73594a
}

.tile-hover--brown-dark-blue-mid {
  background: #73594a;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-dark-blue-mid .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-dark-blue-mid:hover {
  background: #2071b5;
  color: #73594a
}

.no-touch .tile-hover--brown-dark-blue-mid:hover svg {
  fill: #73594a
}

.no-touch .tile-hover--brown-dark-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #73594a
}

.tile-hover--brown-dark-blue-sky {
  background: #73594a;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-dark-blue-sky .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-dark-blue-sky:hover {
  background: #3dc07c;
  color: #73594a
}

.no-touch .tile-hover--brown-dark-blue-sky:hover svg {
  fill: #73594a
}

.no-touch .tile-hover--brown-dark-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #73594a
}

.tile-hover--brown-dark-orange {
  background: #73594a;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-dark-orange .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-dark-orange:hover {
  background: #ffda00;
  color: #73594a
}

.no-touch .tile-hover--brown-dark-orange:hover svg {
  fill: #73594a
}

.no-touch .tile-hover--brown-dark-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #73594a
}

.tile-hover--brown-dark-yellow {
  background: #73594a;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-dark-yellow .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-dark-yellow:hover {
  background: #ffda00;
  color: #73594a
}

.no-touch .tile-hover--brown-dark-yellow:hover svg {
  fill: #73594a
}

.no-touch .tile-hover--brown-dark-yellow:hover .vf-icon-invert {
  color: #ffda00;
  background: #73594a
}

.tile-hover--brown-dark-white {
  background: #73594a;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-dark-white .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-dark-white:hover {
  background: #fff;
  color: #73594a
}

.no-touch .tile-hover--brown-dark-white:hover svg {
  fill: #73594a
}

.no-touch .tile-hover--brown-dark-white:hover .vf-icon-invert {
  color: #fff;
  background: #73594a
}

.tile-hover--brown-dark-yellow-mid {
  background: #73594a;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-dark-yellow-mid .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-dark-yellow-mid:hover {
  background: #ffda00;
  color: #73594a
}

.no-touch .tile-hover--brown-dark-yellow-mid:hover svg {
  fill: #73594a
}

.no-touch .tile-hover--brown-dark-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #73594a
}

.tile-hover--brown-dark-yellow-light {
  background: #73594a;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-dark-yellow-light .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-dark-yellow-light:hover {
  background: #ffda00;
  color: #73594a
}

.no-touch .tile-hover--brown-dark-yellow-light:hover svg {
  fill: #73594a
}

.no-touch .tile-hover--brown-dark-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #73594a
}

.tile-hover--brown-dark-green-dark {
  background: #73594a;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-dark-green-dark .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-dark-green-dark:hover {
  background: #0a4f2e;
  color: #73594a
}

.no-touch .tile-hover--brown-dark-green-dark:hover svg {
  fill: #73594a
}

.no-touch .tile-hover--brown-dark-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #73594a
}

.tile-hover--brown-dark-green-mid {
  background: #73594a;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-dark-green-mid .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-dark-green-mid:hover {
  background: #1f8c40;
  color: #73594a
}

.no-touch .tile-hover--brown-dark-green-mid:hover svg {
  fill: #73594a
}

.no-touch .tile-hover--brown-dark-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #73594a
}

.tile-hover--brown-dark-green-light {
  background: #73594a;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-dark-green-light .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-dark-green-light:hover {
  background: #005c63;
  color: #73594a
}

.no-touch .tile-hover--brown-dark-green-light:hover svg {
  fill: #73594a
}

.no-touch .tile-hover--brown-dark-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #73594a
}

.tile-hover--brown-dark-brown-dark {
  background: #73594a;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-dark-brown-dark .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-dark-brown-dark:hover {
  background: #73594a;
  color: #73594a
}

.no-touch .tile-hover--brown-dark-brown-dark:hover svg {
  fill: #73594a
}

.no-touch .tile-hover--brown-dark-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #73594a
}

.tile-hover--brown-dark-brown-mid {
  background: #73594a;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-dark-brown-mid .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-dark-brown-mid:hover {
  background: #aa8263;
  color: #73594a
}

.no-touch .tile-hover--brown-dark-brown-mid:hover svg {
  fill: #73594a
}

.no-touch .tile-hover--brown-dark-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #73594a
}

.tile-hover--brown-dark-pink {
  background: #73594a;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-dark-pink .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-dark-pink:hover {
  background: #f5c2ab;
  color: #73594a
}

.no-touch .tile-hover--brown-dark-pink:hover svg {
  fill: #73594a
}

.no-touch .tile-hover--brown-dark-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #73594a
}

.tile-hover--brown-dark-grey-dark {
  background: #73594a;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-dark-grey-dark .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-dark-grey-dark:hover {
  background: #636361;
  color: #73594a
}

.no-touch .tile-hover--brown-dark-grey-dark:hover svg {
  fill: #73594a
}

.no-touch .tile-hover--brown-dark-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #73594a
}

.tile-hover--brown-dark-grey-mid {
  background: #73594a;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-dark-grey-mid .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-dark-grey-mid:hover {
  background: #9e9c9c;
  color: #73594a
}

.no-touch .tile-hover--brown-dark-grey-mid:hover svg {
  fill: #73594a
}

.no-touch .tile-hover--brown-dark-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #73594a
}

.tile-hover--brown-dark-grey-light {
  background: #73594a;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-dark-grey-light .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-dark-grey-light:hover {
  background: #d1d1cf;
  color: #73594a
}

.no-touch .tile-hover--brown-dark-grey-light:hover svg {
  fill: #73594a
}

.no-touch .tile-hover--brown-dark-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #73594a
}

.tile-hover--brown-dark-black {
  background: #73594a;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-dark-black .vf-icon-invert {
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-dark-black:hover {
  background: #000;
  color: #73594a
}

.no-touch .tile-hover--brown-dark-black:hover svg {
  fill: #73594a
}

.no-touch .tile-hover--brown-dark-black:hover .vf-icon-invert {
  color: #000;
  background: #73594a
}

.tile-hover--brown-mid-white {
  background: #aa8263;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-mid-white .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-mid-white:hover {
  background: #fff;
  color: #aa8263
}

.no-touch .tile-hover--brown-mid-white:hover svg {
  fill: #aa8263
}

.no-touch .tile-hover--brown-mid-white:hover .vf-icon-invert {
  color: #fff;
  background: #aa8263
}

.tile-hover--brown-mid-blue-night {
  background: #aa8263;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-mid-blue-night .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-mid-blue-night:hover {
  background: #1e324f;
  color: #aa8263
}

.no-touch .tile-hover--brown-mid-blue-night:hover svg {
  fill: #aa8263
}

.no-touch .tile-hover--brown-mid-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #aa8263
}

.tile-hover--brown-mid-blue-mid {
  background: #aa8263;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-mid-blue-mid .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-mid-blue-mid:hover {
  background: #2071b5;
  color: #aa8263
}

.no-touch .tile-hover--brown-mid-blue-mid:hover svg {
  fill: #aa8263
}

.no-touch .tile-hover--brown-mid-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #aa8263
}

.tile-hover--brown-mid-blue-sky {
  background: #aa8263;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-mid-blue-sky .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-mid-blue-sky:hover {
  background: #3dc07c;
  color: #aa8263
}

.no-touch .tile-hover--brown-mid-blue-sky:hover svg {
  fill: #aa8263
}

.no-touch .tile-hover--brown-mid-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #aa8263
}

.tile-hover--brown-mid-orange {
  background: #aa8263;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-mid-orange .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-mid-orange:hover {
  background: #ffda00;
  color: #aa8263
}

.no-touch .tile-hover--brown-mid-orange:hover svg {
  fill: #aa8263
}

.no-touch .tile-hover--brown-mid-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #aa8263
}

.tile-hover--brown-mid-yellow {
  background: #aa8263;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-mid-yellow .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-mid-yellow:hover {
  background: #ffda00;
  color: #aa8263
}

.no-touch .tile-hover--brown-mid-yellow:hover svg {
  fill: #aa8263
}

.no-touch .tile-hover--brown-mid-yellow:hover .vf-icon-invert {
  color: #ffda00;
  background: #aa8263
}

.tile-hover--brown-mid-white {
  background: #aa8263;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-mid-white .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-mid-white:hover {
  background: #fff;
  color: #aa8263
}

.no-touch .tile-hover--brown-mid-white:hover svg {
  fill: #aa8263
}

.no-touch .tile-hover--brown-mid-white:hover .vf-icon-invert {
  color: #fff;
  background: #aa8263
}

.tile-hover--brown-mid-yellow-mid {
  background: #aa8263;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-mid-yellow-mid .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-mid-yellow-mid:hover {
  background: #ffda00;
  color: #aa8263
}

.no-touch .tile-hover--brown-mid-yellow-mid:hover svg {
  fill: #aa8263
}

.no-touch .tile-hover--brown-mid-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #aa8263
}

.tile-hover--brown-mid-yellow-light {
  background: #aa8263;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-mid-yellow-light .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-mid-yellow-light:hover {
  background: #ffda00;
  color: #aa8263
}

.no-touch .tile-hover--brown-mid-yellow-light:hover svg {
  fill: #aa8263
}

.no-touch .tile-hover--brown-mid-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #aa8263
}

.tile-hover--brown-mid-green-dark {
  background: #aa8263;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-mid-green-dark .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-mid-green-dark:hover {
  background: #0a4f2e;
  color: #aa8263
}

.no-touch .tile-hover--brown-mid-green-dark:hover svg {
  fill: #aa8263
}

.no-touch .tile-hover--brown-mid-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #aa8263
}

.tile-hover--brown-mid-green-mid {
  background: #aa8263;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-mid-green-mid .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-mid-green-mid:hover {
  background: #1f8c40;
  color: #aa8263
}

.no-touch .tile-hover--brown-mid-green-mid:hover svg {
  fill: #aa8263
}

.no-touch .tile-hover--brown-mid-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #aa8263
}

.tile-hover--brown-mid-green-light {
  background: #aa8263;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-mid-green-light .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-mid-green-light:hover {
  background: #005c63;
  color: #aa8263
}

.no-touch .tile-hover--brown-mid-green-light:hover svg {
  fill: #aa8263
}

.no-touch .tile-hover--brown-mid-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #aa8263
}

.tile-hover--brown-mid-brown-dark {
  background: #aa8263;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-mid-brown-dark .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-mid-brown-dark:hover {
  background: #73594a;
  color: #aa8263
}

.no-touch .tile-hover--brown-mid-brown-dark:hover svg {
  fill: #aa8263
}

.no-touch .tile-hover--brown-mid-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #aa8263
}

.tile-hover--brown-mid-brown-mid {
  background: #aa8263;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-mid-brown-mid .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-mid-brown-mid:hover {
  background: #aa8263;
  color: #aa8263
}

.no-touch .tile-hover--brown-mid-brown-mid:hover svg {
  fill: #aa8263
}

.no-touch .tile-hover--brown-mid-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #aa8263
}

.tile-hover--brown-mid-pink {
  background: #aa8263;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-mid-pink .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-mid-pink:hover {
  background: #f5c2ab;
  color: #aa8263
}

.no-touch .tile-hover--brown-mid-pink:hover svg {
  fill: #aa8263
}

.no-touch .tile-hover--brown-mid-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #aa8263
}

.tile-hover--brown-mid-grey-dark {
  background: #aa8263;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-mid-grey-dark .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-mid-grey-dark:hover {
  background: #636361;
  color: #aa8263
}

.no-touch .tile-hover--brown-mid-grey-dark:hover svg {
  fill: #aa8263
}

.no-touch .tile-hover--brown-mid-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #aa8263
}

.tile-hover--brown-mid-grey-mid {
  background: #aa8263;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-mid-grey-mid .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-mid-grey-mid:hover {
  background: #9e9c9c;
  color: #aa8263
}

.no-touch .tile-hover--brown-mid-grey-mid:hover svg {
  fill: #aa8263
}

.no-touch .tile-hover--brown-mid-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #aa8263
}

.tile-hover--brown-mid-grey-light {
  background: #aa8263;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-mid-grey-light .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-mid-grey-light:hover {
  background: #d1d1cf;
  color: #aa8263
}

.no-touch .tile-hover--brown-mid-grey-light:hover svg {
  fill: #aa8263
}

.no-touch .tile-hover--brown-mid-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #aa8263
}

.tile-hover--brown-mid-black {
  background: #aa8263;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--brown-mid-black .vf-icon-invert {
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--brown-mid-black:hover {
  background: #000;
  color: #aa8263
}

.no-touch .tile-hover--brown-mid-black:hover svg {
  fill: #aa8263
}

.no-touch .tile-hover--brown-mid-black:hover .vf-icon-invert {
  color: #000;
  background: #aa8263
}

.tile-hover--pink-white {
  background: #f5c2ab;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--pink-white .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--pink-white:hover {
  background: #fff;
  color: #f5c2ab
}

.no-touch .tile-hover--pink-white:hover svg {
  fill: #f5c2ab
}

.no-touch .tile-hover--pink-white:hover .vf-icon-invert {
  color: #fff;
  background: #f5c2ab
}

.tile-hover--pink-blue-night {
  background: #f5c2ab;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--pink-blue-night .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--pink-blue-night:hover {
  background: #1e324f;
  color: #f5c2ab
}

.no-touch .tile-hover--pink-blue-night:hover svg {
  fill: #f5c2ab
}

.no-touch .tile-hover--pink-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #f5c2ab
}

.tile-hover--pink-blue-mid {
  background: #f5c2ab;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--pink-blue-mid .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--pink-blue-mid:hover {
  background: #2071b5;
  color: #f5c2ab
}

.no-touch .tile-hover--pink-blue-mid:hover svg {
  fill: #f5c2ab
}

.no-touch .tile-hover--pink-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #f5c2ab
}

.tile-hover--pink-blue-sky {
  background: #f5c2ab;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--pink-blue-sky .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--pink-blue-sky:hover {
  background: #3dc07c;
  color: #f5c2ab
}

.no-touch .tile-hover--pink-blue-sky:hover svg {
  fill: #f5c2ab
}

.no-touch .tile-hover--pink-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #f5c2ab
}

.tile-hover--pink-orange {
  background: #f5c2ab;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--pink-orange .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--pink-orange:hover {
  background: #ffda00;
  color: #f5c2ab
}

.no-touch .tile-hover--pink-orange:hover svg {
  fill: #f5c2ab
}

.no-touch .tile-hover--pink-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #f5c2ab
}

.tile-hover--pink-yellow {
  background: #f5c2ab;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--pink-yellow .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--pink-yellow:hover {
  background: #ffda00;
  color: #f5c2ab
}

.no-touch .tile-hover--pink-yellow:hover svg {
  fill: #f5c2ab
}

.no-touch .tile-hover--pink-yellow:hover .vf-icon-invert {
  color: #ffda00;
  background: #f5c2ab
}

.tile-hover--pink-white {
  background: #f5c2ab;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--pink-white .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--pink-white:hover {
  background: #fff;
  color: #f5c2ab
}

.no-touch .tile-hover--pink-white:hover svg {
  fill: #f5c2ab
}

.no-touch .tile-hover--pink-white:hover .vf-icon-invert {
  color: #fff;
  background: #f5c2ab
}

.tile-hover--pink-yellow-mid {
  background: #f5c2ab;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--pink-yellow-mid .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--pink-yellow-mid:hover {
  background: #ffda00;
  color: #f5c2ab
}

.no-touch .tile-hover--pink-yellow-mid:hover svg {
  fill: #f5c2ab
}

.no-touch .tile-hover--pink-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #f5c2ab
}

.tile-hover--pink-yellow-light {
  background: #f5c2ab;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--pink-yellow-light .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--pink-yellow-light:hover {
  background: #ffda00;
  color: #f5c2ab
}

.no-touch .tile-hover--pink-yellow-light:hover svg {
  fill: #f5c2ab
}

.no-touch .tile-hover--pink-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #f5c2ab
}

.tile-hover--pink-green-dark {
  background: #f5c2ab;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--pink-green-dark .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--pink-green-dark:hover {
  background: #0a4f2e;
  color: #f5c2ab
}

.no-touch .tile-hover--pink-green-dark:hover svg {
  fill: #f5c2ab
}

.no-touch .tile-hover--pink-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #f5c2ab
}

.tile-hover--pink-green-mid {
  background: #f5c2ab;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--pink-green-mid .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--pink-green-mid:hover {
  background: #1f8c40;
  color: #f5c2ab
}

.no-touch .tile-hover--pink-green-mid:hover svg {
  fill: #f5c2ab
}

.no-touch .tile-hover--pink-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #f5c2ab
}

.tile-hover--pink-green-light {
  background: #f5c2ab;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--pink-green-light .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--pink-green-light:hover {
  background: #005c63;
  color: #f5c2ab
}

.no-touch .tile-hover--pink-green-light:hover svg {
  fill: #f5c2ab
}

.no-touch .tile-hover--pink-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #f5c2ab
}

.tile-hover--pink-brown-dark {
  background: #f5c2ab;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--pink-brown-dark .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--pink-brown-dark:hover {
  background: #73594a;
  color: #f5c2ab
}

.no-touch .tile-hover--pink-brown-dark:hover svg {
  fill: #f5c2ab
}

.no-touch .tile-hover--pink-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #f5c2ab
}

.tile-hover--pink-brown-mid {
  background: #f5c2ab;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--pink-brown-mid .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--pink-brown-mid:hover {
  background: #aa8263;
  color: #f5c2ab
}

.no-touch .tile-hover--pink-brown-mid:hover svg {
  fill: #f5c2ab
}

.no-touch .tile-hover--pink-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #f5c2ab
}

.tile-hover--pink-pink {
  background: #f5c2ab;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--pink-pink .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--pink-pink:hover {
  background: #f5c2ab;
  color: #f5c2ab
}

.no-touch .tile-hover--pink-pink:hover svg {
  fill: #f5c2ab
}

.no-touch .tile-hover--pink-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #f5c2ab
}

.tile-hover--pink-grey-dark {
  background: #f5c2ab;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--pink-grey-dark .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--pink-grey-dark:hover {
  background: #636361;
  color: #f5c2ab
}

.no-touch .tile-hover--pink-grey-dark:hover svg {
  fill: #f5c2ab
}

.no-touch .tile-hover--pink-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #f5c2ab
}

.tile-hover--pink-grey-mid {
  background: #f5c2ab;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--pink-grey-mid .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--pink-grey-mid:hover {
  background: #9e9c9c;
  color: #f5c2ab
}

.no-touch .tile-hover--pink-grey-mid:hover svg {
  fill: #f5c2ab
}

.no-touch .tile-hover--pink-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #f5c2ab
}

.tile-hover--pink-grey-light {
  background: #f5c2ab;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--pink-grey-light .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--pink-grey-light:hover {
  background: #d1d1cf;
  color: #f5c2ab
}

.no-touch .tile-hover--pink-grey-light:hover svg {
  fill: #f5c2ab
}

.no-touch .tile-hover--pink-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #f5c2ab
}

.tile-hover--pink-black {
  background: #f5c2ab;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--pink-black .vf-icon-invert {
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--pink-black:hover {
  background: #000;
  color: #f5c2ab
}

.no-touch .tile-hover--pink-black:hover svg {
  fill: #f5c2ab
}

.no-touch .tile-hover--pink-black:hover .vf-icon-invert {
  color: #000;
  background: #f5c2ab
}

.tile-hover--grey-dark-white {
  background: #636361;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-dark-white .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-dark-white:hover {
  background: #fff;
  color: #636361
}

.no-touch .tile-hover--grey-dark-white:hover svg {
  fill: #636361
}

.no-touch .tile-hover--grey-dark-white:hover .vf-icon-invert {
  color: #fff;
  background: #636361
}

.tile-hover--grey-dark-blue-night {
  background: #636361;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-dark-blue-night .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-dark-blue-night:hover {
  background: #1e324f;
  color: #636361
}

.no-touch .tile-hover--grey-dark-blue-night:hover svg {
  fill: #636361
}

.no-touch .tile-hover--grey-dark-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #636361
}

.tile-hover--grey-dark-blue-mid {
  background: #636361;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-dark-blue-mid .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-dark-blue-mid:hover {
  background: #2071b5;
  color: #636361
}

.no-touch .tile-hover--grey-dark-blue-mid:hover svg {
  fill: #636361
}

.no-touch .tile-hover--grey-dark-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #636361
}

.tile-hover--grey-dark-blue-sky {
  background: #636361;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-dark-blue-sky .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-dark-blue-sky:hover {
  background: #3dc07c;
  color: #636361
}

.no-touch .tile-hover--grey-dark-blue-sky:hover svg {
  fill: #636361
}

.no-touch .tile-hover--grey-dark-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #636361
}

.tile-hover--grey-dark-orange {
  background: #636361;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-dark-orange .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-dark-orange:hover {
  background: #ffda00;
  color: #636361
}

.no-touch .tile-hover--grey-dark-orange:hover svg {
  fill: #636361
}

.no-touch .tile-hover--grey-dark-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #636361
}

.tile-hover--grey-dark-yellow {
  background: #636361;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-dark-yellow .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-dark-yellow:hover {
  background: #ffda00;
  color: #636361
}

.no-touch .tile-hover--grey-dark-yellow:hover svg {
  fill: #636361
}

.no-touch .tile-hover--grey-dark-yellow:hover .vf-icon-invert {
  color: #ffda00;
  background: #636361
}

.tile-hover--grey-dark-white {
  background: #636361;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-dark-white .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-dark-white:hover {
  background: #fff;
  color: #636361
}

.no-touch .tile-hover--grey-dark-white:hover svg {
  fill: #636361
}

.no-touch .tile-hover--grey-dark-white:hover .vf-icon-invert {
  color: #fff;
  background: #636361
}

.tile-hover--grey-dark-yellow-mid {
  background: #636361;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-dark-yellow-mid .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-dark-yellow-mid:hover {
  background: #ffda00;
  color: #636361
}

.no-touch .tile-hover--grey-dark-yellow-mid:hover svg {
  fill: #636361
}

.no-touch .tile-hover--grey-dark-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #636361
}

.tile-hover--grey-dark-yellow-light {
  background: #636361;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-dark-yellow-light .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-dark-yellow-light:hover {
  background: #ffda00;
  color: #636361
}

.no-touch .tile-hover--grey-dark-yellow-light:hover svg {
  fill: #636361
}

.no-touch .tile-hover--grey-dark-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #636361
}

.tile-hover--grey-dark-green-dark {
  background: #636361;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-dark-green-dark .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-dark-green-dark:hover {
  background: #0a4f2e;
  color: #636361
}

.no-touch .tile-hover--grey-dark-green-dark:hover svg {
  fill: #636361
}

.no-touch .tile-hover--grey-dark-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #636361
}

.tile-hover--grey-dark-green-mid {
  background: #636361;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-dark-green-mid .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-dark-green-mid:hover {
  background: #1f8c40;
  color: #636361
}

.no-touch .tile-hover--grey-dark-green-mid:hover svg {
  fill: #636361
}

.no-touch .tile-hover--grey-dark-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #636361
}

.tile-hover--grey-dark-green-light {
  background: #636361;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-dark-green-light .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-dark-green-light:hover {
  background: #005c63;
  color: #636361
}

.no-touch .tile-hover--grey-dark-green-light:hover svg {
  fill: #636361
}

.no-touch .tile-hover--grey-dark-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #636361
}

.tile-hover--grey-dark-brown-dark {
  background: #636361;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-dark-brown-dark .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-dark-brown-dark:hover {
  background: #73594a;
  color: #636361
}

.no-touch .tile-hover--grey-dark-brown-dark:hover svg {
  fill: #636361
}

.no-touch .tile-hover--grey-dark-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #636361
}

.tile-hover--grey-dark-brown-mid {
  background: #636361;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-dark-brown-mid .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-dark-brown-mid:hover {
  background: #aa8263;
  color: #636361
}

.no-touch .tile-hover--grey-dark-brown-mid:hover svg {
  fill: #636361
}

.no-touch .tile-hover--grey-dark-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #636361
}

.tile-hover--grey-dark-pink {
  background: #636361;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-dark-pink .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-dark-pink:hover {
  background: #f5c2ab;
  color: #636361
}

.no-touch .tile-hover--grey-dark-pink:hover svg {
  fill: #636361
}

.no-touch .tile-hover--grey-dark-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #636361
}

.tile-hover--grey-dark-grey-dark {
  background: #636361;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-dark-grey-dark .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-dark-grey-dark:hover {
  background: #636361;
  color: #636361
}

.no-touch .tile-hover--grey-dark-grey-dark:hover svg {
  fill: #636361
}

.no-touch .tile-hover--grey-dark-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #636361
}

.tile-hover--grey-dark-grey-mid {
  background: #636361;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-dark-grey-mid .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-dark-grey-mid:hover {
  background: #9e9c9c;
  color: #636361
}

.no-touch .tile-hover--grey-dark-grey-mid:hover svg {
  fill: #636361
}

.no-touch .tile-hover--grey-dark-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #636361
}

.tile-hover--grey-dark-grey-light {
  background: #636361;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-dark-grey-light .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-dark-grey-light:hover {
  background: #d1d1cf;
  color: #636361
}

.no-touch .tile-hover--grey-dark-grey-light:hover svg {
  fill: #636361
}

.no-touch .tile-hover--grey-dark-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #636361
}

.tile-hover--grey-dark-black {
  background: #636361;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-dark-black .vf-icon-invert {
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-dark-black:hover {
  background: #000;
  color: #636361
}

.no-touch .tile-hover--grey-dark-black:hover svg {
  fill: #636361
}

.no-touch .tile-hover--grey-dark-black:hover .vf-icon-invert {
  color: #000;
  background: #636361
}

.tile-hover--grey-mid-white {
  background: #9e9c9c;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-mid-white .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-mid-white:hover {
  background: #fff;
  color: #9e9c9c
}

.no-touch .tile-hover--grey-mid-white:hover svg {
  fill: #9e9c9c
}

.no-touch .tile-hover--grey-mid-white:hover .vf-icon-invert {
  color: #fff;
  background: #9e9c9c
}

.tile-hover--grey-mid-blue-night {
  background: #9e9c9c;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-mid-blue-night .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-mid-blue-night:hover {
  background: #1e324f;
  color: #9e9c9c
}

.no-touch .tile-hover--grey-mid-blue-night:hover svg {
  fill: #9e9c9c
}

.no-touch .tile-hover--grey-mid-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #9e9c9c
}

.tile-hover--grey-mid-blue-mid {
  background: #9e9c9c;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-mid-blue-mid .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-mid-blue-mid:hover {
  background: #2071b5;
  color: #9e9c9c
}

.no-touch .tile-hover--grey-mid-blue-mid:hover svg {
  fill: #9e9c9c
}

.no-touch .tile-hover--grey-mid-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #9e9c9c
}

.tile-hover--grey-mid-blue-sky {
  background: #9e9c9c;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-mid-blue-sky .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-mid-blue-sky:hover {
  background: #3dc07c;
  color: #9e9c9c
}

.no-touch .tile-hover--grey-mid-blue-sky:hover svg {
  fill: #9e9c9c
}

.no-touch .tile-hover--grey-mid-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #9e9c9c
}

.tile-hover--grey-mid-orange {
  background: #9e9c9c;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-mid-orange .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-mid-orange:hover {
  background: #ffda00;
  color: #9e9c9c
}

.no-touch .tile-hover--grey-mid-orange:hover svg {
  fill: #9e9c9c
}

.no-touch .tile-hover--grey-mid-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #9e9c9c
}

.tile-hover--grey-mid-yellow {
  background: #9e9c9c;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-mid-yellow .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-mid-yellow:hover {
  background: #ffda00;
  color: #9e9c9c
}

.no-touch .tile-hover--grey-mid-yellow:hover svg {
  fill: #9e9c9c
}

.no-touch .tile-hover--grey-mid-yellow:hover .vf-icon-invert {
  color: #ffda00;
  background: #9e9c9c
}

.tile-hover--grey-mid-white {
  background: #9e9c9c;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-mid-white .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-mid-white:hover {
  background: #fff;
  color: #9e9c9c
}

.no-touch .tile-hover--grey-mid-white:hover svg {
  fill: #9e9c9c
}

.no-touch .tile-hover--grey-mid-white:hover .vf-icon-invert {
  color: #fff;
  background: #9e9c9c
}

.tile-hover--grey-mid-yellow-mid {
  background: #9e9c9c;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-mid-yellow-mid .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-mid-yellow-mid:hover {
  background: #ffda00;
  color: #9e9c9c
}

.no-touch .tile-hover--grey-mid-yellow-mid:hover svg {
  fill: #9e9c9c
}

.no-touch .tile-hover--grey-mid-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #9e9c9c
}

.tile-hover--grey-mid-yellow-light {
  background: #9e9c9c;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-mid-yellow-light .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-mid-yellow-light:hover {
  background: #ffda00;
  color: #9e9c9c
}

.no-touch .tile-hover--grey-mid-yellow-light:hover svg {
  fill: #9e9c9c
}

.no-touch .tile-hover--grey-mid-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #9e9c9c
}

.tile-hover--grey-mid-green-dark {
  background: #9e9c9c;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-mid-green-dark .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-mid-green-dark:hover {
  background: #0a4f2e;
  color: #9e9c9c
}

.no-touch .tile-hover--grey-mid-green-dark:hover svg {
  fill: #9e9c9c
}

.no-touch .tile-hover--grey-mid-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #9e9c9c
}

.tile-hover--grey-mid-green-mid {
  background: #9e9c9c;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-mid-green-mid .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-mid-green-mid:hover {
  background: #1f8c40;
  color: #9e9c9c
}

.no-touch .tile-hover--grey-mid-green-mid:hover svg {
  fill: #9e9c9c
}

.no-touch .tile-hover--grey-mid-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #9e9c9c
}

.tile-hover--grey-mid-green-light {
  background: #9e9c9c;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-mid-green-light .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-mid-green-light:hover {
  background: #005c63;
  color: #9e9c9c
}

.no-touch .tile-hover--grey-mid-green-light:hover svg {
  fill: #9e9c9c
}

.no-touch .tile-hover--grey-mid-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #9e9c9c
}

.tile-hover--grey-mid-brown-dark {
  background: #9e9c9c;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-mid-brown-dark .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-mid-brown-dark:hover {
  background: #73594a;
  color: #9e9c9c
}

.no-touch .tile-hover--grey-mid-brown-dark:hover svg {
  fill: #9e9c9c
}

.no-touch .tile-hover--grey-mid-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #9e9c9c
}

.tile-hover--grey-mid-brown-mid {
  background: #9e9c9c;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-mid-brown-mid .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-mid-brown-mid:hover {
  background: #aa8263;
  color: #9e9c9c
}

.no-touch .tile-hover--grey-mid-brown-mid:hover svg {
  fill: #9e9c9c
}

.no-touch .tile-hover--grey-mid-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #9e9c9c
}

.tile-hover--grey-mid-pink {
  background: #9e9c9c;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-mid-pink .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-mid-pink:hover {
  background: #f5c2ab;
  color: #9e9c9c
}

.no-touch .tile-hover--grey-mid-pink:hover svg {
  fill: #9e9c9c
}

.no-touch .tile-hover--grey-mid-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #9e9c9c
}

.tile-hover--grey-mid-grey-dark {
  background: #9e9c9c;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-mid-grey-dark .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-mid-grey-dark:hover {
  background: #636361;
  color: #9e9c9c
}

.no-touch .tile-hover--grey-mid-grey-dark:hover svg {
  fill: #9e9c9c
}

.no-touch .tile-hover--grey-mid-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #9e9c9c
}

.tile-hover--grey-mid-grey-mid {
  background: #9e9c9c;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-mid-grey-mid .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-mid-grey-mid:hover {
  background: #9e9c9c;
  color: #9e9c9c
}

.no-touch .tile-hover--grey-mid-grey-mid:hover svg {
  fill: #9e9c9c
}

.no-touch .tile-hover--grey-mid-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #9e9c9c
}

.tile-hover--grey-mid-grey-light {
  background: #9e9c9c;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-mid-grey-light .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-mid-grey-light:hover {
  background: #d1d1cf;
  color: #9e9c9c
}

.no-touch .tile-hover--grey-mid-grey-light:hover svg {
  fill: #9e9c9c
}

.no-touch .tile-hover--grey-mid-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #9e9c9c
}

.tile-hover--grey-mid-black {
  background: #9e9c9c;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-mid-black .vf-icon-invert {
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-mid-black:hover {
  background: #000;
  color: #9e9c9c
}

.no-touch .tile-hover--grey-mid-black:hover svg {
  fill: #9e9c9c
}

.no-touch .tile-hover--grey-mid-black:hover .vf-icon-invert {
  color: #000;
  background: #9e9c9c
}

.tile-hover--grey-light-white {
  background: #d1d1cf;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-light-white .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-light-white:hover {
  background: #fff;
  color: #d1d1cf
}

.no-touch .tile-hover--grey-light-white:hover svg {
  fill: #d1d1cf
}

.no-touch .tile-hover--grey-light-white:hover .vf-icon-invert {
  color: #fff;
  background: #d1d1cf
}

.tile-hover--grey-light-blue-night {
  background: #d1d1cf;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-light-blue-night .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-light-blue-night:hover {
  background: #1e324f;
  color: #d1d1cf
}

.no-touch .tile-hover--grey-light-blue-night:hover svg {
  fill: #d1d1cf
}

.no-touch .tile-hover--grey-light-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #d1d1cf
}

.tile-hover--grey-light-blue-mid {
  background: #d1d1cf;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-light-blue-mid .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-light-blue-mid:hover {
  background: #2071b5;
  color: #d1d1cf
}

.no-touch .tile-hover--grey-light-blue-mid:hover svg {
  fill: #d1d1cf
}

.no-touch .tile-hover--grey-light-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #d1d1cf
}

.tile-hover--grey-light-blue-sky {
  background: #d1d1cf;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-light-blue-sky .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-light-blue-sky:hover {
  background: #3dc07c;
  color: #d1d1cf
}

.no-touch .tile-hover--grey-light-blue-sky:hover svg {
  fill: #d1d1cf
}

.no-touch .tile-hover--grey-light-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #d1d1cf
}

.tile-hover--grey-light-orange {
  background: #d1d1cf;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-light-orange .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-light-orange:hover {
  background: #ffda00;
  color: #d1d1cf
}

.no-touch .tile-hover--grey-light-orange:hover svg {
  fill: #d1d1cf
}

.no-touch .tile-hover--grey-light-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #d1d1cf
}

.tile-hover--grey-light-yellow {
  background: #d1d1cf;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-light-yellow .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-light-yellow:hover {
  background: #ffda00;
  color: #d1d1cf
}

.no-touch .tile-hover--grey-light-yellow:hover svg {
  fill: #d1d1cf
}

.no-touch .tile-hover--grey-light-yellow:hover .vf-icon-invert {
  color: #ffda00;
  background: #d1d1cf
}

.tile-hover--grey-light-white {
  background: #d1d1cf;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-light-white .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-light-white:hover {
  background: #fff;
  color: #d1d1cf
}

.no-touch .tile-hover--grey-light-white:hover svg {
  fill: #d1d1cf
}

.no-touch .tile-hover--grey-light-white:hover .vf-icon-invert {
  color: #fff;
  background: #d1d1cf
}

.tile-hover--grey-light-yellow-mid {
  background: #d1d1cf;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-light-yellow-mid .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-light-yellow-mid:hover {
  background: #ffda00;
  color: #d1d1cf
}

.no-touch .tile-hover--grey-light-yellow-mid:hover svg {
  fill: #d1d1cf
}

.no-touch .tile-hover--grey-light-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #d1d1cf
}

.tile-hover--grey-light-yellow-light {
  background: #d1d1cf;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-light-yellow-light .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-light-yellow-light:hover {
  background: #ffda00;
  color: #d1d1cf
}

.no-touch .tile-hover--grey-light-yellow-light:hover svg {
  fill: #d1d1cf
}

.no-touch .tile-hover--grey-light-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #d1d1cf
}

.tile-hover--grey-light-green-dark {
  background: #d1d1cf;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-light-green-dark .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-light-green-dark:hover {
  background: #0a4f2e;
  color: #d1d1cf
}

.no-touch .tile-hover--grey-light-green-dark:hover svg {
  fill: #d1d1cf
}

.no-touch .tile-hover--grey-light-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #d1d1cf
}

.tile-hover--grey-light-green-mid {
  background: #d1d1cf;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-light-green-mid .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-light-green-mid:hover {
  background: #1f8c40;
  color: #d1d1cf
}

.no-touch .tile-hover--grey-light-green-mid:hover svg {
  fill: #d1d1cf
}

.no-touch .tile-hover--grey-light-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #d1d1cf
}

.tile-hover--grey-light-green-light {
  background: #d1d1cf;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-light-green-light .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-light-green-light:hover {
  background: #005c63;
  color: #d1d1cf
}

.no-touch .tile-hover--grey-light-green-light:hover svg {
  fill: #d1d1cf
}

.no-touch .tile-hover--grey-light-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #d1d1cf
}

.tile-hover--grey-light-brown-dark {
  background: #d1d1cf;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-light-brown-dark .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-light-brown-dark:hover {
  background: #73594a;
  color: #d1d1cf
}

.no-touch .tile-hover--grey-light-brown-dark:hover svg {
  fill: #d1d1cf
}

.no-touch .tile-hover--grey-light-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #d1d1cf
}

.tile-hover--grey-light-brown-mid {
  background: #d1d1cf;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-light-brown-mid .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-light-brown-mid:hover {
  background: #aa8263;
  color: #d1d1cf
}

.no-touch .tile-hover--grey-light-brown-mid:hover svg {
  fill: #d1d1cf
}

.no-touch .tile-hover--grey-light-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #d1d1cf
}

.tile-hover--grey-light-pink {
  background: #d1d1cf;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-light-pink .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-light-pink:hover {
  background: #f5c2ab;
  color: #d1d1cf
}

.no-touch .tile-hover--grey-light-pink:hover svg {
  fill: #d1d1cf
}

.no-touch .tile-hover--grey-light-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #d1d1cf
}

.tile-hover--grey-light-grey-dark {
  background: #d1d1cf;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-light-grey-dark .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-light-grey-dark:hover {
  background: #636361;
  color: #d1d1cf
}

.no-touch .tile-hover--grey-light-grey-dark:hover svg {
  fill: #d1d1cf
}

.no-touch .tile-hover--grey-light-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #d1d1cf
}

.tile-hover--grey-light-grey-mid {
  background: #d1d1cf;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-light-grey-mid .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-light-grey-mid:hover {
  background: #9e9c9c;
  color: #d1d1cf
}

.no-touch .tile-hover--grey-light-grey-mid:hover svg {
  fill: #d1d1cf
}

.no-touch .tile-hover--grey-light-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #d1d1cf
}

.tile-hover--grey-light-grey-light {
  background: #d1d1cf;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-light-grey-light .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-light-grey-light:hover {
  background: #d1d1cf;
  color: #d1d1cf
}

.no-touch .tile-hover--grey-light-grey-light:hover svg {
  fill: #d1d1cf
}

.no-touch .tile-hover--grey-light-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #d1d1cf
}

.tile-hover--grey-light-black {
  background: #d1d1cf;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--grey-light-black .vf-icon-invert {
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--grey-light-black:hover {
  background: #000;
  color: #d1d1cf
}

.no-touch .tile-hover--grey-light-black:hover svg {
  fill: #d1d1cf
}

.no-touch .tile-hover--grey-light-black:hover .vf-icon-invert {
  color: #000;
  background: #d1d1cf
}

.tile-hover--black-white {
  background: #000;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--black-white .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--black-white:hover {
  background: #fff;
  color: #000
}

.no-touch .tile-hover--black-white:hover svg {
  fill: #000
}

.no-touch .tile-hover--black-white:hover .vf-icon-invert {
  color: #fff;
  background: #000
}

.tile-hover--black-blue-night {
  background: #000;
  color: #1e324f;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--black-blue-night .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--black-blue-night:hover {
  background: #1e324f;
  color: #000
}

.no-touch .tile-hover--black-blue-night:hover svg {
  fill: #000
}

.no-touch .tile-hover--black-blue-night:hover .vf-icon-invert {
  color: #1e324f;
  background: #000
}

.tile-hover--black-blue-mid {
  background: #000;
  color: #2071b5;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--black-blue-mid .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--black-blue-mid:hover {
  background: #2071b5;
  color: #000
}

.no-touch .tile-hover--black-blue-mid:hover svg {
  fill: #000
}

.no-touch .tile-hover--black-blue-mid:hover .vf-icon-invert {
  color: #2071b5;
  background: #000
}

.tile-hover--black-blue-sky {
  background: #000;
  color: #3dc07c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--black-blue-sky .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--black-blue-sky:hover {
  background: #3dc07c;
  color: #000
}

.no-touch .tile-hover--black-blue-sky:hover svg {
  fill: #000
}

.no-touch .tile-hover--black-blue-sky:hover .vf-icon-invert {
  color: #3dc07c;
  background: #000
}

.tile-hover--black-orange {
  background: #000;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--black-orange .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--black-orange:hover {
  background: #ffda00;
  color: #000
}

.no-touch .tile-hover--black-orange:hover svg {
  fill: #000
}

.no-touch .tile-hover--black-orange:hover .vf-icon-invert {
  color: #ffda00;
  background: #000
}

.tile-hover--black-yellow {
  background: #000;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--black-yellow .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--black-yellow:hover {
  background: #ffda00;
  color: #000
}

.no-touch .tile-hover--black-yellow:hover svg {
  fill: #000
}

.no-touch .tile-hover--black-yellow:hover .vf-icon-invert {
  color: #ffda00;
  background: #000
}

.tile-hover--black-white {
  background: #000;
  color: #fff;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--black-white .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--black-white:hover {
  background: #fff;
  color: #000
}

.no-touch .tile-hover--black-white:hover svg {
  fill: #000
}

.no-touch .tile-hover--black-white:hover .vf-icon-invert {
  color: #fff;
  background: #000
}

.tile-hover--black-yellow-mid {
  background: #000;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--black-yellow-mid .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--black-yellow-mid:hover {
  background: #ffda00;
  color: #000
}

.no-touch .tile-hover--black-yellow-mid:hover svg {
  fill: #000
}

.no-touch .tile-hover--black-yellow-mid:hover .vf-icon-invert {
  color: #ffda00;
  background: #000
}

.tile-hover--black-yellow-light {
  background: #000;
  color: #ffda00;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--black-yellow-light .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--black-yellow-light:hover {
  background: #ffda00;
  color: #000
}

.no-touch .tile-hover--black-yellow-light:hover svg {
  fill: #000
}

.no-touch .tile-hover--black-yellow-light:hover .vf-icon-invert {
  color: #ffda00;
  background: #000
}

.tile-hover--black-green-dark {
  background: #000;
  color: #0a4f2e;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--black-green-dark .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--black-green-dark:hover {
  background: #0a4f2e;
  color: #000
}

.no-touch .tile-hover--black-green-dark:hover svg {
  fill: #000
}

.no-touch .tile-hover--black-green-dark:hover .vf-icon-invert {
  color: #0a4f2e;
  background: #000
}

.tile-hover--black-green-mid {
  background: #000;
  color: #1f8c40;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--black-green-mid .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--black-green-mid:hover {
  background: #1f8c40;
  color: #000
}

.no-touch .tile-hover--black-green-mid:hover svg {
  fill: #000
}

.no-touch .tile-hover--black-green-mid:hover .vf-icon-invert {
  color: #1f8c40;
  background: #000
}

.tile-hover--black-green-light {
  background: #000;
  color: #005c63;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--black-green-light .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--black-green-light:hover {
  background: #005c63;
  color: #000
}

.no-touch .tile-hover--black-green-light:hover svg {
  fill: #000
}

.no-touch .tile-hover--black-green-light:hover .vf-icon-invert {
  color: #005c63;
  background: #000
}

.tile-hover--black-brown-dark {
  background: #000;
  color: #73594a;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--black-brown-dark .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--black-brown-dark:hover {
  background: #73594a;
  color: #000
}

.no-touch .tile-hover--black-brown-dark:hover svg {
  fill: #000
}

.no-touch .tile-hover--black-brown-dark:hover .vf-icon-invert {
  color: #73594a;
  background: #000
}

.tile-hover--black-brown-mid {
  background: #000;
  color: #aa8263;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--black-brown-mid .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--black-brown-mid:hover {
  background: #aa8263;
  color: #000
}

.no-touch .tile-hover--black-brown-mid:hover svg {
  fill: #000
}

.no-touch .tile-hover--black-brown-mid:hover .vf-icon-invert {
  color: #aa8263;
  background: #000
}

.tile-hover--black-pink {
  background: #000;
  color: #f5c2ab;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--black-pink .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--black-pink:hover {
  background: #f5c2ab;
  color: #000
}

.no-touch .tile-hover--black-pink:hover svg {
  fill: #000
}

.no-touch .tile-hover--black-pink:hover .vf-icon-invert {
  color: #f5c2ab;
  background: #000
}

.tile-hover--black-grey-dark {
  background: #000;
  color: #636361;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--black-grey-dark .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--black-grey-dark:hover {
  background: #636361;
  color: #000
}

.no-touch .tile-hover--black-grey-dark:hover svg {
  fill: #000
}

.no-touch .tile-hover--black-grey-dark:hover .vf-icon-invert {
  color: #636361;
  background: #000
}

.tile-hover--black-grey-mid {
  background: #000;
  color: #9e9c9c;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--black-grey-mid .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--black-grey-mid:hover {
  background: #9e9c9c;
  color: #000
}

.no-touch .tile-hover--black-grey-mid:hover svg {
  fill: #000
}

.no-touch .tile-hover--black-grey-mid:hover .vf-icon-invert {
  color: #9e9c9c;
  background: #000
}

.tile-hover--black-grey-light {
  background: #000;
  color: #d1d1cf;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--black-grey-light .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--black-grey-light:hover {
  background: #d1d1cf;
  color: #000
}

.no-touch .tile-hover--black-grey-light:hover svg {
  fill: #000
}

.no-touch .tile-hover--black-grey-light:hover .vf-icon-invert {
  color: #d1d1cf;
  background: #000
}

.tile-hover--black-black {
  background: #000;
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.tile-hover--black-black .vf-icon-invert {
  color: #000;
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s
}

.no-touch .tile-hover--black-black:hover {
  background: #000;
  color: #000
}

.no-touch .tile-hover--black-black:hover svg {
  fill: #000
}

.no-touch .tile-hover--black-black:hover .vf-icon-invert {
  color: #000;
  background: #000
}

.dropdown,
.dropup {
  position: relative;
  display: inline-block
}

.dropdown button,
.dropup button {
  position: relative;
  padding-right: 30px;
  margin-bottom: 0
}

.dropdown button:after,
.dropup button:after {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 20px;
  content: "\EA9F";
  margin-left: 5px;
  font-family: vfde-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased
}

.dropdown-toggle:focus {
  outline: 0
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5
}

.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
  color: #777
}

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: not-allowed
}

.open>.dropdown-menu {
  display: block
}

.open>a {
  outline: 0
}

.dropdown-menu-right {
  left: auto;
  right: 0
}

.dropdown-menu-left {
  left: 0;
  right: auto
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990
}

.pull-right>.dropdown-menu {
  right: 0;
  left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px
}

@media (min-width:768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0
  }

  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto
  }
}

.custom-select {
  position: relative;
  display: block
}

.custom-select select {
  width: 100%;
  margin: 0;
  outline: 0;
  padding: .6em .8em .5em .8em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px
}

.custom-select::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 1em;
  z-index: 2;
  pointer-events: none;
  display: none
}

.contractBar__container.contractBar__concept {
  position: relative;
  background-color: #ffda00;
  padding: 7px;
  color: #fff;
  width: 100%
}

.contractBar__container.contractBar__concept .contact--meta {
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 0;
  padding-left: 44px
}

.contractBar__container.contractBar__concept .contact--meta .btn-header:hover {
  color: #ffda00
}

.contractBar__container.contractBar__concept .contact--meta .btn-header:focus {
  color: #ffda00
}

.contractBar__container.contractBar__concept .contractBar__type--contract,
.contractBar__container.contractBar__concept .contractBar__type--home,
.contractBar__container.contractBar__concept .icon,
.contractBar__container.contractBar__concept .icon--Home__large,
.contractBar__container.contractBar__concept .icon--Home__medium,
.contractBar__container.contractBar__concept .icon--Home__small,
.contractBar__container.contractBar__concept .icon--Home__xlarge,
.contractBar__container.contractBar__concept .icon--balance,
.contractBar__container.contractBar__concept .icon--blueCheckmark,
.contractBar__container.contractBar__concept .icon--btnArrow--down,
.contractBar__container.contractBar__concept .icon--btnArrow--left,
.contractBar__container.contractBar__concept .icon--btnArrow--right,
.contractBar__container.contractBar__concept .icon--btnArrow--up,
.contractBar__container.contractBar__concept .icon--btnIcon--cross,
.contractBar__container.contractBar__concept .icon--btnIcon--edit,
.contractBar__container.contractBar__concept .icon--btnIcon--plus,
.contractBar__container.contractBar__concept .icon--btnicons,
.contractBar__container.contractBar__concept .icon--contact,
.contractBar__container.contractBar__concept .icon--contract,
.contractBar__container.contractBar__concept .icon--currency,
.contractBar__container.contractBar__concept .icon--document,
.contractBar__container.contractBar__concept .icon--documents,
.contractBar__container.contractBar__concept .icon--energy,
.contractBar__container.contractBar__concept .icon--externalLink,
.contractBar__container.contractBar__concept .icon--gas,
.contractBar__container.contractBar__concept .icon--home,
.contractBar__container.contractBar__concept .icon--inline--document,
.contractBar__container.contractBar__concept .icon--inline--energy,
.contractBar__container.contractBar__concept .icon--inline--gas,
.contractBar__container.contractBar__concept .icon--inline--home,
.contractBar__container.contractBar__concept .icon--invoice,
.contractBar__container.contractBar__concept .icon--invoices,
.contractBar__container.contractBar__concept .icon--mail,
.contractBar__container.contractBar__concept .icon--meter,
.contractBar__container.contractBar__concept .icon--partner,
.contractBar__container.contractBar__concept .icon--payment,
.contractBar__container.contractBar__concept .icon--pdf,
.contractBar__container.contractBar__concept .icon--user,
.contractBar__container.contractBar__concept .icon-hint,
.contractBar__container.contractBar__concept .icon20--before--contract,
.contractBar__container.contractBar__concept .icon20--before--home,
.contractBar__container.contractBar__concept .icon20--before--user,
.contractBar__container.contractBar__concept .icon32--edit--orange,
.contractBar__container.contractBar__concept .link--external,
.contractBar__container.contractBar__concept .list--checkmark--blue--green--orange>li,
.contractBar__container.contractBar__concept .list--checkmark--blue--green>li,
.contractBar__container.contractBar__concept .list--checkmark--blue--orange--green>li,
.contractBar__container.contractBar__concept .list--checkmark--blue--orange>li,
.contractBar__container.contractBar__concept .list--checkmark--blue>li,
.contractBar__container.contractBar__concept .list--checkmark--green--blue--orange>li,
.contractBar__container.contractBar__concept .list--checkmark--green--blue>li,
.contractBar__container.contractBar__concept .list--checkmark--green--orange--blue>li,
.contractBar__container.contractBar__concept .list--checkmark--green--orange>li,
.contractBar__container.contractBar__concept .list--checkmark--green>li,
.contractBar__container.contractBar__concept .list--checkmark--orange--blue--green>li,
.contractBar__container.contractBar__concept .list--checkmark--orange--blue>li,
.contractBar__container.contractBar__concept .list--checkmark--orange--green--blue>li,
.contractBar__container.contractBar__concept .list--checkmark--orange--green>li,
.contractBar__container.contractBar__concept .list--checkmark--orange>li,
.contractBar__container.contractBar__concept .list--checkmark>li,
.contractBar__container.contractBar__concept .list--links>li,
.contractBar__container.contractBar__concept a.icon--arrow--cta,
.contractBar__container.contractBar__concept button.icon--arrow--cta {
  font-size: 24px;
  position: absolute;
  left: 12px;
  top: 7px
}

.contractBar__container.contractBar__suchar {
  background-color: #9e9c9c;
  padding: 7px 7px 5px 7px;
  color: #fff;
  width: 100%;
  position: relative
}

.contractBar__container.contractBar__suchar span {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  float: left;
  padding-right: 20px
}

@media screen and (max-width:380px) {
  .contractBar__container.contractBar__suchar span {
    padding-right: 0
  }
}

.contractBar__container.contractBar__suchar .contact--meta {
  position: relative;
  display: block;
  float: left;
  padding: 0;
  margin: 0;
  margin-right: 20px;
  padding-left: 44px
}

@media screen and (max-width:1200px) {
  .contractBar__container.contractBar__suchar .contact--meta {
    margin-right: 5px
  }
}

.contractBar__container.contractBar__suchar .contact--meta select {
  color: #000;
  font-size: 14px
}

.contractBar__container.contractBar__suchar .contact--meta .select-style {
  display: block;
  position: relative;
  float: left
}

.contractBar__container.contractBar__suchar .contact--meta .select-style:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 30px;
  content: "\EA9F";
  margin-left: 5px;
  font-family: vfde-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  background-color: #2071b5;
  pointer-events: none
}

.contractBar__container.contractBar__suchar .contact--meta select#selectedLieferstelleVkNr.form-control.form-control.input-sm.form-control--inline {
  text-overflow: ellipsis;
  overflow: hidden
}

.contractBar__container.contractBar__suchar .contact--meta .select-style select {
  padding: 0 32px 0 8px;
  width: 100%;
  border: none;
  font-family: VattenfallHall-Light;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  background-image: none;
  -webkit-appearance: none
}

.contractBar__container.contractBar__suchar .contact--meta .select-style select::-ms-expand {
  display: none
}

.contractBar__container.contractBar__suchar .contact--meta .select-style select:focus {
  outline: 0
}

.contractBar__container.contractBar__suchar .contractBar__type--contract,
.contractBar__container.contractBar__suchar .contractBar__type--home,
.contractBar__container.contractBar__suchar .icon,
.contractBar__container.contractBar__suchar .icon--Home__large,
.contractBar__container.contractBar__suchar .icon--Home__medium,
.contractBar__container.contractBar__suchar .icon--Home__small,
.contractBar__container.contractBar__suchar .icon--Home__xlarge,
.contractBar__container.contractBar__suchar .icon--balance,
.contractBar__container.contractBar__suchar .icon--blueCheckmark,
.contractBar__container.contractBar__suchar .icon--btnArrow--down,
.contractBar__container.contractBar__suchar .icon--btnArrow--left,
.contractBar__container.contractBar__suchar .icon--btnArrow--right,
.contractBar__container.contractBar__suchar .icon--btnArrow--up,
.contractBar__container.contractBar__suchar .icon--btnIcon--cross,
.contractBar__container.contractBar__suchar .icon--btnIcon--edit,
.contractBar__container.contractBar__suchar .icon--btnIcon--plus,
.contractBar__container.contractBar__suchar .icon--btnicons,
.contractBar__container.contractBar__suchar .icon--contact,
.contractBar__container.contractBar__suchar .icon--contract,
.contractBar__container.contractBar__suchar .icon--currency,
.contractBar__container.contractBar__suchar .icon--document,
.contractBar__container.contractBar__suchar .icon--documents,
.contractBar__container.contractBar__suchar .icon--energy,
.contractBar__container.contractBar__suchar .icon--externalLink,
.contractBar__container.contractBar__suchar .icon--gas,
.contractBar__container.contractBar__suchar .icon--home,
.contractBar__container.contractBar__suchar .icon--inline--document,
.contractBar__container.contractBar__suchar .icon--inline--energy,
.contractBar__container.contractBar__suchar .icon--inline--gas,
.contractBar__container.contractBar__suchar .icon--inline--home,
.contractBar__container.contractBar__suchar .icon--invoice,
.contractBar__container.contractBar__suchar .icon--invoices,
.contractBar__container.contractBar__suchar .icon--mail,
.contractBar__container.contractBar__suchar .icon--meter,
.contractBar__container.contractBar__suchar .icon--partner,
.contractBar__container.contractBar__suchar .icon--payment,
.contractBar__container.contractBar__suchar .icon--pdf,
.contractBar__container.contractBar__suchar .icon--user,
.contractBar__container.contractBar__suchar .icon-hint,
.contractBar__container.contractBar__suchar .icon20--before--contract,
.contractBar__container.contractBar__suchar .icon20--before--home,
.contractBar__container.contractBar__suchar .icon20--before--user,
.contractBar__container.contractBar__suchar .icon32--edit--orange,
.contractBar__container.contractBar__suchar .link--external,
.contractBar__container.contractBar__suchar .list--checkmark--blue--green--orange>li,
.contractBar__container.contractBar__suchar .list--checkmark--blue--green>li,
.contractBar__container.contractBar__suchar .list--checkmark--blue--orange--green>li,
.contractBar__container.contractBar__suchar .list--checkmark--blue--orange>li,
.contractBar__container.contractBar__suchar .list--checkmark--blue>li,
.contractBar__container.contractBar__suchar .list--checkmark--green--blue--orange>li,
.contractBar__container.contractBar__suchar .list--checkmark--green--blue>li,
.contractBar__container.contractBar__suchar .list--checkmark--green--orange--blue>li,
.contractBar__container.contractBar__suchar .list--checkmark--green--orange>li,
.contractBar__container.contractBar__suchar .list--checkmark--green>li,
.contractBar__container.contractBar__suchar .list--checkmark--orange--blue--green>li,
.contractBar__container.contractBar__suchar .list--checkmark--orange--blue>li,
.contractBar__container.contractBar__suchar .list--checkmark--orange--green--blue>li,
.contractBar__container.contractBar__suchar .list--checkmark--orange--green>li,
.contractBar__container.contractBar__suchar .list--checkmark--orange>li,
.contractBar__container.contractBar__suchar .list--checkmark>li,
.contractBar__container.contractBar__suchar .list--links>li,
.contractBar__container.contractBar__suchar a.icon--arrow--cta,
.contractBar__container.contractBar__suchar button.icon--arrow--cta {
  font-size: 32px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (max-width:1170px) {
  .contractBar__container.contractBar__suchar .contact--meta {
    float: none;
    width: 100%;
    display: block
  }

  .contractBar__container.contractBar__suchar .contact--meta span {
    display: block;
    float: none;
    clear: both
  }

  .contractBar__container.contractBar__suchar .contact--meta .select-style {
    float: none;
    clear: both
  }
}

@media screen and (max-width:390px) {
  .contractBar__container.contractBar__suchar .contact--meta {
    min-height: 100px
  }
}

.visible-only-print-block {
  display: none !important
}

@media print {
  .visible-only-print-block {
    display: block !important
  }
}

.visible-only-print-inline {
  display: none !important
}

@media print {
  .visible-only-print-inline {
    display: inline !important
  }
}

.visible-only-print-inline-block {
  display: none !important
}

@media print {
  .visible-only-print-inline-block {
    display: inline-block !important
  }
}

.visible-print {
  display: block !important
}

@media print {

  .box--print,
  .hidden-print {
    display: none !important
  }
}

@media print {

  *,
  .section--header,
  html {
    background: 0 0 !important
  }

  html {
    font-size: 11px
  }

  .greetings__maintitle,
  h1 {
    font-size: 16px
  }

  .greetings__subtitle {
    font-size: 12px
  }

  .product__name.product__Icon--energy {
    font-size: 16px
  }

  .mod {
    padding-bottom: 0;
    margin-bottom: 0
  }

  .list--definition {
    margin-bottom: 0;
    margin-top: 0
  }

  .box.warning,
  .btn,
  .contractBar__container.contractBar__suchar .contact--meta .select-style:after,
  .header .container .row,
  .section--breadcrumb,
  .section--footerBox,
  .section--header>*,
  .section--navigationBox,
  :before,
  footer.page__footer {
    display: none
  }

  .contractBar__container.contractBar__suchar {
    color: #000
  }

  .section--content {
    margin-top: 24px
  }

  .table--simple td:before,
  .toggle.toggle--mobile-hidden.is-active .toggle__content {
    display: block
  }

  nav {
    display: none !important
  }

  .btn-header,
  .tile.new-tile,
  .tile.new-tile a {
    color: #000
  }
}