/*
		StudioFabryka.pl
*/






body {
    font-family: 'latoregular';
    font-size: 15px;
    line-height: 1.5em;
    color: #2e2e2e;
    padding-top: 110px;
}

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

.navbar .nav > li > a {
    font-size: 14px;
    color: #2e2e2e;
    text-transform: uppercase;
}

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

.navbar .nav > .open > a,
.navbar .nav > .active > a,
.navbar .nav > .open > a:hover,
.navbar .nav > .open > a:focus,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
    color: #0056a8;
    background: none;
}



header {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 20;
}

.cycle-slideshow img {width: 100%;}

header .container {
    position: relative;
}

header .text {
    position: absolute;
    top: 400px;
    left:0;
    z-index: 20;
}

.text strong,
.text span {
    float: left;
    clear: left;
    display: inline;
    background: #0056a8;
    color: white;
    padding: 5px 25px;
    text-transform: uppercase;
    line-height: 1.3em;
}

.text strong {
    font-family: 'latoblack';
    font-weight: normal;
    font-size: 50px;
}

.text span {
    font-family: 'latolight';
    font-weight: normal;
    font-size: 40px;
}



article {
    margin-top: -110px;
    position: relative;
    z-index: 30;
    background: white;
}

.boxes {
    margin: 30px 0;
}

.box {
    float: left;
    width: 100%;
    height: 230px;
    padding-top: 2.5em;
    text-align: center;
    line-height: 1.5em;
    transition: all .3s;
}

.box:hover {
    text-decoration: none;
    transform: scale(1.03);
    opacity: .9;
    box-shadow: 0 15px 15px -10px rgba(0,0,0,.2);
}

.box img {
    margin-bottom: 1em;
}

.box strong {
    color: white;
    font-size: 30px;
    font-family: 'latobold';
    font-weight: normal;
}

.box small {
    color: white;
    font-size: 13px;
}

.box1 {background: url(../img/b1.jpg) center center no-repeat;}
.box2 {background: url(../img/b2.jpg) center center no-repeat;}
.box3 {background: url(../img/b3.jpg) center center no-repeat;}



.home .main {
    padding-left: 30px;
}

.home h1 {
    color: #0072bc;
    font-size: 30px;
    font-family: 'latobold';
    font-weight: normal;
    margin: 0 0 .5em;
}

.home .main .thumb {
    margin-left: 30px;
    margin-right: 5px;
}

.btn-default {
    background: #0056a8;
    color: white;
    text-shadow:none;
    border:0;
    border-radius: 0;
    padding: 10px 25px;
    line-height: 1em;
}

.box_kontakt {
    background: url(../img/kontakt.jpg) 10px 0 no-repeat;
    height: 337px;
    padding-left: 40px;
    color: white;
}

.box_kontakt h2 {
    font-size: 30px;
    font-family: 'latobold';
    font-weight: normal;
    margin: 30px 0 .5em;
}

.box_kontakt a {color: white;}

.box_kontakt .adres,
.box_kontakt .tel,
.box_kontakt .email {
    padding-left: 25px;
}

.box_kontakt .adres {background: url(../img/adres.png) 0 2px no-repeat;}
.box_kontakt .tel {background: url(../img/tel.png) 0 2px no-repeat;}
.box_kontakt .email {background: url(../img/email.png) 0 4px no-repeat;}


footer {
    background: #161616;
    padding-top:1.5em;
    padding-bottom:1em;
    margin-top: 2em;
}

footer p {
    color: white;
    font-size: 13px;
    margin-left: 15px;
}

.madeby {
    float: right;
    margin-right: 15px;
    line-height: 1em;
}

.madeby small {
    color: white;
    font-size: 10px;
    float: left;
    margin: 2px 3px 0 0;
}


.sub .main, .sub .gallery {
    padding: 20px;
}

.sub h1 {
    color: #0072bc;
    font-size: 45px;
    font-family: 'latobold';
    font-weight: normal;
    margin: 10px 0 .65em;
    padding-bottom: .65em;
    line-height: 1.1em;
    border-bottom: 3px double #0072bc;
}


.sub h2,
.sub h3 {
	color: #0072bc;
    font-size: 28px;
    font-family: 'latobold';
    font-weight: normal;
    margin: 10px 0 .65em;
}
.sub h4,
.sub h5,
.sub h6 {
    color: #0072bc;
    font-family: 'latobold';
    font-weight: normal;
    margin: 1em 0 .5em;
}

.sub h2 {font-size: 33px;}
.sub h3 {font-size: 28px;}
.sub h4 {font-size: 23px;}
.sub h5 {font-size: 18px;}
.sub h6 {font-size: 13px;}


.gallery .thumbnail {
    border-radius: 0;
    border:0;
    padding:0;

    transition: all .2s;
}

.gallery .thumbnail:hover {
    opacity: .9;
    transform: scale(1.03);
}



/* 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;}





/* paginator */

#pages-container {
	float: right;
	width: 350px;
	background: white;
	box-shadow: 0 1px 0 rgba(0,0,0,.1);
}

.jPaginate{
    height:34px;
    position:relative;
    color:#a5a5a5;
    font-size:small;
	width:100%;
}
.jPaginate a {
    line-height:34px;
    height:34px;
    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:34px;
    height:34px;
    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:18px;
    width:15px;
    text-align:right;
}
span.jPag-snext,
span.jPag-snext-img{
    margin:2px 2px 2px 0px;
    font-size:18px;
    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;
            }















/* RWD */

@media screen and (max-width: 1600px) {
    header .text {top:300px;}
}


@media screen and (max-width: 1440px) {
    header .text {top:240px;}
}


@media screen and (max-width: 1366px) {
    header .text {top:220px;}
}


@media screen and (max-width: 1280px) {
    header .text {top:180px;}
}


@media screen and (max-width: 1024px) {
    header .text {top:120px;}
    .text strong {font-size: 40px;}
    .text span {font-size: 30px;}

    .box_kontakt {width: 30.3%}
}



@media screen and (max-width: 980px) {
    header .text {top:120px;}
    .text strong {font-size: 30px;}
    .text span {font-size: 20px;}

    .box {line-height: 1.1em;}
    .box strong {font-size: 18px;}

    .box_kontakt {width: 29.3%}

    .home .main .thumb {width: 46%;}
}


@media screen and (max-width: 800px) {
    header .text {top:80px;}
    .text strong {font-size: 25px;}
}



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

    .navbar-toggle {
        border-color: #0056A8;
        margin-top: 35px;
    }

    .icon-bar {background: #0056A8}

    .boxes {margin: 30px 0px 0;}
    .box {margin-bottom: 1.5em; background-size: 100% auto}

    .home .main {padding-right: 30px}
    .home .main .thumb {margin-right: 0}

    .box_kontakt {
        padding: 15px 60px;
        width: 100%;
        margin: 1.5em 0 0;
        background-size: 90.5% auto;
        background-position: 30px 0;
    }

    footer {text-align: center;}

    .madeby {float: none;}

    .madeby small {display: none;}

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

    #navbar {
        background: white;
        z-index: 1000;
        position: relative;
    }

    .navbar .nav > li > a {
        border-top: 1px solid #ddd;

        transition: all .3s;
    }

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

    .affix {height: 58px}

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

    .affix .navbar-brand > img {height: 80px;}

}



@media screen and (max-width: 480px) {
    .box_kontakt {width: 97%;}
    article {margin-top: 0;}
}


@media screen and (max-width: 360px) {
    .box_kontakt {width: 92%;}
    .box {height: auto; padding-bottom: 1em;}
    .box_kontakt h2 {margin: 15px 0px 0.5em;}
}


@media screen and (max-width: 320px) {
    .box_kontakt {width: 92%; background-size: auto 100%;}
    .box {height: auto; padding-bottom: 1em; background-size: auto 100%;}
    .box_kontakt h2 {margin: 15px 0px 0.5em;}
    footer p {font-size: 11px;}
}