@-webkit-keyframes shadow-drop-center {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
  }
}
@keyframes shadow-drop-center {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
  }
}

@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
@-webkit-keyframes slide-top{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}@keyframes slide-top{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
body {
	background:rgba(0, 15, 71, 1);/*background:rgba(230, 28, 61, 1);*/
}
.strona_glowna {
    height: 100vh;
}
.photo {
	background: rgba(107, 194, 0, 1);
	background: url("../img/zdjecie_glowne.jpg") no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-attachment:fixed;
    width:100%;
    height:100%;
}
.shadow-drop-center {
	-webkit-animation: shadow-drop-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: shadow-drop-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.heartbeat{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}
i {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.backg {
	/*background: rgba(107, 194, 0, 0.3);*/
	transition:0.5s;
    height: 100vh;
}
	
#haslo, #haslo_galeria {
 	margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
    color:#FFFFFF;

}
#haslo img {
	display:block;
	width: 800px;
	height: auto;
}
#haslo_galeria img {
	display:block;
	width: auto;
	height: 71px;
}
.wrapper{
	height: auto;
	margin: 0 auto;
    position: relative;
}
header nav ul li a{
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
}
h1 {
    font-weight: 100;
    font-family: 'Cinzel', serif;
	text-align:center;
	color:rgb(229, 183, 98);
	font-size:40px;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.40);
    line-height: 1.2em;
    --animate-duration: 2s;
    padding: 50px;
}
h2 {
    padding: 50px;
    font-size: 40px;
    --animate-delay: 0.5s;
}
.czynnosci h2 {
	color:rgb(229, 183, 98);
}
h2, h3 {
	
    font-family: 'Cinzel', serif;
}
h2, h3{
	text-align:center;
    line-height: 30px;
    font-weight:lighter;
}
#o_kancelarii h2 {
    color: rgb(225, 225, 225);
}
h3 {
	color: rgb(229, 183, 98);
	margin-bottom: 30px;
    font-size: 25px;
    text-align: center;
   
}
nima a {
	display: none;
}
nima{
	transition: 1s;
}
.border {
     border-bottom: 1px solid #ffffff;
}
h4{
	color:#6bc200ff;
	text-align:center;
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
.pierwsze_logo img{
    height: 60px;
    width: auto;
    margin-top: -3px;
    padding: 37px 50px 30px 50px;
    float: left;
}
.pierwsze_logo_tlo {
    background: rgba(0,15,71,1);
}
.logo_pelne {
    width: 70%;
    margin: 0 auto;
    --animate-duration: 3s;
}
}
span a {
	color:#ffffff;
}
.haslo {
    color:#ffffff;
	text-align:center;
    font-family: 'Cinzel', serif;
    font-size: 28px;
    line-height: 1.5em;
    letter-spacing: 1px;
    padding-bottom: 30px;
}
.alt-color {
    background-color: #FFFFFF;
}

.outline {
   position: absolute;
   clip:rect(0px 0px 0px 0px);
   *clip: rect(0 0 0 0);
}
.wrapper_oferty p, .wrapper_contact p, .wrapper_oferty_oferty p, .hello_galeria p{
	color:#ffffff;
	text-align:center;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    line-height: 1.5em;
    padding: 30px;
    
}
header{
    width: 100%;
    height: 125px;
    position: fixed;
    background: rgb(0,15,71);
    background: linear-gradient(180deg, rgba(0,15,71,0.5) 0%, rgba(0,0,0,0) 100%);
    --animate-duration: 2s;
}

header .logo{
	width:270px;
	height:auto;
	position:absolute;
    margin-left:67px;
    margin-top: 12px;
    z-index:9998;
    
}
header .logos{
	width:270px;
	height:auto;
	position:absolute;
    left:67px;
    margin-top: 12px;
    z-index:9999;
}
.nima a {
	display: none;
}
header .logoscroll{
	width:80px;
	margin-top:10px;
}
header nav{
	float:right;
    overflow: hidden;
    display: inline-block;
    margin: 40px 40px 0 0;
    padding: 13px 40px;
    z-index: 9999;
}
header nav ul{
    list-style: none;
}
header nav ul li{
    float: left;
    margin-left: 67px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 3px;
    text-transform:uppercase;
}
header nav ul li img{
    margin-top: -3px;
}
.colormenu ul li a {
	color: #000000;
}
header nav ul li:first-child{
    margin-left: 0;
}
header nav ul li a {
    text-decoration: none;
    color: #FFFFFF;
}
header nav ul li a:hover{
    color: rgb(229, 183, 98);
}
.navfixed {
	z-index: 9999;
    top: 0;
    transition: 0.2s all linear;
	
 /* background: rgb(0, 14, 71);*/
}
svg {
    padding: 40px;
    float: left;
    height: 60px;
    width: auto;
}
.godlo {
    display: block;
    position: absolute;
    position: fixed;
    z-index: -1;
    opacity: 0.05;
    margin-left: 50%;
    max-width: 500px;
    
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.alt-color {
	background-color:rgba(0, 15, 52, 1);
}
.welcome{
	    width: 100%;
    height: 350px;
     display: flex;
  flex-direction: column;
  justify-content: center;
}
.welcome_galeria{
	    width: 100%;
    height: 450px;
     display: flex;
  flex-direction: column;
  justify-content: center;
}
.welcome p {
	font-family: 'Poppins', sans-serif;
	text-align:center;
	color:#ffffff;
	font-size:50px;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.40);
  margin-top:150px;
	
	padding: 30px 50px !important;
}
.slide-top{-webkit-animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) both}

.hello {
	margin: 0 auto;
    height: 100vh;
    position: relative;
    display: flex;
 justify-content: center;
 align-items: center;
}
.hello_uff {
    background: #ffffff;
	    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
    padding: 185px;
    height: auto;
    position: relative;
    overflow:hidden;
}
.hello_uff span {
    display: block;
	    font-family: 'Cinzel', cursive;
    text-align: center;
    background: rgb(2,0,36);
    background: linear-gradient(
90deg
, rgba(2,0,36,1) 0%, rgba(167,116,52,1) 0%, rgba(252,211,115,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
    /* background: rgba(255, 255, 255, 0.8); */
    padding: 0 0 50px 0;
    
}
.hello_uff p {
    text-align: center;
     color: rgb(0, 15, 52);
    
}
.wieksze {
      font-size: 40px;
    font-family: 'Cinzel', serif;
    padding-bottom: 100px;     
}
a {
	text-decoration: none;
    color: inherit;
}
}
.hello span a:hover {
	color:#ffffff;
}
.hello_galeria span a {
	color:#ffffff;
	text-decoration: none;
}
}
.hello_galeria span a:hover {
	color:#000000;
}
.hello_galeria {
	margin: 0 auto;
    font-family: 'Poppins', sans-serif;
    padding-top:45px;
    padding-bottom:45px;
    height: auto;
    position: relative;
   width: 100%;
}
.hello_galeria_galeria {
	margin: 0 auto;
    height: auto;
    position: relative;
   width: 80%;
}
.slide-in-top {
    -webkit-animation:slide-in-top 1s cubic-bezier(.23,1.000,.32,1.000) infinite alternate both;
animation:slide-in-top 1s cubic-bezier(.23,1.000,.32,1.000) infinite alternate both;
transform: rotate(45deg);}
.hello_galeria_galeria h2 {
	font-size: 14px;
    margin-right: 50px;
    margin-bottom:0;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.hello_klienci {
	margin: 0 auto;
    font-family: 'Poppins', sans-serif;
    padding:85px;
    height: auto;
    position: relative;
    max-width: 1300px;
}
.about {
    margin: 0 auto;
    height: auto;
    position: relative;
    width: 70%;
}
.padding5 {
    padding: 5% 0 5% 0;
}
.about {
    font-family: 'Poppins', sans-serif;
    text-align: center;
    color: rgb(0, 15, 52);
    font-size: 16px;
    line-height: 24px;
    background: rgba(255, 255, 255, 1);
    padding: 5%;
}
.about p {
    padding: 5px;
}
.czynnosci {
	background: url("../img/main.jpg") no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-attachment:fixed;
    padding-top: 100px;
    padding-bottom: 100px;
}

.arrow {
	margin: 0 auto;
	text-align:center;
	width: 40px;
    height: auto;
}




.hello_galeria span:hover {
	    background-color: rgba(0, 15, 71, 1);
}

.hello span a:hover, .hello span:hover, .hello_galeria span:hover, .hello_uff span a:hover, .hello_uff span:hover {
	color:#FFFFFF;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
}
.hello_uff span:hover {
	background:5da800ff;
}
.hello p, .hello_galeria p{
	font-family: 'Cinzel', cursive;
	text-align:center;
    color: rgb(229, 183, 98);
	font-size: 40px;
    line-height: 55px;
	/*background: rgba(255, 255, 255, 0.8);*/
	padding:50px;
    --animate-duration: 4s;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}
.hello_uff h2 {
	color:#0c5346;
}
.hello_bg {
	}
.hello_bg h2 {
	color:#ffffff;
}
.uff_bg {
	background:rgb(0, 15, 52);
    width:100%;
}
.uff_bg_galeria {
	background:#ffffff;
}
.uff_bg_contact {
	background:#FFFFFF;
}
/*#oferty{
	padding-top:50px;
    padding-left:50px;
    padding-right:50px;
}*/
#oferty_strona{
	padding-top:70px;
    padding-left:50px;
    padding-right:50px;
}

.wrapper_oferty {
	background: rgba(0, 15, 71, 0.7);
}
#contact h2{
	color: rgb(0, 15, 52);
    padding-bottom: 100px;
}
#oferty h2 {
	color:#6bc200ff;
}
.wrapper_oferty h5, .wrapper_contact h5 {
	color:#FFFFFF;
	margin-bottom: 100px;
}
.oferta, .oferta_referencje {
    display: block;
    padding: 0 1.66%;
    width: 30%;
    height: 100%;
    float: left;
    }
	.oferta_oferta{
    display: block;
    width: 20%;
    height: 100%;
    float: left;
    }
	.oferta_opis {
		padding:40px;
        
	}
.oferta_opis ul {
     border-top: 1px solid;
    border-color: rgb(229, 183, 98);
    padding-top: 30px;
}
.oferta_opis li{
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
    text-decoration: none;
     list-style-type: none;
    line-height: 1.5em;
    padding-bottom: 20px;
    text-align: center;
    font-size: 16px;
	}
.jasny {
    background: rgba(255, 255, 255, 0.3);
    width: 70%;
    margin: 0 auto;
}
	.ciemny {
		background: rgba(0, 15, 52, 0.7);
	}
.ciemniejszy {
		background: rgba(0, 15, 52, 0.9);
	}
.oferta img{
    margin: 0 auto;
    width: 100px;
    height: auto;
    text-align: center;
    }
.ofertamiddle{
    display: block;
    width: 26.66659%;
    height: auto;
    float: left;
    margin-right: 10%;
    margin-left: 10%;
}

.mapa {
	width:100%;
	height:400px;
	margin:0 auto;
}

.wrapper_oferty {
	padding: 10% 10% 0 10%;
}
.wrapper_referencje {
	background: rgba(0, 15, 71, 0.8);
	padding: 5%;
}
.wrapper_referencje h2 {
	padding: 30px;
}
.wrapper_oferty, .wrapper_referencje {
	height: auto;
	margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.wrapper_oferty_oferty {
	position: relative;
    z-index: 999;
	width: 80%;
	/*background: rgba(255, 255, 255, 1);*/
	height: auto;
	margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.wrapper_contact {
		height: auto;
	margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.linijka {
	overflow:auto;
	display:block;
	min-height:200px;
	height:100%;
	margin-bottom:30px;
    padding: 5%;
    --animate-delay: 0.5s;
}
.linijka_referencje {
	display:block;
	min-height:100px;
	width:100%;
	height:100%;
}
.linijka_contact {
	min-height:180px;
	width:100%;
	height:100%;
	text-align: center !important;
}
.oferta h3, .ofertamiddle h3, .kontakty h3, .kontaktymiddle h3 {
    margin-bottom: 20px;
    color: #FFFFFF;
    font-family: 'Raleway', sans-serif;
    font-size: 23px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align:center;
}
.oferta p, .ofertamiddle p, .kontakty span  {
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
	color:#ffffff;
    font-size: 15px;
    line-height: 18px;
    text-align:center;
}
.oferta_referencje p  {
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
	color:#ffffff;
    font-size: 20px;
    line-height: 25px;
    text-align:center;
	font-style: italic;
}
.oferta_referencje span  {
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
	color:#ffffff;
    font-size: 15px;
    line-height: 18px;
    text-align:center;
	font-style: italic;
	display:block;
}

.oferta p:hover, .ofertamiddle p:hover {

	color:#FFFFFF;
	transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
}
/*.container {
	background-color:#004d40;
}*/
.info_pic {
		padding-bottom:35px;
}
.info_pic_galeria {
		padding-bottom:0;
}
.hello_galeria h5 {
	margin-bottom: 45px;
}

.oferta span, .asortyment_oferta span{
	color: #FFFFFF;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;   
}
.oferta a, .asortyment_oferta a {
	text-decoration: none;
}
.oferta span:hover, .asortyment_oferta span:hover {
	color: #000000;
}
#contact p {
   

    
}
.contact_text {
width: 80%;
        margin: 0 auto;
}
.contact_left {
    float: left;
    width: 50%;
}
.contact_right {
    float: right;
}

.telefon, .mail, .adres {
     padding-bottom: 30px;
    font-size: 20px;
    line-height: 24px;
    display: block;
    
}
.godziny {
    padding-bottom: 10px;
    font-size: 20px;
    line-height: 24px;
    display: block;
}

.telefon_first, .terminy {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 24px;
    display: block;
}

.nie_reklama{
    
    float: left;
    width: 50%;
}
.nie_reklama p {
    font-size: 12px;
    line-height: 18px;
}
  #map {
      width:100%;
  height:500px;
            left: 0px;
            right: 0px;
            bottom: 0px;
        }

.shadow {
	padding-top:100px;
	padding-bottom:100px;
}

    .mail a {
    color: rgb(0, 15, 52);
}

.clear{
	clear:both;
}

@media (max-width:1500px){
.oferta_opis {
    padding: 20px;
}
    .oferta_opis li {
    line-height: 1.3em;
    font-size: 14px;
}
    h3 {
    font-size: 20px;
}
}
@media (max-width:1400px){
.contact_right p {
    
    font-size: 16px;
}
    .mail a {
    display: block;
    text-align: center;
    color: rgb(0, 15, 52);
    font-size: 16px;
}
    .hello p, .hello_galeria p{
	font-size: 30px;
    line-height: 40px;
        padding: 40px;
}
        .arrow {
    width: 30px;
}
    h1, h2 {
        font-size: 30px;
    }
    header {
    height: 100px;
}
    .pierwsze_logo img {
    height: 50px;
    margin-top: -9px;
}
    header nav {
    margin: 30px 40px 0 0;
}


}
@media (max-width:1260px){
.contact_text {
width: 100%;
        margin: 0 auto;
}
.contact_left {
    float: none;
    width: 100%;
}
.contact_right {
    float: none;
}


.adres_godziny, .telefon, .telefon_first {
    padding-bottom: 30px;
}
    .mail {
        padding-bottom: 30px;
    }
.nie_reklama{
    
    float: none;
    width: 100%;
}

    .hello_uff {
    padding: 100px;
}
}
@media (max-width:910px){
header nav ul li {
    margin-left: 37px;
}
    .pierwsze_logo img {
    padding: 37px 20px 30px 30px;
}
}
@media (max-width:769px){
    .photo {
	background: url("../img/zdjecie_glowne_768.jpg") no-repeat center center;
   
}
    .backg, .strona_glowna, .hello {
        height: 86vh;
    }
    header nav ul li {
    margin-left: 67px;
}
    .pierwsze_logo {
        display: none;
    }
    .godlo {
        display: none;
    }
    .ciemny {
    background: rgba(0, 15, 52, 1);
}
    .oferta_oferta {
    width: 100%;
}
        .about {
    width: 80%;
}
}
@media (max-width:760px){
    header {
        display: none;
    }
}
@media (max-width:500px){

    h1, h2 {
    font-size: 20px;
}

    .hello_uff {
    padding: 30px;
}
    #contact h2 {
    padding-bottom: 50px;
}
}
@media (max-width:360px){
       .photo {
	background: url("../img/zdjecie_glowne_360.jpg") no-repeat center center;
   
}
        .hello p, .hello_galeria p{
	font-size: 20px;
    line-height: 20px;
        padding: 30px;
}
        .arrow {
    width: 20px;
}

}