#wpadminbar{

}
hr{
    clear: both;
}
h1, .h1 {
    font-size: 36px;
    text-transform: uppercase;
}
h1 .fa-print{
    color: #c0c0c0;
}
.project-h3{
    text-align: center;
}
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: none;
}
body{
    background-color: #98d000;

}
.breadcrumbs{
    list-style: none;
    padding: 0;
    text-transform: uppercase;
}
.breadcrumbs li{
    padding: 0 10px 0 0;
    list-style: none;
    float: left;
    font-size: 13px;
}
.breadcrumbs li a{
    color: #333;
   font-size: 13px;
}
.breadcrumbs li.sep{
    margin-right: 5px;
    margin-left: 5px;
}
.breadcrumbs li.home{
    font-size: 16px;
    line-height: 16px;
}
.header-wrapper{
    padding-top: 90px;
    background-color: #fff;
}
body.home .header-wrapper{
    padding-top: 5px;
}
.main-wrapper{
    background-color: #fff;
    padding-bottom: 100px;
}
.container {
    padding: 6px;
}
.max-100{
    max-width: 100%;

}
.logo-home{
    margin-top: 50px;
    margin-bottom: 60px;
}
.gfx-home{

    margin-bottom: 10px;
}
.fa-pseudo:before{
    font-size: 16px;
    color: #98d000;
    display: block;
    position: absolute;
    margin-left:-30px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 4px;
}
.fa-pseudo-fax:before{
    content: "\f1ac";
}
.fa-pseudo-envelope:before{
    content: "\f0e0";
}
.fa-pseudo-phone:before{
    content: "\f095";
}
.fa-pseudo-at:before{
    content: "@";
}
header.banner{
    background-image: url('/assets/img/header.png');
    height: 115px;
    background-repeat: no-repeat;
}
@media (max-width: 400px) {
    header{background-color: #fff;
        background-size:230%;
        background-position:left;
    }
    header .brand{
        width: 380px;
        display: block;
        height: 106px;
        text-indent: -10000px;
        float: left;

    }
}
header .brand{
    width: 380px;
    display: block;
    height: 106px;
    text-indent: -10000px;
    float: left;

}
header .tagline{
    background-image: url('/assets/img/tagline.png');
    height: 65px;
    width: 290px;
    position: absolute;
    margin-left: 490px;
    margin-top: 12px;
}
header .contact-col{
    float: right;
    display: block;
    width: 200px;
}

header .contact-col-1{
    width: 180px;

}
header .contact-col-2 .fa-pseudo:before {
    margin-left: -22px !important;
}
header .contact-col-1 .address{
    padding-top: 8px;
    padding-bottom: 6px;
}

header .contact-col-2{
    width: 90px;
    margin-left: 39px;
    text-align: right;
}
header .contact-col-2 .gsm{
    padding-top: 8px;
    padding-bottom: 27px;
}


/* Menu */

.prostef-nav li{
list-style: none;
    float:left;
    text-transform: uppercase;
    font-size: 20px;

}
.prostef-nav li a{
    display: block;
    width: 48px;
    height: 199px;
 cursor: pointer;
  text-indent: -100000px;
}

.nav-main{
    display: block;
    height: 200px;
    border: 1px solid #eaeaea;
}
.prostef-nav{
    position: relative;
    padding: 0;
    margin: 0;
}
.nav-main img{
    border: 1px solid #eaeaea;
    position: absolute;
}

@media (min-width: 768px) and (max-width: 991px) {
    .img-wrapper{
        position: absolute;
        overflow: hidden;
        height: 198px;
        width: 735px;
    }
    body .img-wrapper img{
        margin-left: -215px;
    }
    body.projekty .img-wrapper img{
        margin-left: -130px;
    }
    body.realizacje .img-wrapper img{
        margin-left: -55px;
    }
    body.oferta .img-wrapper img{
        margin-left: -40px;
    }
    body.kontakt .img-wrapper img{
        margin-left: -215px;
    }

}
@media (min-width: 768px) and (max-width: 1199px) { /* md */
    .nav-main {
        height: 157px;
    }
    .nav-main img{
        width: 670px !important;
    }
    .prostef-nav li a{
        background-position: 0 -48px;
        height: 155px;
    }

}
@media (min-width: 1200px) {

}


.prostef-nav li a{
    background-color: #fff;
    border: 1px solid #eaeaea;
}

.prostef-nav li.menu-o-firmie a{
background-image: url('/assets/img/menu/ofirmie_0.png');
}
.prostef-nav li.menu-zespol a{
background-image: url('/assets/img/menu/zespol_0.png');
}
.prostef-nav li.menu-oferta a{
background-image: url('/assets/img/menu/oferta_0.png');
}
.prostef-nav li.menu-realizacje a{
background-image: url('/assets/img/menu/realizacje_0.png');
}
.prostef-nav li.menu-projekty a{
background-image: url('/assets/img/menu/projekty_0.png');
}
.prostef-nav li.menu-kontakt a{
background-image: url('/assets/img/menu/kontakt_0.png');
}

.prostef-nav li:hover a{
background-color: #98d000;
}
.prostef-nav li.menu-o-firmie:hover a{
background-image: url('/assets/img/menu/ofirmie_1.png');
}
.prostef-nav li.menu-zespol:hover a{
background-image: url('/assets/img/menu/zespol_1.png');
}
.prostef-nav li.menu-oferta:hover a{
background-image: url('/assets/img/menu/oferta_1.png');
}
.prostef-nav li.menu-realizacje:hover a{
background-image: url('/assets/img/menu/realizacje_1.png');
}
.prostef-nav li.menu-projekty:hover a{
background-image: url('/assets/img/menu/projekty_1.png');
}
.prostef-nav li.menu-kontakt:hover a{
background-image: url('/assets/img/menu/kontakt_1.png');
}

.prostef-nav li.active a{
background-color: #fff;

    border: 1px solid #eaeaea;;
}
.prostef-nav li.menu-o-firmie.active a{
background-image: url('/assets/img/menu/ofirmie_2.png');
}
.prostef-nav li.menu-zespol.active a{
background-image: url('/assets/img/menu/zespol_2.png');
}
.prostef-nav li.menu-oferta.active a{
background-image: url('/assets/img/menu/oferta_2.png');
}
body.page-template-realizacje-galeria-php .prostef-nav li.menu-realizacje a,
.prostef-nav li.menu-realizacje.active a{
    background-color: #fff;
    border: 1px solid #eaeaea;;
background-image: url('/assets/img/menu/realizacje_2.png');
}
body.single-post .prostef-nav li.menu-projekty a,
body.category-budynek-jednorodzinny .prostef-nav li.menu-projekty a,
body.category-budynek-dwurodzinny .prostef-nav li.menu-projekty a,
body.category-budynek-garazowo-gospodarczy .prostef-nav li.menu-projekty a,
body.category-budynek-w-zabudowie-blizniaczej .prostef-nav li.menu-projekty a,
.prostef-nav li.menu-projekty.active a{
    background-color: #fff;
    border: 1px solid #eaeaea;;
    background-image: url('/assets/img/menu/projekty_2.png');
}
.prostef-nav li.menu-kontakt.active a{
background-image: url('/assets/img/menu/kontakt_2.png');
}

@media (min-width: 768px) {
    .prostef-nav-mobile{
        display: none;
    }
}
@media (max-width: 768px) {
    .row {
         margin-left: 0px;
         margin-right: 0px;
    }
    .prostef-nav-mobile{
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .prostef-nav-mobile li a{
        padding: 0;
        margin: 0;
        text-align: center;
        text-transform: uppercase;
        color: #676767;
        border-bottom: 1px solid #eaeaea;
        display: block;
        font-size: 20px;
        background-color: #FFFFFF;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.navbar-toggle:hover {
    background-color: #ccc;
}.navbar-toggle .icon-bar {
    background-color: #000;
}

.prostef-nav-main{
    list-style: none;
    padding: 0;
    height: 10px;
    max-width: 720px;
    margin: 0 auto;
}
.prostef-nav-main li{
    margin: 0;
    padding: 0;
    float: left;
    border-right: 1px solid #eaeaea;
}
.prostef-nav-main li:first-child{
    border-left: 1px solid #eaeaea;
}
.prostef-nav-main li a{

    padding: 10px 20px;
cursor: pointer;
    text-transform: uppercase;
    font-size: 18px;
    color: #676767;
}
.prostef-nav-main li a:hover{

text-decoration: none;
    color: #a6ce39;
}
@media(max-width: 991px){
    .prostef-nav-main{
        max-width: 635px;
    }
    .prostef-nav-main li a{
        font-size: 17px;
        padding: 10px 15px;
    }
}
.prostef-nav-main-wrapper{
    border: 1px solid #eaeaea;
    height: 50px;
    padding-top: 10px;
}
/* stopka */
.content-info{
    background-color: #98d000;
    max-height: 1000px;
}



.prostef-nav-footer{
    list-style: none;
    padding: 0;
    height: 10px;
    margin: 10px auto 0 auto;
}
.prostef-nav-footer li{
    margin: 0;
    padding: 0;
    float: left;
}
.prostef-nav-footer li a{

    padding: 10px 10px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    color: #ffffff;
}
.prostef-nav-footer li a:hover{

    text-decoration: underline;

}

.footer-contact{
    display: block;
    float: right;
    margin-top: -10px;
}
.footer-contact .title{
    font-weight: bold;
    margin-bottom: 10px;
}
.footer-contact .title span{
    color: #fff;
}

.footer-contact .fa-pseudo:before{
    color: #fff;
}
.footer-contact .contact-col {
    float: right;
    display: block;
}

.footer-contact .contact-col-2 {
    width: 90px;
    margin-left: 39px;
    text-align: right;
}
.footer-contact .contact-col-1 {
    margin-left: 39px;
    width: 300px;
}
.person{
    clear: both;
    margin-top: 30px;
    margin-left: 50px;
}
.person.right{
    clear: both;
    margin-top: 30px;
    margin-right: 50px;
    margin-left: 0px;
}

.person .image-wrapper{
    float: left;
}
.person.right .image-wrapper{
    float: right;
}



.person .details{
    padding-left: 228px;
}
.person.right .details{
    padding-right: 228px;
    padding-left: 0px;
    text-align: right;
}
.person .details .name{
    font-weight: bold;
    border-bottom: 2px solid #a6ce39;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 15px;
}
.person .details .description{
    padding-left: 30px;
}
.person.right .details .description{
    padding-right: 30px;
    padding-left: 0px;
}

@media (max-width: 991px){
    .person{
        margin-left: 0px;
    }
    .person.right{
        margin-right: 0px;
        margin-left: 0px;
    }

    .person .image-wrapper{
        width: 228px;
        float: none;
        margin: 10px auto;
    }
    .person.right .image-wrapper{
        float: none;
        margin: 10px auto;
    }

    .person .details {
        padding-left: 0px;
    }
    .person.right .details {
        padding-right: 0px;
        text-align: left;
    }
}


.zespol-mobile{
    margin-left: 0px !important;
}

body.oferta .main ul,
.punktor{
    list-style: none;
    margin: 0;
    padding: 0;
}
body.oferta .main ul li,
.punktor li{
    list-style: none;
    margin: 0;

    padding-left: 20px;
    text-indent: 30px;
    line-height: 30px;
}
body.oferta .main ul li:before,
.punktor li:before{
    content: '';
    display: block;
    position: absolute;
    background-image: url('/assets/img/punktor.png');
    background-position: 0px 3px;
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
}

.realizacje-menu,
.projekty-menu{
    list-style: none;
    clear: both;
    min-height: 50px;
    padding: 0;
}

.realizacje-menu li,
.projekty-menu li{

    float: left;
    list-style: none;
    width: 50%;
    min-height: 100px;
    background-color: #fff;
    border-right: 3px solid #fff;
    margin-bottom: 6px;
}
@media (max-width:500px){


.realizacje-menu li,
.projekty-menu li{

    float: left;
    list-style: none;
    width: 100%;
    min-height: 100px;
    background-color: #fff;
    border-right: 3px solid #fff;
    margin-bottom: 6px;
}
}
.realizacje-menu li:nth-child(2n),
.projekty-menu li:nth-child(2n){

    border-right: none;

}
.realizacje-menu li a,
.projekty-menu li a{
    transition: all 0.15s ease-in;
    color: #676767;
    display: table;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center 55px;
    font-size: 16px;
    text-transform: uppercase;
    margin: 5px 0;
    padding-top: 180px;
    height: 260px;
    vertical-align: bottom;
    text-align: center;
}
.realizacje-menu li:hover a,
.projekty-menu li:hover a{
    transition: all 0.15s ease-in;
    text-decoration: none;
}
.realizacje-menu li a span,
.projekty-menu li a span{
    border-top: 3px solid;
    display: block;
    width: 75%;
    margin: 10px auto;
}

.projekty-menu li.jednorodzinny a{
    background-image: url('/assets/img/project/ico_jednorodzinne.png');

}
.projekty-menu li.dwurodzinny a{
    background-image: url('/assets/img/project/ico_dwurodzinne.png');

}
.projekty-menu li.garazowo a{
    background-image: url('/assets/img/project/ico_garazowe.png');
}
.projekty-menu li.zabudowie a{
    background-image: url('/assets/img/project/ico_blizniaki.png');
}

.projekty-menu li.jednorodzinny:hover a{
    background-image: url('/assets/img/project/ico_jednorodzinne_h.png');
}
.projekty-menu li.dwurodzinny:hover a{
    background-image: url('/assets/img/project/ico_dwurodzinne_h.png');

}
.projekty-menu li.garazowo:hover a{
    background-image: url('/assets/img/project/ico_garazowe_h.png');
}
.projekty-menu li.zabudowie:hover a{
    background-image: url('/assets/img/project/ico_blizniaki_h.png');
}


.realizacje-menu li.garazowe a{
    background-image: url('/assets/img/realizacje/realizacje_garazowe.png');

}
.realizacje-menu li.mieszkalne a{
    background-image: url('/assets/img/realizacje/realizacje_mieszkalne.png');

}
.realizacje-menu li.uslugowe a{
    background-image: url('/assets/img/realizacje/realizacje_uslugowe.png');
}
.realizacje-menu li.rozbudowy a{
    background-image: url('/assets/img/realizacje/realizacje_rozbudowy.png');
}

.realizacje-menu li.garazowe:hover a{
    background-image: url('/assets/img/realizacje/realizacje_garazowe_h.png');
}
.realizacje-menu li.mieszkalne:hover a{
    background-image: url('/assets/img/realizacje/realizacje_mieszkalne_h.png');

}
.realizacje-menu li.uslugowe:hover a{
    background-image: url('/assets/img/realizacje/realizacje_uslugowe_h.png');
}
.realizacje-menu li.rozbudowy:hover a{
    background-image: url('/assets/img/realizacje/realizacje_rozbudowy_h.png');
}
.entry-content{
    margin: 0px 0;
}

.gallery{
    clear: both;
}
.gallery .small{
    margin-top: 10px;

    padding-bottom: 20px;
}

.filter-button{
    float: left;
    display: block;
    width: 91px;
    height: 103px;
    cursor: pointer;
    background-color: #fff;
    background-repeat: no-repeat;

}

.filter-button#parter{ background-image: url('/assets/img/filter-parter-0.png'); }
.filter-button#poddasze{ background-image: url('/assets/img/filter-poddasze-0.png'); }
.filter-button#pietro{margin-right: 40px; background-image: url('/assets/img/filter-pietro-0.png'); }
.filter-button#garaz{ background-image: url('/assets/img/filter-garaz-0.png'); }
.filter-button#piwnice{ background-image: url('/assets/img/filter-piwnice-0.png'); }
.filter-button#do-150{ background-image: url('/assets/img/filter-do-150-0.png'); }
.filter-button#od-150{ background-image: url('/assets/img/filter-od-150-0.png'); }

.filter-button#parter:hover, .filter-button.active#parter{ background-image: url('/assets/img/filter-parter.png'); }
.filter-button#poddasze:hover, .filter-button.active#poddasze{ background-image: url('/assets/img/filter-poddasze.png'); }
.filter-button#pietro:hover, .filter-button.active#pietro{ background-image: url('/assets/img/filter-pietro.png'); }
.filter-button#garaz:hover, .filter-button.active#garaz{ background-image: url('/assets/img/filter-garaz.png'); }
.filter-button#piwnice:hover, .filter-button.active#piwnice{ background-image: url('/assets/img/filter-piwnice.png'); }
.filter-button#do-150:hover, .filter-button.active#do-150{ background-image: url('/assets/img/filter-do-150.png'); }
.filter-button#od-150:hover, .filter-button.active#od-150{ background-image: url('/assets/img/filter-od-150.png'); }

.filter-button:hover{
    opacity: 0.65;
}

.filter-button.active{
    opacity: 1;
}

.filters{
    display: block;
    height: 105px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.hr-filters-pre{
    margin-bottom:0;
}
.hr-filters-post{
    margin-top:0;
}
.recent-posts h4{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 44px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 44px;
    border-bottom: 2px solid #a6ce39;
    padding-bottom: 3px;
}
.recent-posts ul{
    padding: 0;
    margin:0;
    list-style: none;
}
.recent-posts ul li{
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 15px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 25px;
}

.map-wrapper{
    margin-top: 20px;
    margin-bottom: 50px;
}
.gallery a:hover,.gallery a:focus {
    text-decoration: none;
}
.transparent-bar-wrapper{
    height: 50px;
    margin-top: -50px;

}
.transparent-bar{
    background-color: rgba(0, 0, 0, 0.56);
    position: relative;
    width: 100%;
    height: 50px;
    color: rgba(255, 255, 255, 0.96);
    font-size: 21px;
    font-weight: bold;
    line-height: 50px;
}
.transparent-bar .project-name{
    margin-left:15px;
    float: left;
}
.transparent-bar .description{
    text-align: center;
    display: block;
    text-decoration: none !important;
}
.transparent-bar{
    text-align: center;
    display: block;
}
.transparent-bar .pow{
    margin-right:15px;
    float: right;
}

.gallery-item>img{
    max-width: 100%;
    margin-bottom: 25px;
}

.project-info{
border-radius: 0;
    margin-top:30px;
}
.project-info .fa{
    font-size: 40px;
    float: left;
    margin: 0 15px 10px 0;
}
.project-info .note{
    float: right;
    margin-left: 55px;
    position: relative;
    margin-top: -50px;
}
.alert-success {
    background-color: #F6FFE7;
    border-color: #BCDA9C;
    color: #486333;
}

.mini-tooltip{
    float: right;
    margin-left: 10px;
    color: #A2A2A2;
}
.mini-tooltip:hover{
    color: #98d000;
}


.type-post{
    margin-bottom: 25px;
}
body.o-firmie main{
    text-align: justify;
}


.gallery-item{
    display: block;
    overflow: hidden;
    max-height: 199px;
    margin-bottom: 25px;
}
.zoomed img{
 /* margin-top: -40px;*/
    max-width: initial;
    min-height: 199px;
}

.tooltip{
    width: 300px;

}
.tooltip .tooltip-inner{
    max-width: 300px;
}