/*
		StudioFabryka.pl
*/
body {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	line-height: 1.3em;
	color: #333;
	padding-top: 85px;
}

.navbar {
	background: white;
	height: 85px;
}

.navbar .nav {
	margin-top: 20px;
}

.navbar .nav>li>a {
	color: #333;
	font-size: 14px;
	padding: 10px 15px;
	letter-spacing: 1px;
	margin-left: 3px;
	text-transform: uppercase;
	transition: all .2s;
	text-shadow: none;
}

.navbar .nav>li>a:hover,
.navbar .nav>li>a:focus,
.navbar .nav>li.active>a:hover,
.navbar .nav>li.active>a:focus,
.navbar .nav>li.open>a:hover,
.navbar .nav>li.open>a:focus,
.navbar .nav>li.active>a,
.navbar .nav>li.open>a {
	background: #88be11;
	color: white;
}

header {
	background: url(../img/header.jpg);
}

header img {
	float: right;
	margin: 60px 0;
}

header h1,
header h1 strong,
header h1 span,
header a {
	float: left;
	clear: left;
}

header h1 {
	margin-bottom: 40px;
}

header h1 strong {
	font-weight: 700;
	font-size: 72px;
	color: black;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

header h1 span strong {
	font-size: 30px;
	color: black;
	letter-spacing: 5px;
}

header a {
	display: block;
	width: 570px;
	height: 100px;
	border-radius: 4px;
	background: #88be11;
	margin-bottom: 25px;
	position: relative;
	line-height: 1.7em;
	transition: all .3s;
}

header a:hover {
	transform: scale(1.03);
	box-shadow: 0 25px 30px -20px rgba(0, 0, 0, 0.3);
}

header a img {
	float: left;
	margin: -10px 30px 0;
}

header a span {
	float: left;
	width: 65%;
	color: white;
}

header a span strong,
header a span small {
	float: left;
	clear: left;
}

header a span strong {
	font-size: 24px;
	margin-top: 30px;
}

header a span small {
	font-size: 14px;
}

header .btn1 img {
	margin-top: -15px;
}

.firma {
	background: url(../img/firmabg.jpg) center no-repeat;
	background-size: cover;
	min-height: 620px;
	padding: 120px 0;
	color: white;
}

.firma h2 {
	font-size: 36px;
	font-weight: 700;
	margin: 25px 0 15px;
}

.firma p {
	color: #929292;
}

.skup {
	padding: 120px 0;
	background: #f4f4f4;
}

.skup h2 {
	font-size: 36px;
	font-weight: 700;
	margin: 0 0 40px;
	color: black;
	text-align: center;
}

.skup h3 {
	font-weight: 700;
	margin: 30px 0;
	font-size: 24px;
}

.skup ul {
	padding-left: 30px;
}

.skup ul li {
	list-style-image: url(../img/ok.png);
	margin-bottom: 10px;
	padding-left: 5px;
}

.skup .well {
	font-size: 18px;
	font-weight: 700;
	color: black;
	background: white;
	border-radius: 8px;
	border: 0;
	box-shadow: none;
	padding: 40px 50px;
	margin-top: 30px;
}

.stellar {
	height: 400px;
	background: url(../img/stellar.jpg) 0 0 no-repeat;
	background-attachment: fixed;
	background-size: cover;

}

.niszczenie {
	background: #f4f4f4;
	padding: 120px 0;
}

.niszczenie h2 {
	font-size: 36px;
	font-weight: 700;
	margin: 0 0 40px;
	color: black;
	text-align: center;
}

.niszczenie ul {
	padding-left: 30px;
}

.niszczenie ul li {
	list-style-image: url(../img/ok.png);
	margin-bottom: 10px;
	padding-left: 5px;
}

.gallery {
	background: #f4f4f4;
	padding: 0 0 120px;
}

.gallery h2 {
	font-size: 36px;
	font-weight: 700;
	margin: 0 0 40px;
	color: black;
	text-align: center;
}

.gallery a {
	margin-bottom: 30px;
	float: left;
	width: 100%;
	transition: all .2s;
}

.gallery a:hover {
	transform: scale(1.03);
	opacity: .8;
}

#mapagoogle {
	width: 100%;
	height: 450px;
	background: #ddd;
}

footer {
	background: black;
	color: #929292;
	padding: 100px 0 30px;
}

footer h4 {
	color: white;
	font-weight: 300;
	line-height: 1.3em;
	margin: 0 0 15px;
}

footer a {
	color: #929292;
	transition: all .2s;
}

footer a:hover {
	color: white;
	text-decoration: none;
}

footer form input,
footer form textarea {
	border: 0;
	padding: 10px !important;
	height: auto !important;
	border-radius: 8px !important;
}

footer form textarea {
	height: 202px !important;
}

footer form button.btn-default {
	float: right;
	color: white;
	background: none;
	padding: 12px 30px;
	letter-spacing: 1px;
	border-radius: 8px !important;
	border: 2px solid white;
	transition: all .2s;
	text-shadow: none;
}

footer form button.btn-default:hover {
	background: rgba(255, 255, 255, 0.2);
	border: 2px solid white;
	color: white;
}

footer hr {
	margin: 30px 0;
	border-color: #333;
}

.sub .main,
.sub .gallery {
	padding: 100px 0;
}

.sub h1 {
	font-weight: bold;
	color: black;
	margin: 0 0 30px;
	font-size: 45px;
}

.main a {
	color: #88be11;
}

.sub .navbar {
	box-shadow: 0 15px 40px -15px rgba(0, 0, 0, 0.1);
}

.fade-content>* {
	transition: ease opacity .25s, ease transform .25s;
}

/* Offsets timing for groups of three. This must be adjusted if there are more or less than three element per row.*/
.fade-content>*:nth-child(3n+2) {
	transition-delay: .1s;
}

.fade-content>*:nth-child(3n+3) {
	transition-delay: .2s;
}

/* Facebook slider - right */
.fb_slider_right {
	position: fixed;
	top: 180px;
	right: -320px;
	z-index: 10000;
	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;
}

/* list of files to download */
.download ul {
	margin: 0;
	padding: 0;
}

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

.download .col-md-2 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.download a {
	padding-top: 10px;
	padding-bottom: 10px;
	transition: all .2s;
	color: #333;
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	line-height: 1.3em;
	font-size: 1.2em;
	font-weight: 300;
	border-bottom: 1px solid #e2e2e2;
}

.download .btn-primary {
	background: #88be11;
	border-radius: 0;
	border: 0;
	box-shadow: none;
	text-shadow: none;
	font-size: 12px;
	text-transform: uppercase;
	padding: 10px 15px;
	transition: all .15s;
}

.download a:hover .btn-primary {
	background: #668f0d;
	transform: scale(0.97);
}

.download .btn-primary:hover,
.download .btn-primary:focus,
.download .btn-primary:focus:hover {
	background: #a9ea18 !important;
	transform: scale(1.03) !important;
	box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.3) !important;
}

.download li:first-child a {
	border-top: 1px solid #e2e2e2;
}

.download a:hover {
	text-decoration: none;
	background: #f4f4f4;
	color: #88be11;
}

.type_text .plik {
	display: inline;
	color: #8c8c8c;
	text-transform: uppercase;
}

.download .col-md-2 {
	border-left: 1px solid #e2e2e2;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.download .col-md-2 {
		border-left: 0 !important;
		margin-top: 10px;
	}

	.download .btn {
		width: 100%;
	}

	.download .col-md-8 {
		text-align: center;
	}
}

.download 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;
}

/* paginator */
#pages {
	margin: 0 0 15px;
}

.jPaginate {
	height: 34px;
	position: relative;
	color: #a5a5a5;
	font-size: small;
	width: 100%;
}

.jPaginate a {
	line-height: 30px;
	height: 30px;
	cursor: pointer;
	padding: 0 10px !important;
	margin: 0 2px;
	float: left;
	text-decoration: none !important;
}

.jPag-control-back {
	position: absolute;
	left: 0px;
}

.jPag-control-front {
	position: absolute;
	top: 0px;
}

.jPaginate span {
	cursor: pointer;
}

ul.jPag-pages {
	float: left;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

ul.jPag-pages li {
	display: inline;
	float: left;
	padding: 0px;
	margin: 0px;
}

ul.jPag-pages li a {
	float: left;
	padding: 2px 5px;
}

span.jPag-current {
	cursor: default;
	font-weight: normal;
	line-height: 30px;
	height: 30px;
	padding: 0 10px;
	margin: 0 2px;
	float: left;
}

ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img {
	height: 34px;
	margin: 0 2px;
	float: left;
	line-height: 26px;
}

ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img {
	margin: 2px 0px 2px 2px;
	font-size: 12px;
	font-weight: bold;
	width: 10px;
}

ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img {
	margin: 2px 2px 2px 0px;
	font-size: 12px;
	font-weight: bold;
	width: 10px;
}

span.jPag-sprevious,
span.jPag-sprevious-img {
	margin: 2px 0px 2px 2px;
	font-size: 14px;
	width: 15px;
	text-align: right;
}

span.jPag-snext,
span.jPag-snext-img {
	margin: 2px 2px 2px 0px;
	font-size: 14px;
	width: 15px;
	text-align: right;
}

ul.jPag-pages li span.jPag-previous-img {
	background: transparent url(../images/previous.png) no-repeat center right;
}

ul.jPag-pages li span.jPag-next-img {
	background: transparent url(../images/next.png) no-repeat center left;
}

span.jPag-sprevious-img {
	background: transparent url(../images/sprevious.png) no-repeat center right;
}

span.jPag-snext-img {
	background: transparent url(../images/snext.png) no-repeat center left;
}

.jPag-last,
.jPag-first {
	line-height: 30px !important;
	font-size: 14px;
}

/* Flatten das boostrap */
.well,
.navbar-inner,
.popover,
.btn,
.tooltip,
input,
select,
textarea,
pre,
.progress,
.modal,
.add-on,
.alert,
.table-bordered,
.nav>.active>a,
.dropdown-menu,
.tooltip-inner,
.badge,
.label,
.img-polaroid {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	border-collapse: collapse !important;
	background-image: none !important;
}





header,
main {
	width: 100%;
	overflow: hidden;
}




form .alert {
	margin-bottom: 15px !important;
	float: left;
	width: 100%;
	color: white;
	font-weight: bold;
	border: 0;
	border-radius: 8px !important;
}

.alert-danger {
	background: #aa0000;
}

.alert-success {
	background: #118810
}

.navbar .container {
	height: 100%;
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
	max-height: 70vh;
}

@media (min-width: 1023px) {
	#navbar {
		height: 100% !important;
		display: flex !important;
		align-items: center;
		justify-content: flex-end;
		gap: 3rem;
	}

	#navbar::before,
	#navbar::after {
		display: none;
	}

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

	.zamow-kontener {
		display: block;
	}

}

@media (max-width: 1022px) {
	.zamow-kontener {
		padding-bottom: 1rem;
		display: block;
	}
}

.fb-widget {
	position: fixed;
	right: 0;
	top: 33vh;
	z-index: 300;
}


.kontener-mobile {display: none;}



/*

RRRRRRRRRRRRRRRRR         WWWWWWWW                           WWWWWWWW     DDDDDDDDDDDDD
R::::::::::::::::R        W::::::W                           W::::::W     D::::::::::::DDD
R::::::RRRRRR:::::R       W::::::W                           W::::::W     D:::::::::::::::DD
RR:::::R     R:::::R      W::::::W                           W::::::W     DDD:::::DDDDD:::::D
 R:::::R     R:::::R       W:::::W           WWWWW           W:::::W        D:::::D    D:::::D
 R:::::R     R:::::R        W:::::W         W:::::W         W:::::W         D:::::D     D:::::D
 R:::::RRRRRR:::::R          W:::::W       W:::::::W       W:::::W          D:::::D     D:::::D
 R:::::::::::::RR             W:::::W     W:::::::::W     W:::::W           D:::::D     D:::::D
 R::::RRRRRR:::::R             W:::::W   W:::::W:::::W   W:::::W            D:::::D     D:::::D
 R:::::R     R:::::R            W:::::W W:::::W W:::::W W:::::W             D:::::D     D:::::D
 R:::::R     R:::::R             W:::::W:::::W   W:::::W:::::W              D:::::D     D:::::D
 R:::::R     R:::::R              W:::::::::W     W:::::::::W               D:::::D    D:::::D
RR:::::R     R:::::R              W:::::::W       W:::::::W              DDD:::::DDDDD:::::D
R::::::R     R:::::R               W:::::W         W:::::W               D:::::::::::::::DD
R::::::R     R:::::R                W:::W           W:::W                D::::::::::::DDD
RRRRRRRR     RRRRRRR                 WWW             WWW                 DDDDDDDDDDDDD

*/


/* height: 1050px */
@media screen and (max-width: 1680px) {}


/* height: 900px */
@media screen and (max-width: 1600px) {}


/* height: 864px */
@media screen and (max-width: 1536px) {}



/* height: 900px */
@media screen and (max-width: 1440px) {}


/* height: 768px */
@media screen and (max-width: 1366px) {}



/* height: 768px */
@media screen and (max-width: 1360px) {}



/* height: 1024 & 720px */
@media screen and (max-width: 1280px) {}



/* height: 768px, 600px */
@media screen and (max-width: 1199px) {
	.navbar .nav>li>a {
		font-size: 13px;
		padding: 10px 10px;
		letter-spacing: 0px;
		margin-left: 1px;
	}

	header img {
		max-width: 40%;
	}

	header h1 strong {
		font-size: 65px;
	}

	header h1 span {
		font-size: 29px;
	}

	header a img {
		margin: -10px 15px 0;
	}

	header a {
		width: 55%;
	}

	header h1 {
		margin: 55px 0 40px;
	}

	.firma h2 {
		margin: 0 0 15px;
	}

	.firma {
		min-height: 470px;
		padding: 60px 0;
	}

	.skup,
	.niszczenie {
		padding: 60px 0;
	}
}




@media screen and (max-width: 1023px) {
	.navbar-toggle {
		border-color: #222;
		border-radius: 0;
		margin-top: 25px;
	}

	.icon-bar {
		background: #88be11;
		border-radius: 0;
	}

	#navbar {
		background: white;
	}

	.navbar .nav>li>a {
		margin: 0;
		border-top: 1px solid #e2e2e2;
	}

	header a span {
		line-height: 1.5em;
	}

	header a span strong {
		font-size: 20px;
		margin-top: 13px;
	}

	header a {
		height: 85px;
		margin-bottom: 15px;
	}

	header a img {
		height: 95px;
		margin: -4px 15px 0 !important;
	}

	header h1 {
		margin: 42px 0 30px;
	}

	.firma img {
		width: 100%;
		max-width: 500%;
		margin-bottom: 15px;
	}

	.skup img {
		width: 100%;
		max-width: 500%
	}

	.skup .col-md-6 {
		margin-bottom: 30px;
	}

	.stellar {
		background-position: center !important;
	}

	.navbar-header::before,
	.navbar-header::after {
		display: none;
	}

	.navbar-header {
		height: 100%;
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		justify-content: space-between;
	}

	.navbar-toggle {
		margin-top: 0;
		margin-bottom: 0;
	}

	.navbar-brand {
		height: auto;
		padding-right: 0;
	}

	.kontener-mobile {display: block; padding-bottom: 0;}

	#navbar .zamow-kontener {display: none;}
}

@media screen and (max-width: 800px) {
	.navbar-brand>img {
		display: block;
		height: 33px;
	}


}

@media screen and (max-width: 768px) {}



@media screen and (max-width: 640px) {
	header a {
		display: none;
	}

	header h1 {
		width: 100%;
		text-align: center;
	}

	header .container {
		display: flex;
		flex-direction: column-reverse;
	}

	header h1 strong,
	header h1 span {
		float: none;
		clear: none;
		display: block;
		text-align: center
	}

	header img {
		max-width: 60%;
		margin: 40px auto;
		float: none;
	}
}


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

	.stellar,
	#mapagoogle {
		height: 300px;
	}

	.stellar {
		background-size: cover !important;
	}
}

@media screen and (max-width: 480px) {}



@media screen and (max-width: 435px) {
	header h1 strong {
		font-size: 50px;
	}

	header h1 span {
		font-size: 20px;
	}

	header img {
		max-width: 75%
	}
}


@media screen and (max-width: 425px) {}

@media screen and (max-width: 414px) {}

@media screen and (max-width: 375px) {}


@media screen and (max-width: 360px) {}

@media screen and (max-width: 320px) {
	header h1 strong {
		font-size: 40px;
	}

	header h1 span {
		font-size: 18px;
	}

	header img {
		max-width: 80%
	}

}