/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */

/* Increase the default font size on small touch devices */
body {
  font-size: 100%;
}

/* =============================================================================
 *   Mobile Menu Toggle
 *   See your theme settings extensions for how to enable the menu toggle.
 *   These are example styles for the menu toggle menu, you can use these in the
 *   relevant responsive stylesheets as required. Modify to suit your design.
 * ========================================================================== */
/* The toggle link */
.at-mt .at-menu-toggle h2 {
  margin-bottom: 5px;
}

.at-mt .at-menu-toggle h2 a {
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
}

/* Menu items */
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
}


.tb-megamenu .btn-navbar{
	background: url("../img/dropdown.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	box-shadow: 0 0 0;
	padding: 10px 30px 10px 10px;
	color: #3a3a3a;
	font-size: 18px;
	font-family: "Lato";
	text-transform: uppercase;
	margin: 0 auto;
	text-shadow: 0 0 0;
	border: 0;
	display: table;
	float: none;
	height: 50px;
}

.tb-megamenu .btn-navbar:hover{
	background: none;
	color: #3a3a3a;
}

.mail-header{
	display: none;
}

.phone-header{
    display: table-cell;
    float: none;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
}


#block-block-4 .block-content {
    display: table;
    height: 48px;
    width: 100%;
}
.not-front #block-block-4 {
    width: 100%;
} 

.not-front header#main-content-header h1#page-title{
	 text-align: center;
    width: 100%;
    line-height: normal;
}

#content #block-system-main{
    margin: 0 10px;
}

#block-block-14 p span.tresc{
	display: none;
}


#block-block-5, #block-webform-client-block-1{
	display: none;
}

#block-block-3 h2.block-title{
	text-align: center;
}

#block-menu-menu-menu-stopka, #block-menu-menu-menu-stopka--2{
	display: none;
}

#block-block-6 {
    float: none;
    margin: 0 0 10px 0;
    width: 100%;
    text-align: center;
}

footer{
    float: left;
    width: 100%;
}




/*********************front*******************************/

#block-block-19 {
	display: block;
	margin: 50px auto 10px;
    text-align: center;
}

#block-block-19 img {
	width: 40%;
}

#logo {
	display: none;
}

#block-views-slider-block {
	display: none;
}

#block-block-4 {
    float: none;
    margin: 0 auto;
    display: table;
}

.front #main-content{
	margin: 0;
}

.view-realizacje-slideshow .jcarousel-skin-default .jcarousel-container-horizontal {
    height: 480px;
    margin: auto;
    padding: 0;
    width: 290px;
}

.view-realizacje-slideshow .jcarousel-skin-default .jcarousel-clip-horizontal {
    height: 480px;
    width: 290px;
}

.view-realizacje-slideshow .jcarousel-skin-default .jcarousel-item {
	width: 290px !important;
	margin: 0;
}

.view-realizacje-slideshow .jcarousel-prev-horizontal, .view-realizacje-slideshow .jcarousel-next-horizontal, 
.view-partnerzy .jcarousel-prev-horizontal, .view-partnerzy .jcarousel-next-horizontal{
	display: none;
}

.napis-title{
	width: 100%;
}

.view-partnerzy .jcarousel-skin-default .jcarousel-container-horizontal {
    height: 100px;
    padding: 0;
    width: 290px;
}

.view-partnerzy .jcarousel-skin-default .jcarousel-clip-horizontal {
    height: 100px;
    width: 290px;
}

.view-partnerzy .jcarousel-skin-default .jcarousel-item{
	width: 290px !important;
}


#name-and-slogan{
	display: none;
}

.front #branding{
	display: none;
}

.napis-title h2, .napis-title span{
	min-width: unset;
	font-size: 20px;
	line-height: normal;
	min-height: 50px;
}

#block-views-partnerzy-block .napis-title h2{
	line-height: 50px;
}


.co-realizujemy .item-list ul {
    display: table;
    margin: 1em auto;
}

.view-realizacje-slideshow .jcarousel-item .views-field-nothing {
	width: 100%;
	}	


    
.front #branding {
    top: 25px;
}

.front #logo img {
    width: 15%;
}


/************************kontakt******************************/


.not-front.page-node-1 header#main-content-header h1#page-title {
    line-height: 80px;
    
}

.kontakt-column {
    display: table;
    float: none;
    margin: 0 auto;
    width: 200px;
}


.page-node-1 #block-system-main .field-name-body{
    float: left;
    width: 100%;
}


.page-node-1 #block-system-main #webform-client-form-1{
	width: 100%;
	float: left;
}


.field-name-field-mapa {
    float: left;
    margin: 40px auto 0;
    width: 100%;
}

.field-name-field-mapa iframe{
	width: 100%;
	height: 300px;
}

.page-node-1 #block-system-main #webform-client-form-1 .form-item.webform-component-email input {
    max-height: 16px;
    max-width: 94%;
    padding: 7px 3%;
}


.page-node-1 #block-system-main #webform-client-form-1 .webform-component--adres-email{
	max-width: 100%;
}

.page-node-1 #block-system-main #webform-client-form-1 .form-actions {
    float: left;
    margin: 13px 0;
    width: 100%;
}

.page-node-1 #block-system-main #webform-client-form-1 .form-actions input{
	display: table;
    margin: 0 auto;
}


/***************************produkt******************/



.node-type-produkt #content #block-system-main {
    margin: 0 auto;
    padding: 0 10px;
    max-width: 290px;
}

.node-full .field-name-field-zdj-cie-produktu {
    float: right;
    margin-left: 0;
    position: relative;
    width: 100%;
}

.node-full .field-name-field-zdj-cie-produktu .field-slideshow,
.node-full .field-name-field-zdj-cie-produktu .field-slideshow-carousel-wrapper .jcarousel-container{
    margin: 0 auto;
}


.node-full .field-name-field-zdj-cie-produktu .field-slideshow-controls {
    top: 150px;
}

.node-full .field-name-field-zdj-cie-produktu .field-slideshow .field-slideshow-slide {
    padding: 45px 0;
}

.node-full .field-name-field-zdj-cie-produktu .field-slideshow {
    height: 325px !important;
}



.node-full .field-name-field-zdj-cie-produktu .field-slideshow-carousel-wrapper .jcarousel-container-horizontal {
    padding: 0;
    width: 100%;
}

.node-full .field-name-field-zdj-cie-produktu .field-slideshow-carousel-wrapper .jcarousel-item {
    height: 75px;
    width: 72px !important;
}

.node-full .field-name-field-zdj-cie-produktu #field-slideshow-1-carousel-wrapper{
    margin-top: 10px;
}

.node-full .field-name-field-zdj-cie-produktu .field-slideshow-carousel-wrapper .jcarousel-item-horizontal {
    margin: 0 7px;
}

.node-full .field-name-field-zdj-cie-produktu .field-slideshow-carousel-wrapper .jcarousel-prev {
    left: -14px;
    top: 6px;
}

.node-full .field-name-field-zdj-cie-produktu .field-slideshow-carousel-wrapper .jcarousel-next{
    right: -14px;
    top: 6px;
}


.node-full .field-name-field-zdj-cie-produktu .field-slideshow-controls a.next{
    margin-right: -20px;
}


.node-full .field-name-field-zdj-cie-produktu .field-slideshow-controls a.prev{
    margin-left: -20px;
}


/***************************produkty******************/



.page-taxonomy-term .nodes {
    display: table;
    margin: 0 auto;
    width: 255px;
}


.node-produkt.node-teaser {
    float: none;
    margin: 17px auto;
}


/**************************grupy produktow*********************/


.view-karuzele-produktow .jcarousel-skin-default .jcarousel-container-horizontal {

    padding: 30px 35px;
    width: 220px;
}

.view-karuzele-produktow .jcarousel-skin-default .jcarousel-clip-horizontal {
    width: 220px;
}

.view-karuzele-produktow .jcarousel-skin-default .jcarousel-clip-horizontal ul.jcarousel{
    
    height: 222px;
}

.view-karuzele-produktow .jcarousel-skin-default .jcarousel-item {

    width: 220px !important;
}

.view-karuzele-produktow .jcarousel-skin-default .jcarousel-item-horizontal{
    margin: 0 5px;
}

.napis-title{
    background: #219FD1;
}

.napis-title h2{
    display: table-cell;
    vertical-align: middle;
}


/**************************realizacja*********************/

.node-type-realizacja .node-content{
    max-width: 290px;
    margin: 0 auto;
    display: block;
}

.node-full .field-name-field-zdj-cie-realizacji {
    float: none;
    margin: 0;
}

.node-full .field-name-field-zdj-cie-realizacji figure{
    margin: 0 auto;
    display: block;
}

.node-full .field-name-field-zdj-cie-realizacji figure img{
    width: 100%;
}


/**************************lista realizacji*********************/

.node-realizacja.node-teaser {
    float: none;
    margin: 18px auto;

}

.section-realizacja #content #block-system-main {
    margin: 0;
}

.napis-title h2, .napis-title span {
    min-width: unset;
}


.napis-title span {
    display: table-cell;
    vertical-align: middle;
}


/**********************menu ******************************/


#tb-megamenu-main-menu{
    display: table;
    margin: 0 auto;
}

.tb-megamenu .nav-collapse{
    left: 50%;
    margin-left: -125px;
    top: 41px;
    width: 250px;
    background: #D5D5D5;
}


.tb-megamenu .nav-collapse .nav {
    margin: 0;
    width: 100%;
}

.tb-megamenu .nav-collapse .nav li div{
    display: none;
}



/*********************basic page*************************/


.field-name-field-obrazek-g-wny {
    float: none;
    padding: 0;
}


.field-name-field-obrazek-g-wny figure {
    display: table;
    margin: 0 auto;
}

.field-name-field-obrazek-g-wny figure img{
    width: 100%;
}

.not-front header#main-content-header h1#page-title {
    display: table-cell;
    float: none;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}


.not-front header#main-content-header .header-wrap {
    display: table;
    height: 100%;
    width: 100%;
}


#block-menu-menu-menu-projek--2,
#block-views-lista-realizacji-block--2,
#block-menu-menu-menu-obs-uga--2 {
    width: 290px;
}


#block-views-lista-kategorii-produkt-w-block--2 {
    width: 100%;
}

#block-views-lista-kategorii-produkt-w-block--2 .view-content{
    margin: 0 10px;
}

#block-views-lista-kategorii-produkt-w-block--2 .view-content table td{
    float: left;
    width: 100%;
}

#block-views-lista-kategorii-produkt-w-block--2 table td .views-field{
    margin-right: 10px;
}

.view-lista-kategorii-produkt-w .view-content{
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;

} 


#sliding-popup{
    height: 130px !important;
}


#sliding-popup .popup-content #popup-text {
    text-align: center;
}


#sliding-popup .popup-content #popup-buttons button {
    border: 0 none;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 8px;
    padding: 4px 6px;
}

.napis-title, .field-name-field-nag-wek, .view-cechy-produktu caption{
    width: 100%;
}


.napis-title h2, .napis-title span, .field-name-field-nag-wek .field-item, .view-cechy-produktu caption span{
    min-width: unset;
}

#content #block-system-main {
    margin: 0;
}

#content #block-system-main .field-name-body{
    padding: 0 10px;
}
