  
  
  .step input.btnRestart{
    display:none;
  }
  
  .step .inputGroupWithRstBtt input.btnRestart{
    display:inline-block;
    cursor:pointer;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
  
  }
  
  .section.configurator .button-group{
    display:none!important;
  }
  
  .dane-hali,
  .typ-dachu-hide,
  .typ-poszycia-hide,
  .other-types-hide{
    position: fixed;
    z-index:-1;
    opacity:0;
    visibility: hidden;
   }
  
   .section.configurator .leftStepBox .box{
    margin-bottom:25px;
  }
  
  .configurator .step{
    transition:transform 1s ease;
    -webkit-transition:transform 1s ease;
    -moz-transition:transform 1s ease;
    -o-transition:transform 1s ease;
  }
  
  /*
  .configurator .step.flyUp{
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
  }
  
  .configurator .step.flyUpFromHidden{
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
  }
  */
  
  .section.configurator .rightStepBox .box{
    height:100%;
  }
  
  .section.configurator .box{
    overflow: hidden;
   }
  
  .section.configurator .box .boxContainer {
    padding:0 50px;
      -moz-transition: -moz-transform 0.6s cubic-bezier(.47,0,.74,.71);
      -o-transition: -o-transform 0.6s cubic-bezier(.47,0,.74,.71);
      -webkit-transition: -webkit-transform 0.6s cubic-bezier(.47,0,.74,.71);
      transition: transform 0.6s cubic-bezier(.47,0,.74,.71);
      transform:translateY(0);
      -webkit-transform:translateY(0);
  }
  
  .section.configurator .box .boxContainer .step{
    padding-top:60px;
    padding-bottom:20px;
  }
  
  
  .columnLeftLabel{
    margin-bottom:8px;
    float:left;
    width:100%;
  }
  
  .contactForm .inputContainer input,
  .configurator .step4 input{
     width: 100%;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
     font-style: normal;
     font-size: 15px;
     padding: 4px 20px 0 20px;
     height: 46px;
   }
  
  .contactForm .inputContainer textarea,
  .configurator .step4 textarea{
     width: 100%;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
     font-style: normal;
    font-size: 15px;
     padding: 15px 20px;
     height: 200px;
     resize: none;
   }
    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;
  }
  
  .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: center;
  }
  
  .listRodzajeHali .eachRodzajHali{
    margin-bottom:30px;
    padding-left:8px;
    padding-right:8px;
  }
  
  .listRodzajeHali .eachRodzajHali .eachRodzajHaliInside{
    border:1px solid #0d283f;
    float:left;
    width:100%;
    height:125px;
    padding:15px 0;
    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:#0d283f;
      display: flex;
      flex-flow: column nowrap;
  }
  
  .listRodzajeHali .eachRodzajHali.active .eachRodzajHaliInside,
  .listRodzajeHali .eachRodzajHali .eachRodzajHaliInside:hover{
    color:#fff;
    background-color:#0d283f;
  }
  
  
  
  .eachRodzajHali .eachRodzajHaliInside span.img{
    display: block;
    margin:auto;
  }
  /*
  .eachRodzajHali[data-rodzaj-hali="1"] .eachRodzajHaliInside span.img{
    width:44px;
    height:40px;
    background:url('/resources/themes/pe/images/configurator/ico-przemyslowe-h.png');
    display: block;
    margin:auto;
    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;
  }
  
  .eachRodzajHali[data-rodzaj-hali="1"] .eachRodzajHaliInside:hover span.img,
  .listRodzajeHali .eachRodzajHali.active[data-rodzaj-hali="1"] .eachRodzajHaliInside span.img{
    background:url('/resources/themes/pe/images/configurator/ico-przemyslowe-hov.png');
    background-size:100% 100%;
  }
  
  .eachRodzajHali[data-rodzaj-hali="2"] .eachRodzajHaliInside:hover span.img,
  .listRodzajeHali .eachRodzajHali.active[data-rodzaj-hali="2"] .eachRodzajHaliInside span.img{
    background:url('/resources/themes/pe/images/configurator/ico-magazynowe-hov.png');
    background-size:100% 100%;
  }
  
  .eachRodzajHali[data-rodzaj-hali="3"] .eachRodzajHaliInside:hover span.img,
  .listRodzajeHali .eachRodzajHali.active[data-rodzaj-hali="3"] .eachRodzajHaliInside span.img{
    background:url('/resources/themes/pe/images/configurator/ico-imprezowe-hov.png');
    background-size:100% 100%;
  }
  
  .eachRodzajHali[data-rodzaj-hali="4"] .eachRodzajHaliInside:hover span.img,
  .listRodzajeHali .eachRodzajHali.active[data-rodzaj-hali="4"] .eachRodzajHaliInside span.img{
    background:url('/resources/themes/pe/images/configurator/ico-sportowe-hov.png');
    background-size:100% 100%;
  }
  
  .eachRodzajHali[data-rodzaj-hali="5"] .eachRodzajHaliInside:hover span.img,
  .listRodzajeHali .eachRodzajHali.active[data-rodzaj-hali="5"] .eachRodzajHaliInside span.img{
    background:url('/resources/themes/pe/images/configurator/ico-nie-wiem-hov.png');
    background-size:100% 100%;
  }
  
  .eachRodzajHali[data-rodzaj-hali="2"] .eachRodzajHaliInside span.img{
    width:50px;
    height:44px;
    background:url('/resources/themes/pe/images/configurator/ico-magazynowe-h.png');
    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/configurator/ico-imprezowe-h.png');
    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/configurator/ico-sportowe-h.png');
    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/configurator/ico-nie-wiem-h.png');
    display: block;
    margin:auto;
    background-size:100% 100%;
  }
  
  */
  
  .listRodzajeHali .eachRodzajHali img{
    display:block;
    margin:auto;
    margin-bottom:15px;
  }
  
  .listRodzajeHali .eachRodzajHali span.title{
    display:block;
    float:left;
    width:100%;
    font-size: 12px;
    font-weight:600;
    text-transform: uppercase;
    margin-top:auto;
    text-align:center;
  }
  
  /*
  .listaStepowKonfigurator .eachCircleChangeStep{
      font-size:16px;
      color:rgb(104, 108, 112);
      width:36px;
      height:36px;
      margin-bottom:20px;
      text-align:center;
      line-height:36px;
      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:28px;
  }
  
  .section.configurator .box .boxContainer{
    padding-left:30px;
    padding-right:30px;
  }
  
    @media (max-width:1500px){
      .section.configurator .box .boxContainer{
        padding-left:20px;
        padding-right:20px;
      }
  
      .listaStepowKonfigurator{
        right:15px;
      }
  
      .leftStepBox{
        padding-left:30px;
      }
  
      .stepRow{
        margin-left:0;
        margin-right:0;
      }
  
    }
  
    @media (max-width:1199px){
      .listRodzajeHali .eachRodzajHali .eachRodzajHaliInside{
        height:115px;
      }
  
      .listRodzajeHali .eachRodzajHali span.title{
        font-size:13px;
      }
    }
  
    @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;
      }    
    }