/*FONTS*/

  @import url('https://fonts.googleapis.com/css?family=Oxygen|Roboto');
  /*-----END FONTS-----*/
  /*----------------------------------------------------------------------------*/

  body {font-family: 'Roboto', sans-serif;}

    #myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    width:50px;
    height:50px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #FBCB33;
    color: #000;
    cursor: pointer;

        padding: 15px 13px;
    border-radius: 25px;
  }

  #myBtn:hover {
    background-color: #555;
  }

  .row.no-gutters {
    margin-right: 0;
    margin-left: 0;
  }

  .row.no-gutters>[class^="col-"], .row.no-gutters>[class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
  }

  p {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    margin: 0;
  }

  .parallax {
    background-image: url("/img/parallax.jpg");
    min-height: 200px;
    padding-left: 50px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
       -moz-background-size: cover;
        -ms-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
  }

  section {
    padding-bottom: 100px;
  }

  .section-title h1 {
    font-size: 60px;
    font-weight: 700;
    font-family: 'Oxygen', sans-serif;
    border-bottom: 20px solid #FBCB33;
    margin-bottom: 0;
    padding-left: 20px;
  }
  /*-----NAVIGATION BLOCK-----*/

  nav {
    display: flex;
    justify-content: center;
    background: url("/img/nav-bck.jpg") no-repeat fixed center;
    background-size: cover;
  }

  nav .navbox {
    display: flex;
    margin: 300px 0 300px 0;
    width: 660px;
    height: 400px;
  }

  .navbox ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-top: 60px;
  }

  nav li {
    height: 48px;
  }

  nav li a {
    width: 220px;
    color: #000;
    height: 40px;
    border: 4px solid #FBCB33;
    background-color: #ffffff;
  }

  nav li a:hover {
    background-color: #FBCB33;
  }

  .navbox-left {
    width: 220px;
    height: 300px;
  }

  .navbox-left ul {
    float: right;
  }

  .navbox-left a {
    float: right;
    padding: 5px 20px 0 0px;
    border-radius: 30px 0 0 30px;
    border-right: 0px;
    text-align: right;
  }

  .navbox-left li:nth-child(2) a {
    width: 170px;
  }

  .navbox-left li:last-child a {
    width: 120px;
  }

  .navbox-logo {
    width: 220px;
    height: 300px;
    background: url("/img/logo.png")no-repeat center;
  }

  .navbox-right {
    width: 220px;
    height: 300px;
  }

  .navbox-right ul {
    float: left;
  }

  .navbox-right a {
    float: left;
    padding: 5px 0 0 20px;
    border-radius: 0 30px 30px 0;
    border-left: 0px;
    text-align: left;
  }

  .navbox-right li:nth-child(2) a {
    width: 170px;
  }

  .navbox-right li:last-child a {
    width: 120px;
  }

  .mobile-nav {
    position: relative;
    min-height: 50px;
    width: 100%;
    margin-bottom: 0;
    border: 0;
    display: none;
  }

  .orgs {
    display: inline;
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .skmk {
    display:none;

  }

  .fiva {

  }

  .ssiv {

  }

  /*-----END NAVIGATION BLOCK-----*/
  /*----------------------------------------------------------------------------*/
  /*-----ABOUT BLOCK-----*/

  #about-image-upper {
    height: 250px;
  }

  .upper {
    height: 250px;
    background-color: #F6F6F6;
  }

  #about-text-upper {
    padding: 50px 40px;
    text-align: center;
    margin: 0;
  }

  .lower {
    text-align: center;
    height: 300px;
    background-color: #F6F6F6;
  }

  #about-image-lower {
    height: 300px;
  }

  #about-text-lower {
    padding: 35px 65px;
    text-align: center;
  }

  .btn-join {
    width: 170px;
    height: 40px;
    text-align: center;
    background-color: #FBCB33;
    border: none;
    font-size: 20px;
  }
  /*-----END ABOUT BLOCK-----*/
  /*----------------------------------------------------------------------------*/
  /*-----ABOUT MINI BLOCK-----*/

  #mini-text-one {
    height: 250px;
    padding: 50px 60px;
    background-color: #F6F6F6;
  }

  #mini-image-one {
    height: 250px;
    background-color: #F6F6F6;
  }

  #mini-text-two {
    height: 250px;
    padding: 50px 60px;
    background-color: #F6F6F6;
  }

  #mini-image-two {
    height: 250px;
    background-color: #F6F6F6;
  }

  #mini-text-three {
    height: 400px;
    padding: 60px 60px;
    background-color: #F6F6F6;
  }

  #mini-image-three {
    height: 400px;
    background-color: #f6f6f6;
  }

  #mini-text-four {
    height: 450px;
    padding: 60px 60px;
    background-color: #F6F6F6;
  }

  #mini-image-four {
    height: 450px;
    background-color: #f6f6f6;
  }
  /*-----END ABOUT MINI BLOCK-----*/
  /*----------------------------------------------------------------------------*/
  /*-----NEWS BLOCK-----*/

  .news-column {
    text-align: center;
    padding-top: 50px;
  }

  .news-image img {
    border-radius: 25px 25px 0 0;
    width: 100%;
    padding: 18px 18px 0;
  }

  .news-text {
    background-color: #FFF;
    border-radius: 0 0 10px 10px;
    padding: 0 10px 40px 10px;
    margin: 0 18px 46px 18px;
  }

  .news-text h4 {
    padding-top: 10px;
  }

  .news-text p {
    font-size: 14px;
    color: #95989A;
  }

  .btn-news {
    margin-top: 15px;
    background-color: #FBCB33;
    border: none;
  }
  /*-----END NEWS BLOCK-----*/
  /*----------------------------------------------------------------------------*/
  /*-----GARAGE BLOCK-----*/

  #garage a {
    display: block;
    position: relative;
    padding: 10px 0;
  }

  .gallery-item {}

  .gallery-item img {
    width: 350px;
    object-fit: cover;
    height: 350px;
  }

  .item-desc {
    position: absolute;
    bottom: 10px;
    width: 100%;
    padding-left: 10px;
    background-color: rgba(251, 203, 51, 0.85);
  }

  .item-desc h4 {
    color: #000;
  }

  .item-desc h5 {
    color: #FFF;
  }
  /*-----END GARAGE BLOCK-----*/
  /*----------------------------------------------------------------------------*/
  /*-----CONTACT BLOCK-----*/

  #contact a {
    font-size: 20px;
  }

  .contact-left {
    padding-left: 70px;
  }

  .contact-left h3 {
    margin-top: 0px;
  }

  .contact-address {
    margin-bottom: 30px;
  }

  .contact-phone {
    margin-bottom: 30px;
  }

  .contact-email {
    margin-bottom: 30px;
  }

  .btn-statut {
    position: relative;
    display: block;
    margin: 15px 0 5px;
    background-color: #FBCB33;
    border: none;
    width: 280px;
    height: 80px;
    font-size: 20px;
    padding-left: 70px;
    padding-top: 26px;
  }

  .btn-statut:before {
    position: absolute;
    height: 60px;
    width: 60px;
    top: 10px;
    left: 20px;
    content: url(/img/pdf-icon.png);
  }


  .btn-pristupnica {
    display: block;
    position: relative;
    margin: 15px 0 30px;
    background-color: #FBCB33;
    border: none;
    width: 280px;
    height: 80px;
    font-size: 20px;
    padding-left: 70px;
    padding-top: 26px;
  }

  .btn-pristupnica:before {
    position: absolute;
    height: 60px;
    width: 60px;
    top: 10px;
    left: 20px;
    content: url(/img/pdf-icon.png);
  }

  .contact-right {
    padding-right: 70px;
  }

  .contact-right .form-group input {
    padding: 20px;
    height: 50px;
  }

  .form-group #name {
    margin-top: 34px;
  }

  .form-group #message {
    height: 120px;
  }

  .submit-btn {
    float: right;
    width: 160px;
    height: 40px;
    background-color: #FBCB33;
    font-size: 18px;
    border: none;
  }
  /*-----END CONTACT BLOCK-----*/
  /*----------------------------------------------------------------------------*/
  /*----- FOOTER BLOCK -----*/

  footer {
    background-color: #FBCB33;
    text-align: center;
    height: 90px;
  }

  footer p {
    padding: 30px 0;
  }
  /*----- END FOOTER BLOCK -----*/
  /*----------------------------------------------------------------------------*/
  /*----- @ max-1280 -----*/

  @media only screen and (max-width: 1280px) {
    nav .navbox {
      margin: 300px 0 300px 0;
    }

    .skmk {
      display:none;
    }
    /*----- END @ max-1280 -----*/
    /*----------------------------------------------------------------------------*/
    /*----- @ max-1025 -----*/
    @media only screen and (max-width: 1025px) {
      #mini-text-three {
        padding: 30px 60px;
      }
      .skmk {
        display:none;

      }
      #mini-text-four {
        padding: 30px 60px;
      }
    }
    /*----- END @ max-1025 -----*/
    /*----------------------------------------------------------------------------*/
    /*----- @ max-990 -----*/
    @media only screen and (max-width: 990px) {
      .skmk {
        display:none;

      }

      .upper {
        height: auto;
      }
      .lower {
        height: auto;
      }
      .btn-join {
        margin-bottom: 20px;
      }
      #mini-text-one {
        height: auto;
        padding: 20px 60px;
      }
      #mini-text-two {
        height: auto;
        padding: 10px 60px;
      }
      #mini-text-three {
        height: auto;
        padding: 10px 60px;
      }
      #mini-text-four {
        height: auto;
        padding: 10px 60px;
      }
      .contact-right {
        padding-right: 0;
      }
    }
    /*-----END @ max-990 -----*/
    /*----------------------------------------------------------------------------*/
    /*----- @ max-767 -----*/
    @media only screen and (max-width: 767px) {
      .mobile-nav {
        display: block;
      }
      .skmk {
        display:inline;

      }


      .orgs {
        display: inline;
      position: absolute;
      top: 10px;
      height: 50px;
      left: 10px;
      }

      .orgs img {
        height: 30px;
      }

      .skmk img {
        height: 100px;
      }

      .fiva {
        position: absolute;
        left: 110px;
      }
      .ssiv {
        position: absolute;
        left: 80px;
      }
      nav {
        background: url(/img/nav-bck.jpg) no-repeat;
        background-size: cover;
      }
      .navbar-inverse {
        background-color: transparent;
        border-color: none;
      }
      .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border: none;
        float: right;
        background-color: rgba(255, 255, 255, 0.5);
      }
      .navbar-inverse nav li {
        height: auto;
      }
      .navbar-inverse .navbar-nav>li>a {
        color: #000;
        text-align: center;
      }
      nav li a {
        width: 220px;
        border: none;
        background-color: transparent;
      }
      nav .navbox {
        display: none;
      }
      #about .section-title h1{
        padding-top: 40px;
      }
      .parallax {
        min-height: 150px;
      }
      .gallery-item img {
        width: 100%;
      }
      .submit-btn {
        margin-bottom: 50px;
      }
    }
    /*----- END @ max-720 -----*/
    /*----- @ max-480 -----*/
    @media only screen and (max-width: 480px) {
      .orgs {
        display: inline;
      position: absolute;
      top: 10px;
      height: 50px;
      left: 10px;
      }

      .orgs img {
        height: 30px;
      }

      .skmk img {
        height: 100px;
      }

      .parallax {
        min-height: 150px;
      }
      #about .section-title h1{
        padding-top: 40px;
      }
      #about-text-upper {
        padding: 25px 40px;
      }
      /*
    .lower {
      height: 350px;
    }*/
      .btn-join {
        margin-top: 0;
      }
      .btn-pristupnica {
        width: 250px;
      }
      .btn-statut {
        width: 250px;
      }
      #myBtn {
        padding: 8px 7px;
        font-size: 10px;
        width: 30px;
        height: 30px;
      }

    }
    /*----- END @ max-480 -----*/
    /*----- @ max-320 -----*/
    @media only screen and (max-width: 320px) {
      .section-title h1 {
        font-size: 30px;
      }
      section {
        padding-bottom: 0;
      }
      .parallax {
        min-height: 100px;
      }

      .orgs {
        display: inline;
      position: absolute;
      top: 10px;
      height: 50px;
      left: 10px;
      }

      .orgs img {
        height: 30px;
      }

      .skmk img {
        height: 100px;
      }
      #about .section-title h1{
        padding-top: 40px;
      }

      #about-image-upper {
        background-position: center;
      }
      #about-text-upper {
        padding: 20px 30px;
      }
      #about-image-lower {
        background-position: center;
      }
      #about-text-lower {
        padding: 20px 30px;
      }
      .news-column {
        padding: 0;
      }
      .news-text {
        margin: 0 18px 26px 18px;
      }
      .gallery-item img {
        width: 300px;
        height: 250px;
      }
      .contact-right {
        padding-right: 0;
        text-align: center;
      }
      .btn-pristupnica {
        width: 250px;
      }
      .btn-statut {
        width: 250px;
      }
      .submit-btn {
        margin-bottom: 30px;
      }
      #mini-text-one {
        height: auto;
        padding: 10px 20px;
      }
      #mini-text-two {
        height: auto;
        padding: 10px 20px;
      }
      #mini-text-three {
        height: auto;
        padding: 10px 20px;
      }
      #mini-text-four {
        height: auto;
        padding: 10px 20px;
      }
      #myBtn {
        padding: 8px 7px;
        font-size: 10px;
        width: 30px;
        height: 30px;
      }
    }
    /*----- END @ max-320 -----*/