#mtop ul li a  , .bx-wrapper .bx-pager.bx-default-pager a , #top , .wiecej2 , ul#oferta li h3 a, ul#realizacjehome li .rhopis , #o1a , #o2a , #o3a , .fscf-div-field input, .fscf-div-field textarea, .fscf-div-field select , input.fscf-button-submit ,  .wp-pagenavi a , #prawa ul li a , ul#news li h3 a , span.fl img ,ul#realizacje li h3 a , ul#realizacje li .opisrealizacje , ul#tagi li h3 , ul#tagi li , #homeoferta ul#oferta li h3 a , ul#homenews li span , ul#portfolio li .opisport p , ul#navi li span , ul#navi li a , a#adresrealizacji , ul#news li img , .su-spoiler .su-spoiler-title
{-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;}

ul#oferta li p , .ngg-gallery-thumbnail-box span.dgall , ul#realizacjehome li span , #logo a img , #top , ul#realizacje li .rea .opisrea , #prawa ul li  , ul#portfolio li .opisport 
{-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;}

ul#oferta li .ico span , ul#news li , ul#realizacje li img , #lewarealizacje ul.bxslider li img , ul#realizacjehome li .homereopis
{-webkit-transition: all 0.8s linear 0s;
-moz-transition: all 0.8s linear 0s;
-ms-transition: all 0.8s linear 0s;
-o-transition: all 0.8s linear 0s;
transition: all 0.8s linear 0s;}

ul#oferta2 li:hover a.eico img , ul#news li:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
#logo a:hover img { -moz-transform: scale(0.9); -webkit-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

.ngg-gallery-thumbnail-box span.dgall , ul#realizacjehome li span , ul#portfolio li .opisport{-moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0);}
.ngg-gallery-thumbnail-box:hover span.dgall , ul#realizacjehome li:hover span , ul#portfolio li:hover .opisport {-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}



/*----------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'latolight';
    src: url('lato-light-webfont.eot');
    src: url('lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-light-webfont.woff2') format('woff2'),
         url('lato-light-webfont.woff') format('woff'),
         url('lato-light-webfont.ttf') format('truetype'),
         url('lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

.tyt , .tyt2 , #prawa h5 , .box-opis h1 , .box-opis h2 , .lista h1 , .lista h2 , .lista h3 , .lista h4 , .lista h5 , .lista h6 , #listarealizacje h2 , .box4 h2 , .box3 h2 , .box5 h2 , .box8 h2 , .box9 h2 , .pol2 h3 , .box7 h2 , #homeoferta h1
{font-family:latolight, Arial; text-transform:uppercase;}

/*----------------------------------------------------------------------------------------------*/


@font-face {
    font-family: 'robotoregular';
    src: url('roboto-regular-webfont.eot');
    src: url('roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-regular-webfont.woff2') format('woff2'),
         url('roboto-regular-webfont.woff') format('woff'),
         url('roboto-regular-webfont.ttf') format('truetype'),
         url('roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
#estymohome h3 ,  #strony h5 , .fscf-div-error
{font-family:robotoregular, Arial; text-transform:uppercase;}

/*----------------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'robotoblack';
    src: url('roboto-black-webfont.eot');
    src: url('roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-black-webfont.woff2') format('woff2'),
         url('roboto-black-webfont.woff') format('woff'),
         url('roboto-black-webfont.ttf') format('truetype'),
         url('roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
#topfooter h5 , ul#homenews li h3 , .tythome , #estymohome h3 strong, #estymohome h3 span , .box-opis h1 span , .box-opis h2 span , .box-opis h4 , #mtop ul li a, .wiecej2 , ul#oferta li h3 , .rhopis h3 , .dol h6 , #strony h6 , ul#news li h3 , ul#realizacje li h3 , ul#tagi li h3 , ul#realizacjehome li .homereopis h3 , ul#newsprawa li h3 , ul#portfolio li .opisport h3 , a#adresrealizacji , input.fscf-button-submit , .box4 ol li::before
{font-family:robotoblack, Arial; text-transform:uppercase;}

/*----------------------------------------------------------------------------------------------*/


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@media only screen and (max-width: 1800px)
{
.box4 ol li { width:20%; padding-left:3.5%;}
}

@media only screen and (max-width: 1700px)
{
.box-opis h1 , .box-opis h2 { font-size:24px; line-height:30px;}
.box-opis h4 { font-size:16px; line-height:20px;}
.box4 ol li { width:19.5%; padding-left:4%;}
ul#newsprawa li h3 {font-size: 16px;}
}

@media only screen and (max-width: 1600px)
{
#homeoferta ul#oferta { width: 96%; padding: 0px 2% 40px 2%;}
#top { width:96%; padding:0px 2%;}
#newshome{width:96%; padding:40px 2% 100px 2%;}
#onas { margin-left: 2%;}
.all{ width:96%; padding:0px 2% 80px 2%;}
.kd { width:47%; padding:0px 0px 2% 2%;}
.kd2 { width:47%; padding:0px 2% 2% 0px;}
#strony { padding: 5% 2% 0px 0px;}
.bg3 { height:600px;}
#bgonas { height:600px;}
#bre { width:96%;  padding:0px 2%; margin:90px 0px 20px 0px; }
}

@media only screen and (max-width: 1500px)
{
body {font-size: 14px;}
ul#homenews li h3 { font-size:16px;}
ul#realizacjehome li .homereopis h3 { margin:10px 0px 0px 0px;}
.tythome {font-size: 24px;}
#homedol .dol h6 {font-size: 16px;}
#estymohome h3 { font-size:18px;}
#estymohome h3 span { font-size:24px;}
#estymohome h3 strong { font-size:24px;}
.tythome { padding-bottom:20px;}
.bg3 { height:500px;}
#bgonas { height:500px;}
#homeoferta { padding:40px 0px 40px 0px;}
#newshome{ padding:40px 2% 60px 2%;}
.wiecej2 { height:50px; line-height:50px; font-size:14px;}
.box-opis {line-height: 20px;}
.box-opis h1 , .box-opis h2 { font-size:22px; line-height:28px;}
.box-opis h4 { font-size:14px; line-height:18px;}
#onas {padding-top: 4%;}
.all{ padding:0px 2% 40px 2%;}
#bgfooter { height:300px;}
.bg4 { height:300px;}
.box4 h2, .box3 h2, .box5 h2, .box7 h2, .box8 h2, .box9 h2, .pol2 h3 { font-size:24px;}
.tyt, .tyt2 {font-size: 30px; line-height:35px;}
#bre { font-size:12px;}
#bgrealizacja { height:300px;}
.bg5 { height:300px;}
ul#newsprawa li h3 { font-size:14px;}
.lista h1 { font-size:26px; line-height:30px;}
.lista h2 { font-size:24px; line-height:28px;}
.lista h3 { font-size:22px; line-height:26px; }
.lista h4 { font-size:20px; line-height:24px;}
.lista h5 { font-size:18px; line-height:22px;}
.lista h6 { font-size:16px; line-height:20px;}
#prawa h5 {font-size: 20px;}
}

@media only screen and (max-width: 1400px)
{
.box-opis h1 , .box-opis h2 { font-size:20px; line-height:24px;}
.box-opis-all1, .box-opis-all2, .box-opis-all3 {line-height: 25px;}
.tythome {font-size: 22px;}
.box8 ol li { height:175px; line-height:25px;}
ul#news li .newstxt p { height:90px;}
ul#news li h3 {font-size: 15px;}
}

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

.box-opis h1 , .box-opis h2 { font-size:18px; line-height:20px;}
.box-opis h4 { font-size:14px; line-height:16px;}
#estymohome h3 { font-size:16px;}
#estymohome h3 span { font-size:21px;}
#estymohome h3 strong { font-size:21px;}
#mtop ul li a { padding:0px 15px; font-size:14px; }
.box4 ol li { width:19%; padding-left:4.5%;}
.box5 , .box3 { overflow:hidden;}
.box5 img { width:auto !important; height:350px !important; margin:0px -120px 0px 2%; }
.box3 img { width:auto !important; height:350px !important; margin:0px 2% 0px -120px; }
.box8 ol li { width:43%; padding-left:5%; height:225px;}
.box7 { width:70%;}
ul#news li .newstxt p { height:60px;}
ul#realizacjehome li .homereopis p {height:75px;}
}

@media only screen and (max-width: 1200px){
.box-opis .wiecej2 { display:none;}
#logo {margin: 10px 0px 0px 0px;}
#logo img { width:auto !important; height:50px !important;}
#top { height:70px;}
#mtop ul li a { line-height:70px;}
#estymohome { margin-top:70px;}
.sticky { height:60px !important; }
.sticky #logo a img{ width:auto !important; height:40px !important;}
.sticky #mtop ul li a { line-height:60px !important;}
.sticky #logo {margin-top:10px !important;}
ul#oferta img { width:150px !important; height:auto !important;}
#homeoferta ul#oferta li .ico , ul#oferta li .ico { width:150px; height:126px; }
#homeoferta ul#oferta li .ico span , ul#oferta li .ico span { width:150px; height:126px; }
#homeoferta ul#oferta li { height:320px;}
ul#oferta li { height:350px;}
.tythome {font-size:20px;}
#onas { width:90%;}
.box5 img { width:auto !important; height:350px !important; margin:0px -160px 0px 2%; }
.box3 img { width:auto !important; height:350px !important; margin:0px 2% 0px -160px; }
.box4 ol li::before { font-size:40px; }
#linki { height: 300px;}
#strony h5 { font-size:20px;}
#strony h6 { font-size:30px;}
#strony {padding: 10% 2% 0px 0px;}
ul#oferta li h3 {font-size: 15px;}
#bre { margin:70px 0px 20px 0px;}
#homeoferta ul#oferta li h3 { font-size:15px;}

}

@media only screen and (max-width: 1100px){
#homedol .dol h6 {font-size: 14px;}
#homedol .dol { font-size:12px;}
.box5 img { width:auto !important; height:400px !important; margin:0px -270px 0px 2%; }
.box3 img { width:auto !important; height:400px !important; margin:0px 2% 0px -270px; }
.box8 ol li { width:42%; padding-left:6%; height:225px;}
.box7 { width:96%; position: relative; bottom:0px; background:rgba(0,157,224,1); padding:2%; float:left; }
ul#newsprawa li img { margin-left:-50px;}
}

@media only screen and (max-width: 1000px){
#estymohome h3 { font-size:14px;}
#estymohome h3 span { font-size:16px;}
#estymohome h3 strong { font-size:16px;}
.box-opis h1, .box-opis h2 { font-size: 16px;}	
ul#realizacjehome li .homereopis p {height:50px;}
.box5 img { width:100% !important; height: auto !important; margin:0px 0px 20px 0px; }
.box3 img { width:100% !important; height: auto !important; margin:0px 0px 20px 0px; }
.box3 , .box5{ width:100%; padding:0px 0px 2% 0px;}
.box3 h2 , .box3 p , .box5 h2 , .box5 p { padding-left:2%; padding-right:2%; }
.box3 p:first-of-type , .box5 p:first-of-type { padding:0px;}
.box4 ol li { width:42%; float:left; margin:0px 4% 4% 0px; padding-left:6%; }
.box4 ol li:nth-child(2n) {margin:0px 0px 4% 0px; }
.box8 ol li { width:93%; margin:0px 0px 4% 0px; height: auto; padding-left:7%; padding-bottom:2%; }
.box8 ol li::before { height:40px; font-size:40px; top:10px; }
ul#realizacje li { width:50%;}
#lewa { width:100%;}
#prawa { display:none; }
.realizacja #lewa { width: 100%;}
ul#portfolio li { width:31.333%; margin:0px 3% 3% 0px; }
ul#portfolio li:nth-child(2n) {margin:0px 3% 3% 0px;}
ul#portfolio li:nth-child(3n) {margin:0px 0px 3% 0px;}
#kontaktl { width:96%; padding:2%; margin-bottom:2%;}
#kontaktp { width:96%; padding:2% ;}

}

@media only screen and (max-width: 900px){
.box-opis { display:none;}
#mtop ul li:nth-child(1) { display:none;}
#homedol {height: 400px;}
ul#news li { width:50%;}
#linki {height: 350px;}
#homedol .dol:nth-child(1) ul li {width: 100%; padding-right: 0px;}
}

@media only screen and (max-width: 800px){
#mtop ul li a { padding:0px 10px; font-size:13px; }
#estymohome h3 { font-size:12px;}
#estymohome h3 span { font-size:14px;}
#estymohome h3 strong { font-size:14px;}
#homeoferta ul#oferta li { width:50%;}
.homereopis p { display:none;}
ul#homenews li { width:44%; margin-right:2%; }
ul#homenews li:nth-child(2n){ margin-right:0px;}
ul#portfolio li { width:49%; margin:0px 2% 2% 0px; }
ul#portfolio li:nth-child(2n) {margin:0px 0px 2% 0px !important;}
ul#portfolio li:nth-child(3n) {margin:0px 2% 2% 0px;}
ul#portfolio li:nth-child(4n) {margin:0px 0px 2% 0px;}
ul#oferta li { width:49%; margin:0px 2% 2% 0px;}
ul#oferta li:nth-child(2n) {margin:0px 0px 2% 0px;}
.box4 ol li { width:41%; padding-left:7%; }

}

@media only screen and (max-width: 700px){
#mtop ul li a { padding:0px 10px; font-size:12px; }	
#estymohome h3 { display:none;}
#homedol {height: 450px;}
#linki {height: 450px;}
.box4 ol li { width:40%; padding-left:8%; }	
#logo {margin: 15px 0px 0px 0px;}
#logo img { width:auto !important; height:40px !important;}
.sticky #logo a img{ width:auto !important; height:30px !important;}
.sticky #logo {margin-top:15px !important;}

}

@media only screen and (max-width: 600px){
#logo {margin: 20px 0px 0px 0px;}
#logo img { width:auto !important; height:30px !important;}
.sticky #logo a img{ width:auto !important; height:30px !important;}
.sticky #logo {margin-top:15px !important;}
#mtop ul li a { padding:0px 5px; }	
#onas { line-height:22px;}
#homedol {height: 500px;}
#linki { height:500px;}
.box4 ol li { width:39%; padding-left:9%; }	
.box8 ol li { width:90%; padding-left:10%; }	
}