/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */



/*

 * What follows is the result of much research on cross-browser styling.

 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,

 * Kroc Camen, and the H5BP dev community and team.

 */



/* ==========================================================================

   Base styles: opinionated defaults

   ========================================================================== */



   

   

   

html,

button,

input,

select,

textarea {

    color: #222;

}



html {

    font-size: 1em;

    line-height: 1.4;

}



/*

 * Remove text-shadow in selection highlight: h5bp.com/i

 * These selection rule sets have to be separate.

 * Customize the background color to match your design.

 */



::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}



::selection {

    background: #b3d4fc;

    text-shadow: none;

}



/*

 * A better looking default horizontal rule

 */



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0;

}



hr.nomargin {

margin:0;

padding:0;

border-color:#e1e1e1;

}



/*

 * Remove the gap between images, videos, audio and canvas and the bottom of

 * their containers: h5bp.com/i/440

 */



audio,

canvas,

img,

video {

    vertical-align: middle;

}



/*

 * Remove default fieldset styles.

 */



fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}



/*

 * Allow only vertical resizing of textareas.

 */



textarea {

    resize: vertical;

}







/* ==========================================================================

   Author's custom styles

   ========================================================================== */



  

   



body, p, h1, h2, h3, h4, h5, h6, p, table, td, span, button, form, input, div {

	font-weight:400;

	font-family: 'Titillium Web', sans-serif;

	letter-spacing:1px;

	padding:0;

	margin:0;

	border:0;

}



div {

	box-sizing: border-box;

}



 body {

	font-family: 'Titillium Web', sans-serif;

	color:#222;

	font-size:14px;

	line-height:160%;

	font-weight:400;

letter-spacing:1px;	

}

   .item-page  p {
   padding-top:15px!important;
   padding-bottom:15px!important;
   }

   a, button, li, .btn, button, input, .homephoto ul.latestnews, .redbox, .linkimenu img, .box-red {

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	transition: all 0.5s;

}

   

	

/**TEXT FORMAT**/







a {

text-decoration:none;

color:#2c3357;

}





a:hover {

color:#20253e;

}



p.readmore a:hover {

color:#85d7fd;

text-decoration:underline!important;

box-shadow:none!important;

}



h1, h2, h3 {

font-family: 'Titillium Web', sans-serif;

font-weight:200;

text-transform:uppercase;

}



h1 .bolder {

font-weight:700;

}



h2 .lower {



font-weight:normal;

text-transform:none!important;

padding-top:10px;

font-size:40px;

}





h1.lower-c, h2.lower-c {

text-transform:none!important;

}



h1 {

margin-top:-30px;

font-size:45px;

padding-bottom:20px;

/**text-align:right;



border-bottom:1px solid #000;**/

}



.home h1, h2 {

font-size:35px;

font-weight:700;

text-align:left;

margin-top:0px;



}



.mod-ek h2 {

margin-bottom:30px;

}



.bigphoto h1 {

font-size:45px;

font-weight:200;

padding-bottom:0;

text-align:left;

margin-top:0px;

border:none;

}



.home-news h1 {

margin-top:40px!important;

padding-bottom:0;

text-align:left;

margin-top:0px;



}



.bordered {

margin-top:10px;

border-top:1px solid #000;

padding-top:20px;

}


p {
font-size:16px;
}




p.lead {

font-size:18px;
line-height:30px;
padding-bottom:10px;

padding-top:5px;


}


.item .lead, .item-page .lead {

font-weight:400!important;
}





.item h2 {

margin-top:60px;

padding-top:20px;

padding-bottom:15px;

border-top:1px solid #000;

}

.item h3 {

font-size:16px;
font-weight:400;
padding-bottom:15px;
padding-top:15px;
font-weight:700;
}



.leading-0 {

border:1px solid #ddd;

padding:40px;

}



.leading-container {

padding-left:5px;

padding-right:15px;

padding-bottom:5px;

}



.news-content .item h2, .publication .item h2 {

margin-top:0;

padding-top:0;

border:none;

font-size:18px;

font-weight:700;

padding-bottom:10px;

}







.news-content p {

font-size:13px;

line-height:20px;

}



.page-header {

margin:0;

}













.bigphoto h3 {

font-size:15px;

padding-top:15px;

line-height:20px;

}



.case-row .page-header {

padding:0;

margin:0;

padding-bottom:20px;

}



.case-desc {

padding-top:40px;

padding-left:30px;

}



.category-desc {
padding-top:20px;
}





h4 {

font-size:20px;

font-weight:normal;

padding-bottom:15px;

padding-top:15px;

}



.hidden-vc{

     opacity:0;

}

.visible-vc{

     opacity:1;

}







h3, .h3 {

font-size:20px;

}





.page-header {

border:none;

}



.published {

font-size:12px;

text-transform:uppercase;

margin-top:10px;

margin-bottom:10px;

}



.navbar {
border-radius:0!important;
}



.navbar-default ul, .navbar-default ul li {

list-style:none!important;

}



#main ul {

list-style:square;

padding:0;

list-style-position:inside;



}



#main ul li {

padding-top:5px;

padding-bottom:5px;

}





.white-bg {

background-color:#fff;

color:#000;

}

.grey-border {

border:20px solid #f4f4f4;

}



.black-bg {

background-color:#000;

color:#fff;

}

.contact-miscinfo {
padding:40px;
}



.box {

padding:60px;

padding-top:40px;

padding-bottom:40px;

}



.box-dzialania {

padding:60px;

}



.full-width {

margin:0;

}

.full-width img {

width:100%;

height:auto;

}



.budujemy {

background-image:url('../images/budujemy.jpg');

background-size:contain;

background-repeat:no-repeat;

}



.laczymy {

background-image:url('../images/laczymy.jpg');

background-size:50%;

background-position:right center;

background-repeat:no-repeat;

}



.tworzymy {

background-image:url('../images/tworzymy.jpg');

background-size:contain;

background-repeat:no-repeat;

padding-bottom:100px;

}



.budujemy .box-dzialania {

margin-top:100px;

}





.case-row {

margin-top:80px;

}







.box-padding-left {

padding-left:120px;

}



.box-padding-right {

padding-right:120px;

}



.row-0 {

position:relative;

}



/*.row-0 .column-2 .item-image {

float:left;

position:relative;

margin-top:-100px;

z-index:1;

width:80%;

height:auto;

}



.row-0 .column-2 .item-image img {

width:100%;

}*/s



.wyzwanie{

z-index:2;

}



.projekt{



z-index:2;

}



.wyzwanie, .projekt {

position:relative;

display:block;

}



.realizacja .full-width img{

margin-bottom:40px;

}



.realizacja .col-images {

margin-top:-100px;

}



.realizacja .box.white-bg {

padding-left:15px;

}







.to-bottom {

z-index:1;

}



.to-top {

z-index:2;

}



.news.blog-featured .box-right, .agencja .leading .box-right{

margin-top:100px;

}











.grey-bg {

background:#f4f4f4;

color:#000;

}



.red-bg {

background-color:#e2001a;

}



.white {

color:#fff;

}



.black {

color:#000;

}



.red {

color:#e2001a;

}



p.smaller {

font-size:13px;

line-height:20px;

color:#666;

}



/**ARTICLE FORMATTING**/

.art-txt-container {

padding:80px;

padding-top:50px;

padding-bottom:60px;

border:1px solid #e1e1e1;

border-top:4px solid #000;

}





.article-info {

padding:0;

margin:0;

}





/**NEWS**/





/**CONTACT**/





/**NAVBAR - MAIN MENU**/



.header-cont {

margin-top:0px;

height:60px;

width:100%;

background:transparent;

border-bottom:1px solid #fff;

position:relative;

}





.navbar-fixed-top.navbar-default{

background:rgba(0,0,0,0.5)!important;

border:none;

width:100%;

}





.navbar-default {

background:transparent;

border:none;

margin-bottom:4px;

}



.navbar-brand {

width:300px;

height:auto;

padding:0;

}



.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{

margin-top:25px;

margin-left:0px;

}



.navbar-brand img {

width:100%;

height:auto;

}





.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

background:transparent;

text-decoration:none;

color:#fff;

}



.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

background:#fff;

color:#e2001a;

border-top:3px solid #e2001a;

border-left:1px solid #e2001a;



}



.moduletable_menu, .lang-switcher {

float:left;

}





.moduletable_menu {

height:auto;

background:none;

}



.moduletable_menu .nav {

float:right;

padding-top:0px;

padding-right:20px;



}



.moduletable_menu .nav li {

text-align:center;

float:left;

position:static;

}



.moduletable_menu .nav li  ul li{

text-align:center;





}



.nav-child{

padding-left:43%;

display:block;

position:absolute;

left:0;

top:0;

background:#fff;

background:rgba(255,255,255,0);

color:#000!important;

width:100%;

margin-top:60px;



}







.topmenu {

padding-top:7px;

}





.topmenu .hidden-topmenu {

display:none;

visibility:hidden;

}



.moduletable_menu .nav li a{

font-size:14px;

color:#fff;



text-transform:uppercase;

font-weight:normal;

padding-top:10px;

padding-bottom:10px;

padding-left:10px;

padding-right:10px;

letter-spacing:0.5px;

}



.moduletable_menu .nav li .nav-child li a{

color:#000;

font-size:11px;

font-weight:700;



}



.moduletable_menu .nav li a:hover{

background:none;

color:#fff!important;

}



.moduletable_menu .nav li .nav-child li a{

color:#333!important;

}







.navbar-collapse {

padding-left:0;

padding-right:0;

}



/**DROPDOWN MENU**/





/**BIGPHOTO**/

#overcontent {

height:auto;

width:100%;

}



.moduletable.bigphoto{

position:relative;

margin-top:-100px;

left:0;

width:100%;

height:750px;

z-index:0;

color:#fff;

}





.custom.bigphoto {

padding-top:160px;

height:100%;

display:block;

height:100%;



  -webkit-background-size: contain;

  -moz-background-size: contain;

  -o-background-size: contain;

  background-size: contain;

   background-repeat: no-repeat;

   background-position:center top;

    /**background-attachment: fixed;**/



}





.white-triangle {

width:100%;

background:url(../images/white_triangle.png) no-repeat right;

height:175px;

position:absolute;

bottom:0;

}



.bigphoto-content {

height:100%;

width:100%;

}



.bigphoto-content h4 {

position:absolute;

bottom:10px;

font-size:16px;

color:#666;

}





#header {

z-index:9999;

position:relative;

height:100px;

}



#main {

position:relative;

z-index:12;

margin-bottom:100px;

}





/**NEWS**/



.news .item .item-image{

width:100%;

display:block;

float:left;

}



.news .item .item-image img{

width:100%;

height:auto;

margin-bottom:20px;

}



.news.blog {

padding-top:10px;

}



.news.blog .col-flex-ws, .publication  .col-flex-ws{

padding:5px;

}



.news-content {

margin-top:10px;

}





.news.blog .col-flex-ws .item, .publication .col-flex-ws .item {

padding:30px;

padding-left:40px;

padding-right:40px;

border:1px solid #e1e1e1;

padding-bottom:60px;

position:relative;

}



.home-news.blog .col-flex-ws.column-1 .item {

border:none;

padding-left:0;

}



.home-news.blog .col-flex-ws.column-2 .item {

border:none;

padding-right:0;

}





.news.blog .col-flex-ws .item a{

-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);

-moz-box-shadow:    0px 0px 0px 1px rgba(0, 0, 0, 0);

box-shadow:         0px 0px 0px 1px rgba(0, 0, 0, 0);

}











.home-news.blog .col-flex-ws .item a, .home-news.blog .col-flex-ws .item a:hover{



-webkit-box-shadow: none;

-moz-box-shadow:    none;

box-shadow:         none;

}







/**

.news.blog p.readmore a{

width:100%;

height:100%;

text-align:right;

position:absolute;

top:0;

left:0;

color:#e2001a;

text-transform:uppercase;

font-size:11px;

display:block;

}



.news.blog p.readmore a .readmore-txt{

position:absolute;

display:block;

bottom:20px;

right:40px;

}**/



.news.blog p.readmore a, .publication p.readmore a{

text-align:right;

float:right;

display:block;

text-transform:uppercase;

font-weight:700;

margin-bottom:15px;

position:absolute;

bottom:50px;

right:40px;

}



.news.blog .leading p.readmore a{

position:relative;

margin-top:10px;

bottom:auto;

}



.publication p.readmore a{

bottom:20px;

}







.item .news-txt {

margin-bottom:60px;

}



.leading .news-txt {

margin-bottom:30px;

margin-top:15px;

}



.leading h3{

margin-bottom:15px;

}



.news.blog p.readmore a span, .publication p.readmore a {

font-weight:700;

text-decoration:underline;

}



.row.bordered {

border-bottom:3px solid #000;

padding:0;

margin:0;

}



.row.bordered  [class*="col-"] {

padding:0;

}





/**TAGS**/



 .tags {

margin-top:10px;

display:block;

float:right;

height:auto;

border:none;

background:url(../images/tag_black.png) no-repeat 0px 15px;

background-size:15px 15px;

padding-left:15px;

border-top:1px solid #888;

padding-right:20px;

padding-top:15px;

width:100%;



}





.item .tags {

position:absolute;

width:75%;

bottom:15px;

}



.home-news .item .tags {

width:100%;

}







.tags span a, .tags span{

display:block;

float:left;

background:none;

color:#000;

text-transform:uppercase;

padding-left:10px;

padding-right:10px;

font-size:9px;

line-height:12px;

}



.tags span a:hover {

color:#888;
background:none!important;
}



.item-page {

position:relative;

}

.category-name {

display:block;

width:auto;

height:auto;

position:absolute;

right:0;

bottom:-50px;

text-transform:uppercase;

font-size:12px;

}



.category-name a {

font-weight:700;





}





.news-content .category-name {

display:none;

visibility:hidden;

}



.createdby {

font-size:11px;

text-transform:uppercase;

font-size:11px;

color:#888;

padding-bottom:7px;

margin-top:20px;

}



.item-page .createdby {

margin-top:50px;

}



.publication .createdby {

margin-top:0;

}



.publication {

margin-bottom:100px;

}



.item-page h2 {

font-size:25px;

margin-bottom:30px;

}



.item-page h3 {

margin-top:10px;

margin-bottom:20px;

}



.published {

margin:0;

padding-bottom:0px;

border-bottom:1px solid #000;

display:block;

float:left;

padding-right:40px;

}



.item-page .published {

/**border-bottom:none;**/

}





/**GOOGLE MAP**/



 .google-maps {

        position: relative;

      

        height: 300px;

        overflow: hidden;

    }

    .google-maps iframe {

        position: absolute;

        top: 0;

        left: 0;

        width: 100% !important;

        height: 300px!important;

    }

	



	

	

	.bluebox {

margin-top:-290px;

position:relative;

	background:#2c3357;

	color:#fff;

	opacity:0.8;

	height:auto;

	padding:40px;

	padding-top:20px;

	padding-bottom:20px;

	}

	

	.bluebox p, .black-bg p {

	margin-top:10px;

	margin-bottom:15px;

	line-height:20px;

	}

.bluebox p, .bluebox a {
color:#fff!important;
}



/**BREADCRUMB**/



#breadcrumb {

display:block;

width:100%;

text-align:right;

border-bottom:1px solid #000;

font-size:12px;

color:#444;

text-transform:uppercase;

}



ul.breadcrumb {

margin-bottom:0;

background:none;

padding:0;

padding-bottom:5px;

}









/**BTNS**/



.btn, button {

font-family: 'Titillium Web', sans-serif;

letter-spacing:2px;

font-size:13px;

background:transparent;

color:#fff;

background:#2c3357;

border-radius:0px;

padding-left:60px;

padding-right:60px;

padding-top:10px;

padding-bottom:10px;

text-transform:uppercase;

text-align:center;

-webkit-box-shadow: none;

-moz-box-shadow:    none;

box-shadow:        none;

}

.back-box {

margin-top:130px;

}



.contact {

margin-top:80px;

}



.contact-row {

padding-top:0px;

}



.no-padding {

padding-left:0;

padding-right:0;

}



legend {

font-size:15px;

font-style:italic;

}



.form-control.t-a {

height:100px;

}

.t-a textarea {

height:100%!important;

width:100%!important;

}



.form-control input:focus, .form-control textarea:focus {

outline:none!important;

border:none!important;

}



.contact .box {

margin-top:-30px;

}





.back-btn {

background-color:transparent;

background-image:url(../images/back_btn.png);

background-repeat:no-repeat;

background-position:left center;

padding-left:40px;

border:none;

color:#000;

text-decoration:underline;

}



.black-bg .btn, .black-bg button {

border-color:#fff;

color:#fff;

}





.btn.btn-block, button .btn-block {

padding-left:0!important;

padding-right:0!important;

text-align:center;

}





.item p {

margin-top:15px;

margin-bottom:10px;

}



.news-content .item p{

margin-top:5;

}



.item p.readmore {

margin-top:40px;

}



.wyzwanie {

position:relative;

top:60px;

}



.btn-case {

margin-top:30px;

}







.btn a:focus, input:focus, button:focus {

border:none!important;

outline:none!important;

}











.btn:hover, button:hover, .btn a:hover  {

background-color:#1e223a;

color:#b3e5fc;

text-decoration:none;

-webkit-box-shadow: none;

-moz-box-shadow:    none;

box-shadow:         none;

}







.black-bg .btn:hover, .black-bg button:hover, .black-bg .btn a:hover {

border-color:#f4f4f4;

color:#fff;

background:transparent;

}



.back-btn:hover {

background-color:transparent;

border:none;

color:#000;

}







#top {

position:fixed;

display:block;

width:60px;

height:60px;

bottom:20px;

right:50px;

background:rgba(0,0,0,0.6);

z-index:9999;

text-transform:uppercase;

text-decoration:none;

font-weight:700;

text-align:center;

padding-top:7px;

}



#top a {

color:#fff;

font-size:12px;

}



/**FINDER AND SEARCH MODULE AND COMPONENT**/



/**FORMS**/



.form-control, .validate-username, #jform_token, #jform_username, #jform_password1, #jform_password2, #password  , #mailto-window .inputbox, .finder .inputbox{

display: block;

width: 100%;

height: 40px;

padding: 6px 12px;

font-size: 15px;

line-height: 1.42857143;

color: #555;

background-color: #fff;

background-image: none;

border: 1px solid #ccc;

border-radius: 2px;

-webkit-box-shadow: none;

box-shadow:none;

-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}



textarea {

border:none;

background-color:transparent;

}



.form-control input {

width:100%;

height:100%;



}



.form-control:focus, .validate-email:focus, .validate-username:focus , #jform_username:focus, #jform_token:focus, #jform_password1:focus, #jform_password2:focus, #password:focus, #mailto-window .inputbox:focus, .finder .inputbox {

-webkit-box-shadow: none;

box-shadow:none;

border: 1px solid #888!important;

}



label {

font-size:10px;

text-transform:uppercase;

font-family: 'bariol_regular', sans-serif;

letter-spacing:1px;

}

.circleicon {

text-align:center;

color:#2c3357;

font-size:13px;

text-transform:uppercase;

line-height:18px;

}

.circleicon img {

width:70%;

height:auto;

margin:15%;

}



.login-icon img {

width:17px;

height:20px;

}



.row.topmargin {

margin-top:40px;

}



.divider {

color:#fff;

padding-top:10px;

font-weight:700;

}



.lang-switcher {

padding-top:10px;

}



.lang-switcher li a {

color:#fff;

font-size:14px;

}



.lang-switcher li.lang-active a {

color:#999;

}









/**FOOTER AND BOTTOM**/



footer {

display:block;

width:100%;

height:auto;

background:#000;

min-height:30px;

padding-top:30px;

padding-bottom:10px;

width:100%;

}



footer a {

color:#666!important;

text-transform:uppercase;

font-size:12px;

}



footer a:hover {

background:none!important;

color:#f4f4f4!important;

}





.menu-bottom-mainmenu li .hidden  {

display:block!important;

visibility:visible!important;

}



footer ul {

display:block;

float:left;

}



footer ul li {

list-style:none;

display:inline-block;

width:auto;

float:left;

padding-left:10px;

padding-right:10px;

}



/**LOGIN FORM**/



/**PAGINATION**/





.pagination, .search-pages-counter{

margin:0 auto;

display:block;

width:auto;

text-align:center;

}



.pagination {

background:#f4f4f4;

}

.pagination ul{

list-style:none;

}



.pagination ul li {

display:inline-block;

margin-left:10px;

margin-right:10px;

text-transform:uppercase;

font-size:12px;

}



/**KONTAKT - PLACÓWKI**/





/**MEDIA QUERIES****************************************************************

********************************************************************************

********************************************************************************









/** SM - tablet portrait and smaller**/ 





/** MD - tablet landscape & small desktop ONLY**/ 

@media (min-width: 992px) and (max-width: 1199px) {







}



@media (min-width: 768px) and (max-width: 1199px) {



}



/** MD and bigger**/ 

@media (min-width: 992px) {

.news .items-row, .publication .items-row{

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-orient: horizontal;

  -moz-box-orient: horizontal;

  -webkit-box-direction: normal;

  -moz-box-direction: normal;

  -webkit-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  display: -webkit-flex; /* Safari */

    -webkit-flex-wrap: wrap; /* Safari 6.1+ */

    display: flex;   

    flex-wrap: wrap;

}



.col-flex-ws{

	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */

	display: -moz-box; 

 	/* OLD - Firefox 19- (buggy but mostly works) */

	display: -ms-flexbox;      /* TWEENER - IE 10 */

	display: -webkit-flex;     /* NEW - Chrome */

	display: flex;

	 width:33%;

}



.home-news .col-flex-ws{

width:49%;

}



.lt-ie10 .news .col-flex-ws {

  display:block;

float:left;

}



.lt-ie10 .news .col-flex-ws.item{

height:600px;	

}



.lt-ie10  .blog.news .col-flex-ws  {

padding-bottom:10px;

}



.col-flex-ws .item {

position:relative!important;

}







}







/** LG - only large**/ 

@media (min-width: 1200px) {



.container {

width: 1050px;

}



}











@media (max-width:1430px) {



.moduletable.bigphoto{ 

height:700px;

}

}



@media (max-width:1330px) {



.moduletable.bigphoto{ 

height:650px;

}



@media (max-width:1199px) {



.moduletable.bigphoto{ 

height:580px;

}







}











}



/**portrait ONLY**/ 

@media (min-width: 768px) and (max-width: 991px) {



 body {



	font-size:13px;

	line-height:25px;



letter-spacing:0px;	

}



	.navbar-brand {

width:220px;


}



.moduletable_menu .nav li a{

font-size:12px;

padding-left:5px;

padding-right:5px;

}

	.box {

	padding:40px;

	}

	

	.case-desc {

	padding-top:0px;

	}

	

		

	

}

@media (max-width: 991px) {

.custom.bigphoto {

 -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  }
  
  
  .home-news .item .tags {

position:relative;
margin-top:30px;
}


.home-news.blog .col-flex-ws.column-2 .item, .home-news.blog .col-flex-ws.column-1 .item  {
padding:15px;
}


.news.blog p.readmore a, .publication p.readmore a {
position:relative;
bottom:auto;
}

p.readmore, .item .news-txt {
margin-top:0;
margin-bottom:0;
}


  }





@media (min-width: 768px) {





}



/** XS - smartphone ONLY**/ 

@media (max-width: 767px) {



body {

font-size:13px;

}









/**XS NAV**/



.topmenu.pull-right, .nav.pull-right {

float:none!important;

display:block;

clear:both;

height:auto;


padding:0;
margin:0!important;

}

.lang-switcher {
float:right;
display:block;
margin-right:10px;
margin-top:4px;
}

.lang-switcher a {
font-size:10px;
}



.navbar-default {

background:#000;

height:auto;

}



.navbar {

border:none;

}



.moduletable_menu {

height:auto;
width:100%;
}







.moduletable_menu .nav li{

text-align:left;

height:auto;

padding:0;

margin:0;

border-bottom:1px solid #333;

display:block;
width:100%;


}

.moduletable_menu .nav li.divider{
display:none;
}

.moduletable_menu .nav li a{
color:#fff!important;
padding-left:20px;
}

.header-cont {
border:none;
height:auto;
}






.navbar-brand {
width:220px;
padding-left:20px;

}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
margin-top:18px;
}

#header {
height:auto;
}


.blacknav {
position:relative!important;
}

.navbar-toggle {

display:block;

height:100%;

width:auto;

margin:0;

border-radius:0;

border:none;

background:#000;

padding:18px;

}



.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{

background:#222;

}



.navbar-toggle .icon-bar {

width:20px;

background-color:#fff;

height:2px;



}



.navbar-toggle .icon-bar + .icon-bar {

margin-top:4px;

}



.navbar-default .navbar-toggle .icon-bar{

background-color:#fff;

}

.nav-child{ 
display:none!important;
}

/**XS NAV ENDS**/

.circleicon img {
max-width:180px;
float:none;
display:block;
padding:2%;
}

.circleicon {
text-align:center;
font-size:11px;
min-height:180px;
}

.art-txt-container {

padding:15px;

}



#top {
display:none!important;
}


.home h1, h2 {
font-size:25px;
}

.bigphoto h1 {
font-size:35px;
}

p.lead {
font-size:16px;
line-height:24px;
}


.form-horizontal .form-group {

margin-right:0;

margin-left:0;

}



.item-page .pull-right {

float:none!important;

}

.moduletable.bigphoto {
  height: 520px;

}

.custom.bigphoto {
padding-top:140px;
}


.bluebox {
margin-top:0;
}

#main {
margin-bottom:30px;
}

.white-triangle {
bottom:0px;
  background: url(../images/white_triangle.png) no-repeat center;
}


.contact-row .black-bg {
display:none;
}

.menu-bottom-mainmenu li , .menu-bottom-privacymenu li {
padding:0;
}
.menu-bottom-mainmenu li a, .menu-bottom-privacymenu li a{
font-size:10px;
padding:0;, 
padding-left:5px;
padding-right:5px;
}


.news.blog .col-flex-ws .item, .publication .col-flex-ws .item, .leading-0 {

padding:20px;

padding-left:20px;

padding-right:20px;

}

.category-name {
bottom:-10px;
}

}





/* ==========================================================================

   Helper classes

   ========================================================================== */



/*

 * Image replacement

 */



.ir {

    background-color: transparent;

    border: 0;

    overflow: hidden;

    /* IE 6/7 fallback */

    *text-indent: -9999px;

}



.ir:before {

    content: "";

    display: block;

    width: 0;

    height: 150%;

}



/*

 * Hide from both screenreaders and browsers: h5bp.com/u

 */



.hidden {

    display: none !important;

    visibility: hidden;

}



/*

 * Hide only visually, but have it available for screenreaders: h5bp.com/v

 */



.visuallyhidden {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}



/*

 * Extends the .visuallyhidden class to allow the element to be focusable

 * when navigated to via the keyboard: h5bp.com/p

 */



.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto;

}



/*

 * Hide visually and from screenreaders, but maintain layout

 */



.invisible {

    visibility: hidden;

}



/*

 * Clearfix: contain floats

 *

 * For modern browsers

 * 1. The space content is one way to avoid an Opera bug when the

 *    `contenteditable` attribute is included anywhere else in the document.

 *    Otherwise it causes space to appear at the top and bottom of elements

 *    that receive the `clearfix` class.

 * 2. The use of `table` rather than `block` is only necessary if using

 *    `:before` to contain the top-margins of child elements.

 */



.clearfix:before,

.clearfix:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.clearfix:after {

    clear: both;

}



.clear-ek {

clear:both;

}



/*

 * For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats.

 */



.clearfix {

    *zoom: 1;

}



.toleft {

float:left;

display:block;	

}



.toright {

	float:right;

display:block;	

}



.clear {

clear:both;



}











/**NO SCRRIPT**/



/**OLD BROWSERS, NOT SUPPORTED**/



.lt-ie8 #all-wrapper {

display:none!important;

}



.lt-ie8 .old-browser-logos {

margin:0 auto;

margin-top:30px;

display:block;

width:760px;

}



.lt-ie8  img.logo{

width:220px;

height:auto;

margin-right:60px;



}











.old-browser {



margin:0 auto;

margin-top:30px;

display:block;

width:600px;

padding:80px;

border:3px solid #000;



}



.browsehappy {

    margin: 0.2em 0;

    background: none;

    color: #000;

    padding: 0.2em 0;

}


.ludzie.item-page .pull-none.item-image img {
display:block;
width:33%;
margin-bottom:30px;
}

.ludzie.item-page .pull-left.item-image img {
display:block;
width:100%;
margin-bottom:30px;
}


.blog.ludzie .items-leading .item-image img {
display:block;
width:100%;
margin-top:15px;
margin-bottom:15px;
}






@media (max-width: 767px) {

.ludzie.item-page .pull-none.item-image img {

width:100%;

}
}



/****** PARP *****/
.parp-menu {
display:block;
width:100%;
position:absolute;
left:0;

}

.header-cont .nav-child li {
position:relative;
z-index:109;
}


.parp-menu ul li {
float:right;
width:180px;
height:40px;
display:block;
position:relative;
z-index:105;
}

.parp-menu ul li a{
padding:0;
background:#fff url(../images/arrow-right.png) no-repeat center right 10px;
background-size:8px;
}
.parp-menu ul li a:hover{
background:#fff url(../images/arrow-right.png) no-repeat center right 7px;
background-size:8px;
}

.parp-menu ul li img{
display:block;
width:auto;
height:40px;
}

.nav-child li {
padding-top:5px;
}

.logo-parp img{
width:55%;
display:block;
}

.logo-parp-home img{
width:60%;
display:block;
margin:0 auto;
}

a.mecenas, span.mecenas  {
font-size:20px;
font-weight:700;
text-transform:uppercase;
line-height:50px;
}

p.tytul {
margin:0;
font-weight:700;
text-transform:uppercase;
font-size:14px;
}

.mail {
font-size:16px;
text-decoration:underline;

}

.btn-block80 {
width:80%;
}



@media (max-width: 767px) {
.parp-menu ul li {
width:100%;
}

.logo-parp-home img, .logo-parp img{
width:80%;
margin-left:0;
}

.mec{
margin-top:20px;
margin-bottom:20px;
}

.btn-block80 {
width:100%;
}
}