/*red #c1302d
green #42a64b*/

@font-face {
    font-family: PTmono;
    src: url('fonts/ptmono-regular.ttf.txt');
}

@media screen and (max-width: 767px) {

	.ukryj_duze {
   	  display: none!important;
   } 

   .nag_b {
    position: relative;
    top: 32px;
   }

   .nopb {
     padding-bottom: 0px;
   }

	.navbar-inverse .navbar-nav > li > a {
     color: #000000;
   }

   .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d; 
   }

   .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #F97E02;
    color: #ffffff;
   }

   .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a {
       font-size: 1.2em;
   }

   .dropdown-content {
     width: 100%;
   } 

   .navbar-collapse {
      // border-bottom: 1px solid #000000;
      background-color: #f0f0f0;
      margin-top: 8px;
   }

   .navbar-header {
      background-color: #fff;
      font-family: Limelight;
   }

   .navbar-inverse .navbar-brand {
     color:#fff;
   }

   .navbar-brand {
     background-color:transparent;
     padding-top: 0px;
     padding-left: 0px;
   }


   .navbar-brand > img {
     border:0px;
     height:50px;
     padding: 0px;
     margin-left: 8px;
     width: 90%;
   }



   .navbar-brand > a:hover {
     background-color:transparent;
     color: #000000;
   }

   .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    background-color:transparent;
    /* color: #468c01; */
    color: #59b302;
   }

   .dropdown .dropbtn {
      color:#9d9d9d;
      font-size: 1.2em;
   } 
  
   .dropdown-content {
    position: relative;
   }   

   .dropdown-content a {
      width: 100%;
   }

   .navbar {
     margin-bottom: 0px;
   }

   .logo, .logo1 {
     display: none;
   }

  .st_logo {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }  

  .adres {
    text-align: center;
  }


  .lzl {
    text-align: center;
  }

  .smedia {
    text-align: center;
    margin-top: 25px;
  }

  .wimg {
      width: 100%;
      height: 200px;
      overflow: hidden;
      background-image: url('pliki-nowe/4.jpg');
      background-size: cover;
      animation-name: vslide;
      animation-duration: 8s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
   }


   @keyframes vslide {
      0% {background-position-y: 0px;}
      50% {background-position-y: -45px;}
      100% {background-position-y: 0px;}
    }


   .wpdtop {
      padding-top: 66px;
      position: relative;
   }


   .anons {
      position: relative;
      bottom: -40%;
      text-align: center;
      font-size: 1.1em;
      width: 100%;
      font-family: PTmono;
      text-shadow: 1px 1px 2px white;
      font-weight: bolder;
      color: #000;
   }


   .para {
      min-height: 200px;
      // background-position-x: -191px;
   }



}  /* max */



@media screen and (min-width: 767px) {
 

  .ukryj_male {
   	  display: none!important;
   }	

 
  

 .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a {
       font-size: 1.2em;
       text-transform: uppercase;
   }

   .setka {
   	 width:100%;
   }

   .navbar-nav > li {
   	  margin-right: 15px;
   	  margin-left: 15px;
   }


	 .navbar-brand {
     background-color:#FFFFFF;
   }


   .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a {
      color:#000000;
   }

   .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
     background-color:#FFFFFF;
   }

   .dropdown .dropbtn {
      color:#FFFFFF;
   } 

   .dropdown-content {
    position: absolute;
    width: auto;
   }

   .dropdown-content a {
      width: auto;
      display: block;
   }


   .logo {
     width:30%;
     float: left;
   }

   .logo1 {
     width:13%;
     float: right;
   }

   .logo > img {
    max-height:100px;
    border: 1px solid #000;
    padding: 9px;
   }

   .logo1 > img {
    max-height:200px;
   }
   .navbar-nav {
      padding-top: 23px;
      float: none;
      margin-left: auto;
      margin-right: auto;
   }

   .lzl {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
   }



	.navbar {
    background-color: #5eccee; 
    margin: 0px;
   }

   .wprawo {
      float: right;
   }


   .wimg2 {
      width: 100%;
      height: 600px;
      overflow: hidden;
      background-image: url('pliki-nowe/4.jpg');
      background-size: cover;
      animation-name: vslide;
      animation-duration: 20s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
   }

   @keyframes vslide {
      0% {background-position-y: 0px;}
      50% {background-position-y: -300px;}
      100% {background-position-y: 0px;}
   }

   .obraz {
     padding-top: 117px;
   }


   .wpdtop {
      padding-top: 117px;
      position: relative;
   }


   .anons {
      position: relative;
      bottom: -40%;
      text-align: center;
      font-size: 2.3em;
      width: 100%;
      font-family: PTmono;
      text-shadow: 1px 1px 2px white;
      font-weight: bolder;
      color: #000;
   }

   .opis {
     font-size: 1.34em;
     line-height: 1.7em;
     color: #000;
     // text-align: justify;
   }

   .pdl { 
     padding-left: 0px; 
     padding-right: 0px;
    }

   .obrazx {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 12px;
      overflow: hidden;
      padding-left: 15px;
      padding-right: 15px;
   }

   .ptt {
    padding-top: 16px;
   }

   .zd {
      height: 100%!important;
      max-width: 115%;
   }

   .obraz_kontakt {
     max-height: 350px;
     overflow: hidden;
   }


   .st_logo {
    position: absolute;
    width: 40%;
    left: 15px;
    top: 4px;
   }

   .adres {
    float: right;
    width: 60%;
    padding-top: 4px;
    text-align: center;
}

  .para {
     min-height: 300px;
     background-position-y: 100px ;
   } 

   .oftt {
    //  padding-left: 15px;
      padding-right: 15px;
   }

}	/* min */





.slideanim {visibility: hidden;}

.slide_p {
    animation-name: pokaz;
    -webkit-animation-name: pokaz;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    visibility: visible;
    color:white;
}

@keyframes pokaz {
    0% {
      opacity: 0;
      bottom: -100%;
    } 
    100% {
      opacity: 1;
      bottom: -40%;
    }
  }


 
  .slide {
    animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
  }

  @keyframes slide {
    0% {opacity: 0; transform: scale(0);} 
    100% {opacity: 1; transform: scale(1);}
  }

  
  @-webkit-keyframes slide {
    0% {opacity: 0; -webkit-transform: scale(0);} 
    100% {opacity: 1; -webkit-transform: scale(1);}
  }




.sticky {
	position: fixed;
	top: 0px;
	width: 100%;
}


.navbar {
    border-radius: 0px;
    z-index: 100;
    background-color: #fff;
    border: 0px solid;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #000;
}



.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a {
	/* color:#888888; */
    line-height: 30px;
    transition-duration: .5s;
    border-radius: 5px;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
	color:#ffffff;
  background-color: #42a64b;
}


.navbar-inverse .navbar-toggle {
  background-color: #FFFFFF;
  border-color: #000;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #000!important;
}


.navbar-inverse .navbar-toggle:hover .icon-bar {
    background-color: #FFFFFF!important;
}


.navbar-inverse .navbar-toggle:focus {
  background-color: #FFFFFF;	
}

.navbar-inverse .navbar-toggle:hover {
	background-color: #9c9c9d; 
} 


.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #ee753b;
}




.dropdown .dropbtn {
  font-size: 1.2em;
  border: none;
  outline: none;
  // color: #FFFFFF;
  line-height: 3.6em; 
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  transition-duration: .5s;
  border-radius: 5px;
  width: 100%;
  text-align: left;
  padding-left: 15px;
}

.dropdown:hover .dropbtn {
   color: #fff;
   background-color: #26b9b9;
}

.dropdown-content {
  display: none;
  background-color: #f9f9f9; 
  /* background-color: #c9e876; 
  background-color: #aeca20; */
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 100;
  float: left;
  border-radius: 5px;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block; 
  text-align: left;
  border-radius: 5px;
 /*width: auto; */
}  

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
}


.dropdown:hover .dropdown-content {
  display: block;
}


.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover 
{
    color: #fff; 
    background-color: #42a64b;
}    


.para {
    padding-right: 0px;
    padding-left: 0px;
    background-image: url('images/firma_b.jpg');
    background-attachment: fixed;
    background-size: cover;
}


.nopad {
    padding: 0px;
    overflow: hidden;
    background-color: #000;
}

a > img {
    transition: 1s;
    width: 100%;
    height: 100%;
}

a > img:hover {
    transform: scale(1.1);
}


footer {
    background-color: #000;
    color: #ffffff;
    padding: 15px;
    position: relative;
}

.stopka {
    padding: 15px;
    text-align: left;
    
    background-color: #42a64b;
}


.n2 {

    border-top: 1px solid #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 0.8em;

}


.social-icons, .social-icons:visited {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    background-color: #505050;
    text-align: center;
    border-radius: 50%;
    vertical-align: middle;
    padding: 11px;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.social-icons:hover {
  color: #000000;
  background: #fff;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  text-decoration:none;
}

.mapa {
    margin-top: 15px;
    margin-bottom: 20px;
    width: 100%;
    height: 500px;
}

.pp {
    padding-left: 0px;
    padding-right: 0px;
}


p > .material-icons {
  position: relative;
  top: 6px;
}

.link {
    text-decoration: none;
    color: #000;
    font-weight: bold;
    padding-left: 3px;
}

.lk {
    display: block;
}

.link:hover {
    background-color: #646161;
    color: #fff;
}

a:hover {
    text-decoration: none;
}

.ntyt {
    color: white;
    background-color: #42a64b;
      border-radius: 15px 50px;
  text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
}

.tt1 {
    background-color: #f2f2f2;
}