.pshowwizzard h1,
.pshowwizzard h2 {
    color: #535151;
    font-size: 36px;
    font-weight: 700;
    width: 100%;
    float: left;
}

.pshowwizzard .pshowwizzardBox {
    border: 1px solid #E4E4E4;
    background: #F5F5F5;
    background-image: url('/modules/pshowwizzard/views/img/backgroundwizzard.svg');
    background-size: cover;
    position: relative;
    float: left;
}

.pshowwizzard .pshowwizzard-header {
    width: 100%;
    height: 74px;
    padding: 0px 10px;
    background: #212121;
    text-align: center;
    margin: 20px 0;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.pshowwizzard .pshowwizzard-header .title {
    width: auto;
    display: inline-block;
    line-height: 74px;
}

.pshowwizzard .iconWizzard {
    width: 50px !important;
    height: 40px !important;
    background-repeat: no-repeat;
    margin-right: 5px;
    float: left;
    margin-top: 23px;
    zoom: 0.8;
}

.pshowwizzardCategory_10 .iconWizzard {

    background-image: url(/modules/pshowwizzard/views/img/2d736d07adeef19b4d934cd7364e9dbb.svg) !important;
}

.pshowwizzardCategory_11 .iconWizzard {
    background-image: url(/modules/pshowwizzard/views/img/b5a75a8e7f6421012b37f43b15ece140.svg) !important;
}

.pshowwizzardCategory_504 .iconWizzard {
    background-image: url(/modules/pshowwizzard/views/img/2e13383d31d6c2084091c1e50e053e42.svg) !important;
}

.pshowwizzard .pshowwizzard-body .fs-wrap {
    width: 320px;
    margin: 0 30px;
    cursor: pointer;
}

.pshowwizzard .pshowwizzard-body .fs-label-wrap {
    background: #EAEAEA;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.pshowwizzard .pshowwizzard-body .fs-label {
    color: #535151;
    font-size: 20px;
    font-weight: 600;
    padding: 20px 49px 20px 28px;
    width: auto;

}

.pshowwizzard .pshowwizzard-body .fs-arrow {
    width: 24px;
    height: 24px;
    border: none;
    opacity: 0.5;
    right: 30px;
    background-image: url(/modules/pshowwizzard/views/img/arrow.svg) !important;
}

.pshowWizzardBrandBox,
.pshowWizzardModelBox {
    width: 50%;
    float: left;


}

.pshowwizzard .pshowwizzard-body .fs-label span {
    width: 35px;
    border-radius: 30px;
    float: left;
    height: 35px;
    font-size: 24px;
    padding: 4px 11px;
    margin-top: -7px;
    margin-bottom: -9px;
    margin-right: 10px;
    margin-left: -10px;
    border: 2px solid #FFF;
    color: #fff;
    background: #012871;
}

.pshowwizzard .pshowwizzard-body .countProductsOption_0 {
    opacity: 0.5;
}

.pshowwizzard .pshowwizzard-body .pshowWizzardModelBox .fs-label span {
    padding: 4px 10px;
}

.pshowwizzard .pshowwizzard-footer {
    margin-top: 80px;
    margin-bottom: 50px;
    text-align: center;
    float: left;
    width: 100%;
}

.pshowwizzard .showProductsFromWizzard {
    border-radius: 3px !important;
    background: #012871;
    box-shadow: 0px 68px 19px 0px rgba(0, 0, 0, 0.00), 0px 43px 17px 0px rgba(0, 0, 0, 0.01), 0px 24px 15px 0px rgba(0, 0, 0, 0.05), 0px 11px 11px 0px rgba(0, 0, 0, 0.09), 0px 3px 6px 0px rgba(0, 0, 0, 0.10);
    font-size: 20px;
    width: 300px;
    padding: 10px;
    text-align: center;
    font-weight: 600;
}

.pshowwizzard .showProductsFromWizzard i {
    font-size: 28px;
    margin-top: -4px;
    margin-left: 20px;
    margin-right: -20px;
}

.pshowwizzard .fs-search {
    height: 50px;
    margin: 20px;
    border-radius: 2px;
    border: 1px solid #C8C8C8;
    background: #FFF;
}

.pshowwizzard .fs-search i {
    position: absolute;
    right: 36px;
    font-size: 35px;
    top: 29px;
}

.pshowwizzard .fs-search input {
    border: none !important;
    box-shadow: none !important;
    outline: none;
    padding: 14px 46px 13px 5px;
    width: 100%;
}

.pshowwizzard .fs-dropdown {
    position: absolute;
    background-color: #fff;
    width: 340px;
    margin-top: -46px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    z-index: 1;
    box-shadow: 207px -20px 40px 0px rgba(0, 0, 0, 0.00), 133px -13px 30px 0px rgba(0, 0, 0, 0.00), 75px -7px 15px 0px rgba(0, 0, 0, 0.02), 33px -3px 15px 0px rgba(0, 0, 0, 0.03), 8px 20px 10px 0px rgba(0, 0, 0, 0.03);
}

.pshowwizzard .fs-wrap.multiple .fs-option {
    float: left;
    width: 100%;
    border: none;
    padding: 10px 0px;
}

.pshowwizzard .fs-wrap.multiple .fs-option .fs-checkbox {
    width: 24px;
    height: 24px;
    border: 1px solid #1D4591;
    border-radius: 2px;
    margin: 0 20px;
    position: relative;
    float: left;
}

.pshowwizzard .fs-wrap.multiple .fs-option .fs-checkbox i {
    border: none;
    width: 18px;
    height: 18px;
}

.pshowwizzard .fs-wrap.multiple .fs-option.selected .fs-checkbox i {

    background-color: #1D4591;
    background-image: url(/modules/pshowwizzard/views/img/checked.svg);
}

.pshowwizzard .fs-wrap.multiple .fs-option .fs-option-label,
.pshowwizzard .fs-wrap.multiple .fs-option .countProducts {
    float: left;
    width: auto;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}

.pshowwizzard .fs-wrap.multiple .fs-option .countProducts {
    float: right;
    color: #1D4591;
    font-weight: 500;
    margin-right: 20px;
}

.pshowwizzard .fs-wrap.multiple .fs-options {
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.07);
    /*border-radius: 15px;
background: linear-gradient(0deg, #EDE9E9 0%, #EDE9E9 100%), #D9D4D4;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;*/
}

.pshowwizzard .fs-wrap.multiple .buttonWizzard .acceptWizzard {
    border-radius: 3px;
    background: #012871;
    box-shadow: 0px 68px 19px 0px rgba(0, 0, 0, 0.00), 0px 43px 17px 0px rgba(0, 0, 0, 0.01), 0px 24px 15px 0px rgba(0, 0, 0, 0.05), 0px 11px 11px 0px rgba(0, 0, 0, 0.09), 0px 3px 6px 0px rgba(0, 0, 0, 0.10);
    width: 278px;
    margin: 20px 30px;
    color: #fff;
}

.pshowwizzard .fs-wrap.multiple .buttonWizzard .cancelWizzard {
    border-radius: 3px;
    border: 1px solid #E8E4E4;
    background: #ECE8E8;
    width: 278px;
    margin: 0 30px 20px 30px;
    color: #535151;
}

.pshowwizzard .fs-wrap.multiple .fs-no-results {
    display: none;
}

.pshowwizzard .pshowwizzardBrandAlphabet,
.pshowwizzard .pshowwizzardRandomProducts {
    width: 100%;
    float: left;
    margin-top: 90px;
}

.pshowwizzardBrandAlphabet .letter {
    color: #012871;
    font-size: 48px;
    font-weight: 700;
    float: left;
    text-transform: uppercase;
    width: 100%;
    margin: 20px 0;
}

.pshowwizzardBrandAlphabet ul {
    width: 100%;
    list-style: none;
}

.pshowwizzardBrandAlphabet ul li a {
    color: #1D4591;
    margin: 5px 0;
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
}

.pshowwizzardBrandAlphabet ul li a:hover {
    color: #FBBA00
}

.pshowwizzardBrandAlphabet h2 {
    margin-bottom: 50px;
}

.pshowwizzardRandomProducts h2 {
    position: relative;
    color: #212121;
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    font-weight: 700;
    border-bottom: 1px solid #000;
}

.pshowwizzardRandomProducts h2::before {
    content: '';
    width: 500px;
    position: absolute;
    bottom: 0px;
    border-bottom: 6px solid #000;
}

.pshowwizzardBox .fs-label {
    opacity: 0.5;
}

.pshowwizzardBox .acceptWizzard .fs-arrow,
.pshowwizzardBox .activeWizzard .fs-label {
    opacity: 1;
}

.showProductsFromWizzard[disabled=disabled] {
    opacity: 0.5;
}

@media (min-width:792px) {
    .pshowwizzard .pshowwizzardBox {
        width: 792px;
        margin-left: calc(50% - 396px);
    }
    .pshowwizzard .pshowwizzard-footer{
        margin-top: 50px;
        margin-bottom: 20px;
    }
    .pshowwizzard .pshowwizzardBrandAlphabet, .pshowwizzard .pshowwizzardRandomProducts{
        margin-top: 30px;
    }
    .pshowwizzardBrandAlphabet h2{
        margin-bottom: 15px;
    }
    .pshowwizzard .pshowwizzard-header .title{
        line-height: 60px;
    }
    .pshowwizzard .pshowwizzard-header{
        height: 60px;
    }
    .pshowwizzard .iconWizzard{
        margin-top: 15px;
    }
}

@media (max-width:767px) {

    .pshowwizzard h1,
    .pshowwizzard h2 {
        font-size: 20px;
    }

    .category-id-10 #wrapper .container,
    .category-id-11 #wrapper .container,
    .category-id-504 #wrapper .container {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .pshowwizzardBox {
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% - -30px);
    }

    .pshowWizzardBrandBox,
    .pshowWizzardModelBox {
        width: 100%;
        padding: 0 15px;
    }

    .pshowwizzard .pshowwizzard-body .fs-wrap {
        width: calc(100% - 30px);
        float: left;
        margin: 15px;
    }

    .pshowwizzardRandomProducts h2::before {
        width: 10px;

    }

    .pshowwizzard .fs-dropdown {
        width: 100%;
        left: 0;
        top: 94px;
        margin-top: 0;
    }

    .pshowwizzard .pshowWizzardModelBox .fs-dropdown {
        top: -113px;
    }

    .pshowwizzard .pshowwizzardBox {
        background-image: url('/modules/pshowwizzard/views/img/backgoundwizzardmobile.svg');
    }

    .pshowwizzard .pshowwizzard-footer {
        margin-top: 40px;
    }

    .buttonWizzard {
        text-align: center;
    }

    .pshowwizzard .fs-wrap.multiple .buttonWizzard button {
        margin: 20px auto;
    }

    .pshowwizzard .pshowwizzardBrandAlphabet .col-xs-6 {
        width: 50%;
    }

    .pshowwizzard .pshowwizzardRandomProducts {
        margin-top: 15px;
    }

    .pshowwizzardRandomProducts h2 {
        height: 50px;
        line-height: 20px;
    }

    .pshowwizzardRandomProducts h2::before {
        display: none;
    }

    .pshowwizzard .pshowwizzardBrandAlphabet {
        margin-top: 50px;
    }

    .pshowwizzardBrandAlphabet h2 {
        margin-bottom: 30px;
        margin-left: -15px;
    }
}