html,body,div,span,object,iframe,p,blockquote,pre,abbr,address,cite,code,del,dfn,img,ins,kbd,q,samp,small,sub,sup,var,b,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary {
 outline: none;
 border: none;
 font-size: 100%;
 font-style: normal;
 vertical-align: baseline;
 background: none;
 margin: 0;
 padding: 0;
}
section {
padding:0px;
margin:0px;
}
article,aside,details,figcaption,figure,footer,header,nav,section,summary {
 display: block;
}
button,input,select,textarea {
 font: inherit;
 border: none;
 margin: 0;
}
a {
 -webkit-tap-highlight-color: rgba(0,0,0,0);
 -webkit-transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 -ms-transition: all 0.2s linear;
 -o-transition: all 0.2s linear;
 transition: all 0.2s linear;
 color: inherit;
 text-decoration: none;
}

a:focus {
 outline: none;
}
a:active {
 -webkit-transition: none;
 -moz-transition: none;
 -ms-transition: none;
 -o-transition: none;
 transition: none;
}
body{
    font-family: 'Roboto', sans-serif;
}
.clear{
	clear:both;
}

.header{ 
    height:110px;
    width:100%;
    position: fixed;
    z-index: 999;
}
#color{width: 100%;height: 792px;position: absolute;background-color: rgba(3, 0, 0, 0.55);}
#menu-top {
    text-align:right;
}
#menu-top li{
    display:inline-block;
    color: white;
    border-bottom: 1px solid white;
    padding: 50px 25px 25px;
    font-size: 18px;
    margin-left: -4px;
    font-weight: 300;
    cursor: pointer;
}
#menu-top li:hover {
     border-bottom:1px solid #b54548;
}
.bigheader {
    background-color: rgba(78, 77, 77,0.7);
    z-index: 99999;
}
.menu{display:none;}
#logo {
    float:left;
    margin-top: -5px;
    width:40%;
}
#zdjecie_glowne {
    display:block;
    width:100%;
    height:792px;
}
.tekst_zdjecie1 {
border: 3px solid white;
    position: absolute;
    top: 30%;
    width: 440px;
    height: auto;
    padding: 65px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
h1 {
    color:white;
    margin:0 auto;
    text-align:center;
    width:100%;
    font-weight:700;
    font-size:40px;
}
#podpis_zdjecie1 {
    color:white;
    margin:0 auto;
    width:100%;
    font-weight:300;
    font-size:30px;
}
#ikona_wiecej {
    float: left;
    margin-right: 30px;
    margin-top: 14px;
    cursor:pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}
#ikona_wiecej:hover {
    transform:scale(1.1);
}
h2 {
    font-size: 35px;
    text-align: center;
    font-weight: 400;
}
#kreska_tytul{
    width: 160px;
    background-color: black;
    height: 3px;
    margin: 0 auto;
    margin-bottom: 60px;
    border:none;
}
#tekst_onas {
    font-size: 18px;
    text-align: center;
    font-weight: 300;
}
.onas_ikony {
    margin:0 auto;
    width:auto;
}
.NewsSummaryLink{float:right;width:50%;text-align:center;}
.NewsSummaryField{float:left;width:50%;}
.NewsSummaryContent{float:right;width:42%;margin:4%;margin-top:1rem;    font-size: 13px;}
.oferty{width:100%;background:#4e4d4d;height:549px;color:white;}
.NewsSummaryLink h4{font-size:30px;font-weight:400;margin-bottom:20px;}
#aktualnosci{width:140px;height:2px;border:none;background-color:red;}
#arrows{position:relative;}
#next{position: absolute;
    display: block;
    right:0;
    cursor:pointer;
    margin-top: -29px;
    z-index: 999;
    height: 3rem;
    border-top: 3px solid white;
    border-left: 3px solid white;
    width: 3rem;
    background: #4e4d4d;;}
  #next img{  margin: 0 auto;
    margin-left: 12px;
    margin-top: 8px;}
    #prev{position: absolute;
    left: 0;
    width: 3rem;
    cursor:pointer;
    z-index: 99;
    height: 3rem;
    background: #4e4d4d;;
    border-top: 3px solid white;
    border-right: 3px solid white;
    margin-top: -28px;}
    #prev img{    margin-left: 12px;
    margin-top: 8px;}
#nav{color:rgba(0,0,0,0); height: auto;
    width: auto;
    min-width: 5rem;
    display: flex;
    justify-content: center;}
#nav a{display: block;
    border: .1rem solid #4e4d4d;;
    width: 1rem;
    height: 1rem;
    margin: .4rem;}
.activeSlide {
    background-color: #4e4d4d;;}	

.box {
    width: 232px;
    height: 255px;
    cursor: pointer;
    display: block;
    float: left;
    margin: 50px;
    margin-left:7%
}
.box3{width: 215px;
    height: 255px;
    cursor: pointer;
    display: block;
    float: left;
    margin: 50px;
    margin-left:105px;}
.box4{width: 260px;
    height: 255px;
    cursor: pointer;
    display: block;
    float: left;
    margin: 50px;
        margin-left: 88px;}
.box5 {
    width: 232px;
    height: 255px;
    cursor: pointer;
    display: block;
    float: left;
    margin: 50px;
    margin-left:4%
}
.onas_ikona1 {
    height: 140px;
    width: 230px;
    background: url("/uploads/site/onas_ikona1.png") no-repeat;
    background-position: 72px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    opacity:0.4;
}
.box:hover .onas_ikona1 {
	opacity:1;
    background-position: 72px;
    border-left: 1px solid #b54548;
    border-right: 1px solid #b54548;
}
.box5:hover .onas_ikona1 {
	opacity:1;
    background-position: 72px;
    border-left: 1px solid #b54548;
    border-right: 1px solid #b54548;
}
.box:hover .onas_ikona2 {
	opacity:1;
    background-position: 61px;
    border-left: 1px solid #b54548;
    border-right: 1px solid #b54548;
}
.box:hover .onas_ikona3 {
	opacity:1;
    background-position: 72px;
    border-left: 1px solid #b54548;
    border-right: 1px solid #b54548;
}
.tekst_onas1 {
    font-size:18px;
    padding-top: 15px;
    text-align: center;
}
.onas_ikona2 {
    height: 140px;
    width: 232px;
    background: url("/uploads/site/onas_ikona2.png") no-repeat;
    background-position: 61px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    opacity:0.4;
}
.kamera{ height: 140px;
    width: 232px;
    background: url("/uploads/site/onas_ikona2.png") no-repeat;
    background-position: 61px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    opacity:0.4;}
.box3:hover .kamera {
    opacity:1;
    background-position: 61px;
    border-left: 1px solid #b54548;
    border-right: 1px solid #b54548;
}
.tekst_onas1 {
    font-size:18px;
    padding-top: 15px;
    text-align: center;
}
.tekst_onas2 {
    font-size:18px;
    padding-top: 15px;
    text-align: center;
}
.tekst_onas4 {
    font-size:18px;
    padding-top: 15px;
    text-align: center;
}
.onas_ikona3 {
    height: 140px;
    width: 225px;
    background: url("/uploads/site/onas_ikona3.png") no-repeat;
    background-position: 72px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    opacity:0.4;
}
.ikona3{ height: 140px;
    width: 250px;
    background: url("/uploads/site/onas_ikona3.png") no-repeat;
    background-position: 87px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    opacity:0.4;}
.box4:hover .ikona3 {
    opacity:1;
    background-position: 87px;
    border-left: 1px solid #b54548;
    border-right: 1px solid #b54548;
}
.tekst_onas3 {
    font-size:18px;
    padding-top: 15px;
    text-align: center;
}
#cytat {
    background: url("/uploads/site/zdjecie2.jpg") no-repeat fixed 50% 0px / cover transparent;
    height: 500px;
    margin: 0px auto;
    overflow: hidden;
    padding: 0px;
    display: block;
    margin-bottom: 20px;
    padding-top: 300px;
}
h7 {
    color:white;
    text-align:center;
    font-size:45px;
    font-weight:600;
    text-align:left;
}
.oferta_ikony {
    margin-top:70px;
}
.box2 {
    width: 255px;
    height: 255px;
    cursor: pointer;
    display: block;
    float: left;
    margin: 10px;
}
.kontent_rel .oferty{width:1100px;margin:0 auto;margin-top:10px}
.NewsSummaryField img{width:100%}
.oferta_ikona1 {
    opacity: 1;
    height: 140px;
    width: 253px;
    background: url("/uploads/site/uslugi_ikona1_jasna.png") no-repeat;
    background-position: 72px;
    border-left: 1px solid white;
    border-right: 1px solid white;
}
.box2:hover .oferta_ikona1 {
    background: url("/uploads/site/uslugi_ikona1.png") no-repeat;
    background-position: 72px;
    border-left: 1px solid #b54548;
    border-right: 1px solid #b54548;
}
.oferta_ikona2 {
    height: 140px;
    width: 260px;
    background: url("/uploads/site/uslugi_ikona2_jasna.png") no-repeat;
    background-position: 77px;
    border-left: 1px solid white;
    border-right: 1px solid white;
}
.box2:hover .oferta_ikona2 {
    background: url("/uploads/site/uslugi_ikona2.png") no-repeat;
    background-position: 77px;
    border-left: 1px solid #b54548;
    border-right: 1px solid #b54548;
}
.oferta_ikona3 {
    height: 140px;
    width: 250px;
    background: url("/uploads/site/uslugi_ikona3_jasna.png") no-repeat;
    background-position: 73px;
    border-left: 1px solid white;
    border-right: 1px solid white;
}
.box2:hover .oferta_ikona3 {
    background: url("/uploads/site/uslugi_ikona3.png") no-repeat;
    background-position: 73px;
    border-left: 1px solid #b54548;
    border-right: 1px solid #b54548;
}
.oferta_ikona4 {
    height: 140px;
    width: 250px;
    background: url("/uploads/site/uslugi_ikona4_jasna.png") no-repeat;
    background-position: 73px;
    border-left: 1px solid white;
    border-right: 1px solid white;
}
.box2:hover .oferta_ikona4 {
    background: url("/uploads/site/uslugi_ikona4.png") no-repeat;
    background-position: 73px;
    border-left: 1px solid #b54548;
    border-right: 1px solid #b54548;
}
#kontakt {
    background-color:white;
    height:460px;
    margin-top: 50px;
    padding-top: 170px;
}
h3 {
    font-size: 35px;
    text-align: center;
    font-weight: 400;
    margin-top: -125px;
        margin-bottom: 10px;
    color:black;
}
#kreska_tytul1{
	    margin-top: -25px;
    width: 160px;
    background-color: black;
    height: 3px;
    margin: 0 auto;
    margin-bottom: 60px;
    border:none;
}
.dane_kontaktowe {
    margin: 0 auto;
    width: 930px;
}
.box_kontakt {
    width:290px;
    height:50px;
    float:left;
    margin:10px;
}
#kontakt_ikona1 {
    float:left;
}
#hr_kontakt {
    border: none;
    background-color: black;
    width: 1px;
    height: 30px;
    float: left;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 2px;
}
#numer {
    color:black;
    font-size:16px;
    font-weight:300;
    line-height: 35px;
}
#kontakt_ikona2 {
    float:left;
    margin-top: 4px;
}
#mail {
    color:black;
    font-size:16px;
    font-weight:300;
    line-height: 35px;
}
#kontakt_ikona3 {
    float:left;
    margin-top: -1px;
}
#adres {
    color:black;
    font-size:16px;
    font-weight:300;
    margin-top: -2px;
}
.footer {
    height: 110px;
    background-color: #636363;
    padding-top: 60px;
}
.ikony_portale {
    display:block;
    margin:0 auto;
    width:140px;
}
#ikona_fb {
    float:left;
    cursor:pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    
}
#ikona_fb:hover {
    transform:scale(1.1);
}
#ikona_google {
    float:right;
    cursor:pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}
#ikona_google:hover {
    transform:scale(1.1);
}
.cop {
    font-size: 14px;
    font-weight: 300;
    margin: 0 auto;
    width: 240px;
    margin-top: 10px;
    color:white;
}
.cre {
	color:white;
    font-size: 14px;
    font-weight: 300;
    margin: 0 auto;
    width: 160px;
}
.formularz {
    margin-top: 5%;
}
.formbuilderform{
    font-size:15px;
    font-weight:300;
}
input{
    background: none;
    border: 1px solid red;
    width: 95%;
    height: 35px;
    padding-left: 10px;
    display: block;
    float: left;
    color: black;
}
textarea{
    background: none;
    width: 97.4%;
    padding-left: 10px;
    height: 120px;
    padding-top: 10px;
    margin-top: 3px;
    border: 1px solid red;
    color: black;
}
.submit input{
    background: none;
    color: black;
    margin-right: 1.1%;
    height: 35px;
    width: 137px;
    cursor: pointer;
    float: right;
    border: 1px solid red;
}
.required {
    height: 39px;
    display: block;
    float: left;
    width: 502px;
    overflow: hidden;
    margin-bottom: 30px;
    color: white;
    width: 50%;
}
.required:nth-child(3) {
    width: 100%;
    height: 137px;
}
.error_message {
    position: fixed;
    top: 0px;
    z-index: 9999999999999;
    text-align: center;
    left: 50%;
    margin-left: -190px;
    background:#454C4C;
    color: white;
    font-size: 14px;
    width: 380px;
    display:inline-block;
    padding: 20px 0px;
    box-shadow: 3px 3px 20px black;
    overflow:hidden;
}
.kontent {
    margin-top:5%;
    margin-bottom:5%;
    font-size: 18px;
    text-align: center;
    font-weight: 300;
}
#o-nas {
    margin-top: -100px;
    padding-bottom: 100px;
}
#nasza-oferta {
    margin-top: -100px;
    padding-bottom: 100px;
}

.NewsSummaryContent_realizacja{text-align:center;padding-top:3%;font-size:15px;}
#animacja{position:relative;margin-top:11%}

.snip1358 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 23%;
  max-width: 23%;
  height:30vh;
  margin-top: 4%;
  color: #ffffff;
  text-align: left;
  background-color: #ffffff;

}
.snip1358 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.snip1358 img {
  width: 100%;
  height:30vh;
  vertical-align: top;
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.snip1358:before {
  background: #000000;
  position: absolute;
  content: '';
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  z-index: 1;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
  box-shadow: 0 0 20px white;
}
.snip1358 figcaption {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  z-index: 2;
}
.kontent_rel #realizacje_aktu{margin-top:15%}
.snip1358 h2{text-align:center;font-size:30px;margin-top:3%;margin-bottom:1%;opacity:0}
.snip1358 .NewsSummaryContent_realizacja {
  margin: 0;
  width: 100%;
  opacity: 0;
  padding: 2%;
}
#realizacje_aktu{width:100px;margin:0 auto;margin-top:6%;opacity:0;background-color:red;height:2px;border:none;}
.snip1358 .NewsSummaryContent_realizacja {
  position: absolute;
  bottom: 0;
  font-size: 0.8em;
  letter-spacing: 1px;
  
}
.snip1358 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 2;
}
.snip1358:hover img,
.snip1358.hover img {
  opacity: 0.2;
}
.snip1358:hover:before,
.snip1358.hover:before {
  top: 0;
  bottom: 0;
  box-shadow: 0 0 0px white;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.snip1358:hover figcaption h2,
.snip1358.hover figcaption h2,
.snip1358:hover figcaption .NewsSummaryContent_realizacja,
.snip1358.hover figcaption .NewsSummaryContent_realizacja {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.snip1358:hover figcaption h2,
.snip1358.hover figcaption h2,
.snip1358:hover figcaption #realizacje_aktu,
.snip1358.hover figcaption #realizacje_aktu {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.snip1358:hover figcaption h2,
.snip1358.hover figcaption h2 {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
}
.snip1358:hover figcaption .NewsSummaryContent_realizacja,
.snip1358.hover figcaption .NewsSummaryContent_realizacja {
  opacity: 0.7;
}
.snip1358:hover figcaption #realizacje_aktu,
.snip1358.hover figcaption #realizacje_aktu {
  opacity: 1;
  
}
#more{width: 180px;height: 40px;margin: 0 auto; margin-top: 4%;border: 1px solid;text-align: center;line-height: 40px;cursor: pointer;transition:1s;}
#more:hover{background-color:white;color:#636363;}
#realizacje{    background-color: #636363;margin-top: 5%;
        color: white;
    padding-bottom: 40px;
}
#realizacje_hr{width:130px;border:none;background:white;height:3px;}
#realizacje h2{font-size: 22px;
    text-align: center;
    font-weight: 400;
        padding-top: 4%;

    margin-bottom: 15px;}
    #realizacje p{margin-top:30px;}
    #back{    width: 150px;
    height: 40px;
    cursor:pointer;
    color:black;
    margin: 0 auto;
    border: 1px solid red;
    text-align: center;
    line-height: 40px;}
    #back:hover{background:red;color:white;}
    #back_rel{    width: 150px;
    height: 40px;
    cursor:pointer;
    color:black;
    margin: 0 auto;
    border: 1px solid red;
    text-align: center;
    line-height: 40px;
    margin-top:5%}
    #back_rel:hover{background:red;color:white;}
    .kontent_rel{    margin-top: 12%;}
    #cookieinfo{font-family: 'Open Sans', sans-serif;display: none;width: 100%;color: white;text-align: center;position: fixed;bottom: 0;z-index: 9999;
background:#454C4C;font-size:12px;}
#cookieinfo p{padding: 3px;}
#cookieinfo a{color: white;text-decoration: underline;}
#cookieinfo a:hover{text-decoration: none;}
/* Stylesheet: main Modified On 2018-01-10 10:14:06 */
@media (min-width: 1100px) {
    html {
    font-size:100%;
    }
    .width{
    width:1100px;
    margin:0 auto;
    }
}
@media (max-width: 1100px) and (min-width: 1000px) {
    html {
    font-size:85%;
    }
   .width{
    width:950px;
    margin:0 auto;
    }
    #menu-top li{
    padding: 5.5% 1.5% 1.5%;
    margin-left: -3px;
    }
    .tekst_zdjecie1 {
    top: 26%;width:360px;
    }
    .tekst_zdjecie1 h1{font-size:30px;}
    .tekst_zdjecie1 #podpis_zdjecie1{font-size:20px;}
    figure.snip1283{margin-top:8%;max-height: 153px;}
    #arrows{margin-top:40px;}
    #oferta{position:relative;}
    
        h7 {
        color: white;
    display: block;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    text-align: left;
    margin-top: -6%;
    }
    #cytat {
        background: url("/uploads/site/zdjecie2.jpg") no-repeat fixed 50% 0px / cover transparent;
    width: 100%;
    height: 50vh;
    display: block;
    margin-bottom: 20px;
}
   #s4{    position: relative;
    width: 950px;
    height: 475px;
    overflow: hidden;}
    .box {
    width:22.3%;
    }
    .NewsSummaryField{width:50%;}
    .NewsSummaryField img{width:100%}
    .NewsSummaryContent{    float: right;
    width: 42%;
    margin: 3%;
    margin-top: 1rem;
    font-size: 12px;
}
.snip1358 .NewsSummaryContent_realizacja{font-size:11px;padding:2%}
.kontent_rel .pics{width:100%!important;width: 100%!important;
    height: auto!important;}
.kontent_rel .oferty{width:1000px;margin:0 auto;margin-top:10px;height: 500px;}
#prev img{    margin-left: 7px;
    margin-top: 5px;}
    .onas_ikona1 {
    width: 110.3%;
    background-position: 48%;
    }
    #next img{    margin-left: 13px;
    margin-top: 4px;}
    #color{height:422px;}
    #zdjecie_glowne{height:auto}
    #ikona_wiecej{margin-right: 24px;margin-top: -3px;}
    .box:hover .onas_ikona1 {
    background-position: 48%;  
    }
    .onas_ikona2 {
    width: 109%;
    background-position: 52%;
    }
    .box:hover .onas_ikona2 {
    background-position: 52%;
    }
    .onas_ikona3 {
    width: 100%;
    background-position: 49%;
    }
    .box:hover .onas_ikona3 {
    background-position: 49%;  
    }
    .box3{margin-left:37px;}
    .box4{margin-left: 28px;width: 250px;}
    .box2 {
    width: 22.5%;
    }
    .oferta_ikona1 {
    width: 105%;
    background-position: 46%;
    }
    .box2:hover .oferta_ikona1 {
    background-position: 46%;
    }
    .oferta_ikona2 {
    width: 108%;
    background-position: 48%;
    }
    .box2:hover .oferta_ikona2 {
    background-position: 48%;
    }
    .oferta_ikona3 {
    width: 106%;
    background-position: 47%;
    }
    .box2:hover .oferta_ikona3 {
    background-position: 47%;
    }
    .oferta_ikona4 {
    width: 104%;
    background-position: 45%;
    }
    .box2:hover .oferta_ikona4 {
    background-position: 45%;
    }
    h7 {
    font-size: 40px;
    }
    #cookieinfo{display:none!important}
}
@media (max-width: 1000px) and (min-width: 800px) {
    html {
    font-size:80%;
    }
    .width{
    width:750px;
    margin:0 auto;
    }
    #menu-top li{
    padding: 5% 1.5% 3.5%;
    font-size: 17px;
    margin-left: -4px;
    }
    .tekst_zdjecie1 {
    top: 19%;
    width:212px;
    }
    h1 {
    font-size: 1.5rem;
    }
    #podpis_zdjecie1 {
    font-size: 1rem;
    }
    #ikona_wiecej {
    margin-right: 4%;
    margin-top: -1%;
    width: 19%;
    }
    #zdjecie_glowne {
        width: 100%;
    height: auto;
    }
    .snip1358 .NewsSummaryContent_realizacja {
  margin: 0;
  width: 100%;
  opacity: 0;
  padding: 2%;
}
    .kontent_rel{margin-top:15%;}
    .oferty{bottom:0;height:375px;}
    .NewsSummaryLink h4{font-size:20px;margin-bottom:0px;}
    .NewsSummaryContent{width:46%;margin:2%;font-size:10px;}
    .kontent_rel .NewsSummaryField{width:46.9%}
    .NewsSummaryField img{width:100%}
    .pics{width: 100%;height:406px;}
    .kontent_rel .oferty{width:800px;}
    #prev{bottom:18px}
    #next{bottom:18px}
    #nav{margin-top:-29px;}
    #prev img {margin-left: 9px;margin-top: 4px;}
    #next img{margin-left:12px;margin-top:4px;}
    figure.snip1283{min-width:23%;max-height: 120px;margin-top: 12%;}
    .snip1358{margin-top: 6%;}
    .box {
    width: 50%;
    height: 30%;
    margin: 8%;
    margin-left: 23%;
    }
    .box3{width:190px;height:190px;margin:40px;margin-left:4px;}
    .box4{width:190px;height:190px;margin:40px;margin-left:0;}
    .box5{width:190px;height:190px;margin:40px;margin-left:4%;}
    .ikona3{background-position: 55px;}
    .kamera{background-position: 45px;}
    .onas_ikona1 {
    width: 104%;
    background-position: 49%;
    }
    .box:hover .onas_ikona1 {
    background-position: 49%;
    }
    .onas_ikona2 {
    width: 100%;
    background-position: 50%;
    }
    .box:hover .onas_ikona2 {
    background-position: 50%;
    }
    .onas_ikona3 {
    width: 100%;
    background-position: 50%;
    }
    .box:hover .onas_ikona3 {
    background-position: 50%;
    }
  
    #cytat {
    	display:block;
        background: url("/uploads/site/zdjecie2.jpg") no-repeat fixed 50% 0px / cover transparent;
    width: 100%;
    height: 20vh;
    display: block;
    margin-bottom: 20px;
}
  h7 {
        color: white;
    display: block;
    text-align: center;
    font-size: 31px;
    font-weight: 600;
    text-align: left;
    margin-top:-16%;
    }
    
    .box2 {
    width: 45%;
    margin: 2%;
    }
    .oferta_ikona1 {
    width: 100%;
    background-position: 53%;
    }
    .box2:hover .oferta_ikona1 {
    background-position: 53%;
    }
    .oferta_ikona2 {
    width: 100%;
    background-position: 55%;
    }
    .box2:hover .oferta_ikona2 {
    background-position: 55%;
    }
    .oferta_ikona3 {
    width: 100%;
    background-position: 51%;
    }
    .box2:hover .oferta_ikona3 {
    background-position: 51%;
    }
    .oferta_ikona4 {
    width: 100%;
    background-position: 51%;
    }
    .box2:hover .oferta_ikona4 {
    background-position: 51%;
    }
    #kontakt {
    height: 450px;
    }
    .dane_kontaktowe {
    margin: 0 auto;
    width: 100%;
    }
    .box_kontakt {
width: 33%;
    float: left;
    margin: 0 auto;
    }
    #kontakt_ikona1 {
    margin-left: 3%;
    }
    #kontakt_ikona2 {
    margin-right: -3%;
    }
    #kontakt_ikona3 {
    margin-right: -1%;
    margin-left: 2%;
    }
    #ikona_fb {
    width: 35%;
    }
    #ikona_google {
    width: 35%;
    }
    .footer {
    height: 25%;
    }
    #cookieinfo{display:none!important}
}
@media (max-width: 800px) and (min-width: 500px) {
   html {
    font-size:75%;
    } 
   .width{
    width:450px;
    margin:0 auto;
    }
    .header{height:60px;}
    .header .width{width:100%;  -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;}
    #menu-top li{
    padding: 9% 3% 3.5%;
    font-size: 14px;
    margin-left: -4px;
    }
    .cre{margin-bottom:30px;}
    .cop{margin-top:0px!important;}
    #logo {
    margin-left: 3rem;width:25rem;
    }
    .tekst_zdjecie1 {
   display:none;
    }
    .bigheader {background:rgba(0,0,0,0.7);}
    #menu-top{
    overflow:hidden;
    max-height:0px;
    transition: all 0.2s linear;
    width:100%;
    }
    #menu-top ul{
    float:none;
    margin-top:1%;
    text-align:center;
    }
    #menu-top li{
    display:block;
    padding:2% 0%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    }
    .menu{position: absolute;display: block;right: 2%; top: 1rem;z-index: 1;}
    .menu hr{width: 40px;height: 2px;border: none;background: white;
    transform:rotate(0deg);transition: all 0.2s linear;}
    .see{max-height:300px!important;}
    .exit{top:1.5rem;}
    .exit hr:nth-child(1){transform:rotate(40deg);position: absolute;}
    .exit hr:nth-child(2){opacity:0;position: absolute;}
    .exit hr:nth-child(3){transform:rotate(-40deg);}
    .NewsSummaryField{display:none}
    .NewsSummaryContent{width:92%;margin:4%}
    .NewsSummaryLink{width:100%}
    .NewsSummarySummary{margin-top:25%}
    figure.snip1283{min-width:98%;}
    #prev img {margin-left: 7px;margin-top: 2px;}
#next img {margin: 0 auto;margin-left: 10px;margin-top: 2px;}
.box5{width:100%;margin-right: 0px;margin-left: 0px;margin-top:0px;    margin-bottom: 10px;}
.box4{width:100%;margin-right: 0px;margin-left: 0px;margin-top:0px;    margin-bottom: 10px;}
.box3{width:100%;margin-right: 0px;margin-left: 0px;margin-top:0px;    margin-bottom: 10px;}    
.kamera{width:100%;background-position:50%;}
.ikona3{width:100%;background-position:50%;}
.pics{margin:0 auto;}
.kontent_rel .oferty{width:100%}
    h1 {
    font-size: 2rem;
    }
    #podpis_zdjecie1 {
    font-size: 2rem;
    }
    #ikona_wiecej {
    margin-top: -4px;
    }
    #zdjecie_glowne {
    width:100%;
    height:auto;
    }
    #tekst_onas {
    padding: 3%;
    }
    .box {
    width: 50%;
    height: 30%;
    margin: 8%;
    margin-left: 23%;
    }
    .onas_ikona1 {
    width: 100%;
    background-position: 49%;
    }
    .box:hover .onas_ikona1 {
    background-position: 49%;
    }
    .onas_ikona2 {
    width: 100%;
    background-position: 50%;
    }
    .box:hover .onas_ikona2 {
    background-position: 50%;
    }
    .onas_ikona3 {
    width: 100%;
    background-position: 50%;
    }
    .box:hover .onas_ikona3 {
    background-position: 50%;
    }
    h7 {
    font-size: 1.8rem;
    position: relative;
    top: -140px;
    }
    #cytat {
    height: 100px;
    }
    .box2 {
    width: 45%;
    margin: 2%;
    }
    .oferta_ikona1 {
    width: 100%;
    background-position: 53%;
    }
    .box2:hover .oferta_ikona1 {
    background-position: 53%;
    }
    .oferta_ikona2 {
    width: 100%;
    background-position: 55%;
    }
    .box2:hover .oferta_ikona2 {
    background-position: 55%;
    }
    .oferta_ikona3 {
    width: 100%;
    background-position: 51%;
    }
    .box2:hover .oferta_ikona3 {
    background-position: 51%;
    }
    .oferta_ikona4 {
    width: 100%;
    background-position: 51%;
    }
    .box2:hover .oferta_ikona4 {
    background-position: 51%;
    }
    .dane_kontaktowe {
    margin: 0 auto;
    width: 100%;
    }
    .box_kontakt {
    width: 50%;
    float: none;
    margin: 0 auto;
    }
    #kontakt_ikona1 {
    margin-left: 3%;
    }
    #kontakt_ikona2 {
    margin-right: -3%;
    }
    #kontakt_ikona3 {
    margin-right: -1%;
    margin-left: 2%;
    }
    #ikona_fb {
    width: 35%;
    }
    #ikona_google {
    width: 35%;
    }
    .footer {
    height: 20%;
    padding-top: 50px;
    }
    .cop {
    margin-top: 25px;
    }
    .required {
    float:none;
    width: 100%;
}
    input {
    width: 95%;
    float:none;
}
.snip1358{min-width: 98%;max-width: 98%;height:auto;}
.snip1358 img{height:100%;}
.snip1358 .NewsSummaryContent_realizacja{font-size:1.2rem;}
.snip1358 .NewsSummaryContent_realizacja {
  margin: 0;
  width: 100%;
  opacity: 0;
  padding: 2%;
}
.required:nth-child(3) {
    width: 100%;
    float:none;
}
#cookieinfo{display:none!important}
textarea {
    width: 95%;
}
#kontakt {
    height: 590px;
}
}
@media (max-width: 500px) {
    html {
    font-size:75%;
    }
    .width{
    width:100%;
    margin:0 auto;
    }
    #logo{
        padding-top: 1rem;
    width:20rem;
    float: left!important;
    padding-left: 1rem;
    margin-bottom: 0.4rem;

    }
    .snip1358{min-width: 98%;max-width: 98%;}
    #menu-top{
    	width:100%;
    overflow:hidden;
    max-height:0px;
    transition: all 0.2s linear;
    }
    #menu-top ul{
    float:none;
    margin-top:1%;
    text-align:center;
    }
    #menu-top li{
    display:block;
    padding:2% 0%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    }
    .bigheader{background:rgba(0,0,0,0.7)}
    .bigheader #menu-top{background:rgba(0,0,0,0.7)!important}
    .header .width{width:100%}
    .menu{
    position: absolute;
    display:block;
    top: 1rem;
    right: 1rem;
    z-index: 1;
    }
    .menu hr{
    width: 40px;
    height: 2px;
    border: none;
    background: white;
    transform:rotate(0deg);
    transition: all 0.2s linear;
    }
    .see{
    max-height:300px!important;
    }
    .exit{
    top: 2rem;
    right: 1rem;
    }
    .exit hr:nth-child(1){
    transform:rotate(40deg);
    position: absolute;
    }
    .exit hr:nth-child(2){
    opacity:0;
    position: absolute;
    }
    .exit hr:nth-child(3){
    transform:rotate(-40deg);
    }
    .bigheader #menu-top {
    background-color: #b54548;
    }
    .tekst_zdjecie1 {
    display:none;
    }
    h1 {
    font-size: 2rem;
    }
    #podpis_zdjecie1 {
    font-size: 2rem;
    }
    #ikona_wiecej {
    margin-top: -4px;
    }
    .header{height:60px;}
    #cookieinfo{display:none!important}
    #zdjecie_glowne {width: 100%;height: auto;}
.box5{width:94%;margin-right: 0px;margin-left: 0px;margin-top:0px;    margin-bottom: 10px;}
.box4{width:94%;margin-right: 0px;margin-left: 0px;margin-top:0px;    margin-bottom: 10px;}
.box3{width:94%;margin-right: 0px;margin-left: 0px;margin-top:0px;    margin-bottom: 10px;}   
.onas_ikona3{width:100%;background-position:50%}
.box5:hover .onas_ikona1 {background-position: 49%;}
.kamera{width:100%;background-position:50%;}
.box3:hover .kamera {background-position: 50%;}
.ikona3{width:100%;background-position:50%;}
.box4:hover .ikona3 {background-position: 50%;}
#kreska_tytul{margin-bottom:30px;}
.NewsSummaryField{display:none}
.NewsSummaryLink{width:100%;}
.NewsSummaryContent{width:96%;margin:2%}
#next{z-index:999}
.NewsSummary_realizacje{margin-top:40%}
figure.snip1283{min-width:98%;max-height:234px}
.oferty{height:610px;}
.pics{height:610px; width:100%}
#prev img{margin-left:6px;margin-top:3px;}
#next img{margin-left:10px;margin-top:3px;}
.cre{margin-bottom:40px;}
.cop{margin-top:0!important;}
#realizacje p {   padding-left:2%;}
.kontent{padding:0% 2%}
.kontent_rel .oferty{width:100%}
    h2 {
    font-size: 2.5rem;
    }
    #tekst_onas {
    padding: 3%;
    }
    .box {
    width: 50%;
    height: 30%;
    margin: 8%;
    margin-left: 23%;
    }
    .onas_ikona1 {
    width: 104%;
    background-position: 49%;
    }
    .box:hover .onas_ikona1 {
    background-position: 49%;
    }
    .onas_ikona2 {
    width: 100%;
    background-position: 50%;
    }
    .box:hover .onas_ikona2 {
    background-position: 50%;
    }
    .onas_ikona3 {
    width: 100%;
    background-position: 50%;
    }
    .box:hover .onas_ikona3 {
    background-position: 50%;
    }
    h7 {
    font-size: 1.8rem;
    position: relative;
    top: -140px;
        padding-left: 2%;
    }
    #cytat {
    height: 100px;
        text-align: center;
    }
    .box2 {
    width: 45%;
    margin: 2%;
    }
    .oferta_ikona1 {
    width: 100%;
    background-position: 53%;
    }
    .box2:hover .oferta_ikona1 {
    background-position: 53%;
    }
    .oferta_ikona2 {
    width: 100%;
    background-position: 55%;
    }
    .box2:hover .oferta_ikona2 {
    background-position: 55%;
    }
    .oferta_ikona3 {
    width: 100%;
    background-position: 51%;
    }
    .box2:hover .oferta_ikona3 {
    background-position: 51%;
    }
    .oferta_ikona4 {
    width: 100%;
    background-position: 51%;
    }
    .box2:hover .oferta_ikona4 {
    background-position: 51%;
    }
    .box_kontakt {
    width: 58%;
    float: none;
    margin: 0 auto;
    }
    .dane_kontaktowe {
    margin: 0 auto;
    width: 100%;
    }
    #kontakt_ikona1 {
    margin-left: 3%;
    }
    #kontakt_ikona2 {
    margin-right: -3%;
    }
    #kontakt_ikona3 {
    margin-right: -1%;
    margin-left: 2%;
    }
    #ikona_fb {
    width: 35%;
    }
    #ikona_google {
    width: 35%;
    }
    .footer {
    height: 20%;
    padding-top: 50px;
    }
    .cop {
    margin-top: 25px;
    }
    .formbuilderform {
    padding: 2%;
    }
    .required {
    float:none;
    width: 100%;
    }
    input {
    width: 95%;
    float:none;
    }
    .required:nth-child(3) {
    width: 100%;
    float:none;
    }
    textarea {
    width: 95%;
    }
    #kontakt {
    height: 590px;
    margin-top:0px!important;
    }
    .submit input {
    margin-right: 2.5%;
    }
}
/* Stylesheet: responsiv Modified On 2017-01-30 14:41:08 */