/*! Frutigerfont und Vollkorn GoogleFont */
@font-face {
  font-family: 'Frutiger Next';
  src: url("css/font/FrutigerNextW01-Regular.EOT");
  src: local("?"), url("font/FrutigerNextW01-Regular.woff") format("woff"), url("font/FrutigerNextW01-Regular.ttf") format("truetype"), url("font/FrutigerNextW01-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Frutiger Next Bold';
  src: url("font/FrutigerNextW01-Bold.EOT");
  src: local("?"), url("font/FrutigerNextW01-Bold.woff") format("woff"), url("font/FrutigerNextW01-Bold.ttf") format("truetype"), url("font/FrutigerNextW01-Bold.svg") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Frutiger Next Condensed';
  src: url("font/FrutigerNextW01-Condensed.EOT");
  src: local("?"), url("font/FrutigerNextW01-Condensed.woff") format("woff"), url("font/FrutigerNextW01-Condensed.ttf") format("truetype"), url("font/FrutigerNextW01-Condensed.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Frutiger Next Italic';
  src: url("font/FrutigerNextW01-Italic.EOT");
  src: local("?"), url("font/FrutigerNextW01-Italic.woff") format("woff"), url("font/FrutigerNextW01-Italic.ttf") format("truetype"), url("font/FrutigerNextW01-Italic.svg") format("svg");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: "genosregular";
  src: url("font/GenosGFG-Regular.eot");
  src: url("font/GenosGFG-Regular.eot?#iefix") format("embedded-opentype"), url("font/GenosGFG-Regular.woff") format("woff"), url("font/GenosGFG-Regular.ttf") format("truetype"), url("font/GenosGFG-Regular.svg#GenosGFG-Regular") format("svg");
}

@font-face {
  font-family: "genosbold";
  src: url("font/GenosGFG-Bold.eot");
  src: url("font/GenosGFG-Bold.eot?#iefix") format("embedded-opentype"), url("font/GenosGFG-Bold.woff") format("woff"), url("font/GenosGFG-Bold.ttf") format("truetype"), url("font/GenosGFG-Bold.svg#GenosGFG-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
body {
  font-family: genosregular; }

/* Required to make image fluid in IE */
a {
  text-decoration: none !important; }

/* centered columns styles */
.row-centered {
  text-align: center; }

.texto-center {
  text-align: center !important; }

.buttcentered {
  margin: auto !important; }

@media screen and (min-width: 768px) {
  .margcentered {
    margin-left: 15%; } }

.margcentered .nav-tabs {
  border-bottom: 0px solid #ddd; }

.margcentered li {
  vertical-align: middle;
  display: table-cell;
  table-layout: fixed;
  text-align: center; }

.margcentered li > a {
  display: block;
  width: 80px;
  height: 80px;
  line-height: 74px;
  font-size: 30px;
  border: 3px solid #e5ebef;
  border-radius: 80px;
  font-style: normal;
  font-weight: 300;
  color: #003c5f; }

.margcentered li.active > a, .margcentered li.active > a:hover {
  display: block;
  width: 80px;
  height: 80px;
  line-height: 74px;
  font-size: 30px;
  border: 3px solid #e5ebef;
  border-radius: 80px;
  font-style: normal;
  font-weight: 300;
  color: #003c5f;
  background-color: #e5ebef; }

.tab_hr {
  border: 1px solid #e5ebef;
  min-width: 10px;
  width: 10%;
  margin: 0px 5px 0px 5px; }
  @media screen and (min-width: 320px) and (orientation: landscape) {
    .tab_hr {
      min-width: 60px;
      width: 10%; } }
  @media screen and (min-width: 768px) {
    .tab_hr {
      min-width: 80px;
      width: 10%; } }

.tab_divider {
  border: 2px solid #e5ebef;
  width: 100%; }

@media screen and (min-width: 768px) {
  .center-paydirectlogo {
    margin-left: 30%; } }

.accbut-top {
  margin-top: 15px; }

.acccon-top {
  padding-top: 10px; }

.col-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
  margin-right: -4px; }

.bord {
  border: 1px solid #000000; }

.paydirekt-margleft img {
  display: none; }
  @media screen and (min-width: 768px) {
    .paydirekt-margleft img {
      display: block;
      max-width: 107px !important;
      margin: auto; } }
@media screen and (min-width: 768px) {
  .paydirekt-margleft {
    margin-left: 5%; } }
.paydirekt-margleft h4 {
  margin: 5px 0px 20px 0px !important;
  font-size: 1.2rem;
  font-family: Frutiger Next Bold, Arial, sans-serif; }
  @media screen and (min-width: 768px) {
    .paydirekt-margleft h4 {
      margin: 0px 0px 20px 0px !important; } }

.VR_paydirekt-numbers {
  margin-left: -12.5%; }
  @media screen and (min-width: 320px) and (orientation: landscape) {
    .VR_paydirekt-numbers {
      margin-left: 5%; } }
  @media screen and (min-width: 768px) {
    .VR_paydirekt-numbers {
      margin-left: 0; } }

.VR_paydirekt-back {
  padding: 20px; }

.VP_circle-ps-white {
  width: 100%;
  border-radius: 50%;
  text-align: center;
  padding: 12% 0;
  line-height: 0;
  position: relative;
  background: #fff;
  z-index: 2; }

.VP_circle-ps-white img {
  margin: auto; }

.container {
  border: none; }
  @media screen and (min-width: 768px) {
    .container {
      width: 750px; } }
  @media screen and (min-width: 992px) {
    .container {
      width: 960px; } }

section .container {
  font-size: 1.143rem; }

/*! animation */
.ani-start {
  padding: 0px 5px; }

/*! Header, Navigation */
.navbar-header .VRP_logo {
  max-width: 200px;
  margin-top: 20px;
  margin-left: 10px;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .navbar-header .VRP_logo {
      max-width: 200px;
      margin-top: 20px;
      margin-left: 0px;
      margin-bottom: 10px; } }
  @media screen and (min-width: 992px) {
    .navbar-header .VRP_logo {
      max-width: 200px;
      margin-top: 20px;
      margin-left: 0px;
      margin-bottom: 10px; } }

.navbar-default .navbar-toggle {
  border-color: #fff;
  margin-top: 11px; }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #e5ebef; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: #003c5f;
  width: 27px;
  height: 4px;
  border-radius: 0px; }

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #003c5f;
  text-transform: uppercase; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: #e5ebef; }

.dropdown-menu .divider {
  background-color: #e5ebef; }

.navbar-default {
  background-color: #fff;
  border: none; }
  @media screen and (min-width: 768px) {
    .navbar-default .navbar-nav > li {
      padding: 6px 0px 6px 6px; }
      .navbar-default .navbar-nav > li:hover {
        color: #003c5f;
        background-color: #e5ebef; } }
  @media screen and (min-width: 992px) {
    .navbar-default .navbar-nav > li {
      padding: 6px 0px 6px 10px; }
      .navbar-default .navbar-nav > li:hover {
        color: #003c5f;
        background-color: #e5ebef; } }
  .navbar-default .navbar-nav > li > a {
    color: #003c5f;
    text-transform: uppercase;
    font-size: 1.429rem;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .navbar-default .navbar-nav > li > a {
        font-size: 0.929rem;
        text-align: left;
        padding: 0 4px 0 0;
        line-height: 18px;
        border-right: 1px solid #003c5f; } }
    @media screen and (min-width: 992px) {
      .navbar-default .navbar-nav > li > a {
        font-size: 1.143em; } }
  @media screen and (min-width: 768px) {
    .navbar-default .navbar-nav > li:last-child > a {
      border-right: none; } }

.dropdown-menu > li > a {
  padding-right: 27px !important; }
  @media screen and (min-width: 768px) {
    .dropdown-menu > li > a {
      font-size: 1rem; } }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .active,
.navbar-default .navbar-nav > .active:hover,
.navbar-default .navbar-nav > .active:focus,
.current-menu-parent  {
  color: #003c5f;
  background-color: #e5ebef; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #003c5f;
  background-color: #e5ebef; }

@media screen and (min-width: 768px) {
  .navbar-nav.navbar-right:last-child {
    margin-top: 40px;
    margin-right: 0px; } }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #e5ebef;
  outline: 0; }

nav.VR_left-sub {
  display: none; }
  @media screen and (min-width: 768px) {
    nav.VR_left-sub {
      display: block;
      text-transform: uppercase; } }
  nav.VR_left-sub li {
    margin-bottom: 0px;
    width: 100%;
    padding: 4px 4px; }
    nav.VR_left-sub li:hover, nav.VR_left-sub li:active {
      background-color: #e5ebef; }
  nav.VR_left-sub li.active_sub:hover, nav.VR_left-sub li.active_sub:active {
    background-color: #fff; }
  nav.VR_left-sub li a {
    color: #003c5f;
    padding: 0px 0px; }
  nav.VR_left-sub li.active {
    background-color: #e5ebef; }

ul.VR_left-sub-sub {
  margin-top: 0px;
  margin-left: 10px;
  background-color: #fff; }
  ul.VR_left-sub-sub li.VR_left-sub-sub-li a {
    background-color: #fff; }
    ul.VR_left-sub-sub li.VR_left-sub-sub-li a:hover, ul.VR_left-sub-sub li.VR_left-sub-sub-li a:active {
      background-color: #e5ebef; }
  ul.VR_left-sub-sub li.VR_left-sub-sub-li.active a {
    background-color: #e5ebef; }

li.active_sub {
  background-color: #fff !important; }

/*! Content sections */
.VR_first-sec {
  margin-top: 67px; }
  @media screen and (min-width: 768px) {
    .VR_first-sec {
      margin-top: 113px; } }

.VR_sec-back-lagune {
  background-color: #e5ebef; }

.VR_sec-back-white {
  background-color: #fff !important; }

.VR_sec-back-blue-img {
  background: url(img/vrpay_pn-login-screen-back.png) top repeat; }

.VR_sec-back-sandstein {
  background-color: #f0f1e8; }

.VR_sec h1 {
  font-family: genosbold;
  /* font-weight: bold; */
  font-size: 2.286rem;
  line-height: 2.357rem;
  color: #003c5f;
  text-align: center;
  /* text-transform: uppercase; */
  margin: 25px 0; }
  @media screen and (min-width: 768px) {
    .VR_sec h1 {
      font-size: 1.857rem;
      line-height: 1.857rem;
      margin: 40px 0; } }

.VR_sec h2,
.VR_sec h3 {
  font-family: genosbold;
  /* font-weight: bold; */
  font-size: 2.286rem;
  line-height: 2.357rem;
  color: #003c5f;
  text-align: center;
  text-transform: uppercase;
  margin: 25px 0; }
  @media screen and (min-width: 768px) {
    .VR_sec h2,
    .VR_sec h3 {
      font-size: 1.857rem;
      line-height: 1.857rem;
      margin: 40px 0; } }

.VR_ctasubhead {
  font-family:genosbold;
  /* font-weight: bold; */
  color: #003c5f;
  margin: 0px 0; }
  @media screen and (min-width: 768px) {
    .VR_ctasubhead {
      font-size: 1.429rem;
      line-height: 1.5rem;
      margin: 0px 0; } }

.VR_cta-back {
  background-color: #e5ebef;
  padding: 15px;
  margin: -20px 0 15px 0; }

h2.VR_noh2 {
  margin-bottom: 0px; }

p.VR_p-sub {
  font-size: 0.857rem; }

.VR_customer-name {
  font-family: genosregular;
  font-size: 1.143rem;
  text-align: center;
  margin-top: 20px; }
  @media screen and (min-width: 768px) {
    .VR_customer-name {
      margin-top: 0px; } }

.VR_customer-quote {
  background-color: #fff;
  font-family: genosregular;
  font-size: 1.571rem;
  line-height: 1.571rem;
  padding: 20px 15px 25px 15px; }

.VR_camp-videos,
.VR_camp-videos img {
  max-width: 930px; }

#VR_vids .sp-selected-thumbnail {
  opacity: 0.5;
  background: #000000; }

@media screen and (min-width: 768px) {
  .sp-bottom-thumbnails {
    margin-top: 20px; } }

.VR_customer-pic1 img {
  display: inline-block;
  margin-top: -15%; }

.VR_third-sec-left {
  font-family: genosbold;
  /* font-weight: bold; */
  font-size: 1.857em;
  margin-top: 35px;
  margin-bottom: 0px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .VR_third-sec-left {
      text-align: left;
      margin-top: 90px; } }

.VR_third-sec-pic1 img {
  max-width: 160px;
  margin-top: 40px;
  margin-bottom: -13%; }

.VR_third-sec-right {
  margin-top: 20px;
  margin-bottom: 0px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .VR_third-sec-right {
      text-align: left;
      margin-top: 90px; } }

span.VR_heads_centered {
  display: inline-block; }

.VR_fourth-sec-head {
  width: 100%;
  margin-top: 10px; }
  @media screen and (min-width: 768px) {
    .VR_fourth-sec-head {
      width: 47%;
      margin-top: 10px; } }

.VR_fourth-sec-head-2 {
  width: 100%;
  margin-top: 10px; }
  @media screen and (min-width: 768px) {
    .VR_fourth-sec-head-2 {
      width: 47%;
      margin-top: 0px; } }

.VR_animation_main {
  margin: 0 15px; }

.VR_fourth-sec-head-2 h3 {
  margin-top: 0px; }

.VP_bankensuche_ergebniss_pag a,
.VP_bankensuche_ergebniss_pag {
  margin: 10px 0;
  font-size: 1.143rem; }

.VR_fourth-sec-form,
.VR_fourth-sec-form-butt {
  padding-top: 30px; }
  @media screen and (min-width: 768px) {
    .VR_fourth-sec-form,
    .VR_fourth-sec-form-butt {
      padding-top: 0px; } }

.ergebnis-bank {
  font-size: 1.143rem;
  list-style: none;
  margin: 10px 0; }

.VR_five-sec-right {
  margin: 0px 0px; }
  @media screen and (min-width: 768px) {
    .VR_five-sec-right {
      margin: 60px 0px; } }

.VR_five-sec-left {
  margin: 30px 0px; }
  @media screen and (min-width: 768px) {
    .VR_five-sec-left {
      margin: 60px 0px; } }

.VR_five-sec-pic1 {
  margin-top: -12%;
  margin-left: -20px; }

.VR_five-sec-pic2 {
  margin-top: 50%; }

.VR_first-sec-n2-middle {
  margin-bottom: 25px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .VR_first-sec-n2-middle {
      margin-bottom: 0px;
      text-align: left; } }
  .VR_first-sec-n2-middle p {
    font-size: 2.857rem;
    font-family: genosbold;
    /* font-weight: bold; */
    margin-top: 0px;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      .VR_first-sec-n2-middle p {
        font-size: 2.143rem;
        font-family: genosbold;
        /* font-weight: bold; */
        margin-top: 45px;
        text-align: center; } }

.VR_first-sec-n2-left {
  margin-top: 40px; }

.VR_first-sec-n2-right {
  max-width: 190px;
  margin-top: 20px;
  margin-bottom: -21%; }

.VR_second-sec-nav2 h1 {
  padding-top: 15px; }

.VP_subsite4-wissen-conarea-1 {
  background-color: #fff; }

.VR_first-sec-n3-left {
  margin-top: 40px;
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .VR_first-sec-n3-left {
      margin-bottom: 80px; } }

.VP_p-accbody-right-firstpic {
  max-width: 500px;
  margin-left: -5px;
  padding-top: 10px; }

.VR_first-sec-n3-middle h1 {
  font-size: 2.143rem;
  font-family: genosbold;
  /* font-weight: bold; */
  margin-top: 0px;
    /* text-transform: uppercase; */
      letter-spacing: -.25px;
 }
  @media screen and (min-width: 768px) {
    .VR_first-sec-n3-middle h1 {
      margin-top: 40px;
      margin-bottom: 20px; } }
.VR_first-sec-n3-middle .VR_butt {
  text-align: center; }
  @media screen and (min-width: 768px) {
    .VR_first-sec-n3-middle .VR_butt {
      margin-bottom: 20px; } }

.VR_second-sec-nav3 .panel {
  margin-bottom: 20px;
  background-color: #e5ebef;
  border: 0px solid transparent; }

.VR_second-sec-nav3 .VP_circle-grey {
  background: #fff; }

@media screen and (min-width: 768px) {
  .VR__P-1-pic {
    margin-top: -130px; }

  .VR__P-1-pic-vrkompakt {
    margin-top: -90px; }

  }

.VR_second-sec-nav4 h2 {
  font-family: genosregular;
  font-weight: normal;
  font-size: 1.143rem;
  text-align: left;
  line-height: 18px;
  text-transform: none;
  margin-top: 0px; }

.VR_second-sec-nav4 .container {
  margin-top: 50px; }

.VR_second-sec-nav4 h1 {
  margin-top: 0px;
  text-align: left; }

.VR_second-sec-nav4 h3 {
  margin-top: 0px;
  text-align: left;
  font-size: 1.643rem;
  margin: 30px 0px 20px 0px; }

.VR_second-sec-nav4 h4.panel-title {
  padding: 10px;
  font-size: 1.286rem;
  font-family: genosbold;
  /* font-weight: bold; */
  border: 1px solid #e5ebef; }

.panel-heading {
  padding: 0px; }

.table-bordered {
  border: 1px solid #e5ebef; }

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #e5ebef; }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #e5ebef; }

.table > tbody + tbody {
  border-top: 1px solid #e5ebef; }

.VR_second-sec-nav4 h4.VR_nopanel {
  font-weight: bold;
  margin-top: 20px; }

.VR_second-sec-nav5 .panel {
  margin-bottom: 20px;
  background-color: #e5ebef;
  border: 0px solid transparent; }

.VR_second-sec-nav5 .VP_subsite5-kunden-conarea-2 .VP_circle-grey {
  background-color: #fff; }

.VP_ownbutton {
  font-size: 1.143rem !important;
  font-family: genosregular }
  @media screen and (min-width: 768px) {
    .VP_ownbutton {
      font-size: 0.875rem !important; } }
  @media screen and (min-width: 992px) {
    .VP_ownbutton {
      font-size: 1rem !important; } }

.VR_first-sec-kwk-middle h1 {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 0px; }

.VR_h2_normal {
  margin-top: 0px;
  text-align: left;
  font-size: 1.643rem !important;
  margin: 60px 0px 20px 0px !important; }

.VP_bankensuche_ausgabe {
  margin-bottom: 40px; }

.VP_bankensuche_arrow_div {
  float: left;
  width: 30px; }

.VP_bankensuche_row_arrow {
  height: 20px;
  margin-right: 10px;
  cursor: pointer; }

.VP_bankensuche_row_title {
  overflow: hidden;
  cursor: pointer;
  font-size: 90%; }

.VP_bankensuche_row_arrow_next {
  height: 20px; }

.VP_bankensuche_ergebniss_pag a {
  font-size: 1.143rem;
  color: #003a5f !important; }

.VP_bankensuche_ergebniss_seite {
  margin: 20px 0; }

.VP_bankensuche_ergebniss_pag li.active a {
  background-color: #003a5f !important;
  border-color: #003a5f !important;
  color: #FFF !important; }

.VP_bankensuche_ergebniss_pag {
  margin: 0; }

.VP_suche_iframe {
  width: 100%;
  border: 0; }

.ergebnis-bank {
  font-size: 1.143rem;
  list-style: none;
  padding: 10px; }

.VP_bankensuche_header {
  margin: 20px 0 30px 0; }

.VP_bankensuche_distance {
  text-align: right;
  font-size: 90%; }

.VP_bankensuche_detail {
  margin: 20px 0 0 30px;
  font-size: 90%; }

.VP_bankensuche_opening {
  margin-top: 20px; }

.VP_bankensuche_link {
  margin-top: 20px;
  text-transform: uppercase;
  color: #003a5f; }

.VP_bankensuche_link a {
  color: #003a5f;
  text-decoration: underline; }

.VP_start-footer-text-left {
  margin-bottom: 17px; }

.VP_bankensuche_infowindow {
  padding: 20px 0 20px 0;
  /*background-color: #F4F4F4;*/ }

img[src*="gstatic.com/"],
img[src*="googleapis.com/"] {
  max-width: none !important; }

.VP_bankensuche_row_odd {
  background-color: #EBF0F2; }

.VP_bankensuche_row_even {
  background-color: #FFF; }

.VR_kontakt-circles .VR_kontakt-circlehead-ecommerce {
  top: 9%; }
@media screen and (min-width: 768px) and (orientation: portrait) {
  .VR_kontakt-circles .VP_3-circle-head {
    font-size: 2.357rem;
    line-height: 2.500rem;
    top: 14%;
    left: 5%; }
  .VR_kontakt-circles .VR_kontakt-circlehead {
    top: 14%;
    left: 5%; } }
@media screen and (min-width: 992px) {
  .VR_kontakt-circles .VP_3-circle-head {
    font-size: 2.357rem;
    line-height: 2.500rem;
    top: 14%;
    left: 20%; }
  .VR_kontakt-circles .VR_kontakt-circlehead {
    top: 6%;
    left: 16%; } }

.VR_kontakt-telefonbutt div span:nth-child(1) {
  font-size: 0.857rem !important; }

.VR_kundenportal_butt_bo {
  margin-top: 20px; }
  @media screen and (min-width: 768px) {
    .VR_kundenportal_butt_bo {
      margin-top: 126px; } }
  @media screen and (min-width: 992px) {
    .VR_kundenportal_butt_bo {
      margin-top: 97px; } }

.VR_kundenportal_butt_img {
  display: none; }
  @media screen and (min-width: 768px) {
    .VR_kundenportal_butt_img {
      display: block; } }

.VR_ownbutton_kp {
  font-size: 1rem !important; }

/*! hr */
.style-two {
  height: 1px;
  border: none;
  color: #003c5f;
  background-color: #003c5f;
  width: 88.8%;
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px; }

.style-three {
  margin-top: 30px;
  margin-bottom: 30px; }

.style-white {
  color: #fff;
  background-color: #fff;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0px; }

/*! Button */
.btn {
  border-radius: 0px;
  font-size: 1.143rem;
  text-transform: uppercase;
  padding: 5px 20px; }

.VR_btn-color-ozean {
  color: #fff;
  background-color: #003c5f;
  border-color: #003c5f; }
  .VR_btn-color-ozean:hover, .VR_btn-color-ozean:active, .VR_btn-color-ozean:focus {
    color: #fff;
    background-color: #003c5f;
    border-color: #003c5f; }

.VR_butt {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    .VR_butt {
      margin-top: 12px;
      text-align: left;
      margin-bottom: 60px; } }
  .VR_butt a {
    color: #ffffff; }
  .VR_butt span {
    font-size: 1.143rem;
    text-transform: uppercase;
    padding: 12px 20px 11px 20px; }
  .VR_butt span.VR_butt-orange {
    background-color: #f36d22; }
  .VR_butt span.VR_butt-blue {
    background-color: #003c5f; }
  .VR_butt span.VR_butt-white {
    background-color: #fff; }
    .VR_butt span.VR_butt-white a {
      color: #003c5f; }

.arrow_box {
  position: relative;
  background: #e5ebef; }

.arrow_box:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(229, 235, 239, 0);
  border-top-color: #e5ebef;
  border-width: 20px;
  margin-left: -20px; }

.arrow_box_white {
  background: #ffffff; }

.arrow_box_white:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff; }

/*! Forms, inputs */
.form-control {
  border: 1px solid #003c5f;
  border-radius: 0px; }

/*! Footer */
footer {
  border: none;
  margin-bottom: 96px; }
  footer .col-xs-12 {
    text-align: center; }
    @media screen and (min-width: 768px) {
      footer .col-xs-12 {
        text-align: left; } }
  footer .VR_footer-listhead,
  footer .VR_footer-listhead a {
    font-family: genosregular;
    font-size: 1.143rem;
    text-align: center;
    text-transform: uppercase;
    color: #003c5f;
    margin-top: 56px;
    margin-bottom: 28px;
    white-space: nowrap; }
    @media screen and (min-width: 768px) {
      footer .VR_footer-listhead,
      footer .VR_footer-listhead a {
        font-size: 1rem;
        text-align: left;
        margin-top: 71px;
        margin-bottom: 21px; } }
  footer li a {
    font-family: genosregular;
    font-size: 1.143rem;
    text-align: center;
    text-transform: normal;
    color: #003c5f;
    line-height: 2.286rem; }
    @media screen and (min-width: 768px) {
      footer li a {
        font-size: 1rem;
        line-height: 1.571rem;
        text-align: left;
        white-space: nowrap; } }
  footer .VR_logo-gfvr img {
    float: none;
    max-width: 200px;
    margin-top: 0px; }
    @media screen and (min-width: 768px) {
      footer .VR_logo-gfvr img {
        float: right;
        margin-top: 71px; } }

.VR_second-sec-nav4 .col-sm-3 {
  padding-left: 10px !important; }

.VR_support--box__border {
  border: 0px solid #000000;
  padding: 0px; }
  @media screen and (min-width: 768px) {
    .VR_support--box__border {
      border: 1px solid #000000;
      padding: 10px; } }

.VR_supportmail {
  font-size: 1rem; }

