/*
		StudioFabryka.pl
*/

body, .font1 {
	font-family: 'robotolight', sans-serif;
	font-size: 18px;
	line-height: 1.5em;
	color: #656868;
}

h1, h2, h3, h4, h5, h6, .navbar-nav a, .font2 {
	font-family: 'roboto_condensedlight', sans-serif;
}

.hideIt {display: none;}

section.row {
	float: left;
	clear: left;
	width: 100%;
	margin:0;
}

article.container-fluid {padding: 0;}


.navbar {
	background: url(../img/navbar.png) top repeat-x;
	height: 110px;
}

.navbar-brand {margin:-30px 0 0 0; padding:0;}

.navbar-nav {margin-top: 30px}

.navbar-nav a {
	color: white;
	font-size: 18px;
	font-family: 'roboto_condensedlight';
	padding: 30px 20px !important;
	text-transform: uppercase;

	transition: all .3s;
}

.navbar-nav .active > a {
	font-family: 'roboto_condensedbold';
}

.navbar-nav a:hover,
.navbar-nav a:focus,
.navbar-nav .active a:hover { background: #00741d !important;}



.jumbotron {
	padding:0;
	height: 920px;
	overflow: hidden;
	position: relative;
}

.slogan {
	width: 100%;
	height: 920px;
	position: absolute;
	top:0; left:0;
	z-index: 20;
	text-align: center;
	background: rgba(0,0,0,.6);
}

.slogan span {
	float: left;
	width: 100%;
	color: white;
	font-size: 100px;
	text-transform: uppercase;
	margin-top: 400px;
}

.slogan strong {
	float: left;
	width: 100%;
	color: #00a028;
	font-size: 100px;
	text-transform: uppercase;
	margin-top: 70px;
	font-weight: normal;
	font-family: 'roboto_condensedbold';
}

.godown {
	position: absolute;
	bottom: 40px;
	z-index: 100;
	display: block;
	width: 100%;
}


#firma {text-align: center; padding-bottom: 2em;}


#firma p {
	font-size: 26px;
	line-height: 1.4em;
	text-align: center;
	padding-bottom: .8em;
}

.btn-more {
	background: #00a028;
	text-transform: uppercase;
	font-family: 'roboto_condensedlight';
	color: white;
	font-size: 18px;
	padding: 8px 35px;
	border-radius: 0;
	line-height: 1em;
	float: none;

	transition: all .3s;
}


.btn-more:hover {
	background: #05671e;
	color: white;
}


#oferta .col {padding:0;}

#oferta h2 {
	background: #00a028;
	text-align: center;
	padding: .7em 0;
	margin:0;
	color: white;
	font-size: 48px;
}

#oferta .box {overflow: hidden; display: block;}

#oferta .box img {transition: all .3s;}

#oferta .box:hover img {transform: scale(1.03);}

#oferta .box-text {
	position: relative;
	z-index: 50;
	padding-bottom: 1.5em;
}

#oferta .box-text .triangle {
	width: 0;
	height: 0;
	display: block;
	margin: -40px auto 0;
	border: 25px solid transparent;
	border-bottom: 15px solid white;
}

#oferta h4 {
	font-family: 'roboto_condensedbold';
	color: #00a028;
	font-size: 30px;
}






#kontakt {
	background: #00a028;
	color: white;
}

#kontakt h2 {
	text-align: center;
	padding: .7em 0;
	margin:0;
	color: white;
	font-size: 48px;
}

#kontakt h3 {
	font-family: 'roboto_condensedbold';
	font-weight: normal;
	font-size: 30px;
	margin: 0 0 .5em;
}

#kontakt p, #kontakt a {
	display: block;
	color:white;
	padding-left: 2.3em;
	line-height: 1.2em;
}

.zaklad {
	font-weight: bold;
	background: url(../img/zaklad.png) 5px 0 no-repeat;
}

.adres {background: url(../img/adres.png) 7px 5px no-repeat;}
.tel {background: url(../img/tel.png) 8px 5px no-repeat;}
.godz {background: url(../img/godz.png) 6px 5px no-repeat;}
.email {background: url(../img/email.png) 6px 3px no-repeat;}


#kontakt iframe {margin-top: 1.5em;}


#kontakt form input::placeholder,
#kontakt form textarea::placeholder {
	color: white;
	transition: all .2s;
}

#kontakt form input:focus::placeholder,
#kontakt form textarea:focus::placeholder {
	opacity: .3
}


#kontakt form input, #kontakt form textarea {
	background: #00771e;
	border:0;
	font-size: 15px;
	color: white;
	padding: 5px 3%;
	width: 100%;
}

#kontakt form textarea {height: 110px}

#kontakt form button {
	border:0;
	border-radius: 0;
	background: white;
	padding: 6px 25px !important;
	font-size: 14px;
	font-family: 'roboto_condensedregular';
	color: #00a028;

	transition: all .2s;
}

#kontakt form button:hover {
	opacity: .9;
}



footer {
	background: #00a028;
	position: relative;
	padding: 1em 0;
}

.pieczarki {
	position: absolute;
	right:0;
	bottom:0;
}

.madeby {line-height: 1em;}

.madeby small {
	color: white;
	font-size: 10px;
	float: left;
	margin: 3px;
	font-family: arial, sans-serif;
}



.sub h1 {
	color: #00a028;
	font-size: 50px;
	border-bottom:1px solid #ddd;
	padding-bottom: 8px;
	margin: 0 0 .3em;
}

.sub #kontakt {margin-top: 2em;}





/* list of files to download */

.download {
    float: left;
	}

	.download ul {margin:0; padding: 0;}

    .download .plik{
		display:none;
		color: #fff;
	}

    .download a:hover {text-decoration: none;}


.type_text .plik {display: inline;}

.type_icons li {
    	list-style: none !important;
    }

    .type_icons a {
		text-decoration: none !important;
		padding:1px 0 2px 27px;
		background: url(../img/modules/download/page_white.png) 0 0 no-repeat;
		background-position: 0 3px !important;
    }

    .type_icons .pdf {background: url(../img/modules/download/acrobat.png) 0 0 no-repeat;}
    .type_icons .swf {background: url(../img/modules/download/flash.png) 0 0 no-repeat;}
    .type_icons .txt, .rtf {background: url(../img/modules/download/text.png) 0 0 no-repeat;}
    .type_icons .doc,
    .type_icons .docx,
    .type_icons .odf,
    .type_icons .ott,
    .type_icons .sxw,
    .type_icons .stw {background: url(../img/modules/download/word.png) 0 0 no-repeat;}
    .type_icons .jpg,
    .type_icons .jpe,
    .type_icons .jfif,
    .type_icons .png,
    .type_icons .jpeg,
    .type_icons .gif,
    .type_icons .tif,
    .type_icons .tiff,
    .type_icons .ico,
    .type_icons .bmp,
    .type_icons .raw,
    .type_icons .dcs {background: url(../img/modules/download/picture.png) 0 0 no-repeat;}
    .type_icons .flv,
    .type_icons .mov,
    .type_icons .mpeg,
    .type_icons .avi,
    .type_icons .divx {background: url(../img/modules/download/movie.png) 0 0 no-repeat;}
    .type_icons .ods,
    .type_icons .sxc,
    .type_icons .xls,
    .type_icons .xlt {background: url(../img/modules/download/excel.png) 0 0 no-repeat;}
    .type_icons .odg,
    .type_icons .sxd,
    .type_icons .psd {background: url(../img/modules/download/paint.png) 0 0 no-repeat;}
    .type_icons .cdr,
    .type_icons .ai {background: url(../img/modules/download/vector.png) 0 0 no-repeat;}
    .type_icons .php,
    .type_icons .html,
    .type_icons .css,
    .type_icons .js,
    .type_icons .less,
    .type_icons .asp,
    .type_icons .c {background: url(../img/modules/download/code.png) 0 0 no-repeat;}
    .type_icons .sql,
    .type_icons .db,
    .type_icons .dbf,
    .type_icons .dbk {background: url(../img/modules/download/database.png) 0 0 no-repeat;}
    .type_icons .zip,
    .type_icons .tar,
    .type_icons .gz,
    .type_icons .gzip,
    .type_icons .rar {background: url(../img/modules/download/zip.png) 0 0 no-repeat;}
    .type_icons .rb {background: url(../img/modules/download/ruby.png) 0 0 no-repeat;}
    .type_icons .as {background: url(../img/modules/download/actionscript.png) 0 0 no-repeat;}
    .type_icons .cf {background: url(../img/modules/download/coldfusion.png) 0 0 no-repeat;}
    .type_icons .odp,
    .type_icons .sxi,
    .type_icons .ppt {background: url(../img/modules/download/powerpoint.png) 0 0 no-repeat;}
    .type_icons .iso,
    .type_icons .nrg {background: url(../img/modules/download/dvd.png) 0 0 no-repeat;}






form .alert {
	display: none;
	font-size: 13px;
	line-height: 1.2em;
	margin-bottom:0;
}

form * {border-radius: 0 !important;}

.map iframe {
	width: 100%;
}

form label {
	font-weight: normal;
}

.form {margin-bottom: 1.5em;}

.forform {margin-top:1em;}




.sub header {
	min-height: 240px;
	height: auto;
	text-align: center;
	background: #F7F7F7;
}

.sub header h1 {
	margin: 145px auto 20px;
	text-transform: uppercase;
	border:0;
}


.sub .gallery .row {padding: 0 15px;}

.sub .gallery .col-md-3 {padding:0;}

.sub .gallery .thumbnail {
	padding:0;
	border:0;
	border-radius: 0;
	box-shadow: none;
	margin:0;
}

.sub .gallery .thumbnail img {width: 100%; transition: all .3s;}

.sub .gallery a:hover img {
	transform: scale(1.03);
	opacity: .9;
	position: relative;
	z-index: 1000;
	box-shadow: 0 10px 10px -8px rgba(0,0,0,.5)
}









/* RWD */

.navbar, .navbar * {transition: all .2s;}
.navbar-brand img {width: 354px;}

.affix {
	background: transparent url("../img/navbar.png") repeat-x scroll center bottom;
	height: 81px;
}

.affix .navbar-brand {margin-top: -18px;}
.affix .navbar-brand img {width: 200px;}

.affix .navbar-nav {margin-top:0;}

.affix .navbar-toggle {margin-top:20px;}



@media screen and (max-width: 1920px) {
	.bgmovie {
		height:1070px;
	}
}


/* 1600px */

@media screen and (max-width: 1600px) {
	.bgmovie {
		height:950px;
	}
}


/* 1440px */

@media screen and (max-width: 1440px) {
	.bgmovie {
		height:840px;
	}

	.home header, .home .slogan {height: 800px;}
}




/* 1366px */

@media screen and (max-width: 1366px) {
	.bgmovie {
		height:795px;
	}

	.home header, .home .slogan {height: 760px;}
	.slogan span {margin-top: 330px;}
}





/* 1280px */

@media screen and (max-width: 1280px) {
	.bgmovie {
		height:750px;
	}

	.home header, .home .slogan {height: 710px;}
	.slogan span {margin-top: 300px;}
}




/* 1024px */

@media screen and (max-width: 1024px) {
	.bgmovie {
		height:605px;
	}

	.home header, .home .slogan {height: 570px;}
	.slogan span {margin-top: 280px; font-size: 75px;}
	.slogan strong {font-size: 80px;}

	.navbar-nav a {padding: 30px 12px !important;}

	.box-text p {font-size: 12px;}

	#kontakt p, #kontakt a {font-size: 13px; padding-bottom: .5em;}
	#kontakt a {line-height: 1.7em;}
}




/* 980px */

@media screen and (max-width: 980px) {
	.bgmovie {height:550px;}
	.home header, .home .slogan {height: 520px;}
	.slogan span {margin-top: 220px; font-size: 65px;}
	.slogan strong {font-size: 65px; margin-top: 40px;}


	.navbar-toggle {
		border-color: white;
		margin-top: 52px;
	}
	.navbar-toggle .icon-bar {background: white;}

	.collapse.in {
		background: white;
		margin-top: 16px;
		z-index: 1000;
		position: relative
	}

	.collapse.in ul {
		width: 100%;
		margin:0;
		padding:0;
		float: left;
	}

	.collapse.in ul li {
		float: left;
		width: 100%;
	}

	.collapse.in ul li a {
		color: #00A028;
		border-top: 1px solid #ddd;
		padding: 10px 20px !important;
		width: 100%;
		float: left;
	}

	.collapse.in ul li:first-child a {
		border-top:0;
	}

	.collapse.in ul li a:hover,
	.collapse.in ul li a:focus,
	.collapse.in ul li.active a:hover,
	.collapse.in ul li.active a:focus,
	.collapse.in ul li.active a {
		color: white;
	}

	#kontakt .col-sm-12 {margin-bottom: .5em;}

	.pieczarki  {display: none;}
}




/* 800px */

@media screen and (max-width: 800px) {
	.bgmovie {height:450px;}
	.home header, .home .slogan {height: 410px;}
	.slogan span {margin-top: 180px; font-size: 40px;}
	.slogan strong {font-size: 40px; margin-top: 20px;}

	.box-text p {display: none;}
}



/* 768px */

@media screen and (max-width: 768px) {
	.bgmovie {height:430px;}
	.home header, .home .slogan {height: 400px;}
	.slogan span {margin-top: 180px; font-size: 40px;}
	.slogan strong {font-size: 40px; margin-top: 20px;}

	.box-text p {display: none;}

	#oferta h4 {font-size: 24px;}
}



/* 640px */

@media screen and (max-width: 640px) {
	.bgmovie {height:390px;}
	.home header, .home .slogan {height: 350px;}
	.slogan span {margin-top: 190px; font-size: 40px;}
	.slogan strong {font-size: 40px; margin-top: 20px;}

	.godown {display: none;}

	.box-text p {font-size: 17px; display: block;}

	#oferta h4 {font-size: 24px;}

	#kontakt p, #kontakt a {font-size: 18px;}

	#kontakt a {
		line-height: 1.2em
	}

	#kontakt .col-md-8 .col-md-6 {margin-bottom: 1em;}
}



/* 600px */

@media screen and (max-width: 600px) {
	.bgmovie {height:370px;}
	.home header, .home .slogan {height: 330px;}

	#kontakt iframe {display: none;}
}



/* 480px */

@media screen and (max-width: 480px) {
	.bgmovie {height:300px;}
	.home header, .home .slogan {height: 260px;}

	.slogan span {margin-top: 160px; font-size: 30px;}
	.slogan strong {font-size: 30px; margin-top: 10px;}

	.fb_slider_right {display: none;}
}



/* 360px */

@media screen and (max-width: 360px) {
	.bgmovie {display: none;}
	.home header {background: #0c3116}
	.home header, .home .slogan {height: 260px;}

	.navbar-brand img {width: 200px; margin-top: 42px;}
	.affix .navbar-brand img {width: 200px; margin-top: 0;}

	.slogan span {margin-top: 150px; font-size: 30px;}
	.slogan strong {font-size: 30px; margin-top: 10px;}

	#firma p {
		font-size: 18px;
	}
}



/* Facebook slider - right */

.fb_slider_right {
	position: fixed;
	top: 200px;
	right:-320px;
	z-index: 1000;
	width: 348px;
	height: 100px;
	overflow: hidden;

	transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.fb_slider_right .sliderbody {
	float: left;
	width: 320px;
}

.fb_slider_right:hover {
	right:0;
	height: 100%;
}

.fb_slider_right .button,
.fb_slider_right iframe {
	float: left;
	background: white;
}

.polityka {
	color: white;
	text-decoration: none;
	font-size: 12px;
	float: left;
	transition: all .2s;
}

.polityka:hover {
	color: white;
	text-decoration: none;
	opacity: .5;
}



.ue {
    position: absolute;
    top: 120px;
    right: 15px;
    z-index: 1000;
}