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

html {
  scroll-behavior: smooth; }

#back-to-top {
  position: fixed;
  bottom: 25px;
  right: 40px;
  z-index: 9999;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 30px;
  background: #f5f5f5;
  color: #444;
  cursor: pointer;
  border: 0;
  border-radius: 2px;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  opacity: 0;
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) all; }

#back-to-top:hover {
  background: #e9ebec; }

#back-to-top.show {
  opacity: 1; }

.navbar .container {
  padding-left: 0;
  padding-right: 0; }
.navbar .navbar-brand img {
  max-width: 250px;
  height: auto; }
@media screen and (max-width: 992px) {
  .navbar .navbar-collapse {
    margin: 20px 5px;
    text-align: center; }
    .navbar .navbar-collapse .nav-link {
      font-size: 26px;
      color: rgba(0, 0, 0, 0.5);
      color: #000; } }
.navbar .nav-item {
  font-size: 16px;
  text-transform: uppercase;
  padding-left: 10px;
  padding-right: 10px;
  letter-spacing: 3px; }
  .navbar .nav-item a {
    transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) all;
    border-bottom: 2px solid transparent; }
    .navbar .nav-item a.active {
      color: #e41c12 !important; }
    .navbar .nav-item a:hover {
      border-bottom: 2px solid #e41c12; }

.its-border {
  border: none;
  margin: auto; }
  .its-border .bg {
    width: 60px;
    margin-right: 2.5px;
    margin-left: 2.5px;
    height: 5px;
    background: #e41c12; }

#oferta, #services {
  padding: 30px 15px;
  padding-top: 100px;
  padding-bottom: 100px;
  background: #f5f5f5;
  min-height: 100vh; }
  #oferta .col-md-4, #services .col-md-4 {
    background: #f8f9fa;
    padding: 20px; }
    #oferta .col-md-4.bg-1, #services .col-md-4.bg-1 {
      background: url("../images/bg.jpg") no-repeat center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; }
      @media screen and (max-width: 768px) {
        #oferta .col-md-4.bg-1, #services .col-md-4.bg-1 {
          margin-top: 30px;
          min-height: 100px; } }
  #oferta .nav-link, #services .nav-link {
    color: #e41c12;
    border-radius: 0 !important; }
    #oferta .nav-link.active, #services .nav-link.active {
      background: #e41c12;
      color: #fff; }
  #oferta .tab-pane a, #services .tab-pane a {
    color: #e41c12; }

.grecaptcha-badge {
  display: none; }

#kontakt, #contact {
  padding: 30px;
  color: #fff;
  min-height: 100vh;
  background: no-repeat center center  fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  #kontakt .rc-anchor-invisible-text, #contact .rc-anchor-invisible-text {
    padding-left: 85px;
    font-size: 12px; }
    #kontakt .rc-anchor-invisible-text a, #contact .rc-anchor-invisible-text a {
      color: #fff; }

#spacer {
  height: 10vh;
  background: no-repeat center center  fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

#offerbox a {
  color: #e41c12; }
#offerbox .o1, #offerbox .o2, #offerbox .o3, #offerbox .o4 {
  display: none; }

#o-mnie, #about {
  padding: 30px;
  min-height: 100vh; }
  #o-mnie a, #about a {
    color: #e41c12; }
  @media screen and (min-width: 992px) {
    #o-mnie, #about {
      background: url("../images/about.jpg") no-repeat bottom right fixed;
      background-size: auto 90%; } }

#strzelectwo, #shooting {
  padding: 30px;
  min-height: 100vh; }
  #strzelectwo a, #shooting a {
    color: #e41c12; }
  @media screen and (min-width: 992px) {
    #strzelectwo, #shooting {
      background: url("../images/bg2.jpg") no-repeat bottom right fixed;
      background-size: auto 90%; } }
  #strzelectwo a img, #shooting a img {
    max-height: 70px;
    margin-bottom: 10px; }
  #strzelectwo a:first-child, #shooting a:first-child {
    padding-left: 0; }

.d-flex.h-100 {
  min-height: 100vh; }

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite; }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }
#home {
  min-height: 100vh;
  perspective: 30px;
  background: no-repeat center center  fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #fff; }
  #home #home-content {
    padding: 15px;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s; }
  #home h1 {
    font-size: 3.5rem; }
  #home .btn-primary {
    margin-bottom: 10px;
    border: 2px solid #e41c12;
    border-radius: 0 !important;
    background: rgba(228, 28, 18, 0.2);
    color: #fff;
    letter-spacing: 5px;
    padding: 8px 38px;
    text-transform: uppercase;
    font-weight: 200;
    font-size: 1.2rem;
    font-weight: 300;
    margin-left: 10px;
    margin-right: 10px; }
    #home .btn-primary:hover {
      color: #fff;
      background: #e41c12; }
    #home .btn-primary:last-child {
      background: #e41c12; }
      #home .btn-primary:last-child:hover {
        color: #e41c12;
        background: #fff;
        border-color: #fff; }

.fixed-bottom {
  color: #fff;
  padding: 10px;
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) all; }
  .fixed-bottom a {
    color: inherit; }
  .fixed-bottom.not-transparent {
    color: #000;
    background: #fff;
    padding-bottom: 0; }
    .fixed-bottom.not-transparent #back-to-top {
      bottom: 35px; }

.fixed-bottom {
  z-index: 1028; }

.left-box {
  font-size: 12px !important;
  max-height: 100%;
  overflow-y: auto;
  position: fixed;
  padding: 90px 15px 15px 15px;
  left: 0;
  top: 0;
  height: 100%;
  background: #f8f9fa;
  width: 450px;
  max-width: 100%;
  transform: translateX(-100%);
  display: block !important;
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) transform;
  z-index: 1029; }
  .left-box h3 {
    font-size: 22px; }
    .left-box h3 img {
      width: 20px;
      height: auto; }
  @media screen and (max-width: 992px) {
    .left-box {
      width: 100%; } }
  .left-box.show {
    transform: translateX(0); }

@media screen and (max-width: 992px) {
  #back-to-top {
    display: none !important;
    visibility: hidden !important; }

  .fixed-bottom {
    padding-top: 30px;
    position: relative;
    color: #000;
    background: #fff;
    padding-bottom: 0; }
    .fixed-bottom #back-to-top {
      bottom: 35px; }
    .fixed-bottom .col-4 {
      flex: 0 0 100%;
      max-width: 100%;
      text-align: center !important;
      margin-bottom: 10px; } }