#logo , #top ul li a , a.wiecej2 , ul#oferta li div , ul#oferta li h3 , .sticky , #top , #footer a , a#linkbractwo img , .home img.himg , #mgaleria ul li img , .fscf-div-field input, .fscf-div-field textarea, .fscf-div-field select , input.fscf-button-submit , #top ul.qtranxs_language_chooser , #top ul.qtranxs_language_chooser li
{-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;}

.ngg-gallery-thumbnail-box span.dgall 
{-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 img
{-webkit-transition: all 1.3s linear 0s;
-moz-transition: all 1.3s linear 0s;
-ms-transition: all 1.3s linear 0s;
-o-transition: all 1.3s linear 0s;
transition: all 1.3s linear 0s;}


ul#oferta li:hover img {-moz-transform: scale(1.9); -webkit-transform: scale(1.9); -o-transform: scale(1.9); -ms-transform: scale(1.9); transform: scale(1.9);}
a:hover#linkbractwo 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{-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{-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}


/*----------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'ralewayblack';
    src: url('raleway-black-webfont.eot');
    src: url('raleway-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('raleway-black-webfont.woff2') format('woff2'),
         url('raleway-black-webfont.woff') format('woff'),
         url('raleway-black-webfont.ttf') format('truetype'),
         url('raleway-black-webfont.svg#ralewayblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
#opishome h2 strong 
{font-family:ralewayblack, Arial; text-transform:uppercase;}

/*----------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'ralewaybold';
    src: url('raleway-bold-webfont.eot');
    src: url('raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('raleway-bold-webfont.woff2') format('woff2'),
         url('raleway-bold-webfont.woff') format('woff'),
         url('raleway-bold-webfont.ttf') format('truetype'),
         url('raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}
#top ul li a , #opishome h1 strong , a.wiecej2 , .tythome strong , ul#oferta li h3 , .slogan h5 strong , #bractwo h5 strong , .tyt span
{font-family:ralewaybold, Arial; text-transform:uppercase;}


/*----------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'ralewaylight';
    src: url('raleway-light-webfont.eot');
    src: url('raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('raleway-light-webfont.woff2') format('woff2'),
         url('raleway-light-webfont.woff') format('woff'),
         url('raleway-light-webfont.ttf') format('truetype'),
         url('raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
#opishome h2 , .tythome , .tyt , .slogan h5 
{font-family:ralewaylight, Arial; text-transform:uppercase;}
/*----------------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'ralewaythin';
    src: url('raleway-thin-webfont.eot');
    src: url('raleway-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('raleway-thin-webfont.woff2') format('woff2'),
         url('raleway-thin-webfont.woff') format('woff'),
         url('raleway-thin-webfont.ttf') format('truetype'),
         url('raleway-thin-webfont.svg#ralewaythin') format('svg');
    font-weight: normal;
    font-style: normal;

}

#opishome h1 , #bractwo h5 
{font-family:ralewaythin, Arial; text-transform:uppercase;}

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


.home img.himg {
    -webkit-animation: bg 80s linear infinite 0s;
    -moz-animation: bg 80s linear infinite 0s;
    -o-animation: bg 80s linear infinite 0s;
    -ms-animation: bg 80s linear infinite 0s;
    animation: bg 80s linear infinite 0s;}

	
@-moz-keyframes bg { 
	0% { -moz-transform: scale(1); }
	50% { -moz-transform: scale(1.3); }
	100% { -moz-transform: scale(1); }	
}

@-webkit-keyframes bg { 
	0% { -moz-transform: scale(1); }
	50% { -webkit-transform: scale(1.3); }
	100% { -moz-transform: scale(1); }	
}

@-o-keyframes bg { 
	0% { -moz-transform: scale(1); }
	50% { -o-transform: scale(1.3); }
	100% { -moz-transform: scale(1); }	
}

@-ms-keyframes bg { 
	0% { -moz-transform: scale(1); }
	50% {-ms-transform: scale(1.3);}
	100% { -moz-transform: scale(1); }	
}

@keyframes bg { 
	0% { -moz-transform: scale(1); }
	50% { transform: scale(1.3); }
	100% { -moz-transform: scale(1); }	

}



.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 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 bounceInLeft {
  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 bounceInLeft {
  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);
  }
}

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

@-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 fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

  100% {
    opacity: 1;
  }
}

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


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

#opishome { width:65%;}
#opishome h1 { font-size:36px;}
#opishome h2 { font-size:26px;}
#bractwo { height:94%; padding:3% 5%; font-size:16px;}

}

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

#opishome { width:75%;}
#opishome h1 { font-size:30px;}
#opishome h2 { font-size:20px; margin-bottom:10px;}
#bractwo { height:96%; padding:2% 5%;}
#bractwo h5 { font-size:22px; margin-bottom:10px; }
.tyt { font-size:26px; }
.slogan h5 , #bractwo h5 { font-size:26px;}

}

@media only screen and (max-width: 1200px)
{
#all{ width:100%; left:0%;}
#top { width:100%; left:0%;}
#bractwo { width:96%; height:96%; padding:2%;}
#footer { width:96%; padding:60px 2%;}
body {font-size: 16px; }

}