@charset "UTF-8";
@font-face {
  font-family: 'Baskervald';
  src: url("../font/baskervald.eot");
  src: url("../font/baskervald.eot?#iefix") format("embedded-opentype"), url("../font/baskervald.woff") format("woff"), url("../font/baskervald.ttf") format("truetype"), url('../font/baskervald.svg#"Baskervald"') format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BaskervaldItalic';
  src: url("../font/baskervalditalic.eot");
  src: url("../font/baskervalditalic.eot?#iefix") format("embedded-opentype"), url("../font/baskervalditalic.woff") format("woff"), url("../font/baskervalditalic.ttf") format("truetype"), url('../font/baskervalditalic.svg#"Baskervald"Italic') format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url("../font/icomoon/icomoon.eot?nlxtzk");
  src: url("../font/icomoon/icomoon.eot?nlxtzk#iefix") format("embedded-opentype"), url("../font/icomoon/icomoon.ttf?nlxtzk") format("truetype"), url("../font/icomoon/icomoon.woff?nlxtzk") format("woff"), url("../font/icomoon/icomoon.svg?nlxtzk#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

/* ================================================================== */
/* This file has a mobile-to-tablet, and tablet-to-desktop breakpoint */
/* ================================================================== */
@media (max-width: 400px) {
  @-ms-viewport {
    width: 320px; } }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.grid-container:before, .grid-5:before, .mobile-grid-5:before, .tablet-grid-5:before, .grid-10:before, .mobile-grid-10:before, .tablet-grid-10:before, .grid-15:before, .mobile-grid-15:before, .tablet-grid-15:before, .grid-20:before, .mobile-grid-20:before, .tablet-grid-20:before, .grid-25:before, .mobile-grid-25:before, .tablet-grid-25:before, .grid-30:before, .mobile-grid-30:before, .tablet-grid-30:before, .grid-35:before, .mobile-grid-35:before, .tablet-grid-35:before, .grid-40:before, .mobile-grid-40:before, .tablet-grid-40:before, .grid-45:before, .mobile-grid-45:before, .tablet-grid-45:before, .grid-50:before, .mobile-grid-50:before, .tablet-grid-50:before, .grid-55:before, .mobile-grid-55:before, .tablet-grid-55:before, .grid-60:before, .mobile-grid-60:before, .tablet-grid-60:before, .grid-65:before, .mobile-grid-65:before, .tablet-grid-65:before, .grid-70:before, .mobile-grid-70:before, .tablet-grid-70:before, .grid-75:before, .mobile-grid-75:before, .tablet-grid-75:before, .grid-80:before, .mobile-grid-80:before, .tablet-grid-80:before, .grid-85:before, .mobile-grid-85:before, .tablet-grid-85:before, .grid-90:before, .mobile-grid-90:before, .tablet-grid-90:before, .grid-95:before, .mobile-grid-95:before, .tablet-grid-95:before, .grid-100:before, .mobile-grid-100:before, .tablet-grid-100:before, .grid-33:before, .mobile-grid-33:before, .tablet-grid-33:before, .grid-66:before, .mobile-grid-66:before, .tablet-grid-66:before, .clearfix:before,
.grid-container:after,
.grid-5:after,
.mobile-grid-5:after,
.tablet-grid-5:after,
.grid-10:after,
.mobile-grid-10:after,
.tablet-grid-10:after,
.grid-15:after,
.mobile-grid-15:after,
.tablet-grid-15:after,
.grid-20:after,
.mobile-grid-20:after,
.tablet-grid-20:after,
.grid-25:after,
.mobile-grid-25:after,
.tablet-grid-25:after,
.grid-30:after,
.mobile-grid-30:after,
.tablet-grid-30:after,
.grid-35:after,
.mobile-grid-35:after,
.tablet-grid-35:after,
.grid-40:after,
.mobile-grid-40:after,
.tablet-grid-40:after,
.grid-45:after,
.mobile-grid-45:after,
.tablet-grid-45:after,
.grid-50:after,
.mobile-grid-50:after,
.tablet-grid-50:after,
.grid-55:after,
.mobile-grid-55:after,
.tablet-grid-55:after,
.grid-60:after,
.mobile-grid-60:after,
.tablet-grid-60:after,
.grid-65:after,
.mobile-grid-65:after,
.tablet-grid-65:after,
.grid-70:after,
.mobile-grid-70:after,
.tablet-grid-70:after,
.grid-75:after,
.mobile-grid-75:after,
.tablet-grid-75:after,
.grid-80:after,
.mobile-grid-80:after,
.tablet-grid-80:after,
.grid-85:after,
.mobile-grid-85:after,
.tablet-grid-85:after,
.grid-90:after,
.mobile-grid-90:after,
.tablet-grid-90:after,
.grid-95:after,
.mobile-grid-95:after,
.tablet-grid-95:after,
.grid-100:after,
.mobile-grid-100:after,
.tablet-grid-100:after,
.grid-33:after,
.mobile-grid-33:after,
.tablet-grid-33:after,
.grid-66:after,
.mobile-grid-66:after,
.tablet-grid-66:after,
.clearfix:after {
  content: ".";
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0; }

.grid-container:after, .grid-5:after, .mobile-grid-5:after, .tablet-grid-5:after, .grid-10:after, .mobile-grid-10:after, .tablet-grid-10:after, .grid-15:after, .mobile-grid-15:after, .tablet-grid-15:after, .grid-20:after, .mobile-grid-20:after, .tablet-grid-20:after, .grid-25:after, .mobile-grid-25:after, .tablet-grid-25:after, .grid-30:after, .mobile-grid-30:after, .tablet-grid-30:after, .grid-35:after, .mobile-grid-35:after, .tablet-grid-35:after, .grid-40:after, .mobile-grid-40:after, .tablet-grid-40:after, .grid-45:after, .mobile-grid-45:after, .tablet-grid-45:after, .grid-50:after, .mobile-grid-50:after, .tablet-grid-50:after, .grid-55:after, .mobile-grid-55:after, .tablet-grid-55:after, .grid-60:after, .mobile-grid-60:after, .tablet-grid-60:after, .grid-65:after, .mobile-grid-65:after, .tablet-grid-65:after, .grid-70:after, .mobile-grid-70:after, .tablet-grid-70:after, .grid-75:after, .mobile-grid-75:after, .tablet-grid-75:after, .grid-80:after, .mobile-grid-80:after, .tablet-grid-80:after, .grid-85:after, .mobile-grid-85:after, .tablet-grid-85:after, .grid-90:after, .mobile-grid-90:after, .tablet-grid-90:after, .grid-95:after, .mobile-grid-95:after, .tablet-grid-95:after, .grid-100:after, .mobile-grid-100:after, .tablet-grid-100:after, .grid-33:after, .mobile-grid-33:after, .tablet-grid-33:after, .grid-66:after, .mobile-grid-66:after, .tablet-grid-66:after, .clearfix:after {
  clear: both; }

.grid-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-left: 10px;
  padding-right: 10px; }

.grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px; }

.grid-parent {
  padding-left: 0;
  padding-right: 0; }

.grid-offset {
  margin-left: -10px;
  margin-right: -10px; }

@media (max-width: 767px) {
  .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
    position: relative; }
  .hide-on-mobile {
    display: none !important; }
  .mobile-grid-5 {
    float: left;
    width: 5%; }
  .mobile-prefix-5 {
    margin-left: 5%; }
  .mobile-suffix-5 {
    margin-right: 5%; }
  .mobile-push-5 {
    left: 5%; }
  .mobile-pull-5 {
    left: -5%; }
  .mobile-grid-10 {
    float: left;
    width: 10%; }
  .mobile-prefix-10 {
    margin-left: 10%; }
  .mobile-suffix-10 {
    margin-right: 10%; }
  .mobile-push-10 {
    left: 10%; }
  .mobile-pull-10 {
    left: -10%; }
  .mobile-grid-15 {
    float: left;
    width: 15%; }
  .mobile-prefix-15 {
    margin-left: 15%; }
  .mobile-suffix-15 {
    margin-right: 15%; }
  .mobile-push-15 {
    left: 15%; }
  .mobile-pull-15 {
    left: -15%; }
  .mobile-grid-20 {
    float: left;
    width: 20%; }
  .mobile-prefix-20 {
    margin-left: 20%; }
  .mobile-suffix-20 {
    margin-right: 20%; }
  .mobile-push-20 {
    left: 20%; }
  .mobile-pull-20 {
    left: -20%; }
  .mobile-grid-25 {
    float: left;
    width: 25%; }
  .mobile-prefix-25 {
    margin-left: 25%; }
  .mobile-suffix-25 {
    margin-right: 25%; }
  .mobile-push-25 {
    left: 25%; }
  .mobile-pull-25 {
    left: -25%; }
  .mobile-grid-30 {
    float: left;
    width: 30%; }
  .mobile-prefix-30 {
    margin-left: 30%; }
  .mobile-suffix-30 {
    margin-right: 30%; }
  .mobile-push-30 {
    left: 30%; }
  .mobile-pull-30 {
    left: -30%; }
  .mobile-grid-35 {
    float: left;
    width: 35%; }
  .mobile-prefix-35 {
    margin-left: 35%; }
  .mobile-suffix-35 {
    margin-right: 35%; }
  .mobile-push-35 {
    left: 35%; }
  .mobile-pull-35 {
    left: -35%; }
  .mobile-grid-40 {
    float: left;
    width: 40%; }
  .mobile-prefix-40 {
    margin-left: 40%; }
  .mobile-suffix-40 {
    margin-right: 40%; }
  .mobile-push-40 {
    left: 40%; }
  .mobile-pull-40 {
    left: -40%; }
  .mobile-grid-45 {
    float: left;
    width: 45%; }
  .mobile-prefix-45 {
    margin-left: 45%; }
  .mobile-suffix-45 {
    margin-right: 45%; }
  .mobile-push-45 {
    left: 45%; }
  .mobile-pull-45 {
    left: -45%; }
  .mobile-grid-50 {
    float: left;
    width: 50%; }
  .mobile-prefix-50 {
    margin-left: 50%; }
  .mobile-suffix-50 {
    margin-right: 50%; }
  .mobile-push-50 {
    left: 50%; }
  .mobile-pull-50 {
    left: -50%; }
  .mobile-grid-55 {
    float: left;
    width: 55%; }
  .mobile-prefix-55 {
    margin-left: 55%; }
  .mobile-suffix-55 {
    margin-right: 55%; }
  .mobile-push-55 {
    left: 55%; }
  .mobile-pull-55 {
    left: -55%; }
  .mobile-grid-60 {
    float: left;
    width: 60%; }
  .mobile-prefix-60 {
    margin-left: 60%; }
  .mobile-suffix-60 {
    margin-right: 60%; }
  .mobile-push-60 {
    left: 60%; }
  .mobile-pull-60 {
    left: -60%; }
  .mobile-grid-65 {
    float: left;
    width: 65%; }
  .mobile-prefix-65 {
    margin-left: 65%; }
  .mobile-suffix-65 {
    margin-right: 65%; }
  .mobile-push-65 {
    left: 65%; }
  .mobile-pull-65 {
    left: -65%; }
  .mobile-grid-70 {
    float: left;
    width: 70%; }
  .mobile-prefix-70 {
    margin-left: 70%; }
  .mobile-suffix-70 {
    margin-right: 70%; }
  .mobile-push-70 {
    left: 70%; }
  .mobile-pull-70 {
    left: -70%; }
  .mobile-grid-75 {
    float: left;
    width: 75%; }
  .mobile-prefix-75 {
    margin-left: 75%; }
  .mobile-suffix-75 {
    margin-right: 75%; }
  .mobile-push-75 {
    left: 75%; }
  .mobile-pull-75 {
    left: -75%; }
  .mobile-grid-80 {
    float: left;
    width: 80%; }
  .mobile-prefix-80 {
    margin-left: 80%; }
  .mobile-suffix-80 {
    margin-right: 80%; }
  .mobile-push-80 {
    left: 80%; }
  .mobile-pull-80 {
    left: -80%; }
  .mobile-grid-85 {
    float: left;
    width: 85%; }
  .mobile-prefix-85 {
    margin-left: 85%; }
  .mobile-suffix-85 {
    margin-right: 85%; }
  .mobile-push-85 {
    left: 85%; }
  .mobile-pull-85 {
    left: -85%; }
  .mobile-grid-90 {
    float: left;
    width: 90%; }
  .mobile-prefix-90 {
    margin-left: 90%; }
  .mobile-suffix-90 {
    margin-right: 90%; }
  .mobile-push-90 {
    left: 90%; }
  .mobile-pull-90 {
    left: -90%; }
  .mobile-grid-95 {
    float: left;
    width: 95%; }
  .mobile-prefix-95 {
    margin-left: 95%; }
  .mobile-suffix-95 {
    margin-right: 95%; }
  .mobile-push-95 {
    left: 95%; }
  .mobile-pull-95 {
    left: -95%; }
  .mobile-grid-33 {
    float: left;
    width: 33.33333%; }
  .mobile-prefix-33 {
    margin-left: 33.33333%; }
  .mobile-suffix-33 {
    margin-right: 33.33333%; }
  .mobile-push-33 {
    left: 33.33333%; }
  .mobile-pull-33 {
    left: -33.33333%; }
  .mobile-grid-66 {
    float: left;
    width: 66.66667%; }
  .mobile-prefix-66 {
    margin-left: 66.66667%; }
  .mobile-suffix-66 {
    margin-right: 66.66667%; }
  .mobile-push-66 {
    left: 66.66667%; }
  .mobile-pull-66 {
    left: -66.66667%; }
  .mobile-grid-100 {
    clear: both;
    width: 100%; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 {
    position: relative; }
  .hide-on-tablet {
    display: none !important; }
  .tablet-grid-5 {
    float: left;
    width: 5%; }
  .tablet-prefix-5 {
    margin-left: 5%; }
  .tablet-suffix-5 {
    margin-right: 5%; }
  .tablet-push-5 {
    left: 5%; }
  .tablet-pull-5 {
    left: -5%; }
  .tablet-grid-10 {
    float: left;
    width: 10%; }
  .tablet-prefix-10 {
    margin-left: 10%; }
  .tablet-suffix-10 {
    margin-right: 10%; }
  .tablet-push-10 {
    left: 10%; }
  .tablet-pull-10 {
    left: -10%; }
  .tablet-grid-15 {
    float: left;
    width: 15%; }
  .tablet-prefix-15 {
    margin-left: 15%; }
  .tablet-suffix-15 {
    margin-right: 15%; }
  .tablet-push-15 {
    left: 15%; }
  .tablet-pull-15 {
    left: -15%; }
  .tablet-grid-20 {
    float: left;
    width: 20%; }
  .tablet-prefix-20 {
    margin-left: 20%; }
  .tablet-suffix-20 {
    margin-right: 20%; }
  .tablet-push-20 {
    left: 20%; }
  .tablet-pull-20 {
    left: -20%; }
  .tablet-grid-25 {
    float: left;
    width: 25%; }
  .tablet-prefix-25 {
    margin-left: 25%; }
  .tablet-suffix-25 {
    margin-right: 25%; }
  .tablet-push-25 {
    left: 25%; }
  .tablet-pull-25 {
    left: -25%; }
  .tablet-grid-30 {
    float: left;
    width: 30%; }
  .tablet-prefix-30 {
    margin-left: 30%; }
  .tablet-suffix-30 {
    margin-right: 30%; }
  .tablet-push-30 {
    left: 30%; }
  .tablet-pull-30 {
    left: -30%; }
  .tablet-grid-35 {
    float: left;
    width: 35%; }
  .tablet-prefix-35 {
    margin-left: 35%; }
  .tablet-suffix-35 {
    margin-right: 35%; }
  .tablet-push-35 {
    left: 35%; }
  .tablet-pull-35 {
    left: -35%; }
  .tablet-grid-40 {
    float: left;
    width: 40%; }
  .tablet-prefix-40 {
    margin-left: 40%; }
  .tablet-suffix-40 {
    margin-right: 40%; }
  .tablet-push-40 {
    left: 40%; }
  .tablet-pull-40 {
    left: -40%; }
  .tablet-grid-45 {
    float: left;
    width: 45%; }
  .tablet-prefix-45 {
    margin-left: 45%; }
  .tablet-suffix-45 {
    margin-right: 45%; }
  .tablet-push-45 {
    left: 45%; }
  .tablet-pull-45 {
    left: -45%; }
  .tablet-grid-50 {
    float: left;
    width: 50%; }
  .tablet-prefix-50 {
    margin-left: 50%; }
  .tablet-suffix-50 {
    margin-right: 50%; }
  .tablet-push-50 {
    left: 50%; }
  .tablet-pull-50 {
    left: -50%; }
  .tablet-grid-55 {
    float: left;
    width: 55%; }
  .tablet-prefix-55 {
    margin-left: 55%; }
  .tablet-suffix-55 {
    margin-right: 55%; }
  .tablet-push-55 {
    left: 55%; }
  .tablet-pull-55 {
    left: -55%; }
  .tablet-grid-60 {
    float: left;
    width: 60%; }
  .tablet-prefix-60 {
    margin-left: 60%; }
  .tablet-suffix-60 {
    margin-right: 60%; }
  .tablet-push-60 {
    left: 60%; }
  .tablet-pull-60 {
    left: -60%; }
  .tablet-grid-65 {
    float: left;
    width: 65%; }
  .tablet-prefix-65 {
    margin-left: 65%; }
  .tablet-suffix-65 {
    margin-right: 65%; }
  .tablet-push-65 {
    left: 65%; }
  .tablet-pull-65 {
    left: -65%; }
  .tablet-grid-70 {
    float: left;
    width: 70%; }
  .tablet-prefix-70 {
    margin-left: 70%; }
  .tablet-suffix-70 {
    margin-right: 70%; }
  .tablet-push-70 {
    left: 70%; }
  .tablet-pull-70 {
    left: -70%; }
  .tablet-grid-75 {
    float: left;
    width: 75%; }
  .tablet-prefix-75 {
    margin-left: 75%; }
  .tablet-suffix-75 {
    margin-right: 75%; }
  .tablet-push-75 {
    left: 75%; }
  .tablet-pull-75 {
    left: -75%; }
  .tablet-grid-80 {
    float: left;
    width: 80%; }
  .tablet-prefix-80 {
    margin-left: 80%; }
  .tablet-suffix-80 {
    margin-right: 80%; }
  .tablet-push-80 {
    left: 80%; }
  .tablet-pull-80 {
    left: -80%; }
  .tablet-grid-85 {
    float: left;
    width: 85%; }
  .tablet-prefix-85 {
    margin-left: 85%; }
  .tablet-suffix-85 {
    margin-right: 85%; }
  .tablet-push-85 {
    left: 85%; }
  .tablet-pull-85 {
    left: -85%; }
  .tablet-grid-90 {
    float: left;
    width: 90%; }
  .tablet-prefix-90 {
    margin-left: 90%; }
  .tablet-suffix-90 {
    margin-right: 90%; }
  .tablet-push-90 {
    left: 90%; }
  .tablet-pull-90 {
    left: -90%; }
  .tablet-grid-95 {
    float: left;
    width: 95%; }
  .tablet-prefix-95 {
    margin-left: 95%; }
  .tablet-suffix-95 {
    margin-right: 95%; }
  .tablet-push-95 {
    left: 95%; }
  .tablet-pull-95 {
    left: -95%; }
  .tablet-grid-33 {
    float: left;
    width: 33.33333%; }
  .tablet-prefix-33 {
    margin-left: 33.33333%; }
  .tablet-suffix-33 {
    margin-right: 33.33333%; }
  .tablet-push-33 {
    left: 33.33333%; }
  .tablet-pull-33 {
    left: -33.33333%; }
  .tablet-grid-66 {
    float: left;
    width: 66.66667%; }
  .tablet-prefix-66 {
    margin-left: 66.66667%; }
  .tablet-suffix-66 {
    margin-right: 66.66667%; }
  .tablet-push-66 {
    left: 66.66667%; }
  .tablet-pull-66 {
    left: -66.66667%; }
  .tablet-grid-100 {
    clear: both;
    width: 100%; } }

@media (min-width: 1025px) {
  .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
    position: relative; }
  .hide-on-desktop {
    display: none !important; }
  .grid-5 {
    float: left;
    width: 5%; }
  .prefix-5 {
    margin-left: 5%; }
  .suffix-5 {
    margin-right: 5%; }
  .push-5 {
    left: 5%; }
  .pull-5 {
    left: -5%; }
  .grid-10 {
    float: left;
    width: 10%; }
  .prefix-10 {
    margin-left: 10%; }
  .suffix-10 {
    margin-right: 10%; }
  .push-10 {
    left: 10%; }
  .pull-10 {
    left: -10%; }
  .grid-15 {
    float: left;
    width: 15%; }
  .prefix-15 {
    margin-left: 15%; }
  .suffix-15 {
    margin-right: 15%; }
  .push-15 {
    left: 15%; }
  .pull-15 {
    left: -15%; }
  .grid-20 {
    float: left;
    width: 20%; }
  .prefix-20 {
    margin-left: 20%; }
  .suffix-20 {
    margin-right: 20%; }
  .push-20 {
    left: 20%; }
  .pull-20 {
    left: -20%; }
  .grid-25 {
    float: left;
    width: 25%; }
  .prefix-25 {
    margin-left: 25%; }
  .suffix-25 {
    margin-right: 25%; }
  .push-25 {
    left: 25%; }
  .pull-25 {
    left: -25%; }
  .grid-30 {
    float: left;
    width: 30%; }
  .prefix-30 {
    margin-left: 30%; }
  .suffix-30 {
    margin-right: 30%; }
  .push-30 {
    left: 30%; }
  .pull-30 {
    left: -30%; }
  .grid-35 {
    float: left;
    width: 35%; }
  .prefix-35 {
    margin-left: 35%; }
  .suffix-35 {
    margin-right: 35%; }
  .push-35 {
    left: 35%; }
  .pull-35 {
    left: -35%; }
  .grid-40 {
    float: left;
    width: 40%; }
  .prefix-40 {
    margin-left: 40%; }
  .suffix-40 {
    margin-right: 40%; }
  .push-40 {
    left: 40%; }
  .pull-40 {
    left: -40%; }
  .grid-45 {
    float: left;
    width: 45%; }
  .prefix-45 {
    margin-left: 45%; }
  .suffix-45 {
    margin-right: 45%; }
  .push-45 {
    left: 45%; }
  .pull-45 {
    left: -45%; }
  .grid-50 {
    float: left;
    width: 50%; }
  .prefix-50 {
    margin-left: 50%; }
  .suffix-50 {
    margin-right: 50%; }
  .push-50 {
    left: 50%; }
  .pull-50 {
    left: -50%; }
  .grid-55 {
    float: left;
    width: 55%; }
  .prefix-55 {
    margin-left: 55%; }
  .suffix-55 {
    margin-right: 55%; }
  .push-55 {
    left: 55%; }
  .pull-55 {
    left: -55%; }
  .grid-60 {
    float: left;
    width: 60%; }
  .prefix-60 {
    margin-left: 60%; }
  .suffix-60 {
    margin-right: 60%; }
  .push-60 {
    left: 60%; }
  .pull-60 {
    left: -60%; }
  .grid-65 {
    float: left;
    width: 65%; }
  .prefix-65 {
    margin-left: 65%; }
  .suffix-65 {
    margin-right: 65%; }
  .push-65 {
    left: 65%; }
  .pull-65 {
    left: -65%; }
  .grid-70 {
    float: left;
    width: 70%; }
  .prefix-70 {
    margin-left: 70%; }
  .suffix-70 {
    margin-right: 70%; }
  .push-70 {
    left: 70%; }
  .pull-70 {
    left: -70%; }
  .grid-75 {
    float: left;
    width: 75%; }
  .prefix-75 {
    margin-left: 75%; }
  .suffix-75 {
    margin-right: 75%; }
  .push-75 {
    left: 75%; }
  .pull-75 {
    left: -75%; }
  .grid-80 {
    float: left;
    width: 80%; }
  .prefix-80 {
    margin-left: 80%; }
  .suffix-80 {
    margin-right: 80%; }
  .push-80 {
    left: 80%; }
  .pull-80 {
    left: -80%; }
  .grid-85 {
    float: left;
    width: 85%; }
  .prefix-85 {
    margin-left: 85%; }
  .suffix-85 {
    margin-right: 85%; }
  .push-85 {
    left: 85%; }
  .pull-85 {
    left: -85%; }
  .grid-90 {
    float: left;
    width: 90%; }
  .prefix-90 {
    margin-left: 90%; }
  .suffix-90 {
    margin-right: 90%; }
  .push-90 {
    left: 90%; }
  .pull-90 {
    left: -90%; }
  .grid-95 {
    float: left;
    width: 95%; }
  .prefix-95 {
    margin-left: 95%; }
  .suffix-95 {
    margin-right: 95%; }
  .push-95 {
    left: 95%; }
  .pull-95 {
    left: -95%; }
  .grid-33 {
    float: left;
    width: 33.33333%; }
  .prefix-33 {
    margin-left: 33.33333%; }
  .suffix-33 {
    margin-right: 33.33333%; }
  .push-33 {
    left: 33.33333%; }
  .pull-33 {
    left: -33.33333%; }
  .grid-66 {
    float: left;
    width: 66.66667%; }
  .prefix-66 {
    margin-left: 66.66667%; }
  .suffix-66 {
    margin-right: 66.66667%; }
  .push-66 {
    left: 66.66667%; }
  .pull-66 {
    left: -66.66667%; }
  .grid-100 {
    clear: both;
    width: 100%; } }

.ft-nav-mob-head {
  display: none !important; }

.icon {
  cursor: pointer; }
  .icon:before, .icon:after {
    font-size: 2.5rem;
    font-family: "icomoon";
    width: 1em;
    height: 1em;
    color: #888; }
  .icon.menue:before {
    content: ""; }
  .icon.menue.active:before {
    content: ""; }
  .icon.search:before {
    content: "";
    font-size: 1.8em;
    line-height: 1.4em; }
  .icon.search.active:before {
    content: "";
    line-height: 1em;
    font-size: 2.5em; }

@font-face {
  font-family: 'Baskervald';
  src: url("../font/baskervald.eot");
  src: url("../font/baskervald.eot?#iefix") format("embedded-opentype"), url("../font/baskervald.woff") format("woff"), url("../font/baskervald.ttf") format("truetype"), url('../font/baskervald.svg#"Baskervald"') format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BaskervaldItalic';
  src: url("../font/baskervalditalic.eot");
  src: url("../font/baskervalditalic.eot?#iefix") format("embedded-opentype"), url("../font/baskervalditalic.woff") format("woff"), url("../font/baskervalditalic.ttf") format("truetype"), url('../font/baskervalditalic.svg#"Baskervald"Italic') format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url("../font/icomoon/icomoon.eot?nlxtzk");
  src: url("../font/icomoon/icomoon.eot?nlxtzk#iefix") format("embedded-opentype"), url("../font/icomoon/icomoon.ttf?nlxtzk") format("truetype"), url("../font/icomoon/icomoon.woff?nlxtzk") format("woff"), url("../font/icomoon/icomoon.svg?nlxtzk#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

.ft-nav-mob-head {
  display: none !important; }

.icon {
  cursor: pointer; }
  .icon:before, .icon:after {
    font-size: 2.5rem;
    font-family: "icomoon";
    width: 1em;
    height: 1em;
    color: #888; }
  .icon.menue:before {
    content: ""; }
  .icon.menue.active:before {
    content: ""; }
  .icon.search:before {
    content: "";
    font-size: 1.8em;
    line-height: 1.4em; }
  .icon.search.active:before {
    content: "";
    line-height: 1em;
    font-size: 2.5em; }

/* quik-fix*/
body {
  z-index: 0; }

.fixed {
  position: fixed; }

header {
  z-index: 30;
  position: fixed;
  width: 100%;
  background-color: #fff; }
  header #mob-menue.menue {
    position: relative;
    float: left;
    padding-left: 0; }
    header #mob-menue.menue.active {
      position: relative;
      background-color: #FFFFFF;
      -webkit-box-shadow: 6px 0 8px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 6px 0 8px rgba(0, 0, 0, 0.2);
      box-shadow: 6px 0 8px rgba(0, 0, 0, 0.2);
      margin-left: -10px;
      padding-left: 10px;
      width: 80vw; }
      header #mob-menue.menue.active:before {
        content: ""; }
  header .search-form {
    height: 0;
    overflow: hidden; }
    header .search-form form {
      width: 100%;
      max-width: 220px;
      position: relative;
      margin: 0 auto; }
      header .search-form form input[type="text"] {
        width: 100%;
        float: left;
        margin-left: -10px; }
      header .search-form form .submit-button {
        width: 0;
        height: 0;
        position: absolute;
        top: 0;
        text-decoration: none; }
        header .search-form form .submit-button:before {
          color: #333333;
          font-size: 1rem;
          line-height: 1em;
          display: inline-block;
          padding: 7px;
          margin-left: -26px;
          border-left: solid 1px #999; }

.mob header {
  border-bottom: solid 1px #fff; }
  .mob header .search-form {
    border-bottom: solid 1px #47636F; }

html:not(.mob) header {
  width: 960px;
  position: relative; }
  html:not(.mob) header .search-form {
    height: auto;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 1px; }
    html:not(.mob) header .search-form form {
      margin: 0 11px; }

html:not(.mob) main {
  padding-top: 0;
  float: left; }

html:not(.mob) .hide-on-tablet,
html:not(.mob) .hide-on-desktop {
  display: none; }

html:not(.mob) .on-scroll-header {
  width: 960px; }

.sticky {
  position: fixed; }

html:not(.mob) .logo {
  margin: 0 auto; }

@media screen and (min-width: 768px) {
  header {
    width: auto;
    position: relative; }
    header .search-form {
      height: auto;
      text-align: center; }
      header .search-form form {
        width: 258px;
        margin: 0 30px;
        float: right; }
  .logo {
    margin: 0 auto; }
    .logo img {
      width: 260px;
      float: left;
      margin-top: 12px;
      margin-bottom: 17px; } }

.mob .logo a img {
  max-width: 180px;
  padding-top: 8px; }

.mob nav {
  display: none; }
  .mob nav.ft-nav-show {
    top: 45px !important;
    height: 80vh;
    overflow: scroll;
    -webkit-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.2);
    padding-left: 0;
    padding-right: 20px; }

@media screen and (max-width: 720px) {
  header .search-form form input[type="text"] {
    height: 24px;
    border-radius: 2px; }
    header .search-form form input[type="text"]:focus {
      outline: 0; }
  header .search-form form .submit-button:before {
    padding: 0.5em;
    margin-left: -2em;
    border-radius: 2px; } }

.search-button {
  border: solid 1px #f00;
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  top: 1.2em;
  z-index: 111;
  color: #4d4d4d; }
  .search-button:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 2em;
    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: block;
    height: 40px;
    width: 40px; }
  .search-button:hover {
    color: #222;
    cursor: pointer; }
  .search-button.active:before {
    content: ""; }

.nav-wrapper {
  background-color: #fff; }
  .nav-wrapper.sticky > .on-scroll-header {
    box-shadow: 0 12px 11px -7px rgba(0, 0, 0, 0.2); }

.on-scroll-header {
  z-index: 1001;
  border-bottom: 1px solid #ccc;
  height: 0;
  overflow: hidden;
  height: inherit;
  background-color: #fff; }
  .on-scroll-header ul {
    list-style: none; }
  .on-scroll-header .alt-header {
    padding: 10px 0 0 0;
    margin: 0;
    width: 100%;
    list-style: none;
    display: table; }
    .on-scroll-header .alt-header > li {
      float: left;
      overflow: hidden;
      width: 33%; }
      .on-scroll-header .alt-header > li a.icon:before {
        line-height: 1.2em;
        text-decoration: none; }
      .on-scroll-header .alt-header > li a.icon.search:before {
        font-size: .7rem;
        line-height: 1em;
        color: #333333; }
      .on-scroll-header .alt-header > li.sub-logo {
        text-align: center; }
        .on-scroll-header .alt-header > li.sub-logo a {
          display: block;
          height: 30px; }
          .on-scroll-header .alt-header > li.sub-logo a img {
            max-width: 175px; }
          @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
            .on-scroll-header .alt-header > li.sub-logo a img[src$=".svg"] {
              width: 100%; } }
      .on-scroll-header .alt-header > li.sub-form {
        text-align: center; }
        .on-scroll-header .alt-header > li.sub-form input[type="text"] {
          margin-left: 0; }
      .on-scroll-header .alt-header > li.nav-aditional li {
        display: table-cell; }
        .on-scroll-header .alt-header > li.nav-aditional li:not(:last-child) {
          margin-right: 1em;
          padding-right: 1em; }
        .on-scroll-header .alt-header > li.nav-aditional li.uppercase {
          text-transform: uppercase;
          font-size: 14px;
          padding-left: 1rem; }
          .on-scroll-header .alt-header > li.nav-aditional li.uppercase a, .on-scroll-header .alt-header > li.nav-aditional li.uppercase a:hover, .on-scroll-header .alt-header > li.nav-aditional li.uppercase a:visited, .on-scroll-header .alt-header > li.nav-aditional li.uppercase a:focus {
            text-decoration: none;
            color: #000; }
      .on-scroll-header .alt-header > li ul.linklist {
        display: table; }
        .on-scroll-header .alt-header > li ul.linklist li {
          display: table-cell;
          vertical-align: middle; }

.button {
  font-size: .8em;
  font-family: arial; }
  .button.nl-button {
    background-color: #327F41;
    color: #fff;
    padding: .25em; }
    .button.nl-button a {
      color: #fff;
      padding: 5px;
      text-decoration: none; }
    .button.nl-button:before {
      font-family: "icomoon";
      content: "";
      padding-left: .8em;
      padding-right: .55em;
      margin-top: .05rem;
      display: block;
      float: left; }

@font-face {
  font-family: 'Baskervald';
  src: url("../font/baskervald.eot");
  src: url("../font/baskervald.eot?#iefix") format("embedded-opentype"), url("../font/baskervald.woff") format("woff"), url("../font/baskervald.ttf") format("truetype"), url('../font/baskervald.svg#"Baskervald"') format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BaskervaldItalic';
  src: url("../font/baskervalditalic.eot");
  src: url("../font/baskervalditalic.eot?#iefix") format("embedded-opentype"), url("../font/baskervalditalic.woff") format("woff"), url("../font/baskervalditalic.ttf") format("truetype"), url('../font/baskervalditalic.svg#"Baskervald"Italic') format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url("../font/icomoon/icomoon.eot?nlxtzk");
  src: url("../font/icomoon/icomoon.eot?nlxtzk#iefix") format("embedded-opentype"), url("../font/icomoon/icomoon.ttf?nlxtzk") format("truetype"), url("../font/icomoon/icomoon.woff?nlxtzk") format("woff"), url("../font/icomoon/icomoon.svg?nlxtzk#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

a:target {
  display: block;
  height: 45px;
  margin-top: -45px; }

header nav {
  display: block;
  min-height: 34px;
  border-bottom: solid 1px #ccc;
  box-shadow: 0 9px 5px -7px rgba(0, 0, 0, 0.2); }

li:hover .ft-mdd {
  display: table; }

.ft-nav-badge {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background: #fe4b10;
  color: #fff;
  display: none;
  left: 62px;
  font: bold 12px/14px Arial, Helvetica, sans-serif;
  padding: 2px 4px;
  position: absolute;
  top: -10px; }

.ft-nav-current {
  position: absolute;
  bottom: 0;
  left: 50%;
  border: 6px solid #47636F;
  width: 0;
  height: 0;
  margin: 0 0 0 -6px; }

.ft-nav-repay .ft-nav-current {
  border-color: transparent transparent #a066cc transparent; }

.ft-nav-legal .ft-mdd,
.ft-nav-legaltax .ft-mdd {
  left: -460px; }

.ft-nav-legal .ft-nav-current,
.ft-nav-legaltax .ft-nav-current {
  border-color: transparent transparent #663300 transparent; }

.ft-nav-finance .ft-mdd {
  left: 0; }

.ft-nav-finance .ft-nav-current {
  border-color: transparent transparent #0070bb transparent; }

.ft-nav-credit .ft-mdd,
.ft-nav-creditfinance .ft-mdd {
  left: -40px; }

.ft-nav-credit .ft-nav-current,
.ft-nav-creditfinance .ft-nav-current {
  border-color: transparent transparent #108020 transparent; }

.ft-nav-insurance .ft-mdd {
  left: -170px; }

.ft-nav-insurance .ft-nav-current {
  border-color: transparent transparent #e03030 transparent; }

.ft-nav-powermedia .ft-mdd {
  left: -220px; }

.ft-nav-powermedia .ft-nav-current {
  border-color: transparent transparent #FFD800 transparent; }

.ft-nav-cartravel .ft-mdd {
  left: -340px; }

.ft-nav-cartravel .ft-nav-current {
  border-color: transparent transparent #ff8000 transparent; }

.ft-nav-shopping .ft-mdd {
  left: -560px; }

.ft-nav-shopping .ft-nav-current {
  border-color: transparent transparent #a066cc transparent; }

.ft-nav-tax .ft-mdd {
  left: -600px; }

.ft-nav-tax .ft-nav-current {
  border-color: transparent transparent #999 transparent; }

.ft-mdd-col {
  display: table-cell;
  vertical-align: top;
  margin: 0 20px 0 0;
  padding: 12px 10px 5px;
  width: 25%; }

.ft-mdd-news {
  background: #F5F7F8;
  height: 100%; }

.ft-breadcrumb {
  margin: 8px 0 0;
  float: left; }
  .ft-breadcrumb a {
    display: inline-block;
    vertical-align: top;
    margin: 0 4px 0 0;
    font: normal 14px/16px "Baskervald", Garamond, Times, "Times New Roman", serif;
    color: #999; }
    .ft-breadcrumb a:first-child {
      text-transform: uppercase;
      color: #666; }
    .ft-breadcrumb a:before {
      content: "\00BB";
      padding-right: 3px; }

.ft-nav-main {
  margin: 0;
  padding: 0 0 3px;
  display: block;
  width: 100%;
  border: 0;
  z-index: 25;
  background: #fff; }
  .ft-nav-main li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    list-style-type: none;
    vertical-align: top;
    font: normal 16px/20px "Baskervald", Garamond, Times, "Times New Roman", serif;
    text-transform: uppercase;
    margin: 0 11px 0 0;
    padding: 5px 0 3px;
    position: relative; }
    .ft-nav-main li a {
      line-height: 1.2em;
      padding: 0 0 4px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
    .ft-nav-main li .ft-mdd a {
      border: 0; }
  .ft-nav-main > li:first-child {
    display: none; }
  .ft-nav-main > li > a {
    font-size: 14px; }
    .mob .ft-nav-main > li > a {
      font-size: 1.4em; }
  .ft-nav-main > li.ft-nav- > a {
    border: 0;
    border-bottom: solid 3px #47636F; }
    .mob .ft-nav-main > li.ft-nav- > a {
      border: 0;
      border-left: solid 4px #47636F; }
  .ft-nav-main > li.ft-nav-forum > a {
    border: 0;
    border-bottom: solid 3px #47636F; }
    .mob .ft-nav-main > li.ft-nav-forum > a {
      border: 0;
      border-left: solid 4px #47636F; }
  .ft-nav-main > li.ft-nav-repay > a {
    border: 0;
    border-bottom: solid 3px #0070bb; }
    .mob .ft-nav-main > li.ft-nav-repay > a {
      border: 0;
      border-left: solid 4px #47636F; }
  .ft-nav-main > li.ft-nav-finance > a {
    border: 0;
    border-bottom: solid 3px #0070bb; }
    .mob .ft-nav-main > li.ft-nav-finance > a {
      border: 0;
      border-left: solid 4px #0070bb; }
  .ft-nav-main > li.ft-nav-credit > a {
    border: 0;
    border-bottom: solid 3px #108020; }
    .mob .ft-nav-main > li.ft-nav-credit > a {
      border: 0;
      border-left: solid 4px #108020; }
  .ft-nav-main > li.ft-nav-creditfinance > a {
    border: 0;
    border-bottom: solid 3px #108020; }
    .mob .ft-nav-main > li.ft-nav-creditfinance > a {
      border: 0;
      border-left: solid 4px #108020; }
  .ft-nav-main > li.ft-nav-insurance > a {
    border: 0;
    border-bottom: solid 3px #e03030; }
    .mob .ft-nav-main > li.ft-nav-insurance > a {
      border: 0;
      border-left: solid 4px #e03030; }
  .ft-nav-main > li.ft-nav-powermedia > a {
    border: 0;
    border-bottom: solid 3px #FFD800; }
    .mob .ft-nav-main > li.ft-nav-powermedia > a {
      border: 0;
      border-left: solid 4px #FFD800; }
  .ft-nav-main > li.ft-nav-cartravel > a {
    border: 0;
    border-bottom: solid 3px #ff8000; }
    .mob .ft-nav-main > li.ft-nav-cartravel > a {
      border: 0;
      border-left: solid 4px #ff8000; }
  .ft-nav-main > li.ft-nav-shopping > a {
    border: 0;
    border-bottom: solid 3px #a066cc; }
    .mob .ft-nav-main > li.ft-nav-shopping > a {
      border: 0;
      border-left: solid 4px #a066cc; }
  .ft-nav-main > li.ft-nav-tax > a {
    border: 0;
    border-bottom: solid 3px #999; }
    .mob .ft-nav-main > li.ft-nav-tax > a {
      border: 0;
      border-left: solid 4px #999; }
  .ft-nav-main > li.ft-nav-legal > a {
    border: 0;
    border-bottom: solid 3px #663300; }
    .mob .ft-nav-main > li.ft-nav-legal > a {
      border: 0;
      border-left: solid 4px #663300; }
  .ft-nav-main > li.ft-nav-legaltax > a {
    border: 0;
    border-bottom: solid 3px #663300; }
    .mob .ft-nav-main > li.ft-nav-legaltax > a {
      border: 0;
      border-left: solid 4px #663300; }
  .ft-nav-main .ft-nav-forum,
  .ft-nav-main > li.ft-nav-forum {
    margin: 0; }

.ft-nav-mob-head,
.ft-nav-mob-search {
  display: none; }

.chrome .ft-mdd {
  margin: 5px 0 0 0; }

.chrome .ft-nav-main > li {
  padding: 5px 0 2px; }

.ft-mdd {
  display: none;
  position: absolute;
  z-index: 35;
  border: 1px solid #999;
  border-top: 2px;
  background: #fff;
  padding: 0;
  margin: 0;
  min-width: 700px;
  left: -500px;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.24);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.24); }
  .ft-mdd strong {
    color: #47636F;
    margin: 0;
    padding: 0;
    font: normal 14px/16px "Baskervald", Garamond, Times, "Times New Roman", serif;
    text-transform: uppercase; }
    .ft-mdd strong a {
      color: #47636F; }
  .ft-mdd a {
    color: #4d4d4d; }
    .ft-mdd a:hover {
      text-decoration: underline; }
  .ft-mdd li {
    display: block;
    list-style-type: none;
    vertical-align: top;
    border: 0;
    font: normal 12px/14px Arial, Helvetica, serif;
    text-transform: none;
    margin: 0 0 4px;
    padding: 0; }
  .ft-mdd ol {
    margin: 0 0 14px; }
    .ft-mdd ol li ol {
      margin: 4px 0 0; }

.ft-cont-contextnl {
  background-color: #BFD1D9 !important; }
  .ft-cont-contextnl > section {
    width: 50%;
    float: left;
    display: table-cell; }
    .ft-cont-contextnl > section:first-of-type {
      position: relative; }
      .ft-cont-contextnl > section:first-of-type > div {
        margin: 10px; }
      .ft-cont-contextnl > section:first-of-type:after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-left-color: #BFD1D9;
        border-width: 10px;
        margin-top: -10px; }
    .ft-cont-contextnl > section:last-of-type {
      background-color: #8BA9B7; }
      .ft-cont-contextnl > section:last-of-type > div {
        margin: 10px 10px 10px 30px; }

.nl-box-intext {
  border: none !important;
  background: none !important;
  padding: 8px 0 !important; }
  .nl-box-intext > p > strong > a {
    color: black !important; }

.nl-box-inintrotext > ul > li > p:before {
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  margin: 0 2px 2px -8px; }

.nl-box-inintrotext > ul > li > p > strong > a {
  color: black !important; }

.nl-overlay {
  display: none; }

.nl-background-div {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  background: rgba(1, 1, 1, 0.4); }

.nl-overlay-show {
  display: block;
  background: rgba(1, 1, 1, 0.4);
  width: 100%;
  height: 100%;
  overflow-y: auto;
  top: 0;
  left: 0; }

.nlHoverField {
  width: 100%;
  height: 50px;
  right: 0;
  z-index: 1001;
  position: fixed;
  background: transparent;
  pointer-events: visiblefill; }

/* Mobile Styling of NL-Form */
.nl-overlay-big-box {
  top: 25px;
  width: 100%;
  left: 0;
  position: fixed;
  z-index: 100; }

.nl-overlay-box {
  position: relative;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba 0, 0, 0, 0.3;
  -moz-box-shadow: 0 0 10px rgba 0, 0, 0, 0.3;
  box-shadow: 0 0 10px rgba 0, 0, 0, 0.3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  padding: 2px; }
  .nl-overlay-box > h2 {
    text-align: center;
    text-transform: none;
    font-size: 1.5rem !important;
    line-height: 1.5rem !important;
    color: #000;
    font-weight: normal;
    border-top: 1px solid #8BA9B7;
    border-bottom: 1px solid #8BA9B7;
    margin: 30px 10px 10px;
    padding: 8px; }
    .nl-overlay-box > h2 > .mapping-content {
      font-size: 1.5rem;
      line-height: 1.5rem;
      font-style: normal;
      color: #000;
      font-weight: bold;
      display: inline; }
  .nl-overlay-box > h3 {
    display: none; }
  .nl-overlay-box > .nl-overlay-action:before {
    font-family: "icomoon";
    content: "";
    color: #888;
    font-size: 2rem;
    display: "";
    float: right; }
  .nl-overlay-box > form.form-nl-overlay .nl-overlay-info {
    display: none; }
  .nl-overlay-box > form > input {
    width: 80%;
    line-height: 2.5rem !important;
    text-align: center;
    margin: 0 10%;
    padding: 0;
    height: 2.5rem; }
  .nl-overlay-box > form > button.formSubmitButton {
    background-color: #327F41;
    color: #fff;
    width: 80%;
    line-height: 2.5rem;
    text-align: center;
    margin: 10px 10%;
    padding: 0; }
  .nl-overlay-box > form > label {
    margin: 10px 10%; }
  .nl-overlay-box > form > div.fancybox-overlaycont {
    display: none; }
  .nl-overlay-box > .nl-overlay-hjt {
    display: none; }

/*Tablet-Styling*/
@media (min-width: 720px) {
  .nl-overlay-big-box {
    top: 45px; }
  .nl-overlay-box > h2 {
    border: none;
    margin: 5% 5% 10px 5%;
    padding: 0;
    font-size: 2rem !important;
    line-height: 2rem !important; }
    .nl-overlay-box > h2 > .mapping-content {
      font-size: 2rem;
      line-height: 2rem; }
  .nl-overlay-box > h3 {
    display: block;
    text-align: center;
    text-transform: none;
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-style: italic;
    color: #a0a0a0; }
  .nl-overlay-box > form {
    margin: 0 0 0 15px; }
    .nl-overlay-box > form.form-nl-overlay {
      width: 80%;
      border-top: 1px solid #8BA9B7;
      margin: auto; }
      .nl-overlay-box > form.form-nl-overlay .nl-overlay-info {
        display: block; }
        .nl-overlay-box > form.form-nl-overlay .nl-overlay-info > ul {
          text-align: left;
          list-style-type: none;
          width: 100%;
          margin-left: 15px; }
          .nl-overlay-box > form.form-nl-overlay .nl-overlay-info > ul > li {
            float: left;
            width: 44%;
            margin: 0;
            padding: 0 0 7px 6%; }
            .nl-overlay-box > form.form-nl-overlay .nl-overlay-info > ul > li:before {
              font-family: "icomoon";
              content: "";
              color: #327F41;
              font-size: "";
              display: "";
              float: "";
              margin: 0 14px 0 -28px; }
    .nl-overlay-box > form > input {
      width: 100%;
      text-align: center;
      margin: 70px auto 0;
      display: block;
      float: none;
      padding: 0;
      height: 2.5rem; }
    .nl-overlay-box > form > button.formSubmitButton {
      background-color: #327F41;
      color: #fff;
      width: 100%;
      text-align: center;
      margin: 10px auto;
      padding: 0;
      display: block; }
      .nl-overlay-box > form > button.formSubmitButton:hover {
        background-color: #108020; }
  .nl-overlay-box > div.fancybox-overlaycont {
    display: none; }
  > .nl-overlay-hjt {
    display: none; } }

/*Desktop Styling*/
@media (min-width: 1000px) {
  .nl-overlay-box {
    width: 1000px;
    margin: 0 auto; }
    .nl-overlay-box > form {
      background: #fff url("../template/img//design/bg_hjt_color.png") no-repeat 10% 25%;
      background-size: 25%;
      width: 55%;
      height: 42%;
      padding: 15px 0 0 30%;
      margin: 0 auto; }
      .nl-overlay-box > form.form-nl-overlay {
        width: 60%;
        border-bottom: 1px solid #8BA9B7; }
    .nl-overlay-box > .nl-overlay-hjt {
      display: block;
      margin: -35px 0 0 165px;
      text-align: left;
      text-transform: none;
      font-size: 12px;
      line-height: 18px;
      color: #a0a0a0; }
      .nl-overlay-box > .nl-overlay-hjt > strong {
        font-size: 14px; } }

/*NL-Overlay-Success Styling */
.nl-overlay-success {
  display: none; }

/* Mobile */
.nl-overlay-success.show {
  display: block;
  position: relative;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba 0, 0, 0, 0.3;
  -moz-box-shadow: 0 0 10px rgba 0, 0, 0, 0.3;
  box-shadow: 0 0 10px rgba 0, 0, 0, 0.3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  padding: 2px; }
  .nl-overlay-success.show > h2 {
    text-align: center;
    border-top: none;
    text-transform: none;
    font-size: 2rem;
    line-height: 2rem;
    color: #000;
    font-weight: bold;
    border-top: 1px solid #8BA9B7;
    margin: 30px 10px 10px; }
    .nl-overlay-success.show > h2:before {
      font-family: "icomoon";
      content: "";
      color: #327F41;
      font-size: 1.6em;
      display: block;
      float: "";
      padding: 17px; }
  .nl-overlay-success.show > h3 {
    text-align: center;
    display: block;
    text-transform: none;
    font-size: 1rem;
    line-height: 1rem;
    font-style: italic;
    color: #a0a0a0; }
  .nl-overlay-success.show > ol {
    width: 80%;
    display: table;
    border-top: 1px solid #8BA9B7;
    border-bottom: 1px solid #8BA9B7;
    margin: auto;
    font-weight: bold; }
    .nl-overlay-success.show > ol > li {
      float: left;
      list-style-position: inside;
      width: 90%;
      margin: 0;
      padding: 0 0 7px 10%; }
  .nl-overlay-success.show > .nl-overlay-success-close:before {
    font-family: "icomoon";
    content: "";
    color: #888;
    font-size: 2em;
    display: "";
    float: right; }
  .nl-overlay-success.show > button.closeButton {
    background-color: #327F41;
    color: #fff;
    width: 80%;
    line-height: 2.5rem;
    text-align: center;
    margin: 20px auto;
    padding: 0;
    display: block;
    border: none; }
    .nl-overlay-success.show > button.closeButton:hover {
      background-color: #108020; }

/* Tablet */
@media (min-width: 720px) {
  .nl-overlay-success.show > h2 {
    margin: 5% 5% 10px; } }

/* Desktop */
@media (min-width: 1000px) {
  .nl-overlay-success.show {
    width: 1000px;
    margin: 0 auto; }
    .nl-overlay-success.show > ol > li {
      width: 70%;
      padding: 0 0 7px 30%; } }

@font-face {
  font-family: 'Baskervald';
  src: url("../font/baskervald.eot");
  src: url("../font/baskervald.eot?#iefix") format("embedded-opentype"), url("../font/baskervald.woff") format("woff"), url("../font/baskervald.ttf") format("truetype"), url('../font/baskervald.svg#"Baskervald"') format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BaskervaldItalic';
  src: url("../font/baskervalditalic.eot");
  src: url("../font/baskervalditalic.eot?#iefix") format("embedded-opentype"), url("../font/baskervalditalic.woff") format("woff"), url("../font/baskervalditalic.ttf") format("truetype"), url('../font/baskervalditalic.svg#"Baskervald"Italic') format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url("../font/icomoon/icomoon.eot?nlxtzk");
  src: url("../font/icomoon/icomoon.eot?nlxtzk#iefix") format("embedded-opentype"), url("../font/icomoon/icomoon.ttf?nlxtzk") format("truetype"), url("../font/icomoon/icomoon.woff?nlxtzk") format("woff"), url("../font/icomoon/icomoon.svg?nlxtzk#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

a.test h3 {
  color: #FFF;
  -webkit-border-radius: 30;
  -moz-border-radius: 30;
  -ms-border-radius: 30;
  border-radius: 30; }

.aside-box {
  border: solid 1px #ccc;
  margin-bottom: 20px;
  padding: 0 10px 0 10px; }
  .aside-box.shortcut {
    padding: 0;
    border: none; }
  .aside-box li {
    border: none; }
  .aside-box h2 {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    padding: .5em 0;
    border-bottom: solid 1px #ccc;
    margin: 0 -10px; }
  .aside-box.menu ul {
    counter-reset: li;
    margin: 0 -.9em 0 -.9em; }
    .aside-box.menu ul li {
      border: none;
      padding: .5em .5em .5em .8em; }
      .aside-box.menu ul li:before {
        color: #47636F;
        counter-increment: li;
        content: counter(li, decimal) ".";
        font: bold 12px/20px Arial,Helvetica,sans-serif;
        padding-right: .5em;
        float: left;
        line-height: 1.5em; }
      .aside-box.menu ul li span {
        display: none; }
      .aside-box.menu ul li.nav-active {
        background-color: #47636F; }
        .aside-box.menu ul li.nav-active:before {
          color: #fff; }
        .aside-box.menu ul li.nav-active a {
          color: #fff; }
      .aside-box.menu ul li a {
        padding-left: 15px;
        display: block; }
        .aside-box.menu ul li a:hover {
          text-decoration: underline; }
  .aside-box.bullets ul {
    margin-top: 1em; }
    .aside-box.bullets ul li {
      padding: 2px 0;
      margin-bottom: 1em; }
      .aside-box.bullets ul li:before {
        content: "";
        font-family: "icomoon";
        color: #000;
        float: left;
        font-size: 0.7em; }
      .aside-box.bullets ul li span {
        display: none; }
      .aside-box.bullets ul li a {
        padding-left: 15px;
        display: block;
        text-decoration: none;
        color: #000;
        font-size: 1em; }
        .aside-box.bullets ul li a:hover {
          text-decoration: underline;
          color: #000; }
  .aside-box.bullets a {
    text-decoration: underline;
    color: #47636F;
    font-size: 1.2em; }
    .aside-box.bullets a:hover, .aside-box.bullets a:focus {
      color: #47636F; }
  .aside-box.vg_t3_pi15 form:first-child p {
    display: none; }
  .aside-box.vg_t3_pi15 form input[type="text"] {
    width: 100%;
    text-align: left; }
  .aside-box.vg_t3_pi15 form .ft-form-err {
    padding: 0;
    display: none; }
  .aside-box.vg_t3_pi15 form a.ft-success-fcybx {
    display: none; }
  .aside-box .author_wrap {
    display: table;
    margin: 10px; }
    .aside-box .author_wrap .box_header {
      width: 100%;
      position: relative; }
      .aside-box .author_wrap .box_header > div {
        float: left; }
      .aside-box .author_wrap .box_header .author_image {
        width: 33.333%; }
      .aside-box .author_wrap .box_header .author_name {
        width: 66.666%;
        font-weight: bold; }
      .aside-box .author_wrap .box_header:before {
        font-family: "icomoon";
        content: "";
        color: #8BA9B7;
        top: 90%;
        left: 90%;
        position: absolute;
        font-size: 1.2em;
        transform: rotate(90deg); }
    .aside-box .author_wrap .author_long_text {
      float: left;
      max-height: 0;
      overflow: hidden;
      transition: max-height 1s; }
    .aside-box .author_wrap:hover .author_long_text {
      max-height: 300px; }
    .aside-box .author_wrap:hover .box_header:before {
      display: none; }

@font-face {
  font-family: 'Baskervald';
  src: url("../font/baskervald.eot");
  src: url("../font/baskervald.eot?#iefix") format("embedded-opentype"), url("../font/baskervald.woff") format("woff"), url("../font/baskervald.ttf") format("truetype"), url('../font/baskervald.svg#"Baskervald"') format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BaskervaldItalic';
  src: url("../font/baskervalditalic.eot");
  src: url("../font/baskervalditalic.eot?#iefix") format("embedded-opentype"), url("../font/baskervalditalic.woff") format("woff"), url("../font/baskervalditalic.ttf") format("truetype"), url('../font/baskervalditalic.svg#"Baskervald"Italic') format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url("../font/icomoon/icomoon.eot?nlxtzk");
  src: url("../font/icomoon/icomoon.eot?nlxtzk#iefix") format("embedded-opentype"), url("../font/icomoon/icomoon.ttf?nlxtzk") format("truetype"), url("../font/icomoon/icomoon.woff?nlxtzk") format("woff"), url("../font/icomoon/icomoon.svg?nlxtzk#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

.gridelements_pi1 {
  width: 100%; }
  .gridelements_pi1.ft-cont-box {
    background: none;
    border-style: solid;
    border-color: #FFFFFF;
    border-image: none;
    border-width: 1px 0;
    padding: inherit; }
  .gridelements_pi1 .ft-box-row {
    display: table;
    border-collapse: separate;
    border-spacing: 10px 10px; }
    .gridelements_pi1 .ft-box-row section {
      padding: 8px; }
  .gridelements_pi1 div[class^="ft-box-1-"],
  .gridelements_pi1 div[class^="ft-box-2-"],
  .gridelements_pi1 div[class^="ft-box-3-"] {
    float: none;
    display: table-cell;
    border-width: 1px 0;
    padding: 8px;
    font-size: 12px;
    border-style: solid;
    border-color: #47636F;
    background-color: #F5F7F8; }
  .ft-color-powermedia .gridelements_pi1 div[class^="ft-box-"] {
    border-color: #FFD800; }
  .gridelements_pi1 .ft-box-1-2 {
    width: 50%; }
  .gridelements_pi1 .ft-box-1-3 {
    width: 33.33%; }
  .gridelements_pi1 .ft-box-2-3 {
    width: 66.66%; }
  .gridelements_pi1 .ft-box-3-3 {
    width: 100%; }
  @media (max-width: 768px) {
    .gridelements_pi1 .ft-box-row {
      display: block; }
    .gridelements_pi1 .ft-box-1-2 {
      width: 100%; } }

.ft-cont-subtitle {
  font: bold 12px/16px "Arial";
  text-transform: none;
  color: #46616e;
  margin: 0 0 0 8px;
  display: inline-block; }

.ft-sitebody.ft-cont > .ft-cont-subtitle {
  font-size: 14px;
  line-height: 22px; }

@media (min-width: 720px) {
  .ft-sitebody.ft-cont > .ft-cont-subtitle {
    line-height: 20px; } }

.expandable:before {
  font-family: "icomoon";
  content: "";
  color: #8BA9B7;
  font-size: 1.2em;
  transform: rotate(-270deg);
  display: block;
  float: left;
  margin-right: 10px;
  transition: transform 1s; }

.expandable ul {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s; }

.expandable:hover:before {
  transform: rotate(-90deg); }

.expandable:hover ul {
  max-height: 300px; }

/*
.ft-search-test{
    line-height: 1em;
    width: 100%;
    
    input[type="text"]{
        border: solid 1px $color-ft_green;
        height: 20px;
        padding: 0;
        margin: 0;
        @include box-sizing();
        width: 100%;
        &:focus{
            outline: 0;
        }
    }
        .ft-form-button{
        &:before{
            font-family: icomoon;
            font-size: 1em;
            line-height: 1.8em;
            text-align: center;
            content: $icon_search;
            background-color: $color-ft_green;
            color: $white;
            display: block;
            width: 20px;
            height: 20px;
        }
        
        vertical-align: middle;
        text-decoration: none;
        float: right;
        height:1px;
        width: 1px;
        position: relative;
        top:-20px;
        right: 20px;
    }
}


@media (max-width: $mobile-portrait) {
    .ft-search-test{
        line-height: 1em;
        width: 100%;
        position:fixed;
        
        
        input[type="text"]{
            height: 40px;
        }
        
        .ft-form-button{
             &:before{
                 width: 40px;
                 height: 40px;
                 font-size: 1.6em;
                 line-height: 1.6em;
             }
             
            top:-40px;
            right: 40px;
         }
    }
}
*/
form button {
  border: 0;
  padding: .2rem .4rem; }
  form button.green {
    color: #fff;
    background-color: #327F41; }

form label.successMessage {
  display: none; }
  form label.successMessage.show {
    display: inherit;
    color: #327F41;
    background: #98ddaa;
    font: normal 14px/18px Arial, Helvetica, sans-serif;
    width: auto;
    padding: 8px 6px;
    margin: 5px 0;
    text-align: center; }

form label.errorMessage {
  display: none; }
  form label.errorMessage.show {
    display: inherit;
    color: red;
    padding: 0 0 2px 0;
    font: bold 12px/18px Arial, Helvetica, sans-serif; }

form label.validationMessage {
  display: none; }
  form label.validationMessage.ft-form-lbl-err {
    display: inherit;
    color: red;
    padding: 0 0 2px 0;
    font: bold 12px/18px Arial, Helvetica, sans-serif; }

.ft-cont-box#tagesgeld_tipp,
.ft-cont-box#tagesgeld_alle {
  padding: 0;
  border: 0; }

#ftprovcalc, #tagesgeld_tipp, #tagesgeld_alle {
  background: #fff !important; }

#tagesgeld_alle {
  display: none; }

#ftprovcalc {
  border: 0;
  padding-top: 40px;
  margin-bottom: 0 !important; }

.ft-providertg-form,
.ft-form-finalrow {
  text-align: center; }
  .ft-providertg-form a.ft-button-green#ftProvSubmit,
  .ft-providertg-form a.ft-button-green.ft-prov-loadall,
  .ft-providertg-form a.ft-button-green.ft-tg-btnall,
  .ft-providertg-form a.ft-button-green.ft-tg-btnfew,
  .ft-form-finalrow a.ft-button-green#ftProvSubmit,
  .ft-form-finalrow a.ft-button-green.ft-prov-loadall,
  .ft-form-finalrow a.ft-button-green.ft-tg-btnall,
  .ft-form-finalrow a.ft-button-green.ft-tg-btnfew {
    padding: 12px 12px;
    display: inline-block;
    margin: auto 10px 0;
    font-size: 13px; }

.ft-anbieter-head {
  border: 0;
  padding: 6px 8px;
  background: #8aa9b8;
  color: #fff;
  margin: 0 0 10px 0;
  font-size: 11px;
  line-height: 16px; }
  .ft-anbieter-head > div {
    width: 20%;
    display: inline-block;
    vertical-align: top; }
  .ft-anbieter-head .ft-anbieter-tagesgeld-name {
    width: auto;
    display: block; }
  .ft-anbieter-head .ft-anbieter-tagesgeld-interest {
    width: auto;
    position: relative; }
  .ft-anbieter-head .ft-anbieter-tagesgeld-yield {
    width: 15%;
    position: relative; }
    .ft-anbieter-head .ft-anbieter-tagesgeld-yield span.ft-sort-asc,
    .ft-anbieter-head .ft-anbieter-tagesgeld-yield span.ft-sort-desc {
      right: 5px; }
    .ft-anbieter-head .ft-anbieter-tagesgeld-yield .ft-tg-fancybox {
      top: 45px !important;
      left: -100px !important;
      position: absolute !important; }
      .ft-anbieter-head .ft-anbieter-tagesgeld-yield .ft-tg-fancybox .fancybox-outer::before {
        border-width: 1px 1px 0 0;
        top: -22px;
        left: 140px; }
  .ft-anbieter-head .ft-anbieter-tagesgeld-list {
    width: 45%; }
  .ft-anbieter-head .ft-anbieter-tagesgeld-link {
    width: 20%;
    vertical-align: middle; }
  .ft-anbieter-head span {
    border: 6px solid #fff;
    position: absolute;
    right: -13px;
    cursor: pointer; }
    .ft-anbieter-head span.ft-sort-desc {
      border-color: transparent transparent #a8cfca;
      top: -5px; }
      .ft-anbieter-head span.ft-sort-desc.ft-sort-sel, .ft-anbieter-head span.ft-sort-desc:hover {
        border-color: transparent transparent #fff; }
    .ft-anbieter-head span.ft-sort-asc {
      border-color: #a8cfca  transparent transparent;
      top: 10px; }
      .ft-anbieter-head span.ft-sort-ascft-sort-sel, .ft-anbieter-head span.ft-sort-asc:hover {
        border-color: #fff  transparent transparent; }
  .ft-anbieter-head a.ft-tg-hint-trigger {
    background-color: #fff;
    color: #8aa9b8 !important;
    margin: 17px 0 0 4px;
    position: absolute; }

a.ft-tg-hint-trigger {
  width: 17px;
  height: 18px;
  background-color: #8aa9b8;
  border-radius: 10px;
  color: #fff !important;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
  font-weight: bold;
  font-size: 12px;
  padding: 0 1px 0 0 !important;
  line-height: 20px !important;
  top: -2px;
  position: relative; }

.ft-anbieter-row {
  background: #f5f7f8;
  padding: 16px 8px;
  box-sizing: border-box;
  margin: 0 0 15px 0;
  color: #4e6774;
  position: relative; }
  .ft-anbieter-row > div {
    width: 20%;
    display: inline-block;
    vertical-align: top; }
  .ft-anbieter-row .ft-anbieter-tagesgeld-name {
    width: auto;
    display: block;
    margin: 0 0 3px; }
    .ft-anbieter-row .ft-anbieter-tagesgeld-name .ft-anbieter-tagesgeld-interest .ft-tg-fancybox {
      left: 299px !important; }
    .ft-anbieter-row .ft-anbieter-tagesgeld-name img {
      margin: 8px 0; }
    .ft-anbieter-row .ft-anbieter-tagesgeld-name a {
      font-size: 1em;
      color: #000;
      text-decoration: none; }
    .ft-anbieter-row .ft-anbieter-tagesgeld-name h4 {
      color: #4e6774;
      text-decoration: none;
      font: bold 18px/24px Arial, Helvetica, sans-serif; }
    .ft-anbieter-row .ft-anbieter-tagesgeld-name .ft-prov-sub {
      font-size: 11px;
      line-height: 16px;
      color: #4e6774;
      display: inline-block;
      min-height: 16px; }
  .ft-anbieter-row .ft-anbieter-tagesgeld-interest {
    width: 33%; }
    .ft-anbieter-row .ft-anbieter-tagesgeld-interest .ft-tg-fancybox {
      top: -69px !important;
      left: 389px !important; }
  .ft-anbieter-row .ft-anbieter-tagesgeld-yield {
    width: auto; }
  .ft-anbieter-row .ft-anbieter-tagesgeld-list {
    width: 45%; }
    .ft-anbieter-row .ft-anbieter-tagesgeld-list .ft-tg-fancybox {
      top: -50px !important;
      left: 290px !important; }
    .ft-anbieter-row .ft-anbieter-tagesgeld-list b.recPrefix {
      font-size: 12px;
      color: #000;
      font-weight: bold; }
    .ft-anbieter-row .ft-anbieter-tagesgeld-list ul {
      margin-bottom: 0; }
      .ft-anbieter-row .ft-anbieter-tagesgeld-list ul li {
        overflow: visible;
        font-size: 12px; }
      .ft-anbieter-row .ft-anbieter-tagesgeld-list ul .ft-form-tgl {
        padding: 0 0 0 0;
        margin: 0;
        cursor: pointer; }
        .ft-anbieter-row .ft-anbieter-tagesgeld-list ul .ft-form-tgl dt {
          text-decoration: underline; }
  .ft-anbieter-row .ft-anbieter-tagesgeld-hint {
    background: #8ba9b7;
    color: #fff;
    padding: 4px;
    display: block;
    width: auto;
    margin: 0 0 20px 0; }
    .ft-anbieter-row .ft-anbieter-tagesgeld-hint p {
      margin: 10px 0 0 0; }
    .ft-anbieter-row .ft-anbieter-tagesgeld-hint p:first-child {
      margin: 0 0 0 0; }
  .ft-anbieter-row .ft-anbieter-tagesgeld-link {
    width: 20%;
    vertical-align: middle; }
    .ft-anbieter-row .ft-anbieter-tagesgeld-link a.ft-button-green {
      text-align: center;
      width: auto;
      display: block;
      text-align: center;
      padding: 12px 12px;
      display: block;
      margin: 8px 0 0 0;
      font-size: 13px; }
    .ft-anbieter-row .ft-anbieter-tagesgeld-link > span {
      min-height: 100px;
      width: auto;
      display: block;
      text-align: center;
      background: #fff;
      min-height: 100px;
      position: relative; }
      .ft-anbieter-row .ft-anbieter-tagesgeld-link > span img {
        top: 40px;
        width: 90%;
        height: auto;
        margin: 30% auto auto; }
  .ft-anbieter-row .ft-anbieter-tagesgeld-interest,
  .ft-anbieter-row .ft-anbieter-tagesgeld-yield {
    color: #4e6774;
    font-size: 20px; }
    .ft-anbieter-row .ft-anbieter-tagesgeld-interest span,
    .ft-anbieter-row .ft-anbieter-tagesgeld-yield span {
      display: inline-block;
      vertical-align: top; }
      .ft-anbieter-row .ft-anbieter-tagesgeld-interest span b,
      .ft-anbieter-row .ft-anbieter-tagesgeld-yield span b {
        font-weight: bold; }
    .ft-anbieter-row .ft-anbieter-tagesgeld-interest span:first-child,
    .ft-anbieter-row .ft-anbieter-tagesgeld-yield span:first-child {
      width: 45%; }
    .ft-anbieter-row .ft-anbieter-tagesgeld-interest ul,
    .ft-anbieter-row .ft-anbieter-tagesgeld-yield ul {
      margin-top: 23px; }
      .ft-anbieter-row .ft-anbieter-tagesgeld-interest ul > li,
      .ft-anbieter-row .ft-anbieter-tagesgeld-yield ul > li {
        font-size: 12px;
        line-height: 20px;
        color: #4e6774;
        padding: 0 0 2px 17px;
        position: relative;
        overflow: visible; }
        .ft-anbieter-row .ft-anbieter-tagesgeld-interest ul > li > span,
        .ft-anbieter-row .ft-anbieter-tagesgeld-yield ul > li > span {
          top: 5px; }
      .ft-anbieter-row .ft-anbieter-tagesgeld-interest ul li.ft-li-warn > span,
      .ft-anbieter-row .ft-anbieter-tagesgeld-yield ul li.ft-li-warn > span {
        top: 5px;
        left: 0;
        width: 14px;
        height: 14px;
        border: 0 !important;
        background: transparent url("/fileadmin/template/img/sprites_dummy.png") 0 -65px; }
  .ft-anbieter-row li {
    font-size: 12px;
    line-height: 20px;
    color: #4e6774;
    padding: 0 0 2px 17px; }
    .ft-anbieter-row li::before {
      content: '';
      background: transparent url();
      height: 14px;
      width: 14px;
      position: absolute;
      left: 0;
      top: 2px; }
    .ft-anbieter-row li.ft-li-pos::before {
      background: transparent url("/fileadmin/template/img/ft_sprite.png") no-repeat 0 -160px; }
    .ft-anbieter-row li.ft-li-neg::before {
      background: transparent url("/fileadmin/template/img/ft_sprite.png") no-repeat 0 -126px; }
    .ft-anbieter-row li.ft-li-neut::before {
      background: transparent url("/fileadmin/template/img/ft_sprite.png") no-repeat 0 -95px; }
    .ft-anbieter-row li.ft-li-warn::before {
      background: transparent url("/fileadmin/template/img/ft_sprite.png") no-repeat 0 -64px; }
    .ft-anbieter-row li.ft-country::after {
      content: '';
      background: transparent url();
      height: 12px;
      width: 20px;
      position: absolute;
      margin-left: 5px;
      top: 4px; }
    .ft-anbieter-row li.ft-country.ft-country-de::after {
      background-image: url("/fileadmin/template/img/flags/de.png"); }
    .ft-anbieter-row li.ft-country.ft-country-nl::after {
      background-image: url("/fileadmin/template/img/flags/nl.png"); }
    .ft-anbieter-row li.ft-country.ft-country-it::after {
      background-image: url("/fileadmin/template/img/flags/it.png"); }
    .ft-anbieter-row li.ft-country.ft-country-hr::after {
      background-image: url("/fileadmin/template/img/flags/hr.png"); }
    .ft-anbieter-row li.ft-country.ft-country-fr::after {
      background-image: url("/fileadmin/template/img/flags/fr.png"); }
    .ft-anbieter-row li.ft-country.ft-country-bg::after {
      background-image: url("/fileadmin/template/img/flags/bg.png"); }
    .ft-anbieter-row li.ft-country.ft-country-at::after {
      background-image: url("/fileadmin/template/img/flags/at.png"); }
    .ft-anbieter-row li.ft-country.ft-country-mt::after {
      background-image: url("/fileadmin/template/img/flags/mt.png"); }
    .ft-anbieter-row li.ft-country.ft-country-lu::after {
      background-image: url("/fileadmin/template/img/flags/lu.png"); }
    .ft-anbieter-row li.ft-country.ft-country-sk::after {
      background-image: url("/fileadmin/template/img/flags/sk.png"); }
    .ft-anbieter-row li.ft-country.ft-country-lv::after {
      background-image: url("/fileadmin/template/img/flags/lv.png"); }
    .ft-anbieter-row li.ft-country.ft-country-gb::after {
      background-image: url("/fileadmin/template/img/flags/gb.png"); }
  .ft-anbieter-row .ft-tg-fancybox {
    top: 0;
    left: 0;
    position: absolute !important; }
  .ft-anbieter-row .fancybox-overlay-fixed {
    position: relative !important;
    overflow-y: visible !important; }

#tagesgeld_alle .ft-anbieter-row-notrecommended {
  display: flex;
  flex-wrap: wrap; }
  #tagesgeld_alle .ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-interest,
  #tagesgeld_alle .ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-name,
  #tagesgeld_alle .ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-list,
  #tagesgeld_alle .ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-link {
    width: 100%;
    display: block; }
  #tagesgeld_alle .ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-name {
    order: 1;
    width: 46%; }
    #tagesgeld_alle .ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-name h4 {
      width: 50%;
      display: inline-block; }
  #tagesgeld_alle .ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-link {
    order: 3;
    width: 20%; }
    #tagesgeld_alle .ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-link span, #tagesgeld_alle .ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-link a {
      clear: both;
      display: block;
      background: #8aa9b8;
      color: #fff;
      text-decoration: none;
      text-align: center;
      min-height: 0;
      height: auto; }
  #tagesgeld_alle .ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-interest {
    order: 2;
    width: 33%; }
    #tagesgeld_alle .ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-interest span:first-child {
      width: 45%; }
  #tagesgeld_alle .ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-list {
    width: auto; }

.ft-form.ft-tgrechner-form .ft-form-sel .ft-form-lableft {
  display: block;
  width: 100%;
  clear: both; }

.ft-form.ft-tgrechner-form .ft-form-sel .ft-form-labrgt b {
  margin: 0;
  clear: both;
  display: block;
  font-weight: normal;
  color: #222;
  font-size: 13px; }

.ft-form.ft-tgrechner-form .ft-form-sel select {
  display: inline-block;
  vertical-align: middle;
  width: 90%;
  margin: 5px 0;
  padding: 9px;
  box-sizing: border-box; }

.ft-form.ft-tgrechner-form .ft-form-sgl .ft-form-lableft {
  display: block;
  width: 100%;
  clear: both; }

.ft-form.ft-tgrechner-form .ft-form-sgl .ft-form-labrgt {
  margin: 5px 0 0 4px;
  color: #8ba9b7;
  display: inline; }
  .ft-form.ft-tgrechner-form .ft-form-sgl .ft-form-labrgt b {
    margin: 12px 0 0 0;
    clear: both;
    display: block;
    font-weight: normal;
    color: #222;
    font-size: 13px; }

.ft-form.ft-tgrechner-form .ft-form-sgl input {
  display: inline-block;
  vertical-align: middle;
  width: 85%;
  margin: 5px 0 0 0;
  padding: 9px;
  box-sizing: border-box;
  text-align: right; }

.ft-form.ft-tgrechner-form .ft-form-row {
  margin-top: 40px; }

.ft-form.ft-tgrechner-form #ft-form-resultrow {
  background: transparent;
  padding: 0; }

.ft-form.ft-tgrechner-form .ft-form-success.ft-form-success-dpl {
  display: none; }

.ft-form.ft-tgrechner-form .ft-form-submit {
  display: inline-block !important;
  text-align: center;
  padding: 8px 12px; }

.ft-form.ft-tgrechner-form .ft-tg-submit {
  padding: 20px 0 10px;
  text-align: center;
  vertical-align: top; }
  .ft-form.ft-tgrechner-form .ft-tg-submit .ft-form-submit {
    padding: 12px; }

.ft-form.ft-tgrechner-form .ft-form-lableft {
  font-size: 0.9em;
  line-height: 1em;
  color: #454545;
  width: 30%; }

.ft-form.ft-tgrechner-form input[type="range"] {
  width: 65%; }

.ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-name {
  width: 25%;
  display: inline-block;
  vertical-align: top; }

.ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-interest {
  width: 35%;
  display: inline-block;
  vertical-align: top; }

.ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-list {
  width: 38%; }
  .ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-list li {
    padding: 0 0 2px 14px; }
    .ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-list li::before {
      content: '';
      background: transparent url();
      height: 6px;
      width: 6px;
      top: 6px; }
    .ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-list li.ft-li-pos::before {
      background: #8aa9b8 url() no-repeat 0 0; }
    .ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-list li.ft-li-neg::before {
      background: #8aa9b8 url() no-repeat 0 0; }
    .ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-list li.ft-li-neut::before {
      background: #8aa9b8 url() no-repeat 0 0; }
    .ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-list li.ft-li-warn::before {
      background: #8aa9b8 url() no-repeat 0 0; }

.ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-link {
  clear: both;
  width: auto; }
  .ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-link > span {
    color: #d0021b;
    background: transparent;
    display: inline;
    width: auto;
    height: auto;
    min-height: none;
    font-size: 12px; }
  .ft-anbieter-row-notrecommended .ft-anbieter-tagesgeld-link > a {
    color: #0047d9;
    font-size: 12px; }

ul.ft-tabnav.ft-prov-tabnav {
  height: 37px;
  border-bottom: 1px solid #d5d6d7;
  background: #fff;
  margin: 0; }
  ul.ft-tabnav.ft-prov-tabnav li {
    background: #f5f7f8;
    margin: 0;
    border: 1px solid transparent;
    border-bottom: 1px solid #d5d6d7;
    color: #000;
    height: 38px;
    vertical-align: top;
    box-sizing: border-box;
    padding: 7px 12px 0; }
    ul.ft-tabnav.ft-prov-tabnav li a {
      color: inherit;
      font: bold 16px/18px "Baskervald", Garamond, Times, "Times New Roman", serif; }
  ul.ft-tabnav.ft-prov-tabnav li.ft-tabnav-sel {
    background: #fff;
    border: 1px solid #d5d6d7;
    border-bottom: 1px solid #fff;
    overflow: visible; }
  ul.ft-tabnav.ft-prov-tabnav li.ftProvRec {
    padding-left: 110px;
    background: transparent url("/fileadmin/template/img/ftip_nav.png") no-repeat 15px 12px;
    background-sizing: 20% auto; }

.ft-tg-fancybox {
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: none !important; }
  .ft-tg-fancybox .fancybox-skin {
    color: #000;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    border-width: 0; }
    .ft-tg-fancybox .fancybox-skin .ft-fancybox-overlaycont {
      padding-right: 15px;
      min-width: 0;
      max-width: none;
      width: auto;
      font-size: 12px; }
      .ft-tg-fancybox .fancybox-skin .ft-fancybox-overlaycont * {
        font-size: 12px; }
      .ft-tg-fancybox .fancybox-skin .ft-fancybox-overlaycont h4 {
        font-family: "Baskervald", Garamond, Times, "Times New Roman", serif;
        font-size: 16px !important;
        font-weight: bold;
        width: auto !important; }
    .ft-tg-fancybox .fancybox-skin .fancybox-inner {
      height: auto !important; }
    .ft-tg-fancybox .fancybox-skin .fancybox-outer::before {
      height: 12px;
      width: 12px;
      position: absolute;
      background: #fff url();
      content: '';
      border: 1px solid #ccc;
      border-width: 1px 0 0 1px;
      transform: rotate(-45deg);
      top: 73px;
      left: -22px; }
    .ft-tg-fancybox .fancybox-skin * {
      color: #000; }
    .ft-tg-fancybox .fancybox-skin ul {
      margin: 5px 0 12px; }
      .ft-tg-fancybox .fancybox-skin ul li {
        margin: 4px 0;
        padding-left: 14px; }
        .ft-tg-fancybox .fancybox-skin ul li::before {
          height: 6px;
          width: 6px;
          position: absolute;
          background: #0070bb url();
          content: '';
          top: 5px;
          left: 0; }
  .ft-tg-fancybox .fancybox-close {
    background: transparent url();
    text-align: center;
    position: absolute;
    transform: rotate(45deg);
    top: 5px;
    right: 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #000;
    border: 0;
    box-shadow: none;
    text-decoration: none;
    font-size: 10px !important; }
    .ft-tg-fancybox .fancybox-close:hover {
      text-decoration: none; }
    .ft-tg-fancybox .fancybox-close:before {
      content: '+';
      font-weight: bold;
      font-size: 4em; }

.mob #ftprovcalc,
.mob #tagesgeld_tipp,
.mob #tagesgeld_alle {
  margin-top: 0 !important; }

.mob #ftprovcalc {
  padding-top: 8px; }

.mob .ft-anbieter-head {
  display: none; }

.mob .ft-anbieter-row {
  display: flex;
  flex-wrap: wrap; }
  .mob .ft-anbieter-row .ft-anbieter-tagesgeld-interest,
  .mob .ft-anbieter-row .ft-anbieter-tagesgeld-name,
  .mob .ft-anbieter-row .ft-anbieter-tagesgeld-list,
  .mob .ft-anbieter-row .ft-anbieter-tagesgeld-link {
    width: 100%;
    display: block;
    clear: both; }
  .mob .ft-anbieter-row .ft-anbieter-tagesgeld-interest {
    order: 2; }
    .mob .ft-anbieter-row .ft-anbieter-tagesgeld-interest > span {
      box-sizing: border-box;
      width: 50%;
      text-align: left;
      padding: 1% 0 1% 4%; }
      .mob .ft-anbieter-row .ft-anbieter-tagesgeld-interest > span:first-child {
        text-align: right;
        padding: 1% 4% 1% 0; }
      .mob .ft-anbieter-row .ft-anbieter-tagesgeld-interest > span > b {
        font-size: 1.65em; }
  .mob .ft-anbieter-row .ft-anbieter-tagesgeld-list {
    order: 3; }
  .mob .ft-anbieter-row .ft-anbieter-tagesgeld-link {
    order: 1; }
  .mob .ft-anbieter-row .ft-anbieter-tagesgeld-yield {
    display: inline;
    padding: 0 0 0 15px; }
  .mob .ft-anbieter-row .ft-anbieter-tagesgeld-link img {
    width: 60%;
    height: auto;
    margin: 10% 0; }
  .mob .ft-anbieter-row .ft-anbieter-tagesgeld-link a.ft-button-green {
    width: auto;
    display: block; }
  .mob .ft-anbieter-row .ft-anbieter-tagesgeld-list,
  .mob .ft-anbieter-row .ft-anbieter-tagesgeld-interest {
    margin: 10px 0; }
    .mob .ft-anbieter-row .ft-anbieter-tagesgeld-list ul li,
    .mob .ft-anbieter-row .ft-anbieter-tagesgeld-interest ul li {
      font-size: 16px; }

.mob #tagesgeld_alle .ft-anbieter-row {
  display: flex;
  flex-wrap: wrap; }
  .mob #tagesgeld_alle .ft-anbieter-row .ft-anbieter-tagesgeld-interest,
  .mob #tagesgeld_alle .ft-anbieter-row .ft-anbieter-tagesgeld-name,
  .mob #tagesgeld_alle .ft-anbieter-row .ft-anbieter-tagesgeld-list,
  .mob #tagesgeld_alle .ft-anbieter-row .ft-anbieter-tagesgeld-link {
    width: 100%;
    display: block;
    clear: both; }
  .mob #tagesgeld_alle .ft-anbieter-row .ft-anbieter-tagesgeld-name {
    order: 1; }
  .mob #tagesgeld_alle .ft-anbieter-row .ft-anbieter-tagesgeld-interest {
    order: 2; }
  .mob #tagesgeld_alle .ft-anbieter-row .ft-anbieter-tagesgeld-link {
    order: 3; }
  .mob #tagesgeld_alle .ft-anbieter-row .ft-anbieter-tagesgeld-list {
    order: 4; }

.mob a.ft-tg-hint-trigger {
  width: 17px;
  height: 19px;
  padding: 0 1px 0 1px !important;
  margin-top: -3px; }

.mob ul.ft-tabnav.ft-prov-tabnav {
  height: auto;
  overflow: visible;
  border: 0;
  display: table; }
  .mob ul.ft-tabnav.ft-prov-tabnav li {
    height: auto;
    display: table-cell;
    margin: 0; }
    .mob ul.ft-tabnav.ft-prov-tabnav li.ftIntCalc, .mob ul.ft-tabnav.ft-prov-tabnav li.ftSavePlan {
      display: none; }
    .mob ul.ft-tabnav.ft-prov-tabnav li.ftProvAll, .mob ul.ft-tabnav.ft-prov-tabnav li.ftProvRec {
      display: inline-block;
      width: 63%;
      background: #f5f7f8 url();
      padding: 8px 4px;
      text-align: center; }
    .mob ul.ft-tabnav.ft-prov-tabnav li.ftProvRec {
      padding-left: 8px;
      width: 37%; }
    .mob ul.ft-tabnav.ft-prov-tabnav li a {
      font-size: 14px; }
    .mob ul.ft-tabnav.ft-prov-tabnav li.ft-tabnav-sel {
      background: #fff; }

.mob form.ft-tgrechner-form .ft-form-col {
  display: block;
  width: auto;
  margin-bottom: 15px; }
  .mob form.ft-tgrechner-form .ft-form-col:last-child {
    margin-bottom: 0; }
  .mob form.ft-tgrechner-form .ft-form-col.ft-tg-submit {
    padding: 0; }
    .mob form.ft-tgrechner-form .ft-form-col.ft-tg-submit input.ft-form-submit {
      width: 100%;
      display: block;
      text-align: center;
      box-sizing: border-box; }
  .mob form.ft-tgrechner-form .ft-form-col .ft-form-sel .ft-form-lableft {
    display: block;
    width: auto; }
  .mob form.ft-tgrechner-form .ft-form-col .ft-form-sel select {
    display: block;
    width: 100%;
    margin: 5px 0;
    height: 44px; }
  .mob form.ft-tgrechner-form .ft-form-col .ft-form-sgl .ft-form-lableft {
    display: block;
    width: auto; }
  .mob form.ft-tgrechner-form .ft-form-col .ft-form-sgl input {
    display: inline-block;
    width: 90%;
    margin: 5px 5px 5px 0; }

.mob form.ft-tgrechner-form .ft-form-range .ft-form-lableft {
  display: block;
  width: auto;
  margin-top: 20px; }

.mob form.ft-tgrechner-form .ft-form-range .ft-form-range-slider {
  display: block;
  position: relative; }
  .mob form.ft-tgrechner-form .ft-form-range .ft-form-range-slider input[type=range] {
    display: block;
    width: 90%;
    margin: 30px auto 30px; }
    .mob form.ft-tgrechner-form .ft-form-range .ft-form-range-slider input[type=range]::-webkit-slider-thumb {
      margin-top: -10px;
      width: 90px;
      height: 120px; }
    .mob form.ft-tgrechner-form .ft-form-range .ft-form-range-slider input[type=range]::-moz-range-thumb {
      margin-top: -10px;
      width: 40px;
      height: 60px; }
    .mob form.ft-tgrechner-form .ft-form-range .ft-form-range-slider input[type=range]::-ms-thumb {
      margin-top: -10px;
      width: 40px;
      height: 80px; }
  .mob form.ft-tgrechner-form .ft-form-range .ft-form-range-slider span.ft-form-range-min {
    left: 0;
    top: 20px; }
  .mob form.ft-tgrechner-form .ft-form-range .ft-form-range-slider span.ft-form-range-max {
    right: 0;
    top: 20px; }

.nl-box-intro {
  width: 100%;
  border-top: solid 1px;
  border-bottom: solid 1px;
  padding: 1rem 0 1rem 0; }
  .nl-box-intro form input[type='text'] {
    width: 100%; }
  .nl-box-intro form button {
    width: 100%; }
    .nl-box-intro form button:hover {
      text-decoration: underline;
      cursor: pointer; }

.ft-color-default .nl-box-intro {
  border-color: #47636F; }

.ft-color-repay .nl-box-intro {
  border-color: #0070bb; }

.ft-color-finance .nl-box-intro {
  border-color: #0070bb; }

.ft-color-credit .nl-box-intro {
  border-color: #108020; }

.ft-color-creditfinance .nl-box-intro {
  border-color: #108020; }

.ft-color-insurance .nl-box-intro {
  border-color: #e03030; }

.ft-color-powermedia .nl-box-intro {
  border-color: #FFD800; }

.ft-color-cartravel .nl-box-intro {
  border-color: #ff8000; }

.ft-color-shopping .nl-box-intro {
  border-color: #a066cc; }

.ft-color-tax .nl-box-intro {
  border-color: #999; }

.ft-color-legal .nl-box-intro {
  border-color: #663300; }

.ft-color-legaltax .nl-box-intro {
  border-color: #663300; }

@media (min-width: 768px) {
  main .nl-box-intro form input[type='text'] {
    width: 50%; }
  main .nl-box-intro form button {
    width: 20%; } }

@font-face {
  font-family: 'Baskervald';
  src: url("../font/baskervald.eot");
  src: url("../font/baskervald.eot?#iefix") format("embedded-opentype"), url("../font/baskervald.woff") format("woff"), url("../font/baskervald.ttf") format("truetype"), url('../font/baskervald.svg#"Baskervald"') format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BaskervaldItalic';
  src: url("../font/baskervalditalic.eot");
  src: url("../font/baskervalditalic.eot?#iefix") format("embedded-opentype"), url("../font/baskervalditalic.woff") format("woff"), url("../font/baskervalditalic.ttf") format("truetype"), url('../font/baskervalditalic.svg#"Baskervald"Italic') format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url("../font/icomoon/icomoon.eot?nlxtzk");
  src: url("../font/icomoon/icomoon.eot?nlxtzk#iefix") format("embedded-opentype"), url("../font/icomoon/icomoon.ttf?nlxtzk") format("truetype"), url("../font/icomoon/icomoon.woff?nlxtzk") format("woff"), url("../font/icomoon/icomoon.svg?nlxtzk#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

a.affilate:after {
  color: #002e66;
  content: " *"; }

a.affilate:link {
  color: blue; }

a.affilate:visited {
  color: purple; }

main {
  padding-top: 50px; }

.right {
  text-align: right; }

.center {
  text-align: center; }

@media (min-width: 768px) {
  main {
    padding-top: 0; } }

/*# sourceMappingURL=master.css.map */