/* 
#EB1D45
#03BEAC
 */

body {
  font-family: 'Poppins', sans-serif;
  margin: 0;
}
a {
  text-decoration: none;
}
div.header {
  background-color: #ffffff;
  display: block;
  /* border: 1px red solid; */
  float: left;
  width: 100%;
  padding: 10px 0px 10px 0px;
  -webkit-box-shadow: 0px 7px 15px -2px rgba(0,0,0,0.17); 
box-shadow: 0px 7px 15px -2px rgba(0,0,0,0.17);

position: fixed;
top: 0px;
z-index: 1115;


}

div.header .logo {
  width: 310px;
  float: left;
  margin-left: 7px;
}

div.header .head_right {
  /* width: 700px; */
      min-height: 50px;
  float: right;
  padding-right: 8px;
}

div.header .head_left {
  width: 750px;
  float: left;
}


div.header .title {
  font-size: 22px;
  float: left;
  margin-left: 60px;
}

.flagi img {
  height: 20px;
}
.flagi  {
  width: 120px;
}




div.podglad_img_pusty {
  width: 100%;
  height: 100%;
  display: block;
  border: 1px solid #ddd;
  text-align: center;
  padding-top: 60px;
  font-weight: bold;
  font-size: 33px;
}

div.podglad_img_pusty img {
  width: 50%;
}

div.progress_bar {
  /* border: 1px solid red; */
  display: block;
  width: 100%;
  float: left;


  position: fixed;
  top: 70px;
  z-index: 1111;
  /* background-color: white;   */
}


div.preview {
  width: 300px;
  display: block;
  height: 500px;
  float: left;
  position: fixed;
  margin-top: 30px;
  margin-right: 0px;
  padding: 0 20px 0 20px;
  top: 145px;
  right: 0;
}

h3.tytul_blok {
  margin: 30px 0px 3px 0px;

}

img.skalamax {
position: absolute;
width:  100%;
max-width:  90%;

}

div.preview img.skala11 {
position: absolute;
/* width:  250px; */
}

div.preview div.info_under {
  font-style: italic;
  font-size: 15px;
margin-top: 20px;
}



div.configurator::-webkit-scrollbar-track, 
div.configurator::-moz-scrollbar-track, 
div.configurator::-o-scrollbar-track
{
    box-shadow: inset 0 0 6px rgba(217, 255, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(32, 211, 41, 0.3);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}


div.configurator_container {
  display:table;
  height: calc(100vh - 200px);
  background-color: red;
  width: 100%;
}

div.configurator {
  width: calc(100% - 400px);
  /* width: 400px; */
  display: block;
  /* display:table-cell; */
  /* height: calc(100vh - 200px); */
  /* max-height: calc(100vh - 240px); */
  float: left;
  margin-top: 0px;
  padding: 20px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  /* overflow-y: scroll; */
  /* max-height: 540px;*/
  /* overflow-x: hidden;  */
  position: relative;
  top: 166px;
  /* overflow-y: auto;  */
  /* background-color: #a6a6a6; */
}


div.summary {
  width: 350px;
  display: block;
  /* height: 700px; */
  float: left;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding-left: 30px;
  padding-bottom: 30px;
  padding-right: 30px;
  font-size: 14px;
}


.radio-txt {
  margin: 10px 10px 10px 0px;
      float: left;
    width: 100%;
}

.radio-gallery {
  margin: 10px;
      float: left;
    width: 100%;
}


.radio-gallery-title {
    /* display: block; */
    display: none;
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    
}
.radio-txt input[type="radio"],
.radio-gallery input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
  border-bottom: 2px solid #ccc;
}



.radio-txt input[type="checkbox"],
.radio-gallery input[type="checkbox"] {
  opacity: 0;
  position: fixed;
  width: 0;
  border-bottom: 2px solid #ccc;
}








.radio-txt label,
.radio-gallery label
 {
  display: inline-block;
  cursor: pointer;
  /* background-color: #ffffff; */
  /* border-bottom: 2px solid #ccc; */
  padding: 9px 20px 9px 20px;
  font-family: sans-serif, Arial;
  font-size: 16px;
  /* border: none; */
  border-radius: 6px;
  text-align: left;
  
  border-left: 1px solid #949494;
  border-bottom: 1px solid #949494;
  border-top: 1px solid #949494;
  border-right: 1px solid #949494;
}
.radio-gallery label{
  border-bottom: 2px solid #fff;
}
.radio-txt label:hover,
.radio-gallery label:hover
 {
  /* background-color: #fff; */
}

.radio_img label,
.radio-gallery label
{
  border: none;
}



.radio-txt input[type="radio"]:focus + label,
.radio-gallery input[type="radio"]:focus + label
 {
    /* border-bottom: 7px solid #444; */
}

.radio-txt input[type="radio"]:checked + label
{
  background-color: #F0F0F0;
    /* border-bottom: 2px solid #C2C2C2; */
    /* border-color: #000; */
    -webkit-box-shadow: inset 8px 8px 5px -5px rgba(0,0,0,0.13); 
    box-shadow: inset 8px 8px 5px -5px rgba(0,0,0,0.13);
}

.radio_img input[type="radio"]:checked + label ,
.radio-gallery input[type="radio"]:checked + label 
{
    /* background-color: #03BEAC; */
    /* border: 2px solid #444; */
    border:2px solid  #EB1D45;
    height: 170px !important;
    background-size: 80%;
}

.radio_img input[type="checkbox"]:checked + label ,
.radio-gallery input[type="checkbox"]:checked + label 
{
    /* background-color: #03BEAC; */
    /* border: 2px solid #444; */
    border:2px solid  #EB1D45;
    height: 170px !important;
    background-size: 80%;
}

.radio-gallery h4 {
  margin:  0 auto;
text-align: center;
font-size: 12px;
}

div.radio_img {
  float: left;
  width: 190px;
  /* height: 230px; */
  text-align: center;
}


#progress .radio-txt label,
#progress .radio-gallery label
 {
    display: inline-block;
    cursor: pointer;
    /* background-color: #fff; */
    border-bottom: 2px solid #ccc;
    border-top: none;
    padding: 5px 20px 5px 0px;
    font-family: sans-serif, Arial;
    font-size: 16px;
    /* border: none; */
    border-radius: 0px;
    text-align: left;
}



#progress li {
    display: inline;
}
#progress {
    /* background-color: #eeeeee; */
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
    float: left;
    margin-left: 0;
    padding-left: 0;
    width: 100%;
    /* border-right: 2px solid #C2C2C2 !important; */
    margin-top: 0px;
}

#progress .radio-txt label{
  /* background-color: #ffffff !important; */
  
  /* border-right: 2px solid #C2C2C2 !important; */
  border-left: 2px solid #C2C2C2 !important;
  display: flex;
  /* color: #fff !important; */
  padding: 20px 5px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  width: 10%;
  opacity: 0.4;
  float: left;
  height: 31px;
  line-height: 16px;
  text-align: center;
  align-items: center;
  justify-content: space-around;
  background-color: #fff;
}

#progress .radio-txt label.active{
  opacity: 1;
}




#progress .radio-txt input[type="radio"]:checked + label {
    /* background-color: #ffffff !important; */
    /* border-bottom: solid 5px #EB1D45 !important; */
    /* box-shadow: inset 0 -5px 0 #EB1D45; */

    position: relative;
    /* border-bottom: 2px solid #03BEAC !important; */
    /* border: none; */
}

#progress .radio-txt input[type="radio"]:checked + label::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: red;
}







#progress > div > label:nth-child(2) {
  /* border-top: 2px solid #C2C2C2 !important; */
}

/* #progress .radio-txt label::before {
  content: ' s';
  background-color: green;;

} */


#progress .radio-txt {
  margin: 0;
  background-color: #fff;
}

.submit {
  float: left;
  display: block;
}

table.summary {
/* width: 100%; */
width: 640px;
/* border-collapse: collapse; */
}
table.summary tr{
  /* border: 1px solid #ccc; */
  border-bottom: 1px solid #ccc;
}
table.summary tr.head{
  font-weight: bold;
}
table.summary tr.suma{
  border-top: 1px solid #ccc;
}



table.summary tr td {
  padding: 12px;
  
}

a.button_1 {
  background-color: #EB1D45;
  color: #fff;
  padding: 6px 25px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  margin-left: 7px;
  margin-top: 25px;
  display: block;
}

label.button_1 {
  background-color: #EB1D45;
  color: #fff;
  padding: 6px 25px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  float: left;
  display: block;
  margin-left: 10px;
}


.header .next label{
  background-color: #EB1D45;
  color: #fff;
  padding: 6px 25px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.guzik1 {
  background-color: #EB1D45;
  color: #fff;
  padding: 6px 25px;
  border: none;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}


.kasuj {
margin-left: 20px;

}

td.add_item .text_row{
  width: 120px;
  float: left;

}
td.add_item.montazmaterialy  div.text_row:nth-child(1){
  width: 230px;
  float: left;

}

td.add_item.kwota .text_row{
  width: 163px;
}

td.add_item .guzik1 {
  margin-top: 13px;
}


table.ramka1 td{
  /* border: 1px solid red; */
}

table.ramka2 td{
  /* border: 1px solid rgb(0, 4, 255); */
}




pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0px;
  font-size: 13px;
  font-weight: 400;
}


.preview_summary_amount {
    /* position: absolute; */
    /* top: 473px; */
    font-size: 34px;
    /* width: 250px; */
    /* text-align: center; */
    font-weight: 600;
    color: #3C3C3C;
    /* background-color: #03BEAC; */
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    float: left;
}


.header .next {
  float: left;
    margin-top: 8px;
}

.select {
  padding: 9px 20px 9px 20px;
  font-size: 16px;
  border-radius: 6px;
  margin-left: 0px;
  margin-bottom: 25px;
  max-width: 430px;
  width: 430px;
}

input[type="text"].text_in {
  padding: 8px 15px;
  font-size: 16px;
  margin-left: 10px;
  margin-right: 10px;
}


input[type="text"].text_in:focus {
  outline: 2px solid #EB1D45;
}

input[type="number"].text_in {
  padding: 8px 15px;
  font-size: 16px;
  margin-left: 10px;
  margin-right: 10px;
}


input[type="number"].text_in:focus {
  outline: 2px solid #EB1D45;
}




input.text_label {
  
}



div.text_row {
  padding: 10px 11px 10px 0px;
}

div.select_container {
  display: block;
  /* float: left; */
}


div.select_container label{
  margin-right: 20px;
}

div.title_section {
  font-size: 22px;
  margin-bottom: 10px;
  margin-top: 22px;
}

div.title_section .info{
  font-size: 14px;
  /* margin-bottom: 10px;
  margin-top: 22px; */
}


div.debug {
  background-color: rgba(0,0,0,0.6);
  float: left;
  display: block;
  width: 100%;
  z-index: 33444433;
  position: relative;
  margin-top: 216px;
  color: #fff;

}



div.error_valid {
  width: 100%;
  display: block;
  font-size: 13px;
  color: #EB1D45;
}

.configurator ::-webkit-input-placeholder { /* Edge */
  color: rgb(148, 148, 148);
  font-size: 13px;
}

.configurator :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgb(148, 148, 148);
  font-size: 13px;
}

.configurator ::placeholder {
  color: rgb(148, 148, 148);
  font-size: 13px;
}


div.zam_form input,
div.zam_form textarea
{
  width: 80%;
  padding: 8px;
  margin-bottom: 17px;
}
{box-sizing: border-box;}

/* Button used to open the contact form - fixed at the bottom of the page */
.summary-open-button {
  background-color: #fff;
  /* color: white; */
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  float: left;
  /* opacity: 0.8;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 280px; */
}

/* The popup form - hidden by default */
.summary-popup {
    /* display: none; */
    position: fixed;
    top: 50%;
    left: 50%;
    /* opacity: 0.0; */
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px 30px 30px 30px;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
    height: 80%;
    overflow-y: auto;
    background-color: #fff;
    width: 640px;
    max-width: 70%;
}





/* Set a style for the submit/login button */
.summary-popup .modal_x {
  background-color: #a6a6a6;
  color: white;
  padding: 6px 20px;
  border: none;
  cursor: pointer;
  width: 64px;
  margin-top: 10px;
  opacity: 0.8;
  display: block;
  width: 85%;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}


div.preview {

}

.kslider {
  width: 95%;
  margin-left: 20px;
  margin-right: 20px;
  /* padding-right: 15px; */
}

div.css_naswietla h4{
  display: none;
}

a.lupa_radio {
  
  display: inline-block;
}

a.lupa_radio img{
  
  width: 11px;;
}

.next_corner {
  position: absolute;
    top: 15px;
    right: 25px;
}

.summary-open-button {
  background-color: #EB1D45;
  color: #fff;
  padding: 6px 25px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  margin-top: 8px;
  margin-right: 18px;
}




.button_zamawiam {
  background-color: #EB1D45;
  color: #fff;
  padding: 6px 25px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  margin-top: 8px;
  margin-right: 18px;
  font-size: 19px;
}

div.alert1 {
  color:#EB1D45;
  font-weight: bold;
  border: 1px solid #EB1D45;
  padding: 20px;
  width: fit-content;
}


.desc_section {
  margin-bottom: 30px;
}


.popup_podliczenie {
  display: block;width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.61);
  position: fixed;
  z-index: 3323;
  display: none;
}

.summary-popup .modal_1 {
  width: 80px;
  right: 25px;
  position: absolute;
}

td.wybor_vatu #vat{
    width: auto;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  div.header {
    background-color: #ffffff;
    display: block;
    /* border: 1px red solid; */
    float: left;
    position: relative;
    width: auto;
    /* max-width: 100%; */
    padding: 8px 8px 8px 8px;
    -webkit-box-shadow: 0px 7px 15px -2px rgb(0 0 0 / 17%);
    box-shadow: 0px 7px 15px -2px rgb(0 0 0 / 17%);
}

  div.header .logo {
    width: 210px;
    
}
div.header .head_left {
  width: 100%;
  float: left;

}
div.header .head_right {
  width: 100%;
  float: right;
}
.select {
  max-width: 100%;
  width: 430px;
}
#progress .radio-txt label {
  /* background-color: #ffffff !important; */
  /* border-right: 2px solid #C2C2C2 !important; */
  border-left: 2px solid #C2C2C2 !important;
  display: flex;
  /* color: #fff !important; */
  padding: 11px 5px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  width: 10%;
  opacity: 0.4;
  float: left;
  height: 31px;
  line-height: 16px;
  text-align: center;
  align-items: center;
  justify-content: space-around;
}
#progress > div > label:nth-child(10),

#progress > div > label:nth-child(8) {
  font-size: 11px;;
}



.preview_summary_amount {
  position: absolute;
  top: 0px;
  font-size: 20px;
  width: auto;
  /* text-align: center; */
  font-weight: 600;
  color: #3C3C3C;
  /* background-color: #03BEAC; */
  display: block;
  /* width: 230px; */
  margin: 0;
  padding: 0;
  float: right;
  right: 10px;
}
div.header .title {
  font-size: 22px;
  float: left;
  margin-left: 0px;
}
  #progress .radio-txt label {
    width: 29%;

  }

  div.configurator {
    /* width: auto; */
    width: calc(100% - 40px);
    /* width: 400px; */
    display: block;
    /* display: table-cell; */
    /* height: calc(100vh - 200px); */
    /* max-height: calc(100vh - 240px); */
    float: left;
    margin-top: 0px;
    padding: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    /* overflow-y: scroll; */
    /* max-height: 540px; */
    /* overflow-x: hidden; */
    position: relative;
    top: 0px;
    /* overflow-y: auto; */
    /* background-color: #a6a6a6; */
}
.slick-slide {
  width: 210px !important;
/*   
  float: left;
  height: 230px;
  min-height: 1px; */
}
div.progress_bar {
  /* border: 1px solid red; */
  display: block;
  width: 100%;
  float: left;
  top: 0px;
  position: relative;

}

div.header {

}

div.preview {

  top:0px;
}


div.preview {
  position: relative;
  top:0px;
}


#progress {
  margin-bottom: 0px;
}

table.summary {
  /* width: 100%; */
  width: 100%;
  /* border-collapse: collapse; */
  }

  .summary-popup .modal_1 {
    width: 80px;
    right: 25px;
    position: absolute;
  }









}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  
}