/* ----------------------------------------------------------------------------------------------------
Footer Top
---------------------------------------------------------------------------------------------------- */
#footer-top
{
  background-color:#333;
  color:#FFF;
  /*float:left;
  clear:both;*/
  width:100%;
  display:inline-block;
  margin-bottom:-4px;
}

#footer-top.fixed
{
  margin-bottom:96px;
}

#footer-top.hide
{
  display:none;
}

.footer-top-content .active
{
    opacity:1!important;
    color:#d1b180!important;
}

.footer-top-content
{
    width:100%;
    max-width:1024px;
    margin:0 auto;
    text-align:left;
    padding:12px 20px;
}

.footer-top-content > div
{
    width:25%;
    display:inline-table;
    padding:0 20px;
    margin:24px -4px 0px 0;
}

@media screen and (max-width: 870px)
{
    .footer-top-content > div
    {
        width:50%;
    }
}

@media screen and (max-width: 480px)
{
    .footer-top-content > div
    {
        width:100%;
    }
}

#footer-top h3
{
  font-size:24px;
  font-weight:normal;
  margin:0 0 2px 0;
  opacity:0.5;
}

#footer-top a
{
  color:#FFF;
  text-decoration:none;
  line-height:24px;
  opacity:0.5;
  transition: opacity 0.125s ease-in-out;
}

#footer-top a:hover
{
  opacity:1;
}

#footer-logo
{
  width:120px;
}

@media screen and (min-width: 769px)
{
    #footer-logo
    {
        float:right;
        position:relative;
        top:66px;
    }
}

@media screen and (max-width: 768px)
{
    #footer-top .col-3
    {
      padding-bottom:24px;
    }

    #footer-logo
    {
        margin-top:24px;
    }
}

/* ----------------------------------------------------------------------------------------------------
Footer Bottom
---------------------------------------------------------------------------------------------------- */
#footer-bottom
{
  display:inline-block;
  margin-bottom:-4px;
  width:100%;
  overflow:hidden;
  height:100px;
  transition: height 0.5s ease-in-out;
  color:#FFF;
  z-index:200;
  position:relative;
  background-color:#1A1A1A;
}

#footer-bottom.fixed
{
  position:fixed;
  bottom:0;
  left:0;
}

#footer-bottom.open
{
  height:100%;
}

#footer-bottom.hide
{
    display:none;
}

#footer-bottom.unlimited
{
  max-height:1000%;
  height:100%;
  min-height:100%;
  overflow:visible;
}

#imprint
{
  width:100%;
  max-width:1024px;
  margin:0 auto;
  height:40px;
  color:#FFF;
  font-size:13px;
  opacity:0.5;
  transition: opacity 0.5s ease-in-out;
  text-align:left;
  padding:12px 40px 0 40px;
  position:relative;
}

#imprint.hide
{
    opacity:0;
}

#imprint a
{
  opacity:0.7;
  color:#FFF;
  text-decoration:none;
  transition: opacity 0.2s ease-in-out;
}

#imprint a:hover
{
    opacity:1;
    color:#FFF;
    text-decoration:none;
    transition: opacity 0.2s ease-in-out;
}

@media screen and (max-width: 768px)
{
    #imprint
    {
        padding-left:10px !important;
    }
}

#footer-bottom-close
{
  z-index:1000;
  font-size:48px;
  line-height:48px;
  padding:0;
  opacity:0;
  transition: all 0.25s ease-in-out;
  cursor:pointer;
  position:absolute;
  top:80px;
  right:30px;
  visibility: hidden;
}

#footer-bottom.open #footer-bottom-close
{
    visibility: visible;
    opacity:0.5;
    display:block;
    transition: visibility 0s, opacity 0.5s linear;
}

#footer-bottom.open #footer-bottom-close:hover
{
    opacity:1;
}

.footer-bottom-up
{
    height:calc(100% - 100px);
    position:absolute;
    width:100%;
    top:100px;
}

.footer-bottom-content
{
    width:100%;
    min-height:100%;
    position:absolute;
    top:0;
    background-color:#333333;
    padding-bottom:30px;
}

.footer-bottom-content .text
{
    width:100%;
    max-width:1024px;
    padding:0 40px;
    margin:0 auto;
    text-align:left;
    display:inline-block;
    margin-bottom:-4px;
}

.footer-bottom-content.show
{
  display:block;
}

#footer-bottom h1
{
  color:#FFF;
}

#footer-bottom h2
{
  font-weight:normal;
  margin-top:24px;
}

#footer-bottom p
{
  font-size: 16px;
  line-height: 21px;
  margin: 0 0 12px 0;
}

#footer-bottom a{
  color:#FFF;
  text-decoration:none;
}

#footer-bottom .text a{
    color: #FFE145 !important;
    opacity: 0.7;
    text-decoration:none;
}

#footer-bottom .text a:hover{
    color: #FFE145 !important;
    opacity: 1;
}

/* ----------------------------------------------------------------------------------------------------
Footer Navigation
---------------------------------------------------------------------------------------------------- */
#nav-footer
{
  height:60px;
  overflow:hidden;
  width:100%;
  background-color:#1A1A1A;
}

#nav-footer-ul
{
  list-style-type: none;
  margin:17px auto 0 auto;
  padding:0;
  width:1024px;
  text-align:left;
}

#nav-footer-ul li
{
  display:inline-table;
  position:relative;
  width:auto;
  height:44px;
  overflow:hidden;
  margin-right:1px;
  margin-bottom:-4px;
  vertical-align:top;
}

#nav-footer-ul li:first-child
{
  margin-left:40px;
}

#nav-footer a
{
  display:inline-block;
  background-color:#333333;
  color:#FFF;
  font-size:16px;
  font-weight:bold;
  padding:12px 24px 6px 12px;
  text-decoration:none;
  -border-radius:2px 2px 0 0;
  position:relative;
  opacity:0.5;
  transition: opacity 0.25s ease-in-out;
}

#nav-footer a:hover, #nav-footer a.active
{
  opacity:1;
}

#nav-footer a.active
{
  padding-bottom:8px;
  color:#FFE145;
}

.up-trigger
{
    width:0;
    height:0;
    overflow:hidden;
    border:none;

}

#nav-footer a i
{
  font-size:24px;
  float:left;
  position:relative;
  top:-2px;
}

#nav-footer img
{
  position:absolute;
  width:99%;
  height:99%;
  top:0;
  left:0;
  z-index:10;
}

@media screen and (min-width: 769px)
{
    #nav-footer a div
    {
        float:left;
        margin:4px 0 0 10px;
        position:relative;
        top:-2px;
    }
}

@media screen and (max-width: 768px)
{
    #nav-footer a div
    {
        display:none;
    }
}

/* ----------------------------------------------------------------------------------------------------
Footer Map
---------------------------------------------------------------------------------------------------- */
#map
{
    position:absolute;
    top:-40px;
    left:0;
    width:100%;
    height:calc(100% + 40px);
    z-index:1;
}

#nav-location
{
    position:absolute;
    top:-40px;
    left:0;
    width:100%;
    background-color:#333333;
    z-index:2;
}

#nav-location-ul
{
    list-style-type:none;
    margin:0 auto 14px auto;
    padding:0;
    width:100%;
    max-width:1024px;
    opacity:0;
    transition: opacity 0.5s ease-in-out;
    text-align:left;
}

#nav-location-ul li
{
    display:inline-block;
    margin:10px -4px 0 40px;
    width:200px;
}

#nav-location-ul {
    visibility: hidden;
    opacity:0;
    transition: visibility 0.5s, opacity 0.5s linear;
}

#nav-location-ul.show
{
    visibility: visible;
    opacity:1;
}

@media screen and (max-width: 1024px)
{
    #nav-location-ul
    {
        width:100%;
        left:0;
    }
}

.footer-bottom-content .link-icon
{
    color:#FFF!important;
}

.footer-bottom-content .link-icon:hover, .footer-bottom-content .link-icon.active
{
    color:#FFE145!important;
}

.footerLink h3{
    display: inline-block;
    opacity:1 !important;
    transition: opacity 0.125s ease-in-out;
}

.footerLink h3:hover{
    opacity:1 !important;
}