input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
    height: 4px;
    background-color: rgb(237, 237, 237);
  }

  input[type='range']::-webkit-slider-thumb{
    -webkit-appearance: none;
    cursor: pointer!important;
    width: 36px!important;
    height: 36px!important;
      background:url('/resources/themes/pe/images/configurator/dot.png')!important;
      box-shadow: 0 10px 25px -5px rgba(0, 0, 0, .15)!important;
      -webkit-box-shadow: 0 10px 25px -5px rgba(0, 0, 0, .15)!important;
      -moz-box-shadow: 0 10px 25px -5px rgba(0, 0, 0, .15)!important;
      border-radius:50%!important;
      -webkit-border-radius:50%!important;
      -moz-border-radius:50%!important;
  }

   input[type='range']::-moz-range-thumb{
    cursor: pointer!important;
    width: 36px!important;
    height: 36px!important;
      background:url('/resources/themes/pe/images/configurator/dot.png')!important;
      box-shadow: 0 10px 25px -5px rgba(0, 0, 0, .15)!important;
      -webkit-box-shadow: 0 10px 25px -5px rgba(0, 0, 0, .15)!important;
      -moz-box-shadow: 0 10px 25px -5px rgba(0, 0, 0, .15)!important;
      border-radius:50%!important;
      -webkit-border-radius:50%!important;
      -moz-border-radius:50%!important;
      border:0!important;
   }

.step1 .col-lg-7{
    padding-right:0;
    padding-left:0;
}

.step1 .col-lg-5{
    padding-left:0;
}


.section.configurator .headline{
    padding-left:0;
}

.step{
  

}

.step.step1{
  display:block;
}

.step1{
    padding-left:15px;
    padding-right:15px;
    background-color:#f7f7f7;
}

.boxContainer .step1{
  padding-left:0;
  padding-right:0;
}


.step1 .leftStepBox .headline{
    background-color:#fff;
    padding-bottom:15px;
}

.rightStepBox{
  padding-right:15px;
}

.rightStepBox .box{
    background-color:#f7f7f7;
}

.righStepBox .box{
      padding: 0;
    overflow: scroll;
    position: relative;
    z-index: 553;
}

.rightStepBox .box .boxContainer{

}

.eachCircleChangeStep.disabled{
  pointer-events: none;
}

.step1 .stepRow{
    /*
    margin-left:0;
    margin-right:0;
    */
}

input[type='range'][name="rotate"]::-webkit-slider-thumb{
  -webkit-appearance: none;
    background:url('/resources/themes/pe/images/configurator/roll.png')!important;
    width: 36px;
    height: 36px;
}

input[type='range'][name="rotate"]::-moz-range-thumb{
    background:url('/resources/themes/pe/images/configurator/roll.png')!important;
    width: 36px;
    height: 36px;
    border:0;
      border-radius:50%!important;
    -webkit-border-radius:50%!important;
    -moz-border-radius:50%!important;
}

input[type='range'][name="zoom"]::-webkit-slider-thumb{
    -webkit-appearance: none;
    background:url('/resources/themes/pe/images/configurator/resize.png')!important;
    width: 36px;
    height: 36px;
}

input[type='range'][name="zoom"]::-moz-range-thumb{
    background:url('/resources/themes/pe/images/configurator/resize.png')!important;
    width: 36px;
    height: 36px;
    border:0;
    border-radius:50%!important;
    -webkit-border-radius:50%!important;
    -moz-border-radius:50%!important;
}

  input[type=range]::-moz-range-track {
    border-radius: 0;
    height: 4px;
    background-color: rgb(237, 237, 237);
  }
  input[type=range]::-moz-range-thumb {
    background-color: rgb(237, 237, 237);
    width: 20px;
    height: 20px;
    border-radius: 10px;
    cursor: pointer;
  }

  input[type="range"]::-ms-fill-lower,
  input[type="range"]::-ms-fill-upper {
    background-color: rgb(237, 237, 237);
  }
  input[type="range"]::-ms-track {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    height: 4px;
    background-color: rgb(237, 237, 237);
  }
  input[type="range"]::-ms-thumb {
    background-color: rgb(237, 237, 237);
    width: 16px;
    height: 16px;
    border-radius: 10px;
    cursor: pointer;
  }

.step1 .controlKonfiguratorBox{
    background-color:#fff;
    padding-top:25px;
}

.controlKonfiguratorBox{
  padding-bottom:30px;
}

.section.configurator.h{
  height:0;
  padding:0;
}

.section.configurator{
    position: relative;
}

.section.configurator .step{

}

.listRodzajeHali{
  margin-top:10px;
  display: flex;
  flex-wrap:wrap;
  justify-content: left!important;
}

.listRodzajeHali .eachRodzajHali{
  margin-bottom:6px!important;
  padding-left:3px!important;
  padding-right:3px!important;
}

.listRodzajeHali .eachRodzajHali .eachRodzajHaliInside{
  border:1px solid #e0e0e0!important;
  float:left;
  width:100%;
  height:initial!important;
  text-align:left;
  padding:18px 13px!important;
  cursor:pointer;
  transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  background-color:#f7f7f7;
  -o-transition:all 0.3s ease;
    color:#787878!important;
    display: block!important;
}

.listRodzajeHali .eachRodzajHali.active .eachRodzajHaliInside,
.listRodzajeHali .eachRodzajHali .eachRodzajHaliInside:hover{
  color:#fff;
  background-color:#0d283f;
  background-color:#f7f7f7!important;
}

.step .button.steps a span{
  position: relative;
  top:6px;
}

.rightStepBox .button.steps{
  padding-bottom: 40px!important;
  display: flex;
}

.rightStepBox{
  background-color:#f7f7f7;
}

.hiddenEl,
.section.configurator .button-group{
  position: fixed;
  opacity:0;
  z-index:-1;
}

.section.configurator .button-group{
  display:block!important;
}

.section.configurator .rightStepBox .box{
  /*min-height:100%;*/
}

.section.configurator .headline h3{
  font-weight:600;
}


.step .form-group .columnLeftLabel{
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #787878;
    text-transform: uppercase;
  }

.section.configurator .table .tableRow .columnLeft{
  font-size:14px;
  font-weight:600;
}

.step .button.steps a{
    padding: 6px 26px;
    height: initial;
}

.eachRodzajHali .eachRodzajHaliInside span.img{
  display: block;
  margin:auto;
}

.eachRodzajHali .eachRodzajHaliInside span.img{
  display: inline-block!important;
  margin:initial!important;
  margin-right:20px!important;
  vertical-align: middle;
}

.eachRodzajHali[data-rodzaj-hali="1"] .eachRodzajHaliInside span.img{
  width:24px!important;
  height:25px!important;
  background:url('/resources/themes/pe/images/configurator/ico-przemyslowe-h.png');
  background-size:100% 100%;
  transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.listRodzajeHali .eachRodzajHali.active .eachRodzajHaliInside:hover,
.listRodzajeHali .eachRodzajHali.active .eachRodzajHaliInside{
  border:1px solid #005db3!important;
  color:#005db3!important;
}


.listRodzajeHali .eachRodzajHali.active[data-rodzaj-hali="1"] .eachRodzajHaliInside span.img{
  background:url('/resources/themes/pe/images/configurator/ico-przemyslowe-h.png')!important;
  background-size:100% 100%;
}


.listRodzajeHali .eachRodzajHali.active[data-rodzaj-hali="2"] .eachRodzajHaliInside span.img{
  background:url('/resources/themes/pe/images/halltypes/warehouse.png');
  background:url('/resources/themes/pe/images/halltypes/warehouse.png')!important;
  background-size:100% 100%;
}


.listRodzajeHali .eachRodzajHali.active[data-rodzaj-hali="3"] .eachRodzajHaliInside span.img{
  background:url('/resources/themes/pe/images/halltypes/party.png');
  background:url('/resources/themes/pe/images/halltypes/party.png')!important;
  background-size:100% 100%;
}


.listRodzajeHali .eachRodzajHali.active[data-rodzaj-hali="4"] .eachRodzajHaliInside span.img{
  background:url('/resources/themes/pe/images/halltypes/sports.png');
  background:url('/resources/themes/pe/images/halltypes/sports.png')!important;
  background-size:100% 100%;
}


.listRodzajeHali .eachRodzajHali.active[data-rodzaj-hali="5"] .eachRodzajHaliInside span.img{
  background:url('/resources/themes/pe/images/halltypes/other.png');
  background:url('/resources/themes/pe/images/halltypes/other.png')!important;
  background-size:100% 100%;
}

.eachRodzajHali[data-rodzaj-hali="2"] .eachRodzajHaliInside span.img{
  width:50px;
  height:44px;
  background:url('/resources/themes/pe/images/halltypes/warehouse.png');
  background:url('/resources/themes/pe/images/halltypes/warehouse.png')!important;
  width:24px!important;
  height:25px!important;
  display: block;
  margin:auto;
  background-size:100% 100%;
}

.eachRodzajHali[data-rodzaj-hali="3"] .eachRodzajHaliInside span.img{
  width:31px;
  height:49px;
  background:url('/resources/themes/pe/images/halltypes/party.png');
  background:url('/resources/themes/pe/images/halltypes/party.png')!important;
  width:24px!important;
  height:28px!important;
  display: block;
  margin:auto;
  background-size:100% 100%;
}

.eachRodzajHali[data-rodzaj-hali="4"] .eachRodzajHaliInside span.img{
  width:46px;
  height:46px;
  background:url('/resources/themes/pe/images/halltypes/sports.png');
  background:url('/resources/themes/pe/images/halltypes/sports.png')!important;
  width:24px!important;
  height:24px!important;
  display: block;
  margin:auto;
  background-size:100% 100%;
}

.eachRodzajHali[data-rodzaj-hali="5"] .eachRodzajHaliInside span.img{
  width:46px;
  height:46px;
  background:url('/resources/themes/pe/images/halltypes/other.png');
  background:url('/resources/themes/pe/images/halltypes/other.png')!important;
  width:24px!important;
  height:24px!important;
  display: block;
  margin:auto;
  background-size:100% 100%;
}

.listRodzajeHali .eachRodzajHali img{
  display:block;
  margin:auto;
  margin-bottom:15px;
}

.listRodzajeHali .eachRodzajHali span.title{
  display:inline-block!important;
  float:none!important;
  width:initial!important;
  font-size:14px;
  font-weight:600;
  text-transform: uppercase;
  text-align:center;
}

.listaStepowKonfigurator{
    position: absolute;
    z-index: 998;
    left: calc((100% - 160px) / 2);
    top:70px;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    width: 170px
}

.listaStepowKonfigurator .eachCircleChangeStep{
    font-size:14px;
    color:rgb(104, 108, 112);
    width:35px;
    height:35px;
    margin-bottom:35px;
    display: inline-block;
    text-align:center;
    line-height:35px;
    border:1px solid transparent;
    cursor:pointer;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    transition:0.3s ease;
    -webkit-transition:0.3s ease;
    -moz-transition:0.3s ease;
    -o-transition:0.3s ease;
}

.listaStepowKonfigurator .eachCircleChangeStep.active,
.listaStepowKonfigurator .eachCircleChangeStep:hover{
    font-weight:bold;
    border-color:rgb(229, 229, 229);
}

.form-control{
  font-family: 'Open Sans', sans-serif;
  background-color:transparent;
  border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
}

.allSteps{
  position: relative;
  padding-right:60px;
    overflow:hidden;
}

.configurator .step{

}

.section.configurator .step1 .leftStepBox .headline h2{
    margin-bottom:0;
}

.section.configurator .step1 .leftStepBox .box.etap2{
    background-color:rgb(252, 252, 252);
}

/*
.section.configurator .wrapper{
    margin-right:auto;
    width:1700px;
    max-width:95%;
    margin-left:initial;
}
*/

.section.configurator .rightStepBox .headline{
  padding-left:0;
}

.mt-20{
  margin-top:20px;
}

.validation-error{
    text-transform: uppercase;
    color: red;
    font-size: 11px;
    margin-top: 5px;
    font-weight: 400;
}

.step4 input,
.step4 textarea{
  background-color:#fff;
  font-weight:300;
}

.step4 input{
  height:45px;
}

.step4 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #aaa!important;
}
.step4 ::-moz-placeholder { /* Firefox 19+ */
  color: #aaa!important;
}
.step4 :-ms-input-placeholder { /* IE 10+ */
  color: #aaa!important;
}
.step4 :-moz-placeholder { /* Firefox 18- */
  color: #aaa!important;
}

textarea#inputUwagi{
  min-height:100px;
  max-height:150px;
}

.leftStepBox.started{
  opacity:0;
  pointer-events: none;
}

.step .headline h1{
  font-size:32px
}

.section.configurator .box .boxContainer{
  padding-left:15px!important;
  padding-right:15px!important;
}

.step4 .button.steps a span svg{
  top:0!important;
}

.selectpicker {
  font-size:14px;
  padding:7px 6px;
}

.listaStepowKonfiguratorMobile{
  display:none;
}



.section .top:hover .photo,
.hallsSlide:hover .photo,
.TextLayerOnPhotoSection div.photo,
.GallerySection div.photo,
.TextAndPhotoSection div.photo,
.caseStudies .photo,
.thumb div
{
    transform: scale(1)!important;
    -ms-transform: scale(1)!important;
    -moz-transform: scale(1)!important;
    -webkit-transform: scale(1)!important;
}

[type="checkbox"]:not(:checked) + span,
[type="checkbox"]:checked + span {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
  font-size:17px;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + span:before,
[type="checkbox"]:checked + span:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  border: 1px solid rgba(0,0,0,0.15);
  background: transparent;
  border-radius: 0;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + span:after,
[type="checkbox"]:checked + span:after {
  content: '✔';
  position: absolute;
    top: 4px;
    left: 5px;
    font-size: 1em;
  line-height: 0.8;
  color: #004d94;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + span:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + span:before,
[type="checkbox"]:disabled:checked + span:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + span:after {
  color: #999;
}
[type="checkbox"]:disabled + span {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked + span:before,
[type="checkbox"]:checked:focus + span:before{
  border: 1px solid #004d94;
}


      .listRodzajeHali{
        margin-left:-3px!important;
        margin-right:-3px!important;
      }

  @media (max-width:1500px){

    .eachRodzajHali .eachRodzajHaliInside span.img{
      margin-right: 20px!important;
    }

    .listRodzajeHali .eachRodzajHali .eachRodzajHaliInside{
      padding-left:8px!important;
      padding-right:8px!important;
    }

    .listRodzajeHali .eachRodzajHali span.title{
      font-size:13px;
    }

    .selectpicker {
      font-size:14px;
      padding:6px 6px;
    }

      .allSteps{
        padding-right:15px!important;
      }



    .section.configurator .box .boxContainer{
      padding-left:0!important;
      padding-right:0!important;
    }

    .listaStepowKonfigurator{
      right:15px;
    }

    .leftStepBox{
      padding-left:30px;
    }

    .stepRow{
      margin-left:0;
      margin-right:0;
    }

  }

  @media (min-width:1280px) and (max-width: 1440px){
    .rightStepBox {
      max-width: 33%
    }
    .leftStepBox{
        max-width: 66%; 
    }

  }
  @media (max-width:1279px){

    .listRodzajeHali .eachRodzajHali .eachRodzajHaliInside{
      height:initial!important;
    }

    .listRodzajeHali .eachRodzajHali span.title{
      font-size:13px;
    }

    .rightStepBox,
    .leftStepBox{
          -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

  }

  @media (max-width:1299px){

    .rightStepBox{
      padding-right:15px;
    }

  }

  @media (max-width:1199px){

    .leftStepBox,
    .allSteps{
      padding-left:0!important;
      padding-right:0!important;
    }

    .listaStepowKonfiguratorMobile{
      display: block;
      width:100%;
      margin-bottom:20px;
    }


  }

  @media (max-width:991px){
    .rightStepBox{
      padding-right:15px;
    }

    .section.configurator .step1 .box{
      margin-top:30px;
    }

    .section.configurator .box .boxContainer{
      padding-left:15px;
      padding-right:15px;
    }    
  }

  @media (max-width:767px){

    .listRodzajeHali .eachRodzajHali{
      width:50%;
    }
    .listaStepowKonfigurator {
      width: 100%; 
      left: 0px ;
      text-align: center;
    }
    .rightStepBox .step {
      padding-top: 0px !important
    }
  }

  @media (max-width:575px){
    .controlKonfiguratorBox .col-sm-5{
      width:50%;
    }
  }