.container {
	width: 100%;
}

.konfigurator {
    margin-top: 30px;
	min-height: 440px;
}

.btn-konfigurator {
    display: flex;
    height: 2.625rem
}

.konf-center-wh {
    display: flex;
    justify-content: center;
    align-items: center
}

.btn-konfigurator input {
    line-height: 32px
}

#s1 {
    display: flex;
    flex-wrap: wrap
}

#s1moto {
    display: flex;
    justify-content: center;
    align-items: center
}

.konfigurator h1 {
    color: #b31e26;
    font-family: Montserrat;
    font-size: 2rem
}

.konfigurator #motofoto {
    text-align: center
}

.konfigurator #motofoto #motofoto_img {
    margin: auto;
    margin-top: 20px !important;
	max-width: 100%;
}


#module-konfigurator-step #s2 .configuration label
{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.konfigurator #s2 .title_group {
    width: 100%;
    text-align: left
}

#s2 .conf-title {
	font-family: 'Montserrat';
    text-align: center;
    font-size: 1.2rem;
	font-weight: 800;
	padding: 15px 0px;
}

#s2 .w_przygotowaniu {
	padding: 5px 0;
	display: flex;
	justify-content: center;
}

#s2 .nieaktywny {
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  opacity: 0.5;
}

#s2 .title_konf_sp {
    color: #b31e26;
	font-family: 'Montserrat';
    text-align: center;
    font-size: 2rem;
	font-weight: 800;
	line-height: 2.5rem;
}

#s2 .sub_title_konf_sp {
    margin-top: 1rem;
    text-align: center
}

#s2 td.text-right {
    text-align: right
}

#s2 .input-hidden {
    position: absolute;
    left: -9999px
}

#s2 .conf-name {
    font-family: 'Roboto Condensed';
    font-size: 16px;
    padding: 10px;
    min-height: 58px;
    display: flex;
    justify-content: center;
	align-items: center;
}

#s2 label {
    border: 2px solid #e2e2e2;
	margin-right: 20px;
	margin-top: 10px;
}

#s2 label:hover {
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
	border: 2px solid #b31e26;
	cursor: pointer;
}

#s2 label img {
    max-width: 100%;
	width: 250px;
}

#s2 input[type=radio]:checked+label {
    border: 2px solid #b31e26
}

#s3 #range table {
	width: 100%
}

#s3 #range .mySlid {
	position: absolute
}

#s3 #range #od {
	margin-right: 5px
}


#s3 #range #do {
	margin-left: 220px
}

#s3 .tableFiltr, #s4 .tableFiltr {
    border-collapse: collapse
}

#s3 .tableFiltr tr td, #s4 .tableFiltr tr td {
    border-bottom: solid 1px #f8f8f8;
    vertical-align: central;
    padding-left: 0.5rem
}

#s3 .filtr_left, #s4 .filtr_left {
    width: 20%;
    max-width: 20%;
    min-width: 20%;
    text-align: right
}

#s3 .title_konf_sp, #s4 .title_konf_sp, #s5 .title_konf_sp, #s6 .title_konf_sp {
    color: #b31e26;
	font-family: 'Montserrat';
    text-align: center;
    font-size: 2rem;
	font-weight: 800;
	line-height: 2.5rem;
min-height: 37.5px;
}

#s3 .title_konf_sp2, #s4 .title_konf_sp2, #s5 .title_konf_sp2, #s6 .title_konf_sp2 {
    color: #2fb5d2;
    text-align: center;
    font-size: 1.2rem
}

#s3 .sub_title_konf_sp, #s4 .sub_title_konf_sp, #s5 .sub_title_konf_sp, #s6 .sub_title_konf_sp {
    margin-top: 1rem;
    text-align: center
}

#s3 td.text-right, #s4 td.text-right, #s5 td.text-right {
    text-align: right
}

#s3 .products .input-hidden, #s4 .products .input-hidden, #s5 .products .input-hidden {
    position: absolute;
    left: -9999px
}

#s3 .products label, #s4 .products label, #s5 .products label, #s6 .products label {
    border: 2px solid #f1f1f1;
}

#s3 .products label:hover, #s4 .products label:hover, #s5 .products label:hover, #s6 .products label:hover {
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
	cursor: pointer
}

#s3 .products label img, #s4 .products label img, #s5 .products label img, #s6 .products label img {
    margin: auto auto 10px auto; order: 3;
}

#s3 .products input[type=radio]:checked+label, #s4 .products input[type=radio]:checked+label, #s5 .products input[type=radio]:checked+label, #s6 .products input[type=radio]:checked+label {
    border: 2px solid #b31e26																  
}

#s3 .products input, #s4 .products input, #s5 .products input, #s6 .products input {
	visibility: hidden
}

.te {
    position: relative;
    display: block;
    widows: 100%;
    text-align: center;
    margin: 1rem auto;
    font-weight: bold
}

#s3 .product-miniature-default .product-thumbnail img, #s4 .product-miniature-default .product-thumbnail img, #s5 .product-miniature-default .product-thumbnail img, #s6 .product-miniature-default .product-thumbnail img {
	margin: 10px auto; display: flex
}

#s3 .btn-product-list:hover, #s4 .btn-product-list:hover, #s5 .btn-product-list:hover, #s6 .btn-product-list:hover {
	background: #333; color: #fff
}

#s3 .products-grid .product-miniature, #s4 .products-grid .product-miniature, #s5 .products-grid .product-miniature, #s6 .products-grid .product-miniature {
	height: auto
}

#s3 .product-description .product-price-and-shipping, #s4 .product-description .product-price-and-shipping {
	margin: -2px 5px 0 0px
}

/*#s3 .product-description .product-price-and-shipping span, #s4 .product-description .product-price-and-shipping span, #s5 .product-description .product-price-and-shipping span, #s6 .product-description .product-price-and-shipping span {
	display: block; margin-bottom:2px
}*/

.availability-list, .sizes {
	font-family: 'Roboto Condensed'; padding-top: 2px;
}

#s3 .availability-list strong, #s4 .availability-list strong, #s5 .availability-list strong, #s6 .availability-list strong {
	margin-left: 3px;
}

#s3 .product-title, #s4 .product-title, #s5 .product-title, #s6 .product-title {
	display:block;width:100%; order: 1; min-height: 30px;
}

#s3 .product-title a, #s4 .product-title a, #s5 .product-title a, #s6 .product-title a {
	font-family: 'Roboto Condensed'; display:block;width:100%;margin-top:10px;text-transform:uppercase;color:#222;font-size:15px;line-height:20px;font-weight:500
}

#s3 .product-description, #s4 .product-description, #s5 .product-description, #s6 .product-description {
	display: flex; flex-direction: row; justify-content: space-between; order: 4; padding: 0;
}

#s3 .product-description .product-description-short, #s4 .product-description .product-description-short, #s5 .product-description .product-description-short, #s6 .product-description .product-description-short {
	display: none
}

#s3 .product-description .pricebox, #s4 .product-description .pricebox, #s5 .product-description .pricebox, #s6 .product-description .pricebox {
	margin:auto; order: 2; margin-right: 0; margin-left: 0; padding-left: 0;
}

#s3 .product-description .pricebox .regular-price, #s4 .product-description .pricebox .regular-price, #s5 .product-description .pricebox .regular-price, #s6 .product-description .pricebox .regular-price {
	position: absolute; top: -20px; right: 10px; background: #fff; padding: 4px
}

#s3 .product-description .basket, #s4 .product-description .basket, #s5 .product-description .basket, #s6 .product-description .basket {
	margin:auto; order: 1
}

#s3 .product-description .basket>div>form, #s3 .product-description .basket>div>span, #s4 .product-description .basket>div>form, #s4 .product-description .basket>div>span, #s5 .product-description .basket>div>form, #s5 .product-description .basket>div>span, #s6 .product-description .basket>div>form, #s6 .product-description .basket>div>span {
	margin: 2px;
}

#s3 .product-description .basket>div>span, #s4 .product-description .basket>div>span, #s5 .product-description .basket>div>span, #s6 .product-description .basket>div>span {
	display: flex; align-items: center
}


#s3 .product-additional-description, #s4 .product-additional-description, #s6 .product-additional-description {
	order: 2; font-family: 'Roboto Condensed'; font-size: 0.9rem; min-height: 44px; padding-top: 0; display: flex; justify-content: center; align-items: center
}

#s3 .js-product-miniature-wrapper, #s4 .js-product-miniature-wrapper, #s5 .js-product-miniature-wrapper, #s6 .js-product-miniature-wrapper {
	padding: 0px
}

#s3 .product-miniature, #s4 .product-miniature, #s5 .product-miniature, #s6 .product-miniature {
	padding: 0.57143rem
}

#s3 .product-miniature img, #s4 .product-miniature img, #s5 .product-miniature img, #s6 .product-miniature img {
	display: flex;
	margin: auto
}

#s5 .product-title, #s6 .product-title {
	min-height: 55.59px;
}

#s3 .availability-list, #s4 .availability-list, #s5 .availability-list {
	display: flex; justify-content: flex-end; flex-wrap: wrap;
}

#s5 .product-description .product-price-and-shipping {
	margin: -7px 0 0 5px;
	display: flex;
	flex-direction: column;
}

#s5 .conf-header, #s6 .conf-header {
	margin-top:1.5rem;
	margin-bottom: 10px;
	font-family: Montserrat;
	font-weight: 600;
	font-size: 20px;
	color: #00213c;
	line-height: 2rem;
}

#s5 .product-title a 
{
	font-size: 15px !important;
	min-height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#s6 td.text-right {
    text-align: right
}

#s6 .product-description .product-price-and-shipping {
	margin: 0 0 0 5px;
}

#m_s_6 .container, #m_s_6 .products-grid {display: flex; flex-wrap: wrap; justify-content: center}

/*infobar*/
 #konfInfoBar {
	-webkit-transition:-webkit-transform .5s ease;
       -moz-transition:   -moz-transform .5s ease;
        -ms-transition:    -ms-transform .5s ease;
            transition:        transform .5s ease;
    
	height:70px;
	
    -webkit-transform: translate(0, 100%);
       -moz-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
            transform: translate(0, 100%);
}

#konfInfoBarImage {
	padding-left: 20px;
}

#konfInfoBarDesc {
	font-size: 17px;
	max-width: 75%;
}

#konfInfoBarPrice {
	padding: 0 20px;
}

#konfInfoBarForward {
	padding-right: 20px;
}

@media only screen and (max-width: 767px) {
	#konfInfoBarImage {
		padding-left: 0;
	}
	#konfInfoBarDesc {
		font-size: 14px;
		max-width: 50%;
	}
	#konfInfoBarPrice {
	padding: 0 15px;
	}
	#konfInfoBarForward {
		padding-right: 5px;
	}
	
}
/*infobar-end*/

.loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 9999;
    text-align: center;
    opacity: 0.6
}

.loader img {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.btn, .btn-primary {
	line-height: 32px;
}


/*# sourceMappingURL=front.css.map */

.col-label {
flex-basis: calc(25% - 1rem);
padding: 0;
margin: 0.5rem;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-lg-5ths {
    width: 20%;
	max-width: 20%;
    float: left;
}

/**/

.form-radio
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #f1f1f1;
     color: #666;
     top: 10px;
     height: 30px;
     width: 30px;
     border: 0;
     border-radius: 50px;
     cursor: pointer;     
     margin-right: 7px;
     outline: none;
}
.form-radio:checked::before
{
     position: absolute;
     font: 13px/1 'Open Sans', sans-serif;
     left: 11px;
     top: 7px;
     content: '\02143';
     transform: rotate(40deg);
}
.form-radio:hover
{
     background-color: #f7f7f7;
}

.form-radio:checked
{
     background-color: #b31e26;
	 color: #fff;
	 opacity: 0.85;
}
label
{
     /*font: 15px/1.7 'Open Sans', sans-serif;
     color: #333;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;*/
     cursor: pointer;
} 

.form-checkbox
{
     border-radius: 3px;
}

/*material design input pocz*/
.switch-input {
  display: none;
}

.switch-label {
	display: none
}
/*material design input end*/

/**/

@media (max-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
	.col-label {
		flex-basis: calc(25% - 1rem);
		padding: 0;
		margin: 0.5rem;
	}
}

@media (max-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
	.col-label {
		flex-basis: calc(33% - 1rem);
		padding: 0;
		margin: 0.5rem;
	}
	.col-lg-5ths {
    width: 20%;
	max-width: 20%;
    float: left;
	}
	
	#module-konfigurator-step section.konfigurator {
	border: 0;
	padding-left: 0;
	padding-right: 0
	}
	
}

@media (max-width: 767px) {
		.col-label {
		flex-basis: calc(50% - 1rem);
		padding: 0;
		margin: 0.5rem;
	}
	.col-md-5ths {
    width: 33%;
	max-width: 33%;
    float: left;
	}	
	
	
}

@media (max-width: 576px) {
.col-sm-5ths {
    width: 50%;
	max-width: 50%;
    float: left;
	}
	.col-label {
		flex-basis: calc(100% - 1rem);
		padding: 0;
		margin: 0.5rem;
	}
	
	#module-konfigurator-step section.konfigurator {
	margin-top: 0
	}
	
	#module-konfigurator-step section.konfigurator>div.container {
	padding: 0
	}

	
}

@media (max-width: 360px) {
.col-xs-5ths {
    width: 100%;
	max-width: 100%;
    float: left;
	}

#s2 .conf-name {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center
}

#s2 .configuration>label>img {
	width: 50%;
	}
	
#s3 #range_label {
	padding-bottom: 5px;
}

#s3 #kolejnosc select {
	width: 100%;
}

#s3 #kolejnosc_label {
	padding-bottom: 5px;
}

#s3 .slider.slider-horizontal
{
	width: 200px;
}

#s3 #range #do {
	margin-left: 210px
}
	
#s3 .products-grid .product-miniature, #s4 .products-grid .product-miniature, #s5 .products-grid .product-miniature, #s6 .products-grid .product-miniature {
	flex-direction: row;
	flex-wrap: wrap;
	}
	
#s3 .product-title, #s4 .product-title, #s5 .product-title {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center
}

#s3 .products label img, #s4 .products label img, #s5 .products label img, #s6 .products label img {
	width: 50%;
	order: 2
}

#s3 .product-description, #s4 .product-description, #s5 .product-description, #s6 .product-description {
	height: auto;
}

#s3 .product-additional-description, #s4 .product-additional-description, #s6 .product-additional-description {
	width: 100%;
	min-height: 0;
	padding: 0 0 10px 0;
	font-size: 1.1em;
}

#s6 .product-title {
	width: 100%
}

/*test material design checkbox*/
    
.switch-input {
  display: none;
}

.switch-label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  font-weight: 500;
  margin: 16px;
  padding: 16px 0 16px 44px;
}
.switch-label:before, .switch-label:after {
  content: "";
  position: absolute;
  margin: 0;
  outline: 0;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.switch-label:before {
  left: 1px;
  width: 34px;
  height: 14px;
  background-color: #9E9E9E;
  border-radius: 8px;
}
.switch-label:after {
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #FAFAFA;
  border-radius: 50%;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
}
.switch-label .toggle--on {
  display: none;
}
.switch-label .toggle--off {
  display: inline-block;
}
.switch-input:checked + .switch-label:before {
  background-color: #A5D6A7;
}
.switch-input:checked + .switch-label:after {
  background-color: #4CAF50;
  -ms-transform: translate(80%, -50%);
  -webkit-transform: translate(80%, -50%);
  transform: translate(80%, -50%);
}
.switch-input:checked + .switch-label .toggle--on {
  display: inline-block;
}
.switch-input:checked + .switch-label .toggle--off {
  display: none;
}

input#pokaz_filtry[type=checkbox]{
    display: none;
}

input#pokaz_filtry[type=checkbox]:checked ~ .remove-check{
    display: none;
}
input#pokaz_filtry[type=checkbox]:checked ~ #filtr{
    display: flex;
}
#filtr{
    display: none;
}
	
/*koniec material design checkbox*/


}
	
}