body {
  padding-bottom: 0; }

#wrapper {
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  top: -56px; }

.navbar {
  z-index: 1;
  background-color: transparent !important;
  position: fixed; }

#index-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center; }
  #index-overlay > div > div {
    background-color: rgba(255, 255, 255, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.5);
    padding: 25px 15px;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#4D4D4D)";
    /*IE 8*/
    -moz-box-shadow: 4px 4px 10px #4d4d4d;
    /*FF 3.5+*/
    -webkit-box-shadow: 4px 4px 10px #4d4d4d;
    /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 4px 4px 10px #4d4d4d;
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#4d4d4d);
    /*IE 5.5-7*/ }
    #index-overlay > div > div > div:first-child {
      margin-bottom: 15px; }
    #index-overlay > div > div > div a.btn {
      -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#4D4D4D)";
      /*IE 8*/
      -moz-box-shadow: 4px 4px 10px #4d4d4d;
      /*FF 3.5+*/
      -webkit-box-shadow: 4px 4px 10px #4d4d4d;
      /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
      box-shadow: 4px 4px 10px #4d4d4d;
      /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
      filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#4d4d4d);
      /*IE 5.5-7*/ }

#index-image-switcher > div {
  will-change: transform;
  -webkit-transition: background-image 2s ease-in-out;
  transition: background-image 2s ease-in-out;
  background: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

label.error {
  display: none !important; }

@media (min-width: 576px) {
  #index-overlay > div:first-child {
    text-align: right;
    padding-right: 0; }
  #index-overlay > div:last-child {
    text-align: left;
    padding-left: 0; }
  #index-overlay > div > div {
    margin: 0 auto;
    width: 90%; } }

@media (min-width: 768px) {
  #index-overlay > div:first-child {
    text-align: right;
    padding-right: 30px; }
  #index-overlay > div:last-child {
    text-align: left;
    padding-left: 30px; }
  #index-overlay > div > div {
    margin: 0 auto;
    width: 75%; } }

@media (min-width: 1200px) {
  #index-overlay > div > div > div {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem; } }