/* ----- Author: Damian Szczypka ----- */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,latin-ext);

html, body {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 157%;
    color: #333;
}

section { padding: 75px 0 90px; }

a {
    color: #333;
    transition: all 350ms ease-in-out;
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -ms-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
}

a:hover, a:focus {
    color: #333;
    opacity: .85;
    text-decoration: none;
}

strong, label { font-weight: 700; }

textarea { resize: vertical; }

/* -----  menu ----- */

.navbar {
    margin: 0;
    background: #FFF;
    min-height: 100px;
    border: none;
    border-radius: 0;
}

.navbar-brand {
    padding: 10px;
    margin: 10px 0;
    height: auto;
}

.navbar-brand:hover, .navbar-brand:focus { opacity: .75; }

.navbar-nav > li { padding: 0; }

.navbar-nav > li > a {
    padding: 40px 25px;
    margin: 0;
    color: #333;
    font-size: 18px;
    border-top: 4px solid #FFF;
}

.nav > li > a:hover, .nav > li > a:focus, .nav > li.active > a {
    background: none;
    border-color: #F6F304;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #F6F6F6;
    border-color: #F6F304;
}

.nav .caret { margin-left: 5px; }

.navbar-nav > li > .dropdown-menu {
    border-color: #F6F6F6;
    border-radius: 0;
    box-shadow: none;
}

.dropdown-menu > li > a {
    padding: 10px 15px;
    font-size: 16px;
    border-bottom: 1px solid #F6F6F6;
}

.dropdown-menu > li:last-child > a { border-bottom-color: transparent; }

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #333;
    text-decoration: none;
    background-color: #F6F304;
}

.nav img, #price-request .btn-dsz img {
    margin-right: 10px;
    position: relative;
    top: -2px;
}

.navbar-nav > li > a.lang {
    padding: 10px;
    margin: 34px 0 34px 10px;
    background: #F0F0F0;
    border: none;
}

.navbar-nav > li > a.lang:hover, .navbar-nav > li > a.lang:focus { background: #F6F304; }

/* ----- slider ----- */

#slider { padding: 0; }

#slider .item {
    min-height: 700px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.carousel-caption { top: 25%; }

.carousel-caption h1 {
    margin-bottom: 25px;
    font-size: 96px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: none;
}
.carousel-caption p {
    font-size: 20px;
    text-transform: uppercase;
    text-shadow: none;
}

.carousel-caption .btn-dsz {
    padding: 10px 90px;
    margin-top: 30px;
    color: #333;
    background: rgba(255,255,255,.7);
    font-size: 22px;
    border-color: rgba(255,255,255,.7);
}

/* ----- offer ----- */

section:not(#slider) h1 {
    margin: 0 0 45px;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}

.nav-tabs {
    margin-bottom: 60px;
    text-align: center;
    border-bottom: none;
}

.nav-tabs > li {
    float: none;
    display: inline-block;
}

.nav-tabs > li > a {
    padding: 10px 40px;
    margin: 0 15px;
    color: #333;
    background: #FFF;
    border: 2px solid #E2E2E2;
    font-size: 18px;
    border-radius: 0;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus,
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #FFF;
    background: #333;
    border: 2px solid #333;
}

.tab-content h2, #price-request h2 {
    margin: 0 0 25px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.tab-content p { margin-bottom: 20px; }

.tab-content .btn-dsz {
    padding: 10px 60px;
    color: #333;
    background: #FFF;
    font-size: 18px;
    font-weight: 400;
    border-color: #E2E2E2;
}

/* ----- about ----- */

#about {
    background: #E1E1E1 url('../img/about-bg.jpg') no-repeat center center;
    background-size: cover;
    text-align: justify;
}

section#about h1 { margin-bottom: 30px; }

.stats .row > div {
    padding: 20px;
    border: 1px solid transparent;
}

.stats .row > div:nth-child(1) {
    border-right-color: #CCC;
    border-bottom-color: #CCC;
}

.stats .row > div:nth-child(2) { border-bottom-color: #CCC; }

.stats .row > div:nth-child(3) { border-right-color: #CCC; }

.stats span {
    font-weight: 700;
    display: block;
}

.stats .text-right span { padding-right: 75px; }

.stats .text-left span {
    padding-right: 0;
    padding-left: 75px;
}

.stats .number {
    margin-bottom: 10px;
    font-size: 36px;
}

.stats .title { font-size: 18px; }

.stats img {
    position: absolute;
    top: 20px;
    right: 20px;
}

.stats .text-left img { left: 20px; }

/* ----- news ----- */

#price-request {
    background: transparent url('../img/price-request-bg.png') no-repeat left center;
    background-size: auto 75%;
    text-align: justify;
}

#price-request ol {
    padding: 0;
    counter-reset: dsz;
}

#price-request ol li {
    padding-left: 80px;
    margin-bottom: 30px;
    position: relative;
    list-style: none;
    counter-increment: dsz;
}

#price-request ol li:before {
    content: counter(dsz);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
    width: 50px;
    height: 50px;
    background: #F5F5F5;
    text-align: center;
    padding: 7px;
    border: 4px solid #EFEDED;
}

#price-request h3, #before-footer h3 {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 700;
}

#price-request .btn-dsz {
    color: #333;
    background: #F6F304;
    border-color: #F6F304;
}

/* ----- map ----- */

#map {
    padding: 0;
}

/* ----- contact ----- */

#contact {
    padding: 75px 0 60px;
    background: #FFF url('../img/contact-bg.jpg') no-repeat center center;
    background-size: cover;
}

section#contact h1 { margin: 0 0 30px; }

#contact p {
    margin: 0 0 20px 40px;
    text-indent: -20px;
}

#contact span { margin-right: 15px; }

.form-control {
    padding: 6px 15px;
    height: 45px;
    background: #F6F6F6;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.form-control:focus { box-shadow: none; }

#contact a { color: #333; }

#contact a:hover, #contact a:focus { opacity: .75; }

/* ----- before-footer ----- */

#before-footer {
    padding: 60px 0 45px;
    color: #FFF;
    background: #333;
    font-size: 14px;
}

#before-footer h3 {
    margin-bottom: 20px;
    text-transform: uppercase;
}

#before-footer ul { padding: 0; }

#before-footer li {
    margin-bottom: 5px;
    list-style: none;
}

#before-footer a { color: #FFF; }

#before-footer .products .main > li > a {
    margin-bottom: 5px;
    font-weight: 700;
    line-height: 21px;
    display: block;
}

#before-footer .main {
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
}

#before-footer .dropdown { display: none; }

/* ----- footer ----- */

footer {
    padding: 10px 0 0;
    font-size: 12px;
    color: #FFF;
    background: #1D1D1D;
}

footer a { color: #FFF; }

footer a:hover, footer a:focus { color: #CCC; }

/* -----  btn ----- */

.btn-dsz {
    padding: 10px 45px ;
    color: #FFF;
    background: #333;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid #333;
    border-radius: 0;

    transition: all 350ms ease 0ms;
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -ms-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
}

.btn-dsz:hover, .btn-dsz:focus {
    color: #FFF;
    background: rgba(51,51,51,.85);
}

.left_menu-product{
  list-style: none;
  -webkit-padding-start: 0px;
}
.left_menu-product li a{
  padding: 10px;
  padding-left: 20px;
  color: black;
      display: block;
      background: #e5e6e8;
}
.left_menu-product .level1 a{
  background: #f2f3f5;
  padding-left: 45px;
  color: black;
}
.left_menu-product .level2 a{
  background: #fbfbfb;
      padding-left: 70px;
      color: black;
}
.left_menu-product li.active a, .left_menu-product li:hover a{
  background: #020202;
  border-right: 5px solid #f5f501;
  color: white;
}
.item-download{
  border: 1px solid black;
display: -webkit-box;
margin-bottom: 30px;
}
.item-download:hover{
  background: #fbfbfb;
    color: black;
}
.item-download i{
  font-size: 36px;
  padding: 16px 0;
}
.item-download .icon{
  text-align: center;
    background: #f5f500;
    color: black;
}
.item-download:hover .icon{
  text-align: center;
    background: #000;
    color: white;
}
.item-download h1{
  font-size: 20px;
  margin: 0;
  padding: 25px 0;
}

.opis-produkt {
  background: #fdfdfd;
  /* padding: 20px; */
  border: 1px solid #f3f3f3;
  padding: 15px 30px;
}
.opis-produkt img{

padding: 20px 20px 20px 0;
}

/* KONFIGURATOT */
.konfigurator {
    padding: 20px 0;
    background: #f9f9f9;
    border: 1px solid #efefef;
}
.konfigurator h2{
  margin: 0;
  margin-top: 15px;
  margin-bottom: 30px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
}
.konfigurator .okno-typ-item, .konfigurator .okno-profil-item, .konfigurator .okno-szyby-item, .konfigurator .okno-color-item, .konfigurator .okno-armatura-item, .konfigurator .okno-akcesoria-item{
  border: 1px solid #efefef;
  position: relative;
  background: white;
  overflow: hidden;
}
.konfigurator .okno-szyby-item{
  display: none;
}
.konfigurator .okno-szyby-item.activeitem{
    display: block;
}

.konfigurator .okno-typ-item:hover, .konfigurator .okno-profil-item:hover, .konfigurator .okno-szyby-item:hover,.konfigurator .okno-color-item:hover, .konfigurator .okno-armatura-item:hover, .konfigurator .okno-akcesoria-item:hover{
  border: 1px solid #f4f102;
  cursor: pointer;
}
.konfigurator .okno-typ-item.active, .konfigurator .okno-profil-item.active, .konfigurator .okno-szyby-item.active , .konfigurator .okno-color-item.active, .konfigurator .okno-armatura-item.active, .konfigurator .okno-akcesoria-item.active{
  border: 1px solid #c7c7c7;
}
.konfigurator .okno-typ-item img{
  margin: 0 auto;
}
.konfigurator #typ-okna p{
  font-size: 12px;
  margin-bottom: 0;
  padding-bottom: 10px;
      min-height: 60px;
  }
.konfigurator .done{
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #000000;
  width: 100%;
      z-index: 99;
}

.konfigurator .done:hover{
  background: #353535;
}
.konfigurator .okno-akcesoria-item .done, .konfigurator .okno-akcesoria-item .done:hover{
  background: none;
}
.konfigurator .okno-akcesoria-item .done{
  width: auto;
}
.konfigurator .done.active{
  display: block;
}
.konfigurator .done i{
  padding: 20px 20px;
  background: #f7f703;
}
.konfigurator .done span{
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  color: white;
  margin-left: 10px;
}
.right-column {
  background: #ffffff;
  padding: 0 15px 0 0;
}
.wycena-link{
  padding: 25px;
  background: #f8f506;
}
.wycena-link h2{
  margin: 0;
  font-size: 26px;
}
.wycena-link p {
    margin: 0;
    margin-top: 15px;
    font-size: 16px;
}
.wycena-link p span {
    font-weight: 600;
}
.konfigurator-tab > li{
  display: block;
  text-align: left;
}

.konfigurator-tab > li > a:hover, .konfigurator-tab > li > a:focus, .konfigurator-tab > li.active > a, .konfigurator-tab > li.active > a:hover, .konfigurator-tab > li.active > a:focus{

}
.konfigurator-tab > li > a{
  padding: 10px 15px;
}
.konfigurator-tab > li > a > p.tab-dane{
  font-size: 12px;
  margin-left: 20px;
  display: none;
}
.konfigurator-tab > li > a > p.tab-dane.active{
  display: block;
}
.konfigurator .okno-profil-item h1, .konfigurator .okno-szyby-item h1{
  font-size: 28px;
  font-weight: 600;
}
.wysokosc-szerokosc{
  background: white;
  border: 1px solid #efefef;
  padding: 15px;
}
.wysokosc-szerokosc .form-group{
  margin-bottom: 0px;
}
.wysokosc-szerokosc .opis{
  padding-top: 10px;
}
#btn-add-okno{
  background: #f8f506;
color: black;
font-weight: 600;
}
.table-wyslij td{
  vertical-align: middle !important;
}
.product-close i{
  padding: 10px;
  border: 1px solid #dedede;
}
.product-close i:hover{
  padding: 10px;
  border: 1px solid #dedede;
      background: #f3f1f1;
      cursor: pointer;
}
.add-new-okno{
  background: #f4f102;
    border: 1px solid #e2e2e2;
    padding: 10px 20px;
    display: inline-block;
    margin-bottom: 15px;
}
.konfigurator-show{
  background: #333333;
padding: 10px 25px;
display: inline-block;
float: right;
color: white;
}
.konfigurator-show:hover{
  color: white;
}
.error-message {
    display: none;
}
.form-error {
    border-bottom: 2px solid red;
}


.left-col .panel-heading {
  padding: 0;
}

.left-col .panel-title a{
  display: block;
    padding: 10px;
    background: #020202;
    color: white;
}
.left-col .level2, .left-col .level3{
  display: block;
  border-bottom: 1px dotted #efefef;
}
.left-col .level2{
  font-size: 16px;
  font-weight: 600;
  padding: 10px 20px;
}
.left-col .level3{
  padding-left: 45px;
}
.okno-color-item .title {
    min-height: 85px;
}
.dalej p {
    background: black;
    color: white;
    padding: 15px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}
.okno-color-item{
  position: relative;
}
.zoom-farbe{
  display: none;
  position: absolute;
    top: 0;
    right: -80px;
}
.okno-color-item:hover .zoom-farbe{
  display: block;
}

@media (max-width: 1199px) {
    .navbar-nav > li > a { padding: 40px 10px; }

    .carousel-caption h1 { font-size: 78px; }

    .nav-tabs > li > a { padding: 10px 45px; }

    .stats .title { font-size: 16px; }

    #price-request h3 { font-size: 15px; }
}

@media (max-width: 991px) {
    .navbar-header {
        width: 100%;
        text-align: center;
    }

    .navbar-brand {
        display: inline-block;
        float: none;
    }

    .navbar-nav > li > a {
        padding: 30px 15px;
        font-size: 16px;
    }

    .navbar-nav > li > a.lang { margin: 24px 0 24px 10px; }

    .carousel-caption { top: 30%; }

    .carousel-caption h1 { font-size: 66px; }

    .nav-tabs > li > a {
        padding: 10px 30px;
        margin: 0 10px;
    }

    .tab-pane .col-xs-12 { float: none; }

    .stats { margin-top: 15px; }

    #price-request ol li {
        padding-right: 15px;
        width: 50%;
        font-size: 14px;
        float: left;
    }

    #price-request h3 { font-size: 14px; }

    #price-request .btn-dsz { float: left; }
}

@media (max-width: 767px) {
    .navbar-header {
        width: auto;
        text-align: initial;
    }

    .navbar-brand { margin-left: 10px; }

    .navbar-nav > li > a { padding: 15px; }

    .navbar-nav > li > a, .dropdown-menu { text-align: center; }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { padding: 10px 15px; }

    .navbar-nav br { display: none; }

    .navbar-toggle { margin: 33px 15px; }

    .navbar-toggle .icon-bar { background: #333; }

    #slider .item { min-height: 500px; }

    .carousel-caption { top: 25%; }

    .carousel-caption h1 { font-size: 60px; }

    .carousel-caption p { font-size: 18px; }

    .text-justify, #about, #price-request { text-align: center; }

    .steps { margin-top: 15px; }

    .steps ol { text-align: justify; }
}

@media (max-width: 680px) {
    .carousel-caption h1 { font-size: 54px; }

    .carousel-caption p { font-size: 17px; }

    .nav-tabs > li > a { padding: 10px 25px; }

    #contact-form .phone, #contact-form .email { width: 100%; }

    .separator { display: none; }
}

@media (max-width: 640px) {
    .carousel-caption h1 { font-size: 48px; }

    .nav-tabs > li > a { padding: 10px 20px; }
}

@media (max-width: 480px) {
    .carousel-caption { top: 20%; }

    .nav-tabs { margin-bottom: 30px; }

    .nav-tabs > li > a {
        padding: 10px 30px;
        margin-bottom: 15px;
    }

    .stats .col-xs-6 { width: 100%; }

    .stats span { padding: 0 !important; }

    .stats .text-left, .stats .text-right { text-align: center; }

    .stats img { display: none; }

    .stats .row > div:nth-child(3) { border-bottom-color: #CCC; }

    #price-request ol li {
        padding-right: 0;
        margin-bottom: 15px;
        width: 100%;
        font-size: 15px;
    }

    #contact .col-xs-5, #contact .col-xs-7 {
        width: 100%;
        text-align: center;
    }

    #before-footer { text-align: center; }

    #before-footer .col-xs-3, #before-footer .col-xs-9 { width: 100%; }

    #before-footer .dropdown { display: inline; }

    #before-footer .dropdown-menu {
        position: static;
        float: none;
        background: none;
        box-shadow: none;
        border: none;
    }

    #before-footer .dropdown-backdrop { display: none; }

    #before-footer .dropdown-menu a {
        padding: 5px 15px;
        color: #CCC;
        font-size: 14px;
        border: none;
    }

    #before-footer .dropdown-menu a:hover, #before-footer .dropdown-menu a:focus { background: transparent; }

    #before-footer .products { display: none; }
}

@media (max-width: 360px) {
    .carousel-caption { top: 15%; }

    .carousel-caption p { font-size: 16px; }

    .nav-tabs > li {
        width: 50%;
        float: left;
    }

    .nav-tabs > li:last-child { margin-left: 25%; }

    #contact-form .col-xs-6 { width: 100%; }

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

@media (max-width: 320px) {
    .dropdown-menu > li > a { font-size: 14px; }

    .navbar-toggle { margin: 33px 5px; }

    .carousel-caption { top: 10%; }

    .carousel-caption .btn-dsz { padding: 10px 60px; }
}
/*    COOKIS   */
#cookies_box {
    z-index: 999999999;
    padding: 5px;
    background-color: rgb(51, 51, 51) !important;
    color: #FFFFFF !important;
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    border-top: 1px solid #E2E2E2;
}
#cookies_box #wrapper div:first-child {
    text-align: justify;
    float: left;
    width: 80%;
    padding: 10px 0 0 30px;
}
#cookies_box #wrapper div:nth-child(2) {
  float: right;
/* width: 20%; */
color: #FFFFFF;
padding-left: 10px;
font-size: 350%;
text-align: center;
padding: 15px;
background: #545151;
font-family: opensans;
}
#button_close_cookies:hover {
    text-decoration: none;
    color: #fff!important;
    cursor: pointer;
}