#slider {
      border-bottom: 15px solid rgba(255,201,0,1);
    }

    /*jssor slider loading skin spin css*/
    .jssorl-009-spin img {
        animation-name: jssorl-009-spin;
        animation-duration: 1.6s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes jssorl-009-spin {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); }
    }
    
    /*jssor slider bullet skin 032 css*/
    .jssorb032 {position:absolute;}
    .jssorb032 .i {position:absolute;cursor:pointer;}
    .jssorb032 .i .b {fill:#fff;fill-opacity:0.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.25;}
    .jssorb032 .i:hover .b {fill:#000;fill-opacity:.6;stroke:#fff;stroke-opacity:.35;}
    .jssorb032 .iav .b {fill:#000;fill-opacity:1;stroke:#fff;stroke-opacity:.35;}
    .jssorb032 .i.idn {opacity:.3;}
    
    /*jssor slider arrow skin 051 css*/
    .jssora051 {display:block;position:absolute;cursor:pointer;}
    .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
    .jssora051:hover {opacity:.8;}
    .jssora051.jssora051dn {opacity:.5;}
    .jssora051.jssora051ds {opacity:.3;pointer-events:none;}

  #menu {
    position:fixed;
    z-index: 10000;
    width: 100%;
  }

  #menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
  }

  #menu li:first-child {
    float:left;
    padding-left: 25px;
  }
  #menu li {
    float: right;
  }

  #menu li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
  }

  #menu li a:hover {
    background-color: #111111;
    text-decoration: none;
    color: rgba(255,255,255,1);
  }

  #social-media {
    background-color: rgba(0,0,0,0.8);
    padding: 5px;
    clear: both;
  }

  #social-media a {
    text-decoration: none;
    text-align: center;
    cursor:pointer;
    color:rgba(255,255,255,1);
    font-size: 20px;
    padding-right: 10px;
  }

  #social-media a:hover {
    text-decoration: none;
  }

  #about-us {
    width: 100%;
    padding: 60px;
    font-size: 20px;
  }

  .about-us-title {
    width: 100%;
    text-align: center;
    font-size:60px;
  }

  #empty-bar {
    background-color: rgba(255,201,0,1);
    padding: 15px;
  }

  #references {
    padding: 35px;
    background-color: rgba(0,0,0,0)
  }

  #contact {
    padding: 35px;
    background-color: rgba(20,20,20,1);
    color: rgba(255,255,255,1);  
  }

  #contact i {
    padding-right: 10px;
    color: rgb(255,201,0);
  }

  #contact ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }

  
  #contact li {
    text-align: left;
    padding-top:5px;
  }

  #contact li a {
    display: block;
    color: white;
    text-decoration: none;
  }

  #contact li a:hover {
    background-color: #111111;
    text-decoration: none;
    color: rgba(255,255,255,1);
  }

  #contact {
    border-bottom: 10px solid black;
  }

  #contact .logo {
    max-width: 100%;
    text-align: center;
  }

  #gallery {
    padding-top: 15px;
    padding-bottom: 45px;
    background-color:rgba(0,0,0,1);
    border-bottom: 15px solid rgba(255,201,0,1);
  }

  #gallery .image {
    padding-top: 30px;
  }

  #news {
    padding-top: 15px;
    padding-bottom: 45px;
    border-bottom: 15px solid rgba(255,201,0,1);
  }