@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans:300,400|Raleway:300,400,500,600,700,800|Roboto&subset=latin-ext');
.qweqwe {
    font-family: 'Raleway', sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Open Sans Condensed', sans-serif;
    font-family: 'Roboto', sans-serif;   
    font-family: 'Cuprum', sans-serif;
}
/*tmp*/
ul, li {list-style: none; margin: auto;padding: 0;}
a {margin: 0;text-decoration: none;}
/*tmp*/

body {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    background-color: #202020;
}
a.more, .btn-btn {
    display: inline-block;
    padding: 18px 25px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    line-height: 0em;
    letter-spacing: 0.07em;
    border-radius: 5px;
    border: 1px solid #464646;
    color: #707070;
    transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);
}
a.more:hover, .btn-btn:hover {
    color: #989898;
    background-color: #fff;
    border-color: #8dc73d;
    transition: all .2s ease-out;
}
.line:after {
    content: '';
    display: block;
    height: 2px;
    width: 52px;
    margin: 10px 0;
    background: #e5493a;
    transition: all.2s;
}
.gradient-bg {
    background-image: radial-gradient(circle closest-side at 50%, rgba(255, 255, 255, 0.14) 0%, rgba(18, 16, 11, 0.14) 100%);
    background-repeat: no-repeat;
    background-position: center 68%;
    background-size: 100% 340%;
    /* background-size: 1230px 1160px; */
}
/* Scrollbar */
::-webkit-scrollbar {    width: 10px;}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #333; 
    background-color: #111;
    background-color: #444;
}
::-webkit-scrollbar-thumb { background: #777; }
::-webkit-scrollbar-thumb:hover {   background: #ddd ; }
::-webkit-scrollbar-button {    background: #888;}
/* /scrollbar */

/*- - - _ _ _ _ _ _ _ _ _ Logo*/ #_logo{}
.navbar-brand {
    text-indent: -100em;
    width: 345px;
    height: 146px;
    position: absolute;
    top: 32px;
    z-index: 1111;
    background: url(../images/Logo.png) no-repeat;
    background-size: contain;
    /* background-color: red; */
}
/*- - - / Logo*/



/*- - - _ _ _ _ _ _ _ _ _ NAV*/ #_nav{}
.navbar .container {
    position: relative;
    padding-top: 40px;
}
.navbar-inverse {
    /*bt reset*/
    background-color: transparent;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    /**/
    border-bottom: #bcba00 solid 44px;
    border-top: #2d2d2d solid 33px;
}
/*. . . navbar*/
.navbar-nav {}
.navbar-inverse .navbar-nav > li > a {
    color:  #bdbb00;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .03em;
    transition: box-shadow .3s ease-in-out, color .1s ease-in;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    box-shadow: inset 0 -10px white;
    transition-duration: .2s;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #afad03;
    color: white;
    transition-duration: .2s;
}
.navbar-inverse .navbar-nav > li > a span, .navbar-inverse .navbar-nav > li > a span {
    display: inline-block;
    transition: all .2s ease-in-out;
}
.navbar-inverse .navbar-nav > li > a:hover span {
    /* position: relative; */
    transform: translateY(-70%);
    transition-duration: .2s;
}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: transparent;
    box-shadow: inset 0 -3px #ffffff;
}
/*. . . dropDown*/
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #2d2d2d;
}
.navbar-nav .open .dropdown-menu {
    background-color: #bbb900;
}
.dropdown-header {
    color: #908e00;
    letter-spacing: 0.3em;
    /* text-transform: uppercase; */
}
.dropdown-menu .divider {
    background-color: #94930d;
    box-shadow: 0 1px 1px #d0ce05;
}
.dropdown-menu > li > a {
    color: #2b2b2b;
    text-shadow: 1px 1px 1px #b7b635;
    text-transform: uppercase;
    /* transition: background-color .2s ease-out .1s, color .1s ease-in-out; */
}
/*_ _ _ extr Nav*/
#extraNav {
    position: absolute;
    right: 18px;
    bottom: -35px;
    color: white;
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: .01em;
    font-weight: 300;
    /* background-color: #983737; */
}
#extraNav em{font-style: normal;margin-right: 8px;}
#extraNav span{
    z-index: 2;
}
#extraNav a{    position: relative;}
#extraNav a:hover{text-decoration: none;}
#extraNav a span{
    color: #636363;
    padding: 1px 11px;
    border-radius: 40px;
    /* background-color: #b96969; */
    transition: all .2s;
}
#extraNav a:hover span{
    background-color: #2b2b2b;
    color: #dcda00;
    text-shadow: 1px 1px 1px #bcba00;
    text-shadow: 0 0 1px #bcba00;
    z-index: 2;
    position: relative;
}
#extraNav a:after {
    position: absolute;
    content: '';
    display: inline-block;
    height: 5px;
    width: 5px;
    top: 39%;
    top: calc(50% - 2px);
    right: -2px;
    border-radius: 5px;
    background: #a09f00;
    z-index: 0;
}
#extraNav a:last-child:after {display: none;}
/*_ _ _ extr conInfo*/
#extraConInfo {
    position: absolute;
    right: 18px;
    top: -30px;
}
#extraConInfo a {
    color:  #a0a0a0;
    font-size: 13px;
    padding: 6px 10px 7px 28px;
    margin-left: 11px;
    /* box-shadow: inset 0 0 1px 1px #e42929; */
    background-position: left center;
    background-repeat: no-repeat;
}
#extraConInfo a:hover {}
#extraConInfo a.tel {
    background-image: url(../images/ico-call.svg);
    padding-left: 23px;
}
#extraConInfo a.mail {
    background-image: url(../images/ico-mail.svg);
}
/*- - - / NAV*/
/*_ _ _ _ _ _ _ _ _ _ _ _ Carousel Slider*/ #_carousel{}
.carousel-control span:before {
    content: '';
    border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 10px;
}
.carousel-control span {
    transition: .2s cubic-bezier(0.4, 0, 1, 1);
}
.carousel-control:hover span {
    transform: scale(1.2);
    transition: .1s cubic-bezier(0, 0, 0, 2);
}
.glyphicon-chevron-left:before {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.glyphicon-chevron-right:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
#carousel .carousel-control {
    transition: background-position-x .3s;
    background-repeat-x: no-repeat;
    background-repeat: repeat-y;
}
.carousel-control.right {   background-position-x: 40px;}
.carousel-control:hover.right { background-position-x: 0;}
.carousel-control.left {    background-position-x: -40px;}
.carousel-control:hover.left {  background-position-x: 0;}
#carousel .item {text-align: center;}
#carousel .item img {margin: 0 auto;}

/*_ _ _ / Carousel*/
/*_ _ _ _ _ _ _ _ _ _ _ _  Ofi*/ #_ofirmie-home{}
#ofi{
    text-align: center;
    box-shadow: inset 0px -3px 20px 0px #0000002e, inset 0px 5px 33px 0px #000000ab;
}
#ofi>div {
    padding: 68px 0em 60px;
    width: 700px;
    margin: 0 auto;
}
#ofi h4 {
    color:  #bbbab8;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
}
#ofi .line:after {
    margin: 17px auto;
    background-color: #8ec73d;
}
#ofi p{
    color: #626262;
    text-shadow: 1px 1px 1px #201f1f;
    font-family: 'Cuprum', sans-serif;
}
#ofi .link {margin-top: 2em;}
#ofi a.more {   background-color: #282827;}
#ofi a.more:hover {
    color: #989898;
    background-color: #ffffff;
    border-color: #8dc73d;
}
/*_ _ _ / Ofi*/
/*_ _ _ _ _ _ _ _ _ _ _ _  Gal Links*/ #_gallinks-home{}
.bonus {display: none;}
#home-gal-links {
    background: #1a1a1a;
    padding-bottom: 20px;
    border: 1px solid #2c2b2b;
    border-left: none;
    border-right: none;
}
#home-gal-links:before {
    content: '';
    display: block;
    height: 1px;
    width: 30%;
    background: linear-gradient(to right, #2c2b2b -1%,#2c2b2b 0%,#466127 10%,#466127 10%,#efffdb 50%,#466127 90%,#2c2b2b 100%);
    margin: 0 auto 0;
}   
#home-gal-links>div {
    text-align: center;
    margin: 0 auto 28px;
    width: 50vw;
    color: #6a9136;
    font-family: 'Open Sans', sans-serif;
}
#home-gal-links>div .line:after  {margin: 10px auto;background-color: #54722c;}
#home-gal-links h4 {
    margin-top: 25px;
    color: #628731;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1em;
    letter-spacing: 0.05em;
}
#home-gal-links p {
    font-family: 'Roboto', sans-serif;
    font-size: 0.73em;
    color: rgb(123, 146, 93);
}
/*. . . .*/
#home-gal-links ul {
    display: flex;
    flex-wrap: wrap;
}   
#home-gal-links li {
    flex: 1 1 auto;
    /* background-color: #f00; */
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: inset 0 0px 30px -10px #00000073;
}
.hgl-giete {background-image: url(../images/hgl-giete.jpg);}
.hgl-nowoczesne {background-image: url(../images/hgl-nowoczesne.jpg);}
.hgl-tradycyjne {background-image: url(../images/hgl-tradycyjne.jpg);}
.hgl-szafy {background-image: url(../images/hgl-szafy.jpg);}
.hgl-pokojowe {background-image: url(../images/hgl-pokojowe.jpg);}
.hgl-pokojowe {background-image: url(../images/hgl-pokojowe.jpg);}
.hgl-bonus {background-image: url(../images/hgl-bonus.jpg);}
#home-gal-links li a {
    display: block;
    position: relative;
    height: 356px;
    width: 100%;
    transition: box-shadow .2s;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,0.65) 100%);
}
#home-gal-links li a span {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 30px 10px 20px 30px;
    padding: 1.2em 0.7vw 1.8vw 1.8vw;
    background-color: #0000001f;
    text-transform: uppercase;
    transition: all .4s ease-in-out .05s;
}
#home-gal-links li a strong {
    display: block;
    margin-bottom: 0.6em;
    font-family: 'Raleway', sans-serif;
    font-size: 0.85em;
    color:  #fff;
    font-weight: 500;
    line-height: 0.9em;
}
#home-gal-links li a em {
    display: block;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    font-size: 0.55em;
    line-height: 1.3em;
    letter-spacing: 0.04em;
    color: #b5b5b5;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.35), 0px 1px 0px rgba(0, 0, 0, 0.3);
    transition: color .1s;
} 
#home-gal-links li a:hover {
    box-shadow: inset 0 0 0 3px #bdbb00;
}
#home-gal-links li a:hover span {
    background-color: rgba(188, 186, 0, 0.89);
    transform: translateY(-100%);
    transition: all .15s ease-out;
}
#home-gal-links li a:hover em { color: #525100;}
#home-gal-links a:hover .line:after {
    background: #e8e510;
    width: 22px;
}
/*_ _ _ / Gal Links*/
/*_ _ _ _ _ _ _ _ _ _ _ _  Projekty*/ #_projekty-home{}
#projekty {
    background: #252525 url(../images/projekty.jpg) no-repeat 0 5px;
    min-height: 348px;
    padding-top: 5px;
    border-top: 1px solid #2c2b2b;
    position: relative;
}
#projekty>div {
    background-color: rgba(229, 73, 58, 0.3);
    width: 600px;
    padding: 15px 70px 20px 36px;
    position: absolute;
    right: 0;
    bottom: 22px;
}
#projekty>div h4 {
    color: #fff;
    font-size: 30px;
    font-size: 1.667em;
    font-weight: 300;
    position: relative;
}
#projekty>div p:first-of-type {
    margin-bottom: 2em;
    color: #f2f2f2;
    font-size: 13px;
    /*font-size: 14px;*/
    line-height: 20px;
    color: #768e56;
    text-shadow: 0px 2px 0px #461610, 0 0 5px #5e302b;
}
#projekty .line:after {
    background-color: #4a2926;
    margin: 5px 0;
    width: 15px;
    height: 2em;
    position: absolute;
    left: -36px;
    top: 0;
}
#projekty a.more {
    color: #f2f2f2;
    border-color: #fff;
    background-color: #5e302bad;
}
/*_ _ _ / Projekty*/
/*_ _ _ _ _ _ _ _ _ _ _ _  Kontakt*/ #_kontakt-home{}
#kontakt {
    font-family: 'Roboto', sans-serif;
    color:  #959595;
    font-size: 13px;
    line-height: 20px;
    /* background-color: #252525; */
    background-image:url(../images/map.jpg), linear-gradient(to right, #252525 0%,#1b1b1b 100%);
    background-repeat-x: no-repeat;
}
#kontakt .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0 auto;
    /*background-image: url(../images/map.jpg);*/
}
#kontakt .wrapper>div {
    flex: 0 1 314px;
    padding: 30px 1vw 20px;
    box-sizing: border-box;
    box-shadow: 500px 0px #1b1b1b;
}
#quickForm {
    /* width:314px; */
    background: #202020cc url(../images/patt-dot.png);
}
#contact-data {
    background-color: #1b1b1b;
    /* background-color: #212121; */
}
#kontakt #map {display: none;}
#kontakt h4 {
    position: relative;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    color:  #fff;
    /* font-size: 17.5px; */
    font-weight: 700;
    line-height: 17px;
}
#kontakt .line:after {  margin: 19px 0;}
#kontakt p {}

/*. . . FORM*/
#quickForm input, #quickForm textarea, #quickForm .submit {
    background-color:  rgba(23, 23, 23, 0.7);
    border-color: #272727;
    background-repeat: no-repeat;
    background-position: 96% center;
    color: #757575;
}
#quickForm input:focus, #quickForm textarea:focus {
    box-shadow: 0 0 2px 1px #000000a1;
    color: #b7b7b7;
    border-color: #404040;
    background-color: #1b1b1b;
    transition: .2s;
}
#quickForm textarea {
    background-position: 96% 11px;
    min-height: 120px;
}
#quickForm ::placeholder {
    opacity: 1;
    color:  #464646;
    font-size: 13px;
}
#inputEmail {   background-image: url(../images/ico-email.png);}
#inputPhone {   background-image: url(../images/ico-call.png);}
#inputMessage { background-image: url(../images/ico-message.png);}
#quickForm .submit {
    color: #636363;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .05em;
    padding: 7px 24px;
}
#quickForm label {display: none;}

/*. . . Con DATA*/
#contact-data {}
#contact-data ul {}
#contact-data li {
    margin-bottom: 1.9em;
    overflow: hidden;
}
#contact-data span {
    width: 75%;
    display: inline-block;
    float: left;
}
#contact-data li span:first-child {
    width: 25%;
    color: #626262;
}
#contact-data i {font-style: normal; color: #636363;}
#kontakt .mail {color: #cc6359;}
/*_ _ _ / Kontakt */
/*_ _ _ _ _ _ _ _ _ _ _ _  Atuty */ #_atuty-home{}
#home-atuts .wrapper {}
#home-atuts .heading {
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    padding-left: 9vw;
}
#home-atuts h4{
    color: #6b9c29;
    font-size:27px;
    font-weight: 700;
    margin-bottom: -0.1em;
}
#home-atuts p{
    color: #eee;
    font-weight: 300;
    font-size: 17px;
    margin-left: 8.5em;
}
#home-atuts ul {
    display: flex;
    flex-wrap: wrap;
    background-color: #8dc63f;
    /* height: 326px; */
    background-image: linear-gradient(15deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 85%,rgb(180, 220, 132) 100%);
}
#home-atuts li {
    flex: 1 0 20%;
    /* border: 1px solid #000; */
    text-align: center;
    padding: 55px 0 18px;
    z-index: 1;
    /* background-color: #6a9c29; */
}
#home-atuts li div {
    background-color: #6b9c29;
    padding: 25px 1em 15px;
    margin-top: -30px;
    z-index: -1;
}
#home-atuts strong, #home-atuts span {
    display: block;
}
#home-atuts strong {
    color: #fff;
    font-size: 31px;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    line-height: 1em;
    margin-bottom: 5px;
}
#home-atuts span {
    color: #f1f2f4;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Open Sans Condensed', sans-serif;
}
#home-atuts li:before {
    content: '';
    display: block;
    margin: 0 auto 1em;
    width: 12vw;
    height: 12vw;
    border-radius: 50%;
    background: #eee;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.11), -20px 12px 0px 0px rgba(0, 0, 0, 0.1);
    background: #eee url(../images/atuty-solidnosc.png) center no-repeat;
    z-index: 1;
    position: relative;
}
li#solidnosc:before  {  background-image: url(../images/atuty-solidnosc.png);}
li#terminowosc:before  {    background-image: url(../images/atuty-terminowosc.png);}
li#elastycznosc:before  {   background-image: url(../images/atuty-elastycznosc.png);}
li#logistyka:before  {  background-image: url(../images/atuty-logistyka.png);}
li#satysfakcja:before  {    background-image: url(../images/atuty-satysfakcja.png);}
/*_ _ _ / Atuty */
/*_ _ _ _ _ _ _ _ _ _ _ _  Footer */ #_footer-home{}
footer {    background-color: #111;}
footer>div {padding: 1.5em 0 1.2em;}
footer p, footer a {
    color: #6f6f6f;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    line-height: 11px;
    /* margin: 0 5px; */
}
.copyright {}
.copyright span {
    color: #bbbbbb;
    margin: 0 5px;
}
footer nav {line-height: 11px;}
footer a {padding: 0;margin: 0;transition: .2s ease-in-out .1s;}
footer a.active {color: #c3594e;}
footer a:hover {
    color: #b3b3b3;
    /* background-color: #ff4646; */
    /* text-decoration: none; */
    /* text-shadow: 1px 1px 1px #770202; */
    /* text-decoration-line: overline underline; */
    transition: .1s;
}
footer nav>div {}
footer nav>div a {}
footer nav>div a:first-child {}
footer nav>div a:after {    /*content: ':';*/}
/*_ _ _ / Footer */



/*- - - - - - - - - - - RWD */#_rwd{}

@media (max-width: 767px) { #--max-767{}
.qwe {background-color: BLUE;}
/*_ _ _ _ _ _ _ _ _  NavBar*/
#extraNav {display: none;}
.navbar-brand { left: 2em;  left: 4.5vw; }
.navbar-collapse {   background-color: #aba901;  }
.navbar-inverse .navbar-nav > li > a { color: #fff;font-size: 0.9em;}
.navbar-inverse .navbar-nav > li:after {
    content: '';
    display: block;
    height: 1px;
    width: 60%;
    margin: 0 0 0 auto;
    background-image: linear-gradient(to right, rgba(255,255,255,0) 0%,rgb(191, 190, 99) 100%);
}
.navbar-inverse .navbar-nav > li:last-child:after {display: none;} 
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus {box-shadow: none;}
.navbar-inverse .navbar-nav > .active > a:focus span {transform: none;}
.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus {
    box-shadow: none;
    background-image: linear-gradient(to right, rgba(255,255,255,0) 0%,rgb(150, 148, 0) 100%);
    text-shadow: 1px 1px 1px #00000047;
    box-shadow: inset -8px 0 #8a8800;
    /* padding-right: 1.7em; */
}
.navbar-inverse .navbar-nav > li > a:hover span, 
.navbar-inverse .navbar-nav > li > a:focus span {transform: none;}
/*. . . Drop DOWN*/
.navbar-nav .open .dropdown-menu {
    background-color: #2d2d2d;
}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #9c9a04;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: #aba901;font-size: 1.15em;letter-spacing: .02em;text-shadow: 1px 1px 1px black;}
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    color: #696700;
}
/*_ _ _ _ _ _ _ _ _  Ofi*/
#ofi {      background-size: 170% 340%; }
#ofi>div {
    padding: 75px 3em 60px;
    padding: 75px 9vw 60px;
    width: initial;
}
/*_ _ _ _ _ _ _ _ _  Gal Links*/
#home-gal-links li {flex: 1 0 33.33%;    }
#home-gal-links .bonus { display: flex;    }
/*_ _ _ _ _ _ _ _ _  Footer*/
footer {text-align: center;}
footer .pull-left, footer .pull-right {float:initial !important;}
}
/**/
@media (max-width: 767px) and (min-width: 481px) { #--max-767--min-481{}
/*_ _ _ _ _ _ _ _ _  NavBar*/
.navbar-nav, .navbar-inverse .navbar-nav .open .dropdown-menu > li {
    text-align: right;
}
/*_ _ _ _ _ _ _ _ _  Projekty*/
#projekty { background-position: -8vw 5px;  }
#projekty>div {
    background-color: #6d342dd1;
    position: initial;
    width: initial;
    margin: 22.5% 0 0 31%;
    padding-right: 2.2em;
}
/*_ _ _ _ _ _ _ _ _  Kontakt*/
#kontakt #contact-data {order: -1;}
#kontakt .wrapper>div {
    flex-basis: 50%;
    min-width: 290px;
    padding: 30px 3vw 20px;
}
#kontakt {
    background-image: url(../images/map-v.jpg);
    background-position: top left;
}
/*_ _ _ _ _ _ _ _ _  Footer*/
footer {}
footer nav {
    background-color: #1f1f1f;
    padding: 1em 0;
    margin: 23px -15px -20px;
}
footer a {
    padding: .2em 0.3em;
    font-size: calc(7px + 1vw);
}
}
/**/
@media (max-width: 480px) { #--max-480{}
.qwe {background-color: #a6e1ec;}
/*_ _ _ _ _ _ _ _ _  NavBar*/
.navbar-brand {
    width: 326px;
    height: 138px;
    top: 33px;
}
.navbar-inverse {  border-bottom-width: 40px;  }
.navbar-nav { padding-top: 70px;  }
.navbar-inverse .navbar-nav > li > a { padding-left: 24px; }
/*_ _ _ _ _ _ _ _ _  Ofi*/
#ofi {      background-size: 210% 340%; }
/*_ _ _ _ _ _ _ _ _  Gal Links*/
#home-gal-links li {        flex: 1 0 50%;  }
#home-gal-links>div {width: 90%;font-size: 1.3em;}
#home-gal-links:before {width: 70%;}
/*_ _ _ _ _ _ _ _ _  Projekty */
#projekty {
    height: initial;
    background-position: -41px 4px;
    background-size: 200%;
}
#projekty>div {
    position: initial;
    width: 100%;
    margin-top: 48.8%;
    padding-right: 1.5em;
    padding-right: 5vw;
    /*      margin: 34% 0 0 5%;background-color: #6b3631c4;*/
}
#projekty>div h4 {
    font-size: 1.6em;
    font-size: 7vw;
    padding-right: 8vw;
    margin-bottom: 0.8em;
}
#projekty>div p:first-of-type {
    font-size: 0.85em;
    color: #879a6c;
}
/*_ _ _ _ _ _ _ _ _  Kontakt */    
#kontakt {
    background-image: url(../images/map-v.jpg);
    background-position: -33px 0px;
}
/*_ _ _ _ _ _ _ _ _  Atuty */    
#home-atuts ul { flex-direction: column; }
#home-atuts li {
    padding: 50px 0 1px;
    background-image: linear-gradient(15deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 65%,rgb(171, 212, 123) 100%);
}
#home-atuts li:before { width: 10em; height: 10em; }
#home-atuts li div {
    /* margin: 0 2em; */
    padding: 35px 1em 1em;
    border-bottom: 1px solid #557d20;
    background: #80bd2f;
    box-shadow: 0 1px 0 1px #c2e890, inset 15px -20px 200px 11px #00000038;
}
#home-atuts strong {
    font-size: 2.3em;
    margin-bottom: 10px;
    /* font-size: 13vw; */
    text-shadow: 2px 1px 5px #72a235;
}
#home-atuts span { font-size: 1.3em; line-height: 1.1em; }
}
/**/
@media (max-width: 425px) { #--max-425{}
/*_ _ _ _ _ _ _ _ _  NavBar*/
.navbar .container {padding-top: 35px;}
.navbar-brand {top: 30px;}
/*_ _ _ _ _ _ _ _ _  Gal Links*/
#home-gal-links li {
    flex: 1 0 100%;
    background-size: cover;
}
#home-gal-links li a {   height: 300px; }
#home-gal-links li a span {
    padding-left: 1.3em;
    padding-left: 6vw;
    padding-bottom: 1.2em;
}
#home-gal-links li a strong {
    font-size: 1.25em;
    margin-bottom: 0.3em;
    text-shadow: 1px 1px 1px black;
}
#home-gal-links li a em { font-size: 0.7em; }
}
@media (max-width: 375px) { #--max-375{}
/*_ _ _ _ _ _ _ _ _  NavBar*/
.navbar .container {padding-top: 30px;}
.navbar-brand {
    width: 257px;
    height: 109px;
    top: 38px;
}
.navbar-inverse {border-bottom-width: 34px;}
#extraConInfo {right: 0;right: 1vw;}
#extraConInfo a.mail {margin-left: 5PX;margin-left: 1vw;padding-left: 8vw;padding-right: 2vw;}
#extraConInfo a.tel {margin-left: 1vw;padding-right: 2vw;padding-left: 5vw;}
}
/**/
@media (max-width: 320px) { #--max-320 {}
/*_ _ _ _ _ _ _ _ _  NavBar*/
.navbar-brand {
    width: 250px;
    height: 107px;
    top: 34px;
}
.navbar-inverse {border-bottom-width: 33px;}
.navbar-inverse .navbar-toggle {margin-right: 10px;}
#extraConInfo a {font-size: 1em;}
#extraConInfo a {
    font-size: 0.7em;
    font-size: 4vw;
}
.navbar .container {padding-top: 25px;}
/*_ _ _ _ _ _ _ _ _  Kontakt*/
#kontakt {background: #252525;    }
#kontakt .wrapper { flex-direction: column;    }
#kontakt .wrapper>div { padding: 25px 5vw 20px;    }
#kontakt #contact-data {order: -1;}
#kontakt #map {
    display: block;
    height: 250px;
    background-image:url(../images/map.jpg);
    background-position-y: center;
    background-position-x: -57px;
}
}
/**/
@media (min-width: 768px) and (max-width: 991px) { #--max-991--min-768{}
.qwe {background-color: GREEN;}
#extraNav em {
    position: absolute; top: -11px; left: 12px;
    font-size: 13px; letter-spacing: 0.9em;
    display: none;
}
#extraNav a span {padding: 1px 13px;}
#extraNav {right: 12px;}
/*_ _ _ _ _ _ _ _ _  Projekty*/
#projekty {background-position: -90px 0;background-position: -31vw 0;}
#projekty>div {
    width: 600px;width: 60vw;bottom: 29px;
    padding-right: 50px;padding-right: 5vw;
    background-color: #5e302bd4;
}
/*_ _ _ _ _ _ _ _ _  Atuty*/
#home-atuts li {    flex: 0 0 286px;}
#home-atuts li:before {    width: 9em;    height: 9em;}
#home-atuts li div {
    background-color: transparent;
    background-image: radial-gradient(ellipse at center, rgba(107,156,41,1) 0%,rgba(107,156,41,1) 25%,rgba(107,156,41,0) 100%);
    /*border-bottom: 1px solid #9cd84d;*/
}
#home-atuts li:after {
    content: '';
    display: block;
    height: 1px;
    background-image:  linear-gradient(to right, rgba(156,216,77,0) 0%,rgba(156,216,77,1) 25%,rgba(156,216,77,1) 75%,rgba(156,216,77,0) 100%) ;
}
#home-atuts strong {    text-shadow: 1px 1px 2px #4c6b24;}
#home-atuts span {
    /* text-shadow: 1px 1px 2px #4c6b24; */
    font-size: 0.8em;
}
#home-atuts .heading {    padding-left: 5vw;}
}
@media (min-width: 992px) and (max-width: 1199px) { #--max-1199--min-992{}
/*_ _ _ _ _ _ _ _ _  Projekty*/
#projekty {background-position: -90px 0;}
#projekty>div {width: 450px;width: 45vw;bottom: 20px;}
/*_ _ _ _ _ _ _ _ _  Atuty*/
#home-atuts strong {    font-size: 29px;    font-size: 2.6vw;}
#home-atuts li:before {    background-size: 60%;}
}
/**/
@media (min-width: 1400px) { #--min-1400{}
/*_ _ _ _ _ _ _ _ _  NavBar*/
#home-gal-links li {        background-size: cover; }
/*_ _ _ _ _ _ _ _ _  Projekty*/
#projekty>div {width: 600px;}
/*_ _ _ _ _ _ _ _ _  Kontakt*/
#kontakt {
    background-position-x: -200px;
    background-position-x: calc(-210px + 6vw);
}   
#kontakt .wrapper>div { padding: 30px 2vw 20px;    }
}


@media (max-width: 767px) and (min-width: 590px) {#--max-767--min-590{}
#kontakt {
    padding-bottom: 250px;
    background-position: 0px -65%;
    background-image: url(../images/map.jpg);
}
}
@media (min-width: 481px) and (max-width: 767px) {
    /*_ _ _ _ _ _ _ _ _  Atuty*/
    #home-atuts ul {
        flex-direction: column;
        padding-top: 42px;
    }
    #home-atuts li {
        position: relative;
        padding: 50px 0 1px;
        background-image: linear-gradient(15deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 65%,rgb(171, 212, 123) 100%);
    }
    #home-atuts li:before {
        width: 20vw;
        height: 20vw;
        position: absolute;
        top: 10%;
        left: 6vw;
        background-size: 60%;
    }
    #home-atuts li div {
        padding: 35px 1em 2em 33vw;
        background: #80bd2f;
        background: linear-gradient(135deg, rgba(128,189,47,0) 0%,rgba(128,189,47,0.01) 33%,rgb(103, 162, 25) 100%);
        box-shadow: inset -70px -15px 170px -100px #00000073;
    }
    #home-atuts strong {
        font-size: 2.3em;
        margin-bottom: 10px;
        text-shadow: 2px 1px 5px #72a235;
    }
    #home-atuts span {
        font-size: 1.3em;
        line-height: 1.1em;
    }
#home-atuts .heading {/* padding-left: 4vw; */}
#home-atuts p {
    margin-left: 5em;
    margin-left: 21vw;
    /* text-align: center; */
}
}
@media (min-width: 1200px) {
    .qwe {background-color: black;}
    /*_ _ _ _ _ _ _ _ _  Atuty*/
    #home-atuts li:before {
        width: 9em;
        height: 9em;
    }
    #home-atuts .heading {
        width: 1200px;
        margin: 0 auto;
    }
    #home-atuts .wrapper {
        position: relative;
        background: #8dc63f;
    }
    #home-atuts ul {width: 1200px;z-index: 1;}
    #home-atuts .wrapper:after {
        content: '';
        display: block;
        height: 116px;
        width: 100%;
        background: #6a9c29;
        position: absolute;
        bottom: 18px;
        z-index: 0;
    }
}

#qwe {
    position: absolute;
    top: 0;
    width: 50%;
    opacity: .5;
    color: #fff;
}
@media (max-width: 480px) {}
@media (min-width: 768px) {}
@media (max-width: 767px) {}
@media (min-width: 768px) and (max-width: 991px) {}
@media (min-width: 992px) and (max-width: 1199px) {
    .qwe {background-color: ORANGE;}
}
@media (min-width: 1200px) {}