.conf-block-wrap {
    display: flex;
}

#image_layers {
    width: auto;
    height: auto;
    min-width: auto;
    overflow: hidden;
    margin-top: 0;
}

.build_3d_parts .breadcrumbs {
    max-width: unset;
    width: calc(100% - 60px);
    margin:0px;
    position: absolute;
}

.build_3d_parts #image_layers .loader {
    --side: 40px;
    height: var(--side);
    width: var(--side);
    position: absolute;
    z-index: 1;
    left: calc(50% - var(--side) / 2);
    top: calc(50% - var(--side) / 2);
}
.build_3d_parts .Container {
    max-width: unset;
    width: calc(100% - 60px);
}
.build_3d_parts .main-content-wrapper {
    max-width: unset;
    width: calc(100% - 60px);
    padding-bottom: 0px;
}

.build_3d_parts .left_side {
    position: relative;
}
.build_3d_parts #image_layers,
.build_3d_parts .config_full_width #image_layers{
    justify-content: flex-start;
    position: relative;
    height: calc(100vh - 400px);
    /*display: block;   width: calc(100% - 60px - 460px - 20px - 40px);*/

    z-index: 2;
}
.build_3d_parts #image_layers.full-screen,
.build_3d_parts .config_full_width #image_layers.full-screen{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    position: fixed;
}
.build_3d_parts .full-screen .exit-full-screen {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    right: 0;
    --scale: scaleY(0.5);
}
.build_3d_parts .full-screen .exit-full-screen:after {
    --rotate: rotate(45deg);
}
.build_3d_parts .full-screen .exit-full-screen:before {
    --rotate: rotate(135deg);
}
.build_3d_parts .full-screen .exit-full-screen:after,
.build_3d_parts .full-screen .exit-full-screen:before {
    content: " ";
    border-bottom: 2px solid #929292;
    width: 100%;
    top: calc(50% - 1px);
    position: absolute;
    height: 0;
    transform: var(--rotate) var(--scale);
}
.build_3d_parts #step-sz .pop {
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;


    align-content: flex-start;


}
.build_3d_parts #step-sz .container_wrap {
    padding-bottom: 10px;
}
.build_3d_parts #step-sz .pop li{
    line-height: 3px;
}

.build_3d_parts #step-sz .pop.popWrap30 {

}


.build_3d_parts #step-sz .pop.popWrap36 {

}

.build_3d_parts .steps {
     margin-bottom: 0px;
}
.build_3d_parts #configurator {
    min-height: 134px;
    margin-bottom: 0px;
}

.build_3d_parts  .config_full_width #image_layers {
    height: calc(100vh - 480px);
    margin-top: -80px;
}
.build_3d_parts .config_full_width .left_side {
    height: calc(100vh - 400px);
}


.build_3d_parts  .main-content-wrapper.config-linked {
    margin-top: 116px;
}
.build_3d_parts  .config_full_width #right {
    margin-top: 25px;
}

.build_3d_parts #step-pm .divider {
    margin-left: 12px;
    background: white;
}

.build_3d_parts #step-pm h5.closed11111 {
    border-bottom: 1px solid #dadada;
    text-align: left;
    padding-bottom: 5px;
    position: absolute;
    margin-left: 10px;
    margin-bottom: 10px;
    color: #606060;
    font: bold 14px 'Raleway', sans-serif;
    text-transform: uppercase;
    margin-right: 10px;
    width: calc(100% - 579px);
    margin-left: 542px;
    height: 12px;
    margin-top: -35px;
    margin-bottom: 0px;
}

.build_3d_parts .dataty-522222 {
    margin-left: 30px;
}
.build_3d_parts #step-pm h5.two {
    width: 153px;
    margin-left: 346px;
}

.build_3d_parts .steps > ul {
    margin-bottom: 30px;
}

.build_3d_parts .stock_level {
    margin-bottom: 0px;
    margin-top: 5px;
}
.build_3d_parts footer .container {
    max-width: unset;
    width: calc(100% - 60px);
    padding-bottom: 0px;

}
.build_3d_parts footer {
    margin-top: 300px;
}

@media screen and (min-width: 1680px) {

    .build_3d_parts .main-content-wrapper {
        max-width: unset;
        width: calc(100% - 60px);
    }

}

@media screen and (max-width: 1380px) {

    .build_3d_parts .main-content-wrapper {
        max-width: unset;
    }

    .build_3d_parts  .config_full_width #right {
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .build_3d_parts   h1 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .build_3d_parts .config_full_width .left_side {
        height: calc(100vh - 295px);
        margin-top: 6px;
    }
    .build_3d_parts .config_full_width #image_layers {
        height: calc(100vh - 295px);
    }
    .build_3d_parts .main-content-wrapper {
        width: calc(100% - 20px);
    }

}





#image_layers .jqzoom {
    width: 100%;
    height: auto;
    float: none;
    display: block;
    text-align: center;
}

#right {
    flex: none;
    width: calc(100% - 730px);
    margin-left: 20px;
    margin-bottom: 20px;
    position: relative;
}
/*.build_3d_parts #right {*/
/*    width: 550px;*/
/*}*/
/*.build_3d_parts .conf-block-wrap {*/
/*    display: flex;*/
/*    width: 100%;*/
/*    justify-content: space-between;*/
/*}*/

/*.build_3d_parts .left_side_wrap {*/
/*    width: 100%;*/
/*}*/
/*.build_3d_parts  #image_layers {*/
/*    width: 100%;*/
/*}*/

.price-block-wrapper {
    border: 1px solid #d9d9d9;
    padding: 20px 25px;
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}
.quantity-block, .per-unit-block, .total-block {
    float: none;
}

.net_price {
    color: #008dbb;
}


.location_tr {

    margin-left: 115px;
    margin-top: 118px;
}
.location_tl {
    margin-left: 349px;
    margin-top: 118px;
}
.location_tc {
    margin-left: 230px;
    margin-top: 118px;
}


.location_br {
    margin-top: 200px;
    margin-left: 349px;

}

.location_bl {
    margin-top: 200px;
    margin-left: 115px;

}

.location_bc {
    margin-top: 125px;
    margin-left: 240px;
}
.location_tc {
    margin-top: 210px;
    margin-left: 240px;
}

.location_bbr {
    margin-left: 420px;
    margin-top: 210px;
}
.location_ttr {
    margin-left: 65px;
    margin-top: 125px;
}
.location_bbl {
    margin-left: 65px;
    margin-top: 210px;
}
.location_ttl {
    margin-left: 420px;
    margin-top: 125px;
}
.location_pcb {
    margin-left: 333px;
    margin-top: 53px;
}
.location_pmrb {
    margin-left: 333px;
    margin-top: 133px;
}
.location_pcc {
    margin-left: 287px;
    margin-top: 93px;
}
.location_pcl {
    margin-top: 53px;
    margin-left: 118px;
}
.location_pcr {
    margin-left: 333px;
    margin-top: 223px;
}
.location_pmbl {
    margin-left: 225px;
    margin-top: 54px;
}



.location_pcbl {
    margin-left: 362px;
    margin-top: 53px;
}
.location_pmrbl {
    margin-left: 363px;
    margin-top: 133px;
}
.location_pccl {
    margin-left: 317px;
    margin-top: 93px;
}
.location_pcll {
    margin-top: 53px;
    margin-left: 88px;
}
.location_pcrl {
    margin-left: 363px;
    margin-top: 219px;
}
.location_pmbll {
    margin-left: 225px;
    margin-top: 54px;
}



.location_pcbr {
    margin-left: 307px;
    margin-top: 38px;
}
.location_pmrbr {
    margin-left: 311px;
    margin-top: 133px;
}
.location_pccr {
    margin-left: 262px;
    margin-top: 80px;
}
.location_pclr {
    margin-top: 39px;
    margin-left: 144px;
}
.location_pcrr {
    margin-left: 317px;
    margin-top: 255px;
}
.location_pmblr {
    margin-left: 225px;
    margin-top: 39px;
}

.location_lnuc {
    margin-left: 30px;
    margin-top: 100px;
}

.location_lmnuc {
    margin-left: 120px;
    margin-top: 76px;
}

.location_cnuc {
    margin-left: 230px;
    margin-top: 63px;
}

.location_rmnuc {
    margin-left: 340px;
    margin-top: 73px;
}

.location_rnuc {
    margin-left: 440px;
    margin-top: 100px;
}

.location_lnuh {
    margin-left: 99px;
    margin-top: 159px;
}

.location_lmnuh {
    margin-left: 140px;
    margin-top: 96px;
}

.location_cnuh {
    margin-left: 230px;
    margin-top: 63px;
}

.location_rmnuh {
    margin-left: 318px;
    margin-top: 96px;
}

.location_rnuh {
    margin-left: 356px;
    margin-top: 159px;
}

.blank {
    width: 100%;
    height: 500px;
    background-image: url(../img/blank.jpg);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#step-ap,
#step-pm,
#step-wr,
#step-mp {
    min-width: auto;
}

.configurator {
    width: 100%;
    min-height: calc(101vh - 620px);
}

.conf-block-wrap-legs .configurator {
    min-height: unset;
}

.configurator__img {
    width: 100%;
}

.steps > ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.steps > ul input[type="radio"] {
    display: none;
}

.steps > ul > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.steps > ul > li img {
    width: 150px;
    margin-bottom: 15px;
}

.steps > ul > li img.room-img {
    width: 100px;
    margin-bottom: 15px;
}

.steps > ul > li {
    padding: 10px;
    color: #909090;
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.steps > ul > li.active {
    border: 1px solid #dadada;
}

.steps > ul > li {
    border: 1px solid #fff;
}

.steps > ul > li.active label {
    color: #E96758;
}

.steps > ul > li label {
    max-width: 100%;
    width: 150px;
    text-align: center;
    cursor: pointer;
}

.steps > ul > li label:hover {
    color: #008dbb;
}

#step-sz > ul {
    flex-wrap: wrap;
    width: fit-content;
}

.pop > li {
    border: 1px solid #fff;
    font-size: 15px;
    padding: 10px;
    color: #505050;

    cursor: pointer;
    text-align: center;
    width: 150px;
    justify-content: center;
}

.pop > li:hover a {
    color: #008dbb;
}

.pop > li.active {
    border: 1px solid #dadada;
    color: #E96758;
}

.pop > li.active:hover a {
    color: #E96758;
}




/* core j-modal
------------------------------------------------------------------- */
.j-modal {
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: 999334;
    overflow: auto;
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    display: none;
}
.j-modal--open {
    display: flex;
}
.j-modal__wrap {
    margin: auto;
    position: relative;
}

@media screen and  (max-width: 990px) {
    .build_3d_parts .config_full_width #image_layers{

        z-index: 2002;
    }
    .j-modal__wrap {
        padding: 50px 10px;
    }
}
.j-modal__content {
    width: 800px;
    padding: 40px 50px;
    position: relative;
    background: #ffffff;
}
@media screen and  (max-width: 990px) {
    .j-modal__content {
        width: 700px;
    }
}
@media screen and  (max-width: 767px) {
    .j-modal__content {
        width: 500px;
        padding: 20px 30px;
    }
}
.j-modal__content.p-0 {
    padding: 0;
}
.j-modal__content .j-size-table {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 25px;
    height: auto;
}
@media screen and  (max-width: 1024px) {
    .j-modal__content .j-size-table {
        height: 300px;
        overflow: auto;
    }
}
.j-modal__content .j-size-table__header {
    font-size: 0;
    height: 25px;
    line-height: 25px;
    margin-bottom: 5px;
}
.j-modal__content .j-size-table__header__title,
.j-modal__content .j-size-table__header__value {
    font-size: 18px;
    color: #211f56;
    font-family: 'Nunito';
    display: inline-block;
    width: 50%;
}
@media screen and  (max-width: 800px) {
    .j-modal__content .j-size-table__header__title,
    .j-modal__content .j-size-table__header__value {
        font-size: 14px;
    }
}
.j-modal__content .j-size-table__list {
    border: 1px solid #d2d2d7;
    padding: 0;
    overflow: auto;
    height: calc(100% - 55px);
}
.j-modal__content .j-size-table__list li {
    font-size: 0;
    height: 50px;
    line-height: 50px;
    padding: 0;
    padding-left: 10px;
}
.j-modal__content .j-size-table__list li:nth-child(odd) {
    background-color: #fafafa;
}
.j-modal__content .j-size-table__list__title,
.j-modal__content .j-size-table__list__value {
    font-size: 14px;
    color: #211f56;
    font-family: 'Nunito';
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height: 50px;
    line-height: 50px;
}
.j-modal__close {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    color: #ffffff;
    font-size: 44px;
}
@media screen and  (max-width: 767px) {
    .j-modal__close {
        top: -50px;
        font-size: 34px;
    }
}
.j-modal__close .icon {
    transition: transform .3s ease;
}
.j-modal__close:hover .icon {
    transform: rotate(90deg);
}
.j-modal--full .j-modal__wrap {
    padding: 0;
    width: 100%;
    height: 100%;
}
.j-modal--full .j-modal__content {
    border-radius: 0;
    min-height: 100%;
    max-width: initial;
}
.j-modal__form {
    font-size: 16px;
}
@media screen and  (max-width: 767px) {
    .j-modal__form {
        font-size: 14px;
    }
}
.j-modal__text {
    font-size: 18px;
}
@media screen and  (max-width: 767px) {
    .j-modal__text {
        font-size: 16px;
    }
}
.j-modal__title {
    color: #676767;
    font: 400 23px/35px 'Nunito', sans-serif;
}
@media screen and  (max-width: 767px) {
    .j-modal__title {
        font-size: 25px;
        text-align: center;
    }
    .j-size-table table th {
        font-size: 15px;}
}
.j-modal__row {
    margin-top: 40px;
}
@media screen and  (max-width: 767px) {
    .j-modal__row {
        margin-top: 25px;
        text-align: center;
    }
}
.j-modal__row:first-child {
    margin-top: 0;
}
.j-modal__buttons {
    display: flex;
    align-items: center;
}
@media screen and  (max-width: 767px) {
    .j-modal__buttons {
        font-size: 16px;
        flex-direction: column;
    }
}
.j-modal__cancel {
    cursor: pointer;
    color: #8b8ac3;
    margin-left: 60px;
}
@media screen and  (max-width: 767px) {
    .j-modal__cancel {
        margin-left: 0;
        margin-top: 15px;
    }
}
.j-modal__cancel:hover {
    color: #211f56;
}
.j-modal__comment .j-modal__row {
    margin-top: 25px;
}
.j-modal__info {
    display: flex;
    font-size: 14px;
}
@media screen and  (max-width: 767px) {
    .j-modal__info {
        align-items: center;
        flex-direction: column;
    }
}
.j-modal__info__img {
    min-width: 45px;
    max-width: 45px;
    min-height: 45px;
    max-height: 45px;
    position: relative;
}
.j-modal__info__img img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}
.j-modal__info__block {
    display: flex;
    flex-direction: column;
    padding-left: 25px;
}
@media screen and  (max-width: 767px) {
    .j-modal__info__block {
        padding-left: 0;
        padding-top: 15px;
    }
}
.j-modal__info__product {
    margin-bottom: 7px;
}
.j-modal__info__vendor__name {
    color: #8b8ac3;
    margin-left: 10px;
}
.j-modal__info__vendor__name:hover {
    color: #211f56;
}
.j-modal__icons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
@media screen and  (max-width: 767px) {
    .j-modal__icons {
        justify-content: center;
    }
}
.j-modal__icons__title {
    width: 100%;
    margin-bottom: 10px;
}
.j-modal__icons__smile {
    width: 22px;
    height: 22px;
    cursor: pointer;
    margin-right: 20px;
}
.j-modal__icons__smile:last-child {
    margin-right: 0;
}
.j-modal__icons__smile .icon {
    width: 100%;
    height: 100%;
}
.j-modal__icons__smile:hover {
    opacity: .85;
}
.j-modal__success {
    display: none;
    padding: 100px 0;
    text-align: center;
}
@media screen and  (max-width: 767px) {
    .j-modal__success {
        padding: 60px 0;
    }
}
.j-modal__success__title {
    font-size: 72px;
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
}
@media screen and  (max-width: 767px) {
    .j-modal__success__title {
        font-size: 42px;
    }
}
.j-modal__success__text {
    font-size: 16px;
    margin-top: 40px;
}

@media screen and  (max-width: 767px) {
    .j-modal__success__text {
        margin-top: 30px;
    }
}

.j-modal__content hr {
    border-top: none;
    border-bottom: 1px solid #d9d9d9;
}

.j-modal__content .h3 {
    margin-bottom: 20px;
    color: #3a3a3a;
    font: 400 20px 'Nunito', sans-serif;
    border-bottom: none;
}

.j-modal__content .btn {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
}

.j-modal__content .new-price {
    margin-left: 20px;
    margin-bottom: 20px;
    display: inline-block;
    color: #ba1606;
    font: 400 19px 'Nunito', sans-serif;
    position: relative;
}

.j-modal__content .price-wrap {
    font: 400 16px 'Nunito', sans-serif;
    color: #3a3a3a
}

.j-modal__content .j-size-table hr {
    margin-bottom: 20px;
}

.j-modal__content .new-price sup {
    margin-top: 1px;
    margin-left: -10px;
    position: absolute;
}

svg:not(:root) {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    transform: translateZ(0);
}

.j-title {
    width: 100%;
    margin: 40px 0;
    margin-bottom: 30px;
    color: #696969;
    padding-left: 0;
    font: 400 28px/35px 'Nunito', sans-serif;
}

.j-sign {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: 450px;
    padding: 30px;
    box-sizing: border-box;
    text-align: left;
}

.j-sign__social {
    margin-top: 25px;
}

@media screen and  (max-width: 415px){
    .j-sign__social {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .sign-wrap-row a {
        text-align: center;
    }
}

.j-sign__social__title {
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    color: #585858;
}
.steps {
    display: flex;
}

.steps.active {display: block;}
.j-sign__field__input .j-sign__show-pass .icon--show-pass {
    width: 28px;
    height: 16px;
    font-size: 1rem;
}
.j-sign__social__list {
    margin-top: 14px;
    font-size: 0;
}

.j-sign__social__list li {
    display: inline-block;
    background-color: rgba(33, 31, 86, 0.1);
    padding: 9px 50px 9px 60px;
    position: relative;
    cursor: pointer;
    min-height: 30px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Nunito';
    margin-right: 20px;
}
.j-sign__message__link {margin-left: 20px; }
.j-sign input {
    height: 50px;
    line-height: 50px;
    width: 100%;
    margin-bottom: 10px;
}

.j-sign label {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Nunito';
    color: #585858;
    color: #505050;
}


.j-sign__field__input {
    display: inline-block;
    width: 100%;
    max-width: 380px;
    vertical-align: top;
    margin-right: 50px;
    margin-bottom: 0;
    position: relative;
}
.j-sign__field__input label11 {width: 140px; text-align: left; }

.j-sign__field__input input11 {width: calc(100% - 180px); margin-left: 20px; }

.btn.gray {background: #c0c0c0; border: 1px solid #acacac; color: #fff;}
.btn.gray a {color: #fff;}

.btn.blue {background: #436fa0; border: 1px solid #375979; color: #fff;}
.btn.blue a {color: #fff;}

.width-half {width: 50%}
.note {margin-top: 20px;     color: #585858;}

.j-sign__button {margin-top: 10px;}
.j-sign__field__input .j-sign__show-pass {
    position: absolute;
    top: calc(50% - 12px);
    right: 20px;
    width: 23px;
    height: 16px;
    font-size: 0;
    cursor: pointer;
}
.j-sign__social__list li .icon {
    position: absolute;
    top: calc(50% - 0.5rem + 1px);
    left: 20px;
    font-size: 14px;
}
[class*=icon--] {
    width: 1em;
    /*height: 1em;*/
    fill: currentColor;
    /*display: inline-block;*/
}

.j-modal .btn {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    transition-duration: .3s;
    text-align: center;
    color: #606060;
    background-color: #eaeaea;
    border: 1px solid #c6c7c7;
    text-transform: uppercase;
    font: 400 14px Nunito,Arial,Helvetica,sans-serif;
    text-decoration: none;
    padding: 8px 60px;
}

.j-modal .btn:hover {
    background-color: #acacac;
    color: #fff;
}

/* end core j-modal
------------------------------------------------------------------- */

.j-modal__content img {
    width: 100%;
}

.create_quote:hover,
.product_sheet:hover {
    background-color: #9c2f10;
    border-color: #9c2f10;
    transition: .3s;
}

footer {
    display: none;
}

.btn {
    background-position: center left;
    position: relative;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: #606060;
    background-color: #eaeaea;
    border: 1px solid #c6c7c7;
    font-size: 14px;
    white-space: nowrap;
}

.create_quote,
.product_sheet {
    display: inline-block;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: #fff;
    background-color: #b3492c;
    border: 1px solid #9c2f10;
    font-size: 14px;
    padding: 9px 20px 7px 20px;
    background-position: center right;
    text-transform: uppercase;
    cursor: pointer;
    transition: .3s;
    margin: 0 20px;
    position: relative;

}

.product_sheet.product_sheet {
    padding-right: 32px;
}

.create_quote:active,
.product_sheet:active{
    top: 1px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: .3s;
}

.button_config {
    text-align: right;
    width: 100%;
    margin-top: 25px;
    user-select: none;
}

.button_config .next  {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: #fff;
    background-color: #E96758;
    border: 1px solid #9c2f10;
    font-size: 14px;
    padding: 9px 77px 7px 66px;
    background-position: center right;
    position: relative;
    transition: .3s;
}

.button_config .next:hover {
    background-color: #9c2f10;
    cursor: pointer;
    transition: .3s;
}

.button_config .next:active {
    top: 1px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: .3s;
}

.button_config .next:hover:after {
    transition: .3s;
}

.goback {
    position: relative;
    display: inline-block;
    padding: 9px 58px 7px 75px;
    cursor: pointer;
    transition: .3s;
}

.goback:hover {
    background-color: #cacaca;
    transition: .3s;
}

.goback:active {
    top: 1px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: .3s;
}


@media screen and (max-width: 1325px) {
    .goback {
        padding: 9px 53px 7px 70px;
    }

    .button_config .next {
        padding: 9px 72px 7px 61px;
    }
}

@media screen and (max-width: 1300px) {
    .goback {
        padding: 9px 48px 7px 65px;
    }

    .button_config .next {
        padding: 9px 67px 7px 56px;
    }
}

@media screen and (max-width: 1280px) {
    .goback {
        padding: 9px 58px 7px 75px;
    }

    .button_config .next {
        padding: 9px 77px 7px 66px;
    }
}

@media screen and (max-width: 1165px) {
    .goback {
        padding: 9px 23px 7px 50px;
    }

    .button_config .next {
        padding: 9px 52px 7px 31px;
    }
}

@media screen and (max-width: 1065px) {
    .goback {
        padding: 9px 13px 7px 40px;
    }

    .button_config .next {
        padding: 9px 42px 7px 21px;
    }
}

.collapsable .h5 {
    text-transform: uppercase;
    color: #757575;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    background: none;
    padding: 8px 0 8px 21px;
    margin: 0;
    font-size: 15px;
    float: none;
    margin-left: 25px;
    position: relative;
    cursor: pointer;
}

.config-page table th.collapsable {
    background: #fff;
    padding: 6px 8px;
    color: #555350;
    font-size: 14px;
    text-align: left;
    border: 1px solid #dedede;
}

.blue {
    color: #007ab9;
}

.options_table-header {
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    /*overflow: auto;*/
    border: 1px solid #e5e2e2;
    margin-top: 18px;
    transition: all 0.3s ease-in-out;
    min-height: 34px;
}

.options_table-header table {
    width: 100%;
}

.config-page .options_table {
    font-weight: 400;
    text-align: right;
    padding: 6px 11px;
    font-size: 15px;
}

.link-option-plus h1 {
    font-family: 'Raleway', sans-serif;
    text-transform: capitalize;
    color: #707070;
    font-weight: 500;
    position: relative;
    text-align: left;
    font-size: 28px;
    padding: 0 20px 0 20px;
}

.options__container {
    display: flex;
    padding-top: 20px;
    width: 100%;
}

.options__img {
    width: 100%;
}

.options__img-wrapper {
    padding: 10px;
    width: fit-content;
    height: fit-content;
    border: 1px solid #dadada;
}

.options__img-title {
    color: #008dbb;
    font-size: 16px;
    padding-top: 15px;
    max-width: 350px;
}
.options__img-title li {
    font-size: 14px;
}

.options__tab-header,
.single-tab__inner-header {
    position: relative;
    width: calc(100% - 20px);
    height: 45px;
    background-color: #f7f7f7;
    background-color: #dfdfdf;
    display: flex;
    align-items: center;
    padding-left: 20px;
    cursor: pointer;
    transition: .3s;
}

.options__tab-header {
    font-size: 15px;
    color: #82817f;
    background-color: #f2f2f2;
    border: 1px solid #d9d9d9;

    color: #717171;
    color: #636363;

}

.single-tab__inner-header {
    font-size: 16px;
    font-weight: bold;
    color: #5e5e5e;
}

.options__tab-header:hover,
.single-tab__inner-header:hover {
    background-color: #dfdfdf;
    transition: .3s;
}

.options__tab-header:after,
.single-tab__inner-header:after {
    position: absolute;
    display: inline-block;
    content: '';
    background-image: url(/assets/img/accordeon-arrow-up.png);
    background-size: cover;
    background-position: center;
    transform: rotate(0deg);
    opacity: 0.6;
    width: 24px;
    height: 24px;
    right: 15px;
    top: 9px;
    transition: .3s;
}


@supports (-webkit-overflow-scrolling: touch) {
    .options__tab-header:after,
    .single-tab__inner-header:after {
        width: 26px;
        height: 26px;
    }
}

.options__tabs-wrapper {
    width: calc(100% - 400px);
    padding-left: 20px;
}

.options__tab-container {
    display: flex;
    padding-top: 20px;
    padding-bottom: 0;
    margin: auto;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: start;

}

#step-pm .options__tab-container {

    justify-content: start;

}
#step-pm  .item-img-wrapper, #step-gr  .item-img-wrapper , #step-wv  .item-img-wrapper , #step-wr  .item-img-wrapper {
    max-height: 111px;
}

.options__tab-container:after {
    content: "";
    flex: auto;
}
.slide-tab {
    display: none;
}

.slide-tab.active {
    display: block;
}


.options__tab.active > .options__tab-header:after,
.single-tab__inner-header.active:after {
    transform: rotate(180deg);
}

.options__tab {
    margin-bottom: 20px;
    min-width: 100%;
}

.single-tab .options__tab {
    margin-bottom: 0;
}

.single-tab__container .options__tab {
    margin-bottom: 20px;
}

.options__item-img {
    width: 100%;
}

.options__item {
    box-sizing: border-box;
    text-align: center;
    padding: 9px;
    margin: 0;
    width: 12.5%;
    cursor: pointer;
    border: 1px solid transparent;
    position: relative;
}

@media all and (max-width: 1480px) {
    .options__item {
        width: 14.2857%;
    }
}

@media all and (max-width: 1360px) {
    .options__item {
        width: 16.666666%;
    }
}

@media all and (max-width: 1190px) {
    .options__item {
        width: 20%;
    }
}

@media all and (max-width: 1024px) {
    .options__item {
        width: 14.2857%;
    }
}

@media all and (max-width: 940px) {
    .options__item {
        width: 16.666666%;
    }
}

@media all and (max-width: 780px) {
    .options__item {
        width: 20%;
    }
}

@media all and (max-width: 650px) {
    .options__item {
        width: 25%;
    }
}

.options__item:hover {
    border: 1px solid #f2f2f2;
    background-color: #f2f2f2;
    transition: .6s ease-out;
}

.options__item.active {
    border: 1px solid #dadada;
    background-color: #ffffff;
    transition: .6s ease-out;
}

.options__popup {
    position: absolute;
    top: -180px;
    left: -40px;
    width: fit-content;
    border: 1px solid #dadada;
    background-color: #fff;
    z-index: 1001;
    transition: .3s ease-out;
    opacity: 0;
}

.options__popup.animate {
    top: -210px;
    transition: .3s ease-out;
    transform-origin: bottom;
    opacity: 1;

}

.options__popup::after {
    content: '';
    position: absolute;
    left: calc(50% - 9px);
    bottom: -7px;
    background-color: #fff;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}

.options__popup > img {
    width: 250px;
    max-width: none;
    margin: 10px;
}

.tooltip__popup {
    position: absolute;
    top: -57px;
    left: calc(50% - 116px);
    border: 1px solid #dadada;
    background-color: #eaeaea;
    z-index: 1;
    opacity: 0;
    color: #606060;
    padding: 15px 10px;
    box-shadow: 1px 1px #aaa;
    text-transform: none;
    white-space: pre;
    text-align: center;
    font-size: 13px;
    line-height: 17px;
    transition: .3s ease-out;
    border-radius: 4px;
    padding-top: 10px;
}

.tooltip__popup:before {
    content: '';
    position: absolute;
    left: calc(50% - 10px);
    bottom: -6px;
    background-color: #eaeaea;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    box-shadow: 1px 1px #aaa;
    z-index: 100;
    opacity: 0;
    transition: .3s ease-out;
}

.tooltip__popup.animate {
    opacity: 1;
    top: -75px;
    transition: .3s ease-out;
}


.tooltip__popup.animate:before {
    opacity: 1;
    bottom: -7px;
}

.navigation_tab-TFL  .tooltip__popup {  top: -117px; left: calc(50% - 80px);}
.navigation_tab-TFL .tooltip__popup.animate {
    opacity: 1;
    top: -130px;
    transition: .3s ease-out;
}


.navigation_tab-HPL  .tooltip__popup {  top: -117px; left: calc(50% - 90px);}
.navigation_tab-HPL .tooltip__popup.animate {
    opacity: 1;
    top: -130px;
    transition: .3s ease-out;
}




.options__item.active .options__item-title {
    color: #E96758;
}

.options__item:hover .options__item-title {
    color: #008dbb;
}

.options__item.active:hover .options__item-title {
    color: #E96758;
}

.options__item-title {
    color: #93908f;
    color: #505050;
    color: #505050;
    font-size: 15px;
    margin: 10px 0 0 0;
}


.single-tab__inner-header ~ .single-tab__slide-tab {
    display: none;
}


.single-tab__inner-header.active ~ .single-tab__slide-tab {
    display: block;
}

.img-container {
    width: 350px;
    height: 250px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 1024px) and (max-width: 1180px) {
    /*.img-container {
        width: 218px;
        height: auto;

    }*/

    .options__img-title{
        max-width: 218px;
    }


    .navigation__under-option {
        padding-left: 241px;
    }
    .options__tabs-wrapper {
        width: calc(100% - 218px);
        padding-left: 20px;
    }

    .options__firstColumnWrapper .spec_icon_wrap {
        flex-wrap: wrap;
        max-width: 240px;
    }

}




.steps {
    display: none;
    margin-bottom: 30px;
}

.options__tab-sub {
    border: 1px solid #d0d0d0;
    padding: 10px 20px 10px 20px;
    margin-right: 10px;
    border-bottom: none;
    cursor: pointer;
}

.options__tab-sub:hover {
    background-color: #fff;

    color: #008dbb;
}

.tab-sub {
    position: relative;
    width: calc(100% - 20px);
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    padding-left: 20px;
    color: #6f6f6f;
    transition: .3s;

}

.tab-sub:after {
    opacity: 0;
}

.tab-sub:hover {
    background-color: #f7f7f7;
}

.options__tab-sub.active {
    background-color: #fff;
    color: #E96758;
}

.label_option input {
    display: none;
}

.img_option {
    margin-bottom: 10px;
    transition: .3s;
    z-index: 1;
}

.lightColor .img_option {
    box-shadow: 0 0 5px #dedede;
}

.ul__option {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}

.label_option {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    /* width: 170px;*/
    text-align: center;
    cursor: pointer;
}

.other_colors-wrap .label_option {
    padding-left: 0;
}

.hmc_link ~ .ul__option {
    margin-top: 8px;
}

#step-bc .label_option {
    border: 1px solid #fff;
}

#step-bc .li_option.active .label_option {
    border: 1px solid #d9d9d9;
}

.steps[data-design="8"] .label_option {
    border: 1px solid #fff;
}
.steps[data-design="8"] .li_option.active .label_option {
    border: 1px solid #d9d9d9;
}
.steps[data-design="8"] .li_option {
    width: 11.11%;
    max-width: 135px;
    background-color: transparent;
    padding: 0;
    position: relative;
    width: fit-content;
}
.build_3d_parts .options__item {
    max-width: 135px;
}
@keyframes click-wave {
    0% {
        height: 20px;
        width: 20px;
        opacity: 0.15;
        position: relative;
    }
    100% {
        height: 100px;
        width: 100px;
        margin-left: -60px;
        margin-top: -60px;
        opacity: 0;
    }
}

.input_option  {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 20px;
    transition: all 0.15s ease-out 0s;
    background: #d6d6d6;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    z-index: 1000;
    margin-top: 0;
    min-width: 20px;
}

.input_option:checked {
    background: #cacaca;
}
.input_option:checked::before {
    height: 20px;
    width: 20px;
    position: absolute;
    content: '•';
    display: inline-block;
    font-size: 25.66667px;
    text-align: center;
    line-height: 21px;
}
.input_option:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #cacaca;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
}
.input_option.radio {
    border-radius: 50%;
}
.input_option.radio::after  {
    border-radius: 50%;
}

input.input_option.radio:checked + label {
    color: #E96758;
}


.li_option {
    padding: 6px 20px 6px 5px;
    width: 100%;
    background: #f3f3f3;
    margin-bottom: 1px;
    transition: .3s;
}

.li_option.active {
    color: #E96758;
}


.default .label_option .radio {
    display: inline-block;
}

#step-bc .li_option {
    background-color: transparent;
    padding: 0;
    position: relative;
    width: fit-content;
}

@media all and (min-width: 825px) {
    #step-bc .li_option {
        width: 20%;
    }
}

@media all and (min-width: 1201px) {
    #step-bc .li_option {
        width: 16.66666%;
    }
}

@media all and (min-width: 1281px) {
    #step-bc .li_option {
        width: 16.66666%;
    }
}

@media all and (min-width: 1381px) {
    #step-bc .li_option {
        width: 12.5%;
    }
}

@media all and (min-width: 1601px) {
    #step-bc .li_option {
        width: 11.11%;
    }
}

.li_option:hover {
    color: #E96758;
    transition: .3s;
}

.li_option:hover .input_option {
    background-color: #cacaca;
}

.img_option:hover {
    transform: scale(1.4);
    transform-origin: 50% 80%;
    transition: .2s;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.23);
    z-index: 10;
}

#bg {
    display: block;
    position: absolute;
    top: 52px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 15;
    background: #000;
    opacity: .15;
}

body.scroll-none {
    overflow: hidden;
    width: 100%;
}

.table-header {
    background-color: #eaeaea;
    color: #555350;
    font-weight: 500;
}

#options_table td,
#options_table th {
    padding: 6px 8px;
    text-align: left;
}

td, th {
    border: 1px solid #dedede;
}

table td {
    color: #555350;
}

th {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: #5a5a5a;
    font-size: 15px;
    background-color: #EFEFEF;
}

.gray {
    color: #909090;
    color: #505050;
}

.collapsable {
    text-align: left;
    background-color: white;
    border: none;
}
/*:not(:last-child)*/
.tableShow > div {
    display: flex;
    border-bottom: 1px solid #e5e2e2;
    min-width: 380px;
}

.tableShow > div:last-child {
    border-bottom: none;
}

.tableShow > div > div {
    text-align: left;
    padding: 6px 10px;
    font-size: 15px;
    word-break: break-word;
}

.tableShow > div > div:first-child {
    width: 31%;
    border-right: 1px solid #e5e2e2;
}

.tableShow > div > div:nth-child(2) {
    width: 31%;
    border-right: 1px solid #e5e2e2;
    color: #505050;
}

.tableShow > div > div:nth-child(3) {
    width: 19%;
    text-align: right;
    border-right: 1px solid #e5e2e2;
    color: #505050;
}

.tableShow > div > div:nth-child(4) {
    width: 19%;
    text-align: right;
}

.item-img-wrapper {
    width: auto;
    max-height: 85px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 4px;
}

.cs-cs .item-img-wrapper {
    max-height: 100%;
}

.grommet-location {
    justify-content: center;
    position: relative;
}

.single-tab .grommet-location {
    min-height: 302px;
}


@media all and (max-width: 660px) {
    .grommet-location {
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
    }
}

.locations .checkmark {
    position: absolute;
    height: 20px;
    width: 20px;
    background-color: #eee;
    cursor: pointer;
    left: calc(50% - 10px);
    top: -24px;
}

.locations input:checked ~ .checkmark {
    background-color: #d23729;
}

.checkmark:after {
    content: "";
    display: none;
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.locations input:checked ~ .checkmark:after {
    display: block;
}

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

label {
    cursor: pointer;
    position: relative;
}

.locations {
    position: absolute;
    display: flex;
    width: 79px;
    text-align: center;
    font-size: 12px;
    justify-content: center;
}


.locations.bbr {
    left: 420px;
    top: 210px;
}
.locations.ttr {
    left: 55px;
    top: 125px;
}
.locations.bbl {
    left:55px;
    top:210px;
}
.locations.ttl {
    left: 420px;
    top: 125px;
}
.locations.pcb {
    left:333px;
    top: 53px;
}
.locations.pmrb {
    left: 333px;
    top: 133px;
}
.locations.pcc {
    left: 287px;
    top: 93px;
}
.locations.pcl {
    left: 53px;
    top: 118px;
}

.locations.pcl.equ{
    left: 133px;
    top: 56px;

}

.locations.lb {
    left: 140px;
    top: 50px;
}

.locations.lcb {
    left: 240px;
    top: 50px;
}

.locations.rb {
    left: 350px;
    top: 210px;
}

.locations.rcb {
    left: 350px;
    top: 125px;
}

.locations.pcr {
    left: 333px;
    top:223px;
}
.locations.pmbl {
    left: 225px;
    top:54px;
}

.locations.pcbl {
    left: 362px;
    top: 53px;
}
.locations.pmrbl {
    left: 363px;
    top: 133px;
}
.locations.pccl {
    left: 317px;
    top:93px;
}
.locations.pcll {
    left:53px;
    top:88px;
}

.locations.pcll.ecl  {
    left: 113px;
    top: 56px;
}

.locations.pcrl {
    left: 363px;
    top: 219px;
}
.locations.pmbll {
    left: 225px;
    top:54px;
}

.locations.pcbr {
    left: 307px;
    top:38px;
}
.locations.pmrbr {
    left:311px;
    top: 133px;
}

.locations.pclr.ecr  {
    left: 159px;
    top: 39px;
}

.locations.pccr {
    left: 262px;
    margin-top: 80px;
}
.locations.pclr {
    left: 39px;
    top:144px;
}
.locations.pcrr {
    left:317px;
    top: 255px;
}
.locations.pmblr {
    left: 225px;
    top:39px;
}

.locations.lnuc {
    left: 58px;
    top: 100px;
}
.locations.lmnuc {
    left:150px;
    top:76px;
}
.locations.cnuc {
    left: 240px;
    top: 63px;
}
.locations.rmnuc {
    left:330px;
    top: 73px;
}
.locations.rnuc {
    left: 420px;
    top: 100px;
}

.locations.clc {
    left: 93px;
    top: 80px;
}

.locations.crc {
    left: 393px;
    top: 80px;
}

.locations.lnuh {
    left: 99px;
    top: 159px;
}
.locations.lmnuh {
    left: 140px;
    top:96px;
}
.locations.cnuh {
    left: 230px;
    top: 63px;
}
.locations.rmnuh {
    left: 318px;
    top:96px;
}
.locations.rnuh {
    left: 356px;
    top: 159px;
}

.locations.lnu {
    left: 60px;
    top: 70px;
}

.locations.lcnu, .locations.lmnu {
    left: 150px;
    top: 70px;
}

.locations-wrap-rnd .locations.cnu {
    left: 245px;
    top: 112px;
}

.locations.cnu.tra {
    left: 240px;
    top: 70px;
}

.locations.rcnu, .locations.rmnu {
    left: 330px;
    top: 70px;
}

.locations.rnu {
    left: 420px;
    top: 70px;
}



.locations.cl, .locations.lmu {
    left: 150px;
    top: 140px;
}

.locations.cc, .locations.ccu {
    left: 240px;
    top: 140px;
}

.product718 .locations.ccu {
    left: 240px;
    top: 64px;
}

.product718 .locations .checkmark {
    background-color: #b5b5b5;
}


.locations.cnu {
    left: 240px;
    top: 80px;
}

.locations-wrap-rec .locations.cnu,
.locations-wrap-tra .locations.cnu {
    top: 70px;
}

.locations-wrap-cre .locations.cnu {
    top: 60px;
}

.locations.cnu.rec {
    top: 70px;
}

.locations.cr, .locations.rmu {
    left: 330px;
    top: 140px;
}

.locations.conf.cc, .locations.conf.ccu, .locations.conf.cl, .locations.conf.lmu, .locations.conf.cr, .locations.conf.rmu {
    top: 110px;
}


.locations-wrap {
    position: absolute;
}

.locations:hover input ~ .checkmark {
    background-color: #ccc;
}

.locations:hover input:checked ~ .checkmark {
    background-color: #d23729;
}

.locations.xcr  {
    left: 150px;
    top: 110px;
}

.locations.xcc  {
    left: 230px;
    top: 110px;
}

.locations.xcl  {
    left: 330px;
    top: 110px;
}

.locations-wrap-ecr  .locations.lb {
    left: 170px;
    top: 40px;
}

.locations-wrap-ecr  .locations.lcb {
    left: 240px;
    top: 40px;
}

.locations-wrap-ecr  .locations.rb {
    left: 330px;
    top: 240px;
}

.locations-wrap-ecr  .locations.rcb {
    left: 330px;
    top: 170px;
}


.design-pm-5  .locations.cc, .design-pm-5 .locations.cl, .design-pm-5  .locations.cr {
    top: 110px;
}

.per-unit-block .list_price,
.total-block .list_price {
    margin-top: 0;
}

.single-tab {
    flex-direction: column;
    border: 1px solid #dadada;
    padding-top: 0;
    margin-top: 10px;
}

.single-tab__container {
    display: flex;
    padding: 10px;
}

.design-pm .item-img-wrapper, .design-gr  .item-img-wrapper {
    width: auto;
    height: auto;
}

.single-tab .options__item {
    max-width: 155px;
    width: auto;
}



#step-ap .switched_items.options__item.pd-img.ct {
     width: 155px;
}
#step-ap  .single-tab .switched_items.options__item.pd-img.ct .item-img-wrapper {
    width: 90%;
    height: 80px;
    margin: 0 auto;
}

.single-tab .options__tab-container {
    padding-left: 10px;
    padding-right: 10px;
    flex-wrap: wrap;
}

.tableShow {
    overflow: auto;
}

.option-img-patriot {
    height: 260px;
}

.main-content-wrapper.config-linked {
    margin-top: 149px;
}

@media all and (max-width: 660px) {

    .single-tab .options__tab-container::-webkit-scrollbar {
        -webkit-appearance: none;
    }


    .single-tab .options__tab-container::-webkit-scrollbar:vertical {
        width: 11px;
    }

    .single-tab .options__tab-container::-webkit-scrollbar:horizontal {
        height: 11px;
    }

    .single-tab .options__tab-container::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 2px solid white; /* should match background, can't be transparent */
        background-color: rgba(0, 0, 0, .5);
    }

    .tableShow::-webkit-scrollbar {
        -webkit-appearance: none;
    }


    .tableShow::-webkit-scrollbar:vertical {
        width: 11px;
    }

    .tableShow::-webkit-scrollbar:horizontal {
        height: 11px;
    }

    .tableShow::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 2px solid white; /* should match background, can't be transparent */
        background-color: rgba(0, 0, 0, .5);
    }
}
.conf-block-wrap-legs .left_side_wrap {

    align-items: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
}

@media all and (max-width: 1420px) and (min-width: 1024px){
    .left_side_wrap {
        width: 50%;
    }

    .conf-block-wrap-legs .left_side_wrap {
        width: 50%;
        display: flex;
        margin-right: 12px;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .conf-block-wrap-legs .configurator {
        /* min-height: 100%;*/
    }

    #right {
        width: 50%;
        margin-left: 0;
    }

    #image_layers {
        max-width: 100%;
    }
}

@media all and (max-width: 1024px){
    .conf-block-wrap {
        flex-direction: column;
        align-items: center;
    }

    #right {
        width: 100%;
        margin-left: 0;
        order: 1;
    }

    .button_config .next {
        padding: 9px 72px 7px 61px;
    }

    .goback {
        padding: 9px 53px 7px 70px;
    }

    .main-content-wrapper.config-linked {
        margin-top: 66px;
    }
}

@media all and (max-width: 600px) {
    .button_config .next {
        padding: 9px 62px 7px 51px;
    }

    .goback {
        padding: 9px 43px 7px 60px;
    }
}

.navigation__under-suboption .input_option {
    display: none;
}

.horizontal__item {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    cursor: pointer;
    padding: 0 20px;
}

.horizontal__item .options__item-title {
    margin-top: 0;
    margin-left: 20px;
    width: 50%;
}

.horizontal__item .item-img-wrapper {
    width: fit-content;
    height: auto;
    padding: 10px 5px;
}

.horizontal__item {
    border: 1px solid #fff;
}

.horizontal__item:hover {
    border: 1px solid #f2f2f2;
    background-color: #f2f2f2;
    transition: .6s ease-out;
}

.horizontal__item.active {
    border: 1px solid #d9d9d9;
}

.horizontal__item:hover .options__item-title{
    color: #008dbb;
}
.horizontal__item.active .options__item-title{
    color: #d23729;
    width: 50%;
}

.horizontal__item .options__item-title, .horizontal__item.active .options__item-title {

    width: auto;
    margin-left: 0px;
    margin-right: 30px;
}


.horizontal__item.active:hover .options__item-title{
    color: #d23729;
}

.single-tab .options__tab-container.horizontal__container,
.options__tab-container.horizontal__container {
    display: flex;
    padding-top: 20px;
    padding-bottom: 0;
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
    flex-wrap: wrap;
    flex-direction: column;
}
.horizontal__container input {
    display: none;
}
.select {
    padding: 8px 10px;
    border: 1px solid #d7d7d7;
    color: #82817f;
    font: 15px 'Raleway', sans-serif;
    cursor: pointer;
}

.horizontal__item-title {
    width: 25%;
    font-size: 15px;
}

#step-wr .horizontal__item-title, #step-wv .horizontal__item-title {
    width: 40%;
}

.conf-block-wrap-legs #step-wr .horizontal__item-title, .conf-block-wrap-legs #step-wv .horizontal__item-title {
    width: 100%;
}

.horizontal__item.active .select {
    display: block;
}

.horizontal__item .select {
    display: none;
}

.dragscroll .navigation__suboption:active {
    cursor: grab;
}

.dragscroll:active {
    cursor: grab;
}



.ul__option .ul__option {
    width: 100%;
    margin-left: 15px;
    margin-top: 7px;
}
.ul__option .ul__option > li {
    background: #e6e6e6;
}

.locations-wrap > img {
    min-width: 566px;
}

@media all and (max-width: 1024px) {
    .options__img-wrapper {
        display: none;
    }
    .options__tabs-wrapper {
        width: 100%;
        padding: 0;
    }
}

#bg.height100vh {
    height: 100vh;
    top: 56px;
    position: fixed;
}

.width-100 {width: 100%}
.options__item-title input {display: none}

.tempHTMLdoNotShow {display: none}

.sub-arrow.active:after {
    transform: rotate(-90deg);
    filter: brightness(0) invert(1);
}
.options__tab-header input {display: none}

.no-top-padding {
    padding-top: 0;
}

#image_layers {
    cursor: pointer;
    position: relative;
    width: 710px;
    max-width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

#image_layers.stickyLeftSide {
    position: fixed;
    top: 140px;
}

.image-button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    cursor: auto;
    position: absolute;
    bottom: -40px;
    width: calc(100% - 20px);
    opacity: 0;
    transition: .3s .1s;
}

#image_layers:hover .image-button-wrapper,
#image_layers.full-screen .image-button-wrapper{
    transition: .3s .1s;
    opacity: 1;
    bottom: 6px;
}

.image-button {
    padding: 9px 10px 7px 30px;
    font-size: 14px;
    cursor: pointer;
    color: #606060;
    text-decoration: none;
    position: relative;
    transition: .3s;
    background-color: transparent;
}

.image-button222:before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 30px;
    height: 32px;
    top: 0;
    left: 0;
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZGF0YS1uYW1lPSJMYXllciAxIiBpZD0iTGF5ZXJfMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlLz48cGF0aCBkPSJNMjUuOTQsNTIuN2EyLDIsMCwwLDEsMi43Ny0uNThMNDgsNjQuNzJWMjBhMiwyLDAsMCwxLDQsMFY2NC43MmwxOS4yOS0xMi42YTIsMiwwLDAsMSwyLjE5LDMuMzVMNTEuMDksNzAuMDhsMCwwYTEuODYsMS44NiwwLDAsMS0uNDMuMmwtLjEyLDBhMS44OSwxLjg5LDAsMCwxLTEsMGwtLjEyLDBhMS44NiwxLjg2LDAsMCwxLS40My0uMmwwLDBMMjYuNTIsNTUuNDdBMiwyLDAsMCwxLDI1Ljk0LDUyLjdaTTc2LjQ4LDc4aC01M2EyLDIsMCwxLDAsMCw0aDUzYTIsMiwwLDEsMCwwLTRaIi8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60% 60%;
    transition: .3s;
}

.download-img-trigger {
    display: none;
    justify-content: center;
    animation-name: zoom;
    animation-duration: 0.6s;
}

.download-img-trigger a {
    background-color: #eaeaea;
    border: 1px solid #c6c7c7;
    padding: 9px 40px 7px 10px;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    color: #606060;
    text-decoration: none;
    position: relative;
    width: 150px;
    animation-name: zoom;
    animation-duration: 0.6s;
    transition: .3s;
}

.download-img-trigger a:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 30px;
    height: 34px;
    top: 0;
    right: 0;
    background-color: #cacaca;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZGF0YS1uYW1lPSJMYXllciAxIiBpZD0iTGF5ZXJfMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlLz48cGF0aCBkPSJNMjUuOTQsNTIuN2EyLDIsMCwwLDEsMi43Ny0uNThMNDgsNjQuNzJWMjBhMiwyLDAsMCwxLDQsMFY2NC43MmwxOS4yOS0xMi42YTIsMiwwLDAsMSwyLjE5LDMuMzVMNTEuMDksNzAuMDhsMCwwYTEuODYsMS44NiwwLDAsMS0uNDMuMmwtLjEyLDBhMS44OSwxLjg5LDAsMCwxLTEsMGwtLjEyLDBhMS44NiwxLjg2LDAsMCwxLS40My0uMmwwLDBMMjYuNTIsNTUuNDdBMiwyLDAsMCwxLDI1Ljk0LDUyLjdaTTc2LjQ4LDc4aC01M2EyLDIsMCwxLDAsMCw0aDUzYTIsMiwwLDEsMCwwLTRaIi8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60% 60%;
    transition: .3s;
}



.image-button:hover:after,
.download-img-trigger a:hover:after {
    background-color: #eaeaea;
    transition: .3s ;
}

.image-button:active {
    margin-bottom: -1px;
}



.image-button {
    cursor: pointer;
    opacity: 0.6;
    height: 38px;
    display: flex;
    align-items: center;
    background-color: transparent;
    background-repeat: no-repeat;
    padding: 20px 0px 0px 0px;
    margin: 20px 10px 0 10px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yMC41IDEwQzIwLjUgOS44NzUgMjAuNSA5Ljg3NSAyMC41IDkuNzVDMjAuNSA5LjYyNSAyMC41IDkuNjI1IDIwLjUgOS41QzIwLjUgOS41IDIwLjUgOS4zNzUgMjAuMzc1IDkuMzc1QzIwLjM3NSA5LjM3NSAyMC4zNzUgOS4zNzUgMjAuMzc1IDkuMjVMMTggNi44NzVDMTcuNzUgNi42MjUgMTcuNSA2LjYyNSAxNy4yNSA2Ljg3NUMxNyA3LjEyNSAxNyA3LjM3NSAxNy4yNSA3LjYyNUwxOC42MjUgOS4yNUgxMC44NzVWMS43NUwxMi41IDMuMzc1QzEyLjc1IDMuNjI1IDEzIDMuNjI1IDEzLjI1IDMuMzc1QzEzLjUgMy4xMjUgMTMuNSAyLjg3NSAxMy4yNSAyLjYyNUwxMC43NSAwLjEyNUMxMC42MjUgLTEuMjEwNzJlLTA3IDEwLjUgMCAxMC4zNzUgMEMxMC4yNSAwIDEwLjEyNSAtMS4yMTA3MmUtMDcgMTAgMC4xMjVMNy41IDIuNjI1QzcuMzc1IDIuNzUgNy4zNzUgMy4xMjUgNy41IDMuMjVDNy42MjUgMy4zNzUgNy43NSAzLjM3NSA3Ljg3NSAzLjM3NUM4IDMuMzc1IDguMTI1IDMuMzc1IDguMjUgMy4yNUw5Ljg3NSAxLjc1VjkuMjVIMi4yNUwzLjc1IDcuNzVDNCA3LjUgNCA3LjI1IDMuNzUgN0MzLjUgNi43NSAzLjI1IDYuNzUgMyA3TDAuNjI1IDkuMzc1TDAuNSA5LjVDMC41IDkuNjI1IDAuNSA5LjYyNSAwLjUgOS43NUMwLjUgOS44NzUgMC41IDkuODc1IDAuNSAxMEMwLjUgMTAgMC41IDEwLjEyNSAwLjYyNSAxMC4xMjVMMyAxMi41QzMuMTI1IDEyLjYyNSAzLjI1IDEyLjYyNSAzLjM3NSAxMi42MjVDMy41IDEyLjYyNSAzLjYyNSAxMi42MjUgMy43NSAxMi41QzQgMTIuMjUgNCAxMiAzLjc1IDExLjc1TDIuMjUgMTAuMjVIOS44NzVWMTguMjVMOC4yNSAxNi42MjVDOCAxNi4zNzUgNy43NSAxNi4zNzUgNy41IDE2LjYyNUM3LjI1IDE2Ljg3NSA3LjI1IDE3LjEyNSA3LjUgMTcuMzc1TDEwIDE5Ljg3NUMxMCAxOS44NzUgMTAuMTI1IDE5Ljg3NSAxMC4xMjUgMjBDMTAuMjUgMjAgMTAuMjUgMjAgMTAuMzc1IDIwQzEwLjUgMjAgMTAuNSAyMCAxMC42MjUgMjBDMTAuNjI1IDIwIDEwLjc1IDIwIDEwLjc1IDE5Ljg3NUwxMy4yNSAxNy4zNzVDMTMuNSAxNy4xMjUgMTMuNSAxNi44NzUgMTMuMjUgMTYuNjI1QzEzIDE2LjM3NSAxMi43NSAxNi4zNzUgMTIuNSAxNi42MjVMMTAuODc1IDE4LjI1VjEwLjI1SDE4LjYyNUwxNy4xMjUgMTEuNzVDMTYuODc1IDEyIDE2Ljg3NSAxMi4yNSAxNy4xMjUgMTIuNUMxNy4yNSAxMi42MjUgMTcuMzc1IDEyLjYyNSAxNy41IDEyLjYyNUMxNy42MjUgMTIuNjI1IDE3Ljc1IDEyLjYyNSAxNy44NzUgMTIuNUwyMC4yNSAxMC4xMjVDMjAuMzc1IDEwLjEyNSAyMC4zNzUgMTAuMTI1IDIwLjUgMTBDMjAuMzc1IDEwIDIwLjUgMTAgMjAuNSAxMFoiIGZpbGw9IiM5MjkyOTIiLz4NCjwvc3ZnPg==');
    background-position: top center;

}

.image-button.reset-3d-preview {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yMC42NjIxIDIuNjUyQzE4LjcwOSAwLjgxMzgwNSAxNi4xODE1IC0wLjEwNTI5NCAxMy40MjQyIDAuMDA5NTkzNzRDMTAuNjY2OSAwLjAwOTU5Mzc0IDguMDI0NDkgMS4yNzMzNiA2LjE4NjI5IDMuNDU2MjJDNC42OTI3NiA1LjE3OTUzIDMuODg4NTQgNy4zNjIzOSAzLjc3MzY2IDkuNzc1MDJMMS44MjA1NyA2LjkwMjg0QzEuNTkwOCA2LjY3MzA2IDEuMzYxMDIgNi41NTgxOCAxLjEzMTI1IDYuNzg3OTVDMC45MDE0NzMgNi45MDI4NCAwLjc4NjU4NSA3LjI0NzUgMS4wMTYzNiA3LjQ3NzI3TDQuMDAzNDMgMTEuNzI4MUM0LjExODMyIDExLjg0MyA0LjIzMzIxIDExLjk1NzkgNC4zNDgwOSAxMS45NTc5QzQuNDYyOTggMTEuOTU3OSA0LjY5Mjc2IDExLjg0MyA0LjY5Mjc2IDExLjcyODFMOC4wMjQ0OSA3LjQ3NzI3QzguMTM5MzggNy4yNDc1IDguMTM5MzggNi45MDI4NCA3LjkwOTYgNi43ODc5NUM3Ljc5NDcyIDYuNjczMDYgNy41NjQ5NCA2LjY3MzA2IDcuMzM1MTcgNi45MDI4NEw0LjgwNzY0IDEwLjExOTdDNC44MDc2NCA3LjgyMTk0IDUuNDk2OTcgNS43NTM5NiA2Ljk5MDUgNC4xNDU1NEM4LjU5ODkzIDIuMTkyNDUgMTEuMDExNiAxLjA0MzU4IDEzLjY1NCAwLjkyODY5M0MxNS45NTE3IDAuODEzODA2IDE4LjI0OTUgMS42MTgwMiAyMC4wODc3IDMuMzQxMzNDMjEuOTI1OSA1LjA2NDY0IDIyLjg0NSA3LjI0NzUgMjIuOTU5OSA5LjY2MDE0QzIzLjA3NDcgMTIuMDcyOCAyMi4xNTU2IDE0LjM3MDUgMjAuNTQ3MiAxNi4wOTM4QzE4LjkzODggMTcuODE3MSAxNi42NDEgMTguODUxMSAxNC4yMjg0IDE4Ljk2NkMxMC41NTIgMTkuMDgwOSA3LjIyMDI4IDE3LjAxMjkgNS43MjY3NCAxMy42ODEyQzUuNjExODYgMTMuNDUxNCA1LjI2NzE5IDEzLjMzNjUgNS4wMzc0MiAxMy40NTE0QzQuODA3NjQgMTMuNTY2MyA0LjY5Mjc2IDEzLjkxMSA0LjgwNzY0IDE0LjE0MDdDNi40MTYwNyAxNy43MDIzIDkuOTc3NTggMjAgMTMuODgzNyAyMEMxMy45OTg2IDIwIDE0LjExMzUgMjAgMTQuMjI4NCAyMEMxNi44NzA4IDE5Ljg4NTEgMTkuMzk4MyAxOC43MzYyIDIxLjIzNjUgMTYuNzgzMkMyMy4wNzQ3IDE0LjgzMDEgMjMuOTkzOCAxMi4zMDI1IDIzLjg3OSA5LjU0NTI1QzIzLjc2NDEgNi45MDI4NCAyMi42MTUyIDQuMzc1MzEgMjAuNjYyMSAyLjY1MloiIGZpbGw9IiM5MjkyOTIiLz4NCjwvc3ZnPg0K');

}
.image-button.rotate-loop-animation {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yMC41IDEwQzIwLjUgOS44NzUgMjAuNSA5Ljg3NSAyMC41IDkuNzVDMjAuNSA5LjYyNSAyMC41IDkuNjI1IDIwLjUgOS41QzIwLjUgOS41IDIwLjUgOS4zNzUgMjAuMzc1IDkuMzc1QzIwLjM3NSA5LjM3NSAyMC4zNzUgOS4zNzUgMjAuMzc1IDkuMjVMMTggNi44NzVDMTcuNzUgNi42MjUgMTcuNSA2LjYyNSAxNy4yNSA2Ljg3NUMxNyA3LjEyNSAxNyA3LjM3NSAxNy4yNSA3LjYyNUwxOC42MjUgOS4yNUgxMC44NzVWMS43NUwxMi41IDMuMzc1QzEyLjc1IDMuNjI1IDEzIDMuNjI1IDEzLjI1IDMuMzc1QzEzLjUgMy4xMjUgMTMuNSAyLjg3NSAxMy4yNSAyLjYyNUwxMC43NSAwLjEyNUMxMC42MjUgLTEuMjEwNzJlLTA3IDEwLjUgMCAxMC4zNzUgMEMxMC4yNSAwIDEwLjEyNSAtMS4yMTA3MmUtMDcgMTAgMC4xMjVMNy41IDIuNjI1QzcuMzc1IDIuNzUgNy4zNzUgMy4xMjUgNy41IDMuMjVDNy42MjUgMy4zNzUgNy43NSAzLjM3NSA3Ljg3NSAzLjM3NUM4IDMuMzc1IDguMTI1IDMuMzc1IDguMjUgMy4yNUw5Ljg3NSAxLjc1VjkuMjVIMi4yNUwzLjc1IDcuNzVDNCA3LjUgNCA3LjI1IDMuNzUgN0MzLjUgNi43NSAzLjI1IDYuNzUgMyA3TDAuNjI1IDkuMzc1TDAuNSA5LjVDMC41IDkuNjI1IDAuNSA5LjYyNSAwLjUgOS43NUMwLjUgOS44NzUgMC41IDkuODc1IDAuNSAxMEMwLjUgMTAgMC41IDEwLjEyNSAwLjYyNSAxMC4xMjVMMyAxMi41QzMuMTI1IDEyLjYyNSAzLjI1IDEyLjYyNSAzLjM3NSAxMi42MjVDMy41IDEyLjYyNSAzLjYyNSAxMi42MjUgMy43NSAxMi41QzQgMTIuMjUgNCAxMiAzLjc1IDExLjc1TDIuMjUgMTAuMjVIOS44NzVWMTguMjVMOC4yNSAxNi42MjVDOCAxNi4zNzUgNy43NSAxNi4zNzUgNy41IDE2LjYyNUM3LjI1IDE2Ljg3NSA3LjI1IDE3LjEyNSA3LjUgMTcuMzc1TDEwIDE5Ljg3NUMxMCAxOS44NzUgMTAuMTI1IDE5Ljg3NSAxMC4xMjUgMjBDMTAuMjUgMjAgMTAuMjUgMjAgMTAuMzc1IDIwQzEwLjUgMjAgMTAuNSAyMCAxMC42MjUgMjBDMTAuNjI1IDIwIDEwLjc1IDIwIDEwLjc1IDE5Ljg3NUwxMy4yNSAxNy4zNzVDMTMuNSAxNy4xMjUgMTMuNSAxNi44NzUgMTMuMjUgMTYuNjI1QzEzIDE2LjM3NSAxMi43NSAxNi4zNzUgMTIuNSAxNi42MjVMMTAuODc1IDE4LjI1VjEwLjI1SDE4LjYyNUwxNy4xMjUgMTEuNzVDMTYuODc1IDEyIDE2Ljg3NSAxMi4yNSAxNy4xMjUgMTIuNUMxNy4yNSAxMi42MjUgMTcuMzc1IDEyLjYyNSAxNy41IDEyLjYyNUMxNy42MjUgMTIuNjI1IDE3Ljc1IDEyLjYyNSAxNy44NzUgMTIuNUwyMC4yNSAxMC4xMjVDMjAuMzc1IDEwLjEyNSAyMC4zNzUgMTAuMTI1IDIwLjUgMTBDMjAuMzc1IDEwIDIwLjUgMTAgMjAuNSAxMFoiIGZpbGw9IiM5MjkyOTIiLz4NCjwvc3ZnPg==');
}

.image-button.full-screen-3d-preview {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yMC43IDAuMzUwODc3VjUuMjYzMTZDMjAuNyA1LjQ5NzA4IDIwLjQ2NjEgNS43MzEgMjAuMjMyMiA1LjczMUMxOS45OTgzIDUuNzMxIDE5Ljc2NDMgNS40OTcwOCAxOS43NjQzIDUuMjYzMTZWMS42Mzc0M0wyLjMzNzQ0IDE4Ljk0NzRINi4wODAxM0M2LjMxNDA1IDE4Ljk0NzQgNi41NDc5NyAxOS4xODEzIDYuNTQ3OTcgMTkuNDE1MkM2LjU0Nzk3IDE5LjY0OTEgNi4zMTQwNSAxOS44ODMgNi4wODAxMyAxOS44ODNIMS4xNjc4NUMxLjA1MDg5IDE5Ljg4MyAxLjA1MDg5IDE5Ljg4MyAwLjkzMzkzIDE5Ljg4M0MwLjkzMzkzIDE5Ljg4MyAwLjgxNjk3MSAxOS44ODMgMC44MTY5NzEgMTkuNzY2MUwwLjcwMDAxMiAxOS42NDkxQzAuNzAwMDEyIDE5LjUzMjIgMC43MDAwMTIgMTkuNTMyMiAwLjcwMDAxMiAxOS40MTUyVjE0LjUwMjlDMC43MDAwMTIgMTQuMjY5IDAuOTMzOTMgMTQuMDM1MSAxLjE2Nzg1IDE0LjAzNTFDMS40MDE3NyAxNC4wMzUxIDEuNjM1NjggMTQuMjY5IDEuNjM1NjggMTQuNTAyOVYxOC4yNDU2TDE4Ljk0NTYgMC45MzU2NzNIMTUuMjAyOUMxNC45NjkgMC45MzU2NzMgMTQuNzM1MSAwLjcwMTc1NCAxNC43MzUxIDAuNDY3ODM2QzE0LjczNTEgMC4yMzM5MTggMTQuOTY5IDAgMTUuMjAyOSAwSDIwLjExNTJDMjAuMjMyMiAwIDIwLjIzMjIgMCAyMC4zNDkxIDBDMjAuMzQ5MSAwIDIwLjQ2NjEgMi42MTQyNGUtMDggMjAuNDY2MSAwLjExNjk1OUMyMC40NjYxIDAuMTE2OTU5IDIwLjQ2NjEgMC4xMTY5NTkgMjAuNDY2MSAwLjIzMzkxOEMyMC40NjYxIDAuMjMzOTE4IDIwLjQ2NjEgMC4zNTA4NzcgMjAuNTgzMSAwLjM1MDg3N0MyMC41ODMxIDAuMjMzOTE4IDIwLjcgMC4zNTA4NzcgMjAuNyAwLjM1MDg3N1oiIGZpbGw9IiM5MjkyOTIiLz4NCjwvc3ZnPg==');
}

.image-button.create-image-from-canvas {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNS43MjM4IDE2Ljg1NzFIMy43MjM4MkMzLjUzMzM1IDE2Ljg1NzEgMy40MzgxMSAxNi43NjE5IDMuMzQyODcgMTYuNjY2N0MzLjI0NzYzIDE2LjU3MTQgMy4yNDc2MyAxNi4zODEgMy4zNDI4NyAxNi4yODU3TDYuMjk1MjUgMTEuMzMzM0M2LjM5MDQ5IDExLjIzODEgNi40ODU3MyAxMS4xNDI5IDYuNTgwOTYgMTEuMTQyOUM2LjY3NjIgMTEuMTQyOSA2Ljg2NjY4IDExLjE0MjkgNi45NjE5MiAxMS4yMzgxTDguNjc2MiAxMi45NTI0TDExLjcyMzggNy42MTkwNUMxMS44MTkxIDcuNTIzODEgMTEuOTE0MyA3LjQyODU3IDEyLjEwNDggNy40Mjg1N0MxMi4yOTUyIDcuNDI4NTcgMTIuMzkwNSA3LjUyMzgxIDEyLjQ4NTcgNy43MTQyOUwxNi4yIDE2LjQ3NjJDMTYuMjk1MiAxNi41NzE0IDE2LjIgMTYuNzYxOSAxNi4yIDE2Ljg1NzFDMTYuMDA5NSAxNi43NjE5IDE1LjkxNDMgMTYuODU3MSAxNS43MjM4IDE2Ljg1NzFaTTQuMzkwNDkgMTZIMTUuMTUyNEwxMi4wMDk1IDguNTcxNDNMOS4wNTcxNiAxMy43MTQzQzguOTYxOTIgMTMuODA5NSA4Ljg2NjY4IDEzLjkwNDggOC43NzE0NCAxMy45MDQ4QzguNjc2MiAxMy45MDQ4IDguNDg1NzMgMTMuOTA0OCA4LjM5MDQ5IDEzLjgwOTVMNi42NzYyIDEyLjA5NTJMNC4zOTA0OSAxNlpNNS4zNDI4NyA3LjIzODFDNC4yMDAwMSA3LjIzODEgMy4yNDc2MyA2LjI4NTcxIDMuMjQ3NjMgNS4xNDI4NkMzLjI0NzYzIDQgNC4yMDAwMSAzLjA0NzYyIDUuMzQyODcgMy4wNDc2MkM2LjQ4NTczIDMuMDQ3NjIgNy40MzgxMSA0IDcuNDM4MTEgNS4xNDI4NkM3LjQzODExIDYuMjg1NzEgNi40ODU3MyA3LjIzODEgNS4zNDI4NyA3LjIzODFaTTUuMzQyODcgNEM0LjY3NjIgNCA0LjEwNDc3IDQuNTcxNDMgNC4xMDQ3NyA1LjIzODFDNC4xMDQ3NyA1LjkwNDc2IDQuNjc2MiA2LjQ3NjE5IDUuMzQyODcgNi40NzYxOUM2LjAwOTU0IDYuNDc2MTkgNi41ODA5NiA1LjkwNDc2IDYuNTgwOTYgNS4yMzgxQzYuNTgwOTYgNC41NzE0MyA2LjEwNDc3IDQgNS4zNDI4NyA0Wk0xNi4yIDIwSDMuMjQ3NjNDMS42Mjg1OCAyMCAwLjIwMDAxMiAxOC42NjY3IDAuMjAwMDEyIDE2Ljk1MjRWMy4wNDc2MkMwLjI5NTI1IDEuNDI4NTcgMS42Mjg1OCAwIDMuMjQ3NjMgMEgxNi4yQzE3LjgxOTEgMCAxOS4yNDc2IDEuMzMzMzMgMTkuMjQ3NiAzLjA0NzYyVjE2Ljk1MjRDMTkuMTUyNCAxOC42NjY3IDE3LjgxOTEgMjAgMTYuMiAyMFpNMy4yNDc2MyAwLjg1NzE0M0MyLjAwOTU0IDAuODU3MTQzIDEuMDU3MTUgMS44MDk1MiAxLjA1NzE1IDMuMDQ3NjJWMTYuOTUyNEMxLjA1NzE1IDE4LjE5MDUgMi4wMDk1NCAxOS4xNDI5IDMuMjQ3NjMgMTkuMTQyOUgxNi4yQzE3LjQzODEgMTkuMTQyOSAxOC4zOTA1IDE4LjE5MDUgMTguMzkwNSAxNi45NTI0VjMuMDQ3NjJDMTguMzkwNSAxLjgwOTUyIDE3LjQzODEgMC44NTcxNDMgMTYuMiAwLjg1NzE0M0gzLjI0NzYzWiIgZmlsbD0iIzkyOTI5MiIvPg0KPC9zdmc+');
}

.image-button.admin-edit-camera {
    background-size: 22px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48cGF0aCBkPSJNMjU2LDE1My41YzU2LjUsMCwxMDIuNSw0NiwxMDIuNSwxMDIuNXMtNDYsMTAyLjUtMTAyLjUsMTAyLjVzLTEwMi41LTQ2LTEwMi41LTEwMi41ICAgUzE5OS41LDE1My41LDI1NiwxNTMuNSBNMjU2LDEzMS41Yy02OC42LDAtMTI0LjUsNTUuOC0xMjQuNSwxMjQuNVMxODcuNCwzODAuNSwyNTYsMzgwLjVTMzgwLjUsMzI0LjYsMzgwLjUsMjU2ICAgUzMyNC42LDEzMS41LDI1NiwxMzEuNUwyNTYsMTMxLjV6IiBmaWxsPSIjNkE2RTdDIi8+PHBhdGggZD0iTTI3OC40LDIybDEwLjEsNTMuOGMxLjUsOC4xLDcuNSwxNC43LDE1LjQsMTcuMWMxMS41LDMuNCwyMi41LDcuOSwzMi41LDEzLjNjMy4zLDEuOCw2LjksMi42LDEwLjQsMi42ICAgYzQuNCwwLDguNy0xLjMsMTIuNC0zLjhsNDUuOC0zMS40bDMzLjIsMzMuMkw0MDcsMTUyLjZjLTQuNyw2LjgtNS4xLDE1LjYtMS4yLDIyLjljNS4zLDkuOCw5LjcsMjAuNCwxMywzMS42ICAgYzIuNCw3LjksOC45LDEzLjgsMTcsMTUuM2w1NC4xLDEwLjJ2NDYuOWwtNTQuMSwxMC4xYy04LjEsMS41LTE0LjcsNy40LTE3LDE1LjNjLTMuNCwxMS40LTcuOSwyMi4yLTEzLjMsMzIuMiAgIGMtMy45LDcuMy0zLjUsMTYuMSwxLjIsMjIuOWwzMSw0NS4zbC0zMy4yLDMzLjFMMzU5LDQwNy4yYy0zLjctMi42LTguMS0zLjgtMTIuNC0zLjhjLTMuNiwwLTcuMSwwLjktMTAuNCwyLjYgICBjLTEwLDUuNC0yMC45LDkuOC0zMi4yLDEzLjFjLTcuOSwyLjMtMTMuOSw4LjktMTUuNCwxNy4xTDI3OC41LDQ5MGgtNDYuOWwtMTAuMi01NC40Yy0xLjUtOC03LjMtMTQuNi0xNS4yLTE3ICAgYy0xMC45LTMuNC0yMS4zLTcuNy0zMC45LTEyLjljLTMuMy0xLjgtNi45LTIuNi0xMC41LTIuNmMtNC40LDAtOC43LDEuMy0xMi40LDMuOGwtNDQuOSwzMC43bC0zMy4yLTMzLjJsMzAuNy00NC45ICAgYzQuNi02LjgsNS4xLTE1LjYsMS4yLTIyLjljLTUuNC05LjktOS44LTIwLjYtMTMuMS0zMS44Yy0yLjQtNy45LTguOS0xMy44LTE3LTE1LjNMMjIsMjc5LjR2LTQ2LjlsNTQuMS0xMC4xICAgYzguMS0xLjUsMTQuNi03LjQsMTctMTUuM2MzLjMtMTEsNy42LTIxLjUsMTIuOC0zMS4yYzMuOS03LjIsMy40LTE2LTEuMi0yMi44bC0zMS4xLTQ1LjVsMzMuMi0zMy4ybDQ1LjIsMzAuOSAgIGMzLjcsMi42LDguMSwzLjgsMTIuNCwzLjhjMy42LDAsNy4yLTAuOSwxMC41LTIuN2M5LjctNS4zLDIwLjItOS43LDMxLjItMTNjNy44LTIuNCwxMy43LTguOSwxNS4yLTE3TDIzMS41LDIySDI3OC40IE0yODYuMSwwICAgaC02Mi4yYy01LjksMC0xMS41LDQuNy0xMi41LDEwLjRsLTExLjYsNjJjLTEyLjMsMy44LTI0LjIsOC43LTM1LjMsMTQuN2wtNTEuNS0zNS4zYy0yLjEtMS40LTQuNi0yLjEtNy4xLTIuMSAgIGMtMy40LDAtNi44LDEuMi05LjEsMy42bC00NCw0NGMtNC4xLDQuMS00LjgsMTEuNC0xLjUsMTYuMmwzNS41LDUxLjhjLTYsMTEuMS0xMC44LDIzLTE0LjUsMzUuM2wtNjEuNywxMS42ICAgQzQuNywyMTMuNCwwLDIxOSwwLDIyNC44VjI4N2MwLDUuOSw0LjcsMTEuNSwxMC40LDEyLjVMNzIsMzExLjFjMy44LDEyLjYsOC43LDI0LjcsMTQuOCwzNmwtMzUuMSw1MS4zYy0zLjMsNC44LTIuNiwxMi4xLDEuNSwxNi4yICAgbDQ0LDQ0YzIuNCwyLjQsNS44LDMuNiw5LjEsMy42YzIuNSwwLDUtMC43LDcuMS0yLjFsNTEuMy0zNS4xYzExLDYsMjIuNywxMC44LDM0LjksMTQuNmwxMS42LDYyYzEuMSw1LjcsNi43LDEwLjQsMTIuNSwxMC40aDYyLjIgICBjNS45LDAsMTEuNS00LjcsMTIuNS0xMC40bDExLjUtNjEuNGMxMi43LTMuNywyNC45LTguNywzNi40LTE0LjhsNTEuOSwzNS41YzIuMSwxLjQsNC42LDIuMSw3LjEsMi4xYzMuNCwwLDYuOC0xLjIsOS4xLTMuNmw0NC00NCAgIGM0LjEtNC4xLDQuOC0xMS40LDEuNS0xNi4ybC0zNS4zLTUxLjZjNi4yLTExLjUsMTEuMy0yMy43LDE1LjEtMzYuNGw2MS42LTExLjZjNS43LTEuMSwxMC40LTYuNywxMC40LTEyLjV2LTYyLjIgICBjMC01LjktNC43LTExLjUtMTAuNC0xMi41bC02MS43LTExLjZjLTMuNy0xMi41LTguNy0yNC40LTE0LjctMzUuN2wzNS43LTUyLjJjMy4zLTQuOCwyLjYtMTIuMS0xLjUtMTYuMmwtNDQtNDQgICBjLTIuNC0yLjQtNS44LTMuNi05LjEtMy42Yy0yLjUsMC01LDAuNy03LjEsMi4xbC01Mi4yLDM1LjdjLTExLjYtNi4yLTIzLjktMTEuMy0zNi44LTE1bC0xMS41LTYxLjRDMjk3LjYsNC43LDI5MiwwLDI4Ni4xLDAgICBMMjg2LjEsMHoiIGZpbGw9IiM2QTZFN0MiLz48L2c+PC9zdmc+');
}


.image-button.center-3d-model {
    background-size: 22px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAABu9JREFUeF7tne1t3DgQhkms+zinE7sSnwtYAa4gSQUGtAWcU8n5KjlfHxZ0GEPcyGty+SFSwyFf/wqyEinO+2hm+Cmt8Ne1BXTXrUfjFQDoHAIAAAA6t0DnzYcHAACdW6Dz5sMDAIDOLdB58+EBAECfFnh+fr69ubl5mOf5Vmv963g8vvZoiW49wDiO80rwt2EYvgGATiwwjuOfSqm/1s3VWv84Ho8/OzHBuZldeoDT6fR9nucfAED1ORcAAH6jDw+w2AIhoKPgBw8AD4AcwHi+jl78c1PhAeAB4AHgAdANJAbQC0AvoL8sADkAcgDkAMgBkAMgB1hFP4wEdpQKIAdADoAcADkAcgDkAMgBMBBkGEASKCwJpEWdh8Phu1KKlne9aa1fQpd0bU0CT6fT3TzPH0vKYuqt0cRih4LHcfxbKXWXsqxrCwCO9YT3UlcVSwZgvar39yLHgMWdqQDYxF8qfhmG4bHGN9z3TJIB+OIBQuN5CgBXxKcwAA/gIy3370sO8K+r3GtJXSwA18RXSr0Ow3Cfu317lSfWA5CBUiGIAaBl8ZsYB0iBIBSA1sVvAoAUTxACQA/iNwNALAQ+AHoRvykAYiC4BkBP4jcHQCgEdJ1tb+A8z/9dbhpdZeOis31nb2mv7sae9fgSQxo6VkrdXjwTnQ/waWSxdfGb9ABGtAAIQpls8s0/D5qFWkHidRkgaFr8pj1ABk/QvPjsAKymdD/i8TRNj09PTxSfs/4leIKi4i/TyQ81nE3EOhRs645N0/SNGYKi4lumsR+HYXjJSnxEYawA2Ob0F0/ABcHe4lNzi9bpY6FKAJggKCqEC3bqknKeUMYKgC0ErIktHA5oPYEZC+ASn30tASsAJDYzBHfTNL2WyDkMyFfefLqENf6z9wKMkbgg8MXHrb/XLn41AHB6gq0iu+6XIH5VALQEgRTxqwOgBQgkiV8lACUgWJ8MHuLytdY0GvlP7Fp/aeJXC0BOCBKGgc+MxCz3lih+1QDkgmAcR9rCRdvHov9C9wtKFb96AHJAsAUApZR3x49k8UUAsBWCkgBIFz8JAFo0qbX+I9qfbrxhnmdy45fLuM6luoaNHQC8aq0/fSJmnmdaDna5JMzpATzifyl/Y/ODbqc1jbEjm8FDwVuSqaCn337R2zRN95fDujYAbLHdMRppBWCjV9neUk8JMXMowQD4hmuLtyqsgi9j67kBEPAi0ART8OdvggGonXriw0Z+bgA8+wbCMC18VREAVqdiOONw4Xb5irdO6eYGgB5iHEfalVyrHawvgst4wR7AFEChwKdEid8dSZqpyjmfXyIJDHgZPo6sKWGHa2UWTQL3bsy6vi3btTaGLmcvwAdBjBvmtG20B9j7YbeIv7jr5JFA30CQD4IaFnz49KoagK3ihwwieQzkHQmUDkG1AOQQn8Td0m0L7U9LhqBKAHKJb97ulOng9/f3XzFrBX0QhMLkc9m5f68OgNzi5zbYtfIkQlAVAJLFX3WTzSmi1nGC2jxBNQC0IH4gBNY5iz091bquKgBoSXxpELADwCk+1R07fRrzpnpygio8ASsAi4Foi5btr9h2rct6S47a1Q4BKwBXJlV2E39FnnfQJ+btX197DYKS8IU8b40AcIhvbMUCwTAMbDqwVewYpuUUnwWCrj3AAgH1m4sel+LJNWyesrQnoCl1Wn/4Mk3Tz5gRxxC3HnMNqweIedDUaxPEL+4JzBwFp/CmkU0DsEH8XSBIhTrnfc0CkEH8LiBoEgCP+LZjYkls1//Tb8Vygpxvc0pZzQHgE5/2DhwOhy+fmqFsnAx4eYj0HuMEKcLluqcpAHzi02lcrgUipjvm2f/QnCdoBoAQ8U327fIA5sOTPUHQBACh4ocC4BikWnvdZjyBeABixI8BoBcIRAMQK34sAD1AIBaAFPFTAGgdArEApJ696+sFuLpX1xLDmLOEcnXfcpUjGQDbx6O9By+nAuDxBGKTQskAXH482it+aghYv22OT87h49G5XFJoOauvjdzRTlzTh/fdv8UDmLKXdYwPtEU8pm7fs3H8LtYDpBorBwCpddd4HwBYVOFemcMFBwAAAFzs8dSLEPDZ7vAA8AA8byJXrfAA8AC3vulgLjg56kUIQAjg4I6vToQAhACEgBUDCAEIAXzumKNmhACEAIQAhAD7voDQGUUOz1WqTuQAyAFKsVVnucgBkAMgB0AOgBzAMNBrDkBHyF9+IezL94bqDGJ5n6o7AMh8tj0FtR3hmldmd2ldAkDmMCeI079jTwbfS5w96ukWgD2MK6EOACBBpYLPCAAKGldC0QBAgkoFnxEAFDSuhKIBgASVCj4jAChoXAlFAwAJKhV8RgBQ0LgSigYAElQq+Iz/A1hEBduZRq3JAAAAAElFTkSuQmCC');
}

.scroll-preview {
    position: relative;
    background-image: none;
}

/* Remove background image from .image-button inside conf-block-wrap */
.conf-block-wrap .image-button,
.conf-block-wrap-legs .image-button {
    background-image: none !important;
}

.scroll-preview .move-camera-forward, .scroll-preview .move-camera-back {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    /* text-align: center; */
    /* line-height: 1em; */
    /* font-size: 40px; */
    z-index: 1;
    user-select: none;
}

.scroll-preview .move-camera-forward:before, .scroll-preview .move-camera-back:before, .scroll-preview .move-camera-forward:after {
    content: " ";
    border-bottom: 1px solid #929292;
    width: 20px;
    position: absolute;
    height: 0;
    left: calc((100% - 20px) / 2);
    top: calc(9px);
}
.scroll-preview .move-camera-forward:after {
    transform: rotate(90deg);
}

.scroll-preview .move-camera-forward {
    right: 0;
}


.image-button:hover {
    color: #E96758;
    opacity: 1;
}

.image-button.full-hover-effect:hover,
.image-button:hover .text-hover-effect,
.image-button .icon-hover-effect:hover {

    filter: brightness(0) saturate(100%) invert(44%) sepia(74%) saturate(542%) hue-rotate(317deg) brightness(93%) contrast(96%);
}

.download-img-trigger a:active {
    margin-top: 1px;
}


.full-image-button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    cursor: auto;
    position: absolute;
    width: calc(100% - 20px);
    opacity: 0;
    height: calc(100% - 20px);
    transition: .3s;
}

#image_layers:hover .full-image-button-wrapper {
    transition: .3s;
    opacity: 1;
    top: 0;
}

.full-image-button {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    max-height: 30px;
}

#image_layers .full-image-button > img {
    height: 30px;
}

.full-image-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

.load-image-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.image-content {
    margin: 0 auto;

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .image-content {
        width: 40px;
    }
}

.caption {
    margin: auto;
    display: none;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
}

.zoom-content {
    animation-name: zoom;
    animation-duration: 0.6s;
    display: flex;
    justify-content: center;
    margin: auto;
    max-height: 80vh;
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .zoom-content {
        width: 100%;
    }
}

.hmc_link img {
    max-width: 20px;
    max-height: 20px;
    padding-right: 8px;
}

.hmc_link {
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    padding: 10px 10px 0 10px;
    color: #008dbb;
    text-decoration: none;
}

.hmc_link:hover {
    color: #E96758;
}

.hmc_link:hover img {
    filter: invert(40%) grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
}

.other_colors-wrap {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.row-wrap {
    display: flex;
    align-items: center;
    margin-right: 30px;
}

.row-wrap .label_option {
    text-align: left;
    width: fit-content;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    color: #707070;
}
.other_colors-wrap option, .other_colors-wrap select, .other_colors-wrap input {
    padding: 2px 10px;
    color: #707070;
}

.other_colors-wrap select  {
    height: 32px;
}

.notes {
    border-top: 1px solid #d9d9d9;
    padding-top: 15px;
    color: #5e5e5e;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 15px;
    width: 100%;
}
.other_colors-wrap .notes {
    font-size: 14px;
    line-height: 20px;
    color: #717171;
}

.just_links {
    display: flex;
    padding: 0;
    justify-content: space-between;
    width: 100%;
}

.just_links a {
    text-decoration: none;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #008dbb;
    border-bottom: 1px dashed #32a1ff;
}

.just_links li {
    position: relative;
}

.wilsonart a:after {
    content: "";
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibGF5ZXIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNjUyIDY1MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjUyIDY1MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0U5MUQyRDt9DQoJLnN0MXtmaWxsOiMzMzMzMzM7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMCwzNTEuM2g4N3YtODdsLTkuNCwxNi42bC0wLjctMS42Yy01LjUtMTQuMi03LTE1LTEyLjQtMTVoLTMuOGMyLjgsMi4zLDUuMSw2LjEsMTAuMywxOS4ybDIsNS4zbC0xMC4zLDE4LjENCgkJbC0xMC43LTI3LjZjLTQtMTAuMi04LjYtMTUtMTIuNC0xNWgtNy4yYzcsNS44LDEwLjEsMTAuMywxMy42LDE5LjJsMi40LDYuMmwtOS44LDE3LjJsLTUtMTIuMmMtOC43LTIxLjItMjIuOC0zMC40LTMzLjktMzAuNA0KCQlWMzUxLjN6Ii8+DQoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxODguOSwzNTEuMyAxNzMuNywyODUuMyAxNzMuNSwyODUuMyAxNTgsMzUxLjMgMTQ2LjMsMzUxLjMgMTIzLjQsMjY0LjMgMTM1LjcsMjY0LjMgMTUyLDMzMi4yIA0KCQkxNTIuMywzMzIuMiAxNjgsMjY0LjMgMTc5LjUsMjY0LjMgMTk0LjYsMzMxLjkgMTk0LjgsMzMxLjkgMjExLjksMjY0LjMgMjIzLjUsMjY0LjMgMjAwLjQsMzUxLjMgCSIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMzMuNiwyNjMuOUgyNDV2MTIuNWgtMTEuNFYyNjMuOXogTTIzNC4xLDI4OC41aDEwLjN2NjIuOGgtMTAuM1YyODguNXoiLz4NCgk8cmVjdCB4PSIyNjEuMyIgeT0iMjY0LjMiIGNsYXNzPSJzdDAiIHdpZHRoPSIxMC4zIiBoZWlnaHQ9Ijg3Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTMyMC40LDMwMy43Yy00LTYuMi04LjUtOC4yLTE0LjctOC4yYy02LjcsMC0xMC41LDMuNC0xMC41LDguN2MwLDE0LjMsMzUsNS4yLDM1LDMwLjENCgkJYzAsMTEuNi05LjUsMTguNS0yMy4yLDE4LjVjLTExLjEsMC0xOC40LTQuMi0yNC0xMi43bDcuNi01LjZjNC42LDYuOSw5LDkuOCwxNi42LDkuOGM4LjIsMCwxMi43LTMuNiwxMi43LTkuNg0KCQljMC0xNi4xLTM0LjgtNi40LTM0LjgtMzAuMmMwLTEwLjQsOC41LTE3LjUsMjAuNy0xNy41YzkuOSwwLDE3LjEsMy41LDIxLjksMTEuNUwzMjAuNCwzMDMuN3oiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzM5LjMsMzIwLjJjMC0yMC44LDEwLjItMzMuMSwyNi44LTMzLjFzMjYuNywxMi4yLDI2LjcsMzMuMWMwLDIwLjEtMTAuMywzMi42LTI2LjcsMzIuNg0KCQlDMzQ5LjcsMzUyLjgsMzM5LjMsMzQwLjMsMzM5LjMsMzIwLjIgTTM4Mi40LDMyMC4yYzAtMTQuNC01LjItMjQuNS0xNi40LTI0LjVjLTExLjIsMC0xNi40LDEwLjEtMTYuNCwyNC41YzAsMTQuNCw1LjMsMjQsMTYuNCwyNA0KCQlDMzc3LjEsMzQ0LjIsMzgyLjQsMzM0LjYsMzgyLjQsMzIwLjIiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDQ0LjgsMzUxLjN2LTQyLjljMC04LjUtMy4xLTEyLjItMTAuNC0xMi4yYy01LjYsMC0xMC43LDIuMy0xNy44LDkuN3Y0NS40aC0xMC4zdi02Mi44aDkuOHY4LjcNCgkJYzYuOS02LjksMTMuNC0xMC4yLDIxLjMtMTAuMmM2LjcsMCwxMS41LDIuMiwxNC4zLDYuNWMyLjQsMy4xLDMuNCw3LjksMy40LDE0Ljl2NDIuOEg0NDQuOHoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTA3LjUsMzUxLjNsLTEtNy41Yy02LjcsNS43LTE0LjIsOC44LTIxLjgsOC44Yy0xMSwwLTE3LjUtNi43LTE3LjUtMTYuOGMwLTcuNCwzLjItMTMuMywxMC40LTE3LjMNCgkJYzYuMy0zLjQsMTcuMi02LjEsMjguNy04LjRjMS0xMS0zLjMtMTQuNy0xMi41LTE0LjdjLTcuNCwwLTEyLjEsMi44LTE2LjUsOS41bC03LjUtNC43YzUuNy05LjMsMTMuNy0xMy4xLDI0LjQtMTMuMQ0KCQljMTUuNCwwLDIyLjMsNi43LDIyLjMsMjAuNXYzMy45bDEsOS44SDUwNy41eiBNNTA2LjIsMzE3LjZjLTExLjUsMi4zLTE4LjIsNC4xLTIyLjksNi44Yy0zLjgsMi4yLTUuNiw1LjktNS42LDEwLjQNCgkJYzAsNS44LDMuNSw5LjUsOS44LDkuNWM2LjUsMCwxNC4yLTMuNSwxOC43LTlWMzE3LjZ6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTUzMy4yLDM1MS4zdi02Mi44aDkuOHYxMS45YzUuMy05LjUsMTEuNC0xMy4zLDE5LjEtMTMuM2MwLjcsMCwxLjEsMCwxLjksMC4xdjEwLjJjLTEtMC4xLTEuOC0wLjEtMi4zLTAuMQ0KCQljLTguNywwLTE0LjcsNi43LTE4LjMsMTUuMXYzOC45SDUzMy4yeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MDQuMSwzNTEuM2MtMywwLjYtNS45LDEtOS42LDFjLTEwLjMsMC0xNC4yLTQtMTQuMi0xNi4ydi0zOUg1NzF2LTguNWg5LjN2LTIwLjdoMTAuMnYyMC43aDEzLjZ2OC41aC0xMy42DQoJCXYzOC41YzAsNS4zLDEuOSw3LjgsNi41LDcuOGMyLjMsMCw0LjQtMC4yLDctMC44VjM1MS4zeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MDQuNSwyNzMuMWMwLTQuNSwyLjktOCw3LjgtOGM0LjgsMCw3LjcsMy41LDcuNyw4YzAsNC40LTIuOSw4LTcuNyw4QzYwNy41LDI4MSw2MDQuNSwyNzcuNCw2MDQuNSwyNzMuMQ0KCQkgTTYxOC41LDI3My4xYzAtMy42LTIuMy02LjUtNi4yLTYuNWMtNCwwLTYuMiwyLjktNi4yLDYuNWMwLDMuNywyLjMsNi41LDYuMiw2LjVDNjE2LjIsMjc5LjYsNjE4LjUsMjc2LjgsNjE4LjUsMjczLjENCgkJIE02MTQuMywyNzcuNGwtMS43LTMuNWgtMS43djMuNWgtMS42di05aDNjMi4yLDAsMy42LDAuOCwzLjYsMi42YzAsMS4xLTAuNiwyLTEuNywyLjRsMi4xLDRINjE0LjN6IE02MTIuMywyNzIuNQ0KCQljMS4xLDAsMS45LTAuMywxLjktMS40YzAtMS4xLTAuOS0xLjMtMS45LTEuM2gtMS41djIuN0g2MTIuM3oiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjIwLjUsNDI2LjMgMjAuNSwzODcuOCA0My43LDM4Ny44IDQzLjcsMzkyLjMgMjUuNywzOTIuMyAyNS43LDQwNC4yIDM4LjYsNDA0LjIgMzguNiw0MDguNiANCgkJMjUuNyw0MDguNiAyNS43LDQyMS44IDQ0LjYsNDIxLjggNDQuNiw0MjYuMyAJIi8+DQoJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSI3NS4zLDQyNi4zIDU2LjQsMzk0IDU2LjIsMzk0IDU2LjIsNDI2LjMgNTEuNCw0MjYuMyA1MS40LDM4Ny44IDU4LjcsMzg3LjggNzUuMyw0MTcgNzUuNCw0MTcgDQoJCTc1LjQsMzg3LjggODAuMywzODcuOCA4MC4zLDQyNi4zIAkiLz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTEzLjIsNDI2LjN2LTMuOWgtMC4xYy0yLjQsMy4xLTUuNyw0LjUtMTAsNC41Yy05LjksMC0xNS03LjMtMTUtMTkuOGMwLTEyLjQsNS41LTIwLDE1LjQtMjANCgkJYzcsMCwxMS41LDMuMywxMy42LDExLjRsLTQuNywxYy0xLjctNS43LTQuNi03LjgtOC44LTcuOGMtNi40LDAtMTAuMyw1LjYtMTAuMywxNS41YzAsOS45LDMuNCwxNS4zLDEwLjYsMTUuMw0KCQljNS42LDAsOS4xLTMuMyw5LjEtOS4xYzAtMC40LDAtMS0wLjEtMS41aC04Ljl2LTQuMWgxMy42djE4LjVIMTEzLjJ6Ii8+DQoJPHJlY3QgeD0iMTI2LjciIHk9IjM4Ny44IiBjbGFzcz0ic3QxIiB3aWR0aD0iNS4xIiBoZWlnaHQ9IjM4LjUiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjE2Niw0MjYuMyAxNDcuMSwzOTQgMTQ3LDM5NCAxNDcsNDI2LjMgMTQyLjEsNDI2LjMgMTQyLjEsMzg3LjggMTQ5LjQsMzg3LjggMTY2LDQxNyAxNjYuMSw0MTcgDQoJCTE2Ni4xLDM4Ny44IDE3MSwzODcuOCAxNzEsNDI2LjMgCSIvPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMTgxLjQsNDI2LjMgMTgxLjQsMzg3LjggMjA0LjYsMzg3LjggMjA0LjYsMzkyLjMgMTg2LjUsMzkyLjMgMTg2LjUsNDA0LjIgMTk5LjUsNDA0LjIgMTk5LjUsNDA4LjYgDQoJCTE4Ni41LDQwOC42IDE4Ni41LDQyMS44IDIwNS40LDQyMS44IDIwNS40LDQyNi4zIAkiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjIxMi4yLDQyNi4zIDIxMi4yLDM4Ny44IDIzNS40LDM4Ny44IDIzNS40LDM5Mi4zIDIxNy4zLDM5Mi4zIDIxNy4zLDQwNC4yIDIzMC4zLDQwNC4yIDIzMC4zLDQwOC42IA0KCQkyMTcuMyw0MDguNiAyMTcuMyw0MjEuOCAyMzYuMiw0MjEuOCAyMzYuMiw0MjYuMyAJIi8+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTI2NS4yLDQyNi4ybC04LjEtMTYuNmgtOC44djE2LjZIMjQzdi0zOC41aDExLjljMTAsMCwxNC40LDMuNywxNC40LDEwLjdjMCw1LjItMi44LDguNC03LjQsOS45bDkuMSwxNy45DQoJCUgyNjUuMnogTTI1NS4xLDQwNS4yYzMuMywwLDkuMS0wLjUsOS4xLTYuNWMwLTUuNy00LjctNi40LTguOC02LjRoLTcuMnYxM0gyNTUuMXoiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjI3OC4zLDQyNi4zIDI3OC4zLDM4Ny44IDMwMS41LDM4Ny44IDMwMS41LDM5Mi4zIDI4My41LDM5Mi4zIDI4My41LDQwNC4yIDI5Ni40LDQwNC4yIDI5Ni40LDQwOC42IA0KCQkyODMuNSw0MDguNiAyODMuNSw0MjEuOCAzMDIuNCw0MjEuOCAzMDIuNCw0MjYuMyAJIi8+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTMwOS4yLDQyNi4zdi0zOC41aDEwLjNjMTIuOSwwLDE4LjUsNi41LDE4LjUsMTguOGMwLDEzLTYuNywxOS43LTE5LjYsMTkuN0gzMDkuMnogTTMxOSw0MjEuNw0KCQljOS42LDAsMTQtNC45LDE0LTE0LjljMC05LjctNC4yLTE0LjMtMTMtMTQuM2gtNS43djI5LjJIMzE5eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zNzYuOCwzOTcuNGMtMS43LTQtMy45LTUuOC04LjEtNS44Yy00LjIsMC03LjIsMi4xLTcuMiw1LjhjMCw4LjcsMjAuNyw0LjYsMjAuNywxOC40YzAsNy40LTUuNCwxMS4yLTEzLDExLjINCgkJYy03LjMsMC0xMS40LTMtMTMuNy0xMGw0LjgtMS42YzEuNiw0LjgsNCw3LjEsOS4yLDcuMWM0LjcsMCw3LjktMi4yLDcuOS02LjRjMC05LjYtMjAuNS01LTIwLjUtMTguNmMwLTYuNSw1LTEwLjMsMTEuOS0xMC4zDQoJCWM2LjcsMCwxMC44LDMuMSwxMi41LDguNkwzNzYuOCwzOTcuNHoiLz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDEzLjMsMzg3LjhoNS4xdjIzLjRjMCw5LjgtNC4zLDE1LjctMTQuOCwxNS43Yy0xMC40LDAtMTQtNS45LTE0LTE1Ljd2LTIzLjRoNS4xdjI0LjNjMCw3LDIuNiwxMC4yLDguOSwxMC4yDQoJCWM2LjMsMCw5LjYtMy4yLDkuNi0xMC4yVjM4Ny44eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NTAuNiw0MjYuMmwtOC4xLTE2LjZoLTguOHYxNi42aC01LjF2LTM4LjVoMTEuOWMxMCwwLDE0LjQsMy43LDE0LjQsMTAuN2MwLDUuMi0yLjgsOC40LTcuNCw5LjlsOS4xLDE3LjkNCgkJSDQ1MC42eiBNNDQwLjUsNDA1LjJjMy4zLDAsOS4xLTAuNSw5LjEtNi41YzAtNS43LTQuNy02LjQtOC44LTYuNGgtNy4ydjEzSDQ0MC41eiIvPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iNDYzLjcsNDI2LjMgNDYzLjcsMzg3LjggNDg3LjYsMzg3LjggNDg3LjYsMzkyLjMgNDY4LjksMzkyLjMgNDY4LjksNDA0LjIgNDgyLjQsNDA0LjIgNDgyLjQsNDA4LjYgDQoJCTQ2OC45LDQwOC42IDQ2OC45LDQyNi4zIAkiLz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTEyLjUsNDI2LjJsLTMuNC0xMS41aC0xMy44bC0zLjQsMTEuNWgtNS4xbDEyLTM4LjVoNy4ybDEyLDM4LjVINTEyLjV6IE00OTYuNyw0MTAuM2gxMS4xbC01LjUtMTguM2gtMC4xDQoJCUw0OTYuNyw0MTAuM3oiLz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTUwLjgsNDE1LjFjLTIuNCw4LjktNy41LDExLjgtMTQuNCwxMS44Yy0xMC4yLDAtMTQuOS03LjYtMTQuOS0yMC4xYzAtMTIuNSw1LjgtMTkuNywxNS4yLTE5LjcNCgkJYzcuMSwwLDExLjUsMy4zLDEzLjUsMTEuNWwtNC44LDFjLTEuNy01LjctNC41LTcuOS04LjgtNy45Yy02LjIsMC0xMCw1LjctMTAsMTUuMmMwLDEwLjIsMy4yLDE1LjUsOS45LDE1LjVjNC42LDAsNy44LTIuNCw5LjQtOC40DQoJCUw1NTAuOCw0MTUuMXoiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjU1OC4xLDQyNi4zIDU1OC4xLDM4Ny44IDU4MS4zLDM4Ny44IDU4MS4zLDM5Mi4zIDU2My4yLDM5Mi4zIDU2My4yLDQwNC4yIDU3Ni4yLDQwNC4yIDU3Ni4yLDQwOC42IA0KCQk1NjMuMiw0MDguNiA1NjMuMiw0MjEuOCA1ODIuMSw0MjEuOCA1ODIuMSw0MjYuMyAJIi8+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTYwNy4xLDM5Ny40Yy0xLjctNC0zLjktNS44LTguMS01LjhjLTQuMiwwLTcuMiwyLjEtNy4yLDUuOGMwLDguNywyMC43LDQuNiwyMC43LDE4LjRjMCw3LjQtNS40LDExLjItMTMsMTEuMg0KCQljLTcuMywwLTExLjQtMy0xMy43LTEwbDQuOC0xLjZjMS42LDQuOCw0LDcuMSw5LjIsNy4xYzQuNywwLDcuOS0yLjIsNy45LTYuNGMwLTkuNi0yMC41LTUtMjAuNS0xOC42YzAtNi41LDUtMTAuMywxMS45LTEwLjMNCgkJYzYuNywwLDEwLjgsMy4xLDEyLjUsOC42TDYwNy4xLDM5Ny40eiIvPg0KPC9nPg0KPC9zdmc+DQo=) no-repeat center;
    position: absolute;
    background-size: 111%;
    width: 100%;
    height: 30px;
    left: 0;
    bottom: -40px;
}

.formica a:after {
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAwIiBoZWlnaHQ9IjI1MDAiIHZpZXdCb3g9IjAgMCAxOTIuNzU2IDE5Mi43NTYiPjxnIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDE5Mi43NTZ2MTkyLjc1NkgwVjB6Ii8+PHBhdGggZD0iTTQ0LjE3OCA5Ny43MWMwLTMzLjQxNyAzOS43NzEtNDEuMDAzIDY4LjA2Ni00MS4wMDMgMjguMjg5IDAgNTUuMTQ4IDMuNjkyIDY4Ljg4MyAyMy45ODdoMS44NDZWNTAuNzYzSDguNTA0djIuODcxYzE0LjQxMyAwIDI2LjA5NSAxOS4xNjkgMjYuMDk1IDQyLjgxNSAwIDIzLjY0NC0xMS42ODMgNDIuODEzLTI2LjA5NSA0Mi44MTN2Mi43MzJoODYuODgzdi0yLjE2M2MtMjUtMy40LTUxLjIwOS0xNC45OTMtNTEuMjA5LTQyLjEyMXoiIGZpbGw9IiNjYzIyMjkiLz48cGF0aCBkPSJNNTAuNjI5IDg5Ljc1N0g2NC43NXYyLjY2Mkg1NC4xOTR2NC4yNzloOS45ODZ2Mi42NjRoLTkuOTg2djcuMzY5aC0zLjU2NVY4OS43NTd6TTY2LjIwMSA5OC4yNDVjMC00Ljc4MSAyLjk1OC04Ljk2MyAxMC41MjgtOC45NjMgNy41NjcgMCAxMC41MjUgNC4xODIgMTAuNTI1IDguOTYzIDAgNC43NzYtMi45NTggOC45NjEtMTAuNTI1IDguOTYxLTcuNTcxIDAtMTAuNTI4LTQuMTg1LTEwLjUyOC04Ljk2MXptMTcuMTQ1IDBjMC0zLjczNC0yLjQwOC02LjMwMi02LjYxNy02LjMwMi00LjIxMiAwLTYuNjE3IDIuNTY4LTYuNjE3IDYuMzAyIDAgMy43MzEgMi40MDUgNi4yOTkgNi42MTcgNi4yOTkgNC4yMDkgMCA2LjYxNy0yLjU2NyA2LjYxNy02LjI5OXpNMTA5LjEzMSA4OS43NTdoNS4xMzVsNS4zNjMgMTMuMTcxIDQuNzMyLTEzLjE3MWg1LjA4OHYxNi45NzRoLTMuMzUxbC4xNDItMTQuMDI3aC0uMDQ5bC01LjExMyAxNC4wMjdoLTMuMDQzbC01LjY0OC0xNC4wMjdoLS4wNDdsLjE0MiAxNC4wMjdoLTMuMzUxVjg5Ljc1N3pNMTMyLjI3OSA4OS43NTdoNC4xOHYxNi45NzZoLTQuMThWODkuNzU3ek0xNTQuMTc2IDk2LjAzMmMtLjM1Ny0yLjU2OC0yLjQ3NS00LjA4OS01LjQ2OS00LjA4OS0zLjI4MSAwLTUuNzMgMi4xODgtNS43MyA2LjYxIDAgMy41NDEgMi40NDkgNS45OSA1Ljk2NyA1Ljk5IDMuNzA5IDAgNC45NDUtMi41MiA1LjIzMi00LjMwM2gzLjg1Yy0uNDk4IDMuMzc2LTIuNzExIDYuOTY1LTkuNjk5IDYuOTY1LTYuMTMzIDAtOS4wNTktNC4xODUtOS4wNTktOC45NjEgMC00Ljc4MSAyLjgwNy04Ljk2MyA5LjQ4NC04Ljk2MyA1Ljg1MiAwIDguODk1IDMuMDg5IDkuMjczIDYuNzVoLTMuODQ5di4wMDF6TTE2NS42ODggODkuNzU3aDQuNTgybDguMTg2IDE2Ljk3NWgtNC4zMDFsLTEuOTMtNC4yMDdoLTguNjQ2bC0xLjkwNCA0LjIwN2gtNC4xN2w4LjE4My0xNi45NzV6bTUuMzc4IDEwLjEwM2wtMy4xNDEtNy4xNTYtMy4xOTEgNy4xNTZoNi4zMzJ6TTg4LjkxMSAxMDYuNzUxVjg5LjU4NmgxMC4xNjdjNC43OTcgMCA2LjcyOSAyLjI1NyA2Ljc1NiA1LjA4OC4wMjkgMi4xMTYtMS4yODUgMy44MjgtMy44NTkgNC40MjJsNC42NSA3LjY1NWgtNC40NzdsLTMuOTc3LTYuOTloLTUuMjI2djYuOTloLTQuMDM0em00LjAzNS05LjY1MWg0LjcyOWMzLjE1NiAwIDQuMTIzLS44MDkgNC4xMjMtMi40MjZzLTEuMTk5LTIuNDI2LTMuNDIyLTIuNDI2aC01LjQzMVY5Ny4xaC4wMDF6TTE4MC4xNSA5My42MTNoLS44MTF2LTMuNzUxaDEuNDFjLjk3OSAwIDEuNTI5LjI3NiAxLjUyOSAxLjEzMiAwIC42OTMtLjM5NS45Ni0xLjAzMS45OThsLjk3NyAxLjYyMWgtLjgxOGwtLjg3Ny0xLjU3NWgtLjM3OXYxLjU3NXptMC0yLjIwMWguNzEzYy40MzkgMCAuNjA1LS4yMTMuNjA1LS40OTggMC0uMzQyLS4yNTgtLjQyNS0uNjQ2LS40MjVoLS42NzJ2LjkyM3ptLTIuOTM5LjMzYzAtMi4xNDcgMS42NzgtMy40MTkgMy41Mi0zLjQxOSAxLjg0NiAwIDMuNTIxIDEuMjcyIDMuNTIxIDMuNDE5IDAgMi4xNDgtMS42NzYgMy40Mi0zLjUyMSAzLjQyLTEuODQyIDAtMy41Mi0xLjI3Mi0zLjUyLTMuNDJ6bTMuNTE5LTIuNzU3Yy0xLjQ1NSAwLTIuNjE1IDEuMTI0LTIuNjE1IDIuNzU2IDAgMS42MzMgMS4xNiAyLjc1NiAyLjYxNSAyLjc1NiAxLjQzMiAwIDIuNjE5LTEuMTIzIDIuNjE5LTIuNzU2LjAwMS0xLjYzMi0xLjE4Ny0yLjc1Ni0yLjYxOS0yLjc1NnoiLz48L2c+PC9zdmc+) no-repeat center;
    position: absolute;



    bottom: -40px;
    background-size: 88%;
    width: 100%;
    height: 30px;
    left: -2px;
}

.nevamar a:after {
    content: "";
    background: url(/assets/images/Nevarmar-logo.png) no-repeat center;
    position: absolute;
    background-size: 100%;
    width: 100%;
    height: 30px;
    left: 0;
    bottom: -40px;
}

.pionite a:after {
    content: "";
    background: url(/assets/images/Poinite-logo.png) no-repeat center;
    position: absolute;
    background-size: 100%;
    width: 100%;
    height: 30px;
    left: 0;
    bottom: -40px;
}

.manufacturer-select {
    width: 140px;
    border: 1px solid #aaa;
    height: 26px;
    padding: 0;
    border-radius: 3px;
    font-family: Raleway, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #707070;
}

.full-image-button-wrapper:hover {
    background-color: rgba(255, 255, 255, .2);
}

.full-image-button img {
    opacity: .6;
    transition: .3s;
}

.full-image-button img:hover {
    opacity: 1;
    transition: .3s;
}

.other_colors-wrap {
    padding-left: 20px;
}

@media all and (max-width: 1024px) {
    .other_colors-wrap {
        padding-left: 0;
    }
}

.power-data-horiz .horizontal__item {
    padding: 10px 10px;
}


.single-tab .pd-img .item-img-wrapper {
    width: 100%;
    height: 60px;
}

#step-pe .single-tab .pd-img .item-img-wrapper {
    width: 100%;
    height: 60px;
}

#step-pm .single-tab__container {
    border-top: 1px solid #dadada;
    padding-top: 25px;
    margin-top: 0;
}
#step-pm .options__tab-container {  padding-bottom: 20px;}

.hmc_link.pdf {
    margin-bottom: 6px;
    display: inline-block;
}
.hmc_link.pdf img {
    max-width: 46px;
    width: 46px;
    padding-right: 8px;
    margin-top: -14px;
    display: inline-block;
    margin-right: -10px;
    margin-bottom: -14px;
    margin-left: -16px;
    max-height: 40px;

}
.wire-managment-horiz .options__item-title {
    font: 13px 'Raleway', sans-serif;
    display: block;
    text-align: left;
    padding: 14px 20px;
    color: #82817f;
}

#step-pm .single-tab__inner-header.active:before,
#step-ch .single-tab__inner-header.active:before {
    position: absolute;
    display: inline-block;

    width: 20px;
    height: 20px;
    left: 20px;
    top: 14px;
}

.single-tab__inner-header {
    position: relative;
    width: calc(100% - 20px);
    height: 45px;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    padding-left: 20px;

    text-transform: uppercase;
    color: #757575;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 15px;
}

#step-gr .single-tab__inner-header {
    padding-left: 20px;
    width: calc(100% - 20px);
}

#step-gr .single-tab__container.active {
    border-top: 1px solid #dadada;
    margin-top: 0;
    padding-top: 20px;
}
#step-gr .design-gr {
    padding-bottom: 20px;
}



@media all and (max-width: 360px) {
    .single-tab__inner-header {
        box-sizing: border-box;
        width: 100%;
        padding-left: 10px;
    }

    #step-wr .single-tab__inner-header.active,
    #step-wv .single-tab__inner-header.active {
        box-sizing: border-box;
        width: 100%;
    }
}


/*=====================
MODAL
=======================*/

.j-modal {
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    overflow: auto;
    position: fixed;
    background-color: rgba(0,0,0,0.9);
    display: flex;
    z-index: 10005;
    visibility: hidden;
    transition: .6s;
    opacity: 0;
}

.j-modal--open {
    visibility: visible;
    transition: .6s;
    opacity: 1;
}

.j-modal__content {
    width: 600px;
    padding: 20px 30px;
    position: relative;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.j-modal__close.close {
    top: 20px;
}

.j-modal .cancel-wrapper {
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}
.cancel-modal-btn {
    text-transform: uppercase;
}

.j-modal__wrap {
    position: absolute;
    top: 60px;
    background-color: #fff;
    margin-bottom: 40px;
    transform: scale(0);
    transition: .6s;
}

.j-modal--open .j-modal__wrap {
    transform: scale(1);
    transition: .6s;
}

.j-modal__close {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    width: 100%;
    left: 0;
    top: -40px;
    color: #fff;
    font-size: 20px;
}
.j-modal__close .icon {
    transition: transform .3s ease;
}
.j-modal__title {
    color: #676767;
    font: 400 23px/35px Nunito,sans-serif;
}

.j-modal__content .j-size-table {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 25px;
    height: auto;
}
.j-size-table table {
    margin-bottom: 40px;
}

.j-modal__content tr:nth-child(odd) {
    background-color: #f6f6f6;
}

svg:not(:root) {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    transform: translateZ(0);
}
[class*=icon--] {
    width: 1em;
    height: 1em;
    fill: currentColor;
    display: inline-block;
}
.j-modal__close:hover .icon {
    transform: rotate(90deg);
}
.j-modal .btn {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    transition-duration: .3s;
    text-align: center;
    color: #606060;
    background-color: #eaeaea;
    border: 1px solid #c6c7c7;
    text-transform: uppercase;
    font: 400 14px Nunito,Arial,Helvetica,sans-serif;
    text-decoration: none;
    margin: 0px;
}
.j-modal__content .btn-wrapper {
    display: flex;
    justify-content: center;
}

#config_sidebar .opt_tab .opt_title .tooltipHMCinfo {
    background: none;
    font-size: 14px;
    color: #008dbb;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    padding-left: 15px;
    opacity: 0.8;
    float: right;
}

.tooltipHMCinfo {
    background: none;
    padding-left: 0;
    float: left;
    color: #008dbb;
    text-decoration: none;
}
.tooltipHMCinfo img {
    width: 35px;
    margin-bottom: -6px;
    margin-left: -9px;
}

.j-modal p {
    font: normal 16px/22px 'Raleway', sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.j-modal ul li {
    font: normal 16px/22px 'Raleway', sans-serif;
}

.j-modal td {
    font: normal 16px/22px 'Raleway', sans-serif!important;
}

.j-modal a {
    text-decoration: none;
}
#locImg22 {
    display: none;
}

.cancel-modal-btn {
    cursor: pointer;
}

.j-modal h2 {
    font-size: 23px;
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e7e7e7;
    margin-top: 10px;
    clear: both;
    font-weight: 400;
}

.cancel-modal-btn:hover {
    background-color: #cacaca;;
}
/*FOR IE 10/11 ONLY*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .j-modal__wrap {
        left: calc(50% - 350px);
    }
}

@media all and (max-width: 720px) {
    .j-modal__content {
        width: calc(100% - 40px);
    }
    .j-modal__wrap {
        width: calc(100% - 40px);
    }
    .popup-mobile_tr {
        display: flex;
        flex-direction: column;
    }

    .popup-mobile_tr td{
        width: 100%!important;
    }
    .j-modal__content {
        padding: 40px 20px;
    }
}

.navigation__under-suboption.active:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #ddd;
    position: absolute;
    top: -1px;
    left: calc(50% - 12px);
    transition: .3s;
}

.navigation__under-suboption.active:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 7px solid #fff;
    position: absolute;
    top: -1px;
    left: calc(50% - 11px);
    background-color: transparent;
    transition: .3s;
}

.navigation__under-suboption:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    border-top: 0 solid #ddd;
    position: absolute;
    top: -1px;
    left: 50%;
    transition: .3s;
}

.navigation__under-suboption:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    border-top: 0 solid #fff;
    position: absolute;
    top: -1px;
    left: 50%;
    background-color: transparent;
    transition: .3s;
}


.navigation__under-suboption i {
    position: absolute;
    left: 0;
    top: 0;
}


.navigation__under-suboption i.new_option:after {
    content: '';
    position: absolute;
    background: url(/assets/tmb/new_option.svg) no-repeat;
    left: -1px;
    top: -1px;
    width: 26px;
    height: 26px;
}



/*=========================
Under this only media query
===========================*/
@media all and (max-width: 1024px) {
    #bg.height100vh {
        top: 67px;
    }

    .internal_bc {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .mmenu_dd .wrap {
        justify-content: flex-start;
        border: none;
    }

    .mmenu_dd:after {
        display: none;
    }

    .hamburger {
        display: inline-block;
    }

    .Container {
        flex-direction: column;
    }

    .header-form {
        margin-top: 0;
    }

    .mmenu_dd_left {
        width: 100%;
    }

    .mmenu_dd {
        opacity: 1;
        height: fit-content;
        background-color: #fff;
        box-shadow: none;
        padding: 0;
        transition: .3s;
        left: -250px;
        border: none;
    }

    .sub-arrow .mmenu_dd {
        transition: all .3s, top 0s .3s;
    }

    .sub-arrow.active .mmenu_dd {
        visibility: visible;
        transition: all .3s .2s, top 0s 0s;
        width: 100%;
        left: 0;

        border: none;
    }

    .inner-menu li:hover {
        background-color: #f2f2f2;
    }

    .inner-menu > li {
        padding: 17px 20px;
        border-bottom: 1px solid white;
    }

    .breadcrumbs {
        display: flex;
        justify-content: center;
    }

    #right .h1-wrapper {
        justify-content: center;
    }

    .breadcrumbs-list {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
    }


}

@media all and (max-width: 824px) {
    .label_option {
        width: calc(100% - 20px);
    }

    #step-bc .li_option {
        width: 25%;
    }

    .img_option {
        width: 100%;
    }

    .single-tab .options__item {
        max-width: calc(25% - 22px);
    }

    .single-tab .item-img-wrapper {
        height: auto;
    }

    .navigation__under-suboption {
        padding: 10px 10px;
        margin-right: 0;
        font-size: 12px;
    }
}

@media all and (max-width: 780px) {

    .navigation__under-suboption {
        padding: 10px 20px;
    }

    .navigation__title {
        width: 100%;
        justify-content: center;
        min-width: fit-content;
        margin-left: 0;
    }

    .navigation__title.active:after {
        right: 0;
    }

    .navigation__title:after {
        right: 0;
    }

    .navigation__title:before,
    .navigation__title.active:before,
    .navigation__title:hover:before{
        border-right: 0;
        left: -15px;
    }

    .navigation {
        position: relative;
        padding-bottom: 30px;
        overflow-x: auto;

    }

    .navigation__suboptions-wrapper.active {
        position: absolute;
        justify-content: center;
    }

    .navigation__suboption {
        display: none;
    }

    .navigation__suboption.active {
        display: block;
        width: 100%;
        margin: 0;
        padding-bottom: 7px;
        background-color: #fff;
        color: #606060;

        font-size: 14px;
        font-weight: 500;
    }

    .navigation__suboption.active:before,
    .navigation__suboption.active:after {
        display: none;
    }


}

@media all and (max-width: 632px) {
    .label_option {
        width: calc(100% - 20px);
    }

    #step-bc .li_option {
        width: 33%;
    }

    .img_option {
        width: 100%;
    }

    .single-tab .options__item {
        max-width: 33%;
    }

    .navigation__under-suboption {
        padding: 10px 10px;
    }

}

@media all and (max-width: 560px) {
    .options__tabs-wrapper .wn-type {
        overflow: scroll;
    }

    #bg.height100vh {
        top: 67px;
    }

    .goback:after {
        display: none;
    }

    .next_option:after {
        display: none;
    }

    .option-btn-wrapper .create_quote,
    .option-btn-wrapper .goback,
    .option-btn-wrapper .next {
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }

    .option-btn-wrapper .create_quote {
        padding-left: 20px;
        padding-right: 20px;
    }

    .left_side_wrap {
        width: 100%;
        min-height: 200px;
    }

    .qty_label {
        margin: 0;
        margin-right: 20px;
    }

    .price-block-wrapper {
        flex-wrap: wrap;
    }

    .quantity-block {
        flex-direction: row;
        width: 100%;
        justify-content: center;
        padding-top: 30px;
    }

    .tableShow > div > div {
        font-size: 13px;
    }

    .horizontal__item {
        text-align: center;
    }

    #step-pm .horizontal__item {
        flex-direction: row;
    }

    .horizontal__item-title {
        width: 100%;
    }

    .horizontal__item .options__item-title,
    .horizontal__item.active .options__item-title{
        margin-left: 0;
        margin-bottom: 20px;
        width: 100%;
    }

    #step-pm .horizontal__item.active .options__item-title{
        margin-bottom: 0;
    }

    .options__tab-header {
        font-size: 14px;
        padding-right: 40px;
        box-sizing: border-box;
        width: 100%;
    }

    .navigation__under-option {
        padding-left: 0;
    }

    #step-sh > ul > li img {
        width: 100%;
    }

    #step-sh > ul > li > a {
        width: 100%;
    }

    #step-sh > ul > li {
        width: calc(33.33333% - 22px);
    }

    .pop > li {
        width: calc(100% - 22px)
    }

    #step-sz .pop {
        width: 33.33333%;
    }

    #step-sz > ul {
        width: 100%;
    }

    .pop > li {
        font-size: 14px;
    }

    #step-wr .horizontal__item-title,
    #step-wv .horizontal__item-title {
        width: 100%;
    }

}

@media all and (max-width: 450px) {
    .label_option {
        width: calc(100% - 20px);
    }

    .img_option {
        width: 100%;
    }

    .single-tab .options__item {
        max-width: calc(50% - 20px);
    }

    .navigation__title {
        font-size: 12px;
        align-items: center;
    }

    .navigation__under-suboption {
        margin-right: 0;
        font-size: 10px;
        align-items: center;
        display: flex;
        justify-content: center;
        text-align: center;
    }

    #step-pm .single-tab__container .options__item {
        max-width: 50%;
    }

}

@media all and (max-width: 423px) {
    .item-img-wrapper {
        width: 100%;
    }

    .options__item-title {
        font-size: 12px;
    }
}

@media all and (max-width: 380px) {

    .option-btn-wrapper .create_quote,
    .option-btn-wrapper .goback,
    #button_config .option-btn-wrapper .next {
        padding: 9px 15px 7px 15px;
        font-size: 12px;
    }

    .options__item-title {
        font-size: 12px;
    }

    .hideme {
        overflow-x: auto;
    }

    .navigation__title {
        padding-left: 0;
        padding-right: 0;
    }

    .navigation__title:not(:nth-child(n+4)) {
        max-width: 60px;
    }

    .navigation__title:first-child {
        padding-left: 10px;
        max-width: 45px;
    }
    .conf-block-wrap-legs  .navigation__title{
        justify-content: center;
        max-width: 120px;
        padding-right: 25px;
    }
    .conf-block-wrap-legs  .navigation__title:first-child {
        padding-left: 10px;

    }
    .summary {
        max-width: 60px;
    }

    .navigation__title:nth-child(2) {
        max-width: 70px;
    }

    .hamburger {
        margin-right: 10px;
    }

    .search-form input {
        width: calc(100% - 70px);
    }

    .net_price,
    .list_price,
    .qty_label,
    .per-unit-block p,
    .total-block p{
        font-size: 12px;
    }

    .list_price span,
    .net_price span {
        font-size: 16px;
    }

    .list_price {
        margin: 47px 0 13px;
    }

    .create_quote {
        margin: 0 8px;
    }
    .summary {
        padding-right: 10px;
    }

    .collapsable .h5 {
        font-size: 14px;
    }

    .navigation__title {
        font-size: 11px;
        justify-content: flex-start;
        padding-left: 5px;
    }


    .pop {
        width: 50%;
    }

    .pop > li {
        width: calc(100% - 22px);
    }

    .options__tab-sub {
        padding: 10px;
    }

    .options__tab-sub {
        font-size: 11px;
        text-align: center;
    }

    .price-block-wrapper {
        padding: 20px 20px;
    }

    .breadcrumbs li a {
        font-size: 14px;
        line-height: 20px;
    }

    .steps > ul > li {
        width: calc(50% - 22px);
        font-size: 12px;
    }

    .steps > ul > li img {
        max-width: 100%;
    }

    .navigation__under-suboption {
        padding: 10px 7px;
    }

    .options__tab-sub {
        margin-right: 10px;
    }

    #step-pm .design-pm-4 h5.two, #step-pm .design-pm-5 h5.two {
        display: block;
        width: 100%;
        margin: 10px 0;
        text-align: center;
    }

}


.item-img-wrapper .premium {
    position: absolute;
    bottom: 4px;
    box-sizing: border-box;
    font-size: 10px;
    width: 100%;
    padding: 3px 5px;
    color: white;
    background: black;
    opacity: 0.3;
    z-index: 10;
}

.design-wv .item-img-wrapper, .design-wr .item-img-wrapper {
    width: auto;
    height: auto;
}

#otherLaminateSelect {
    width: 240px;
    padding: 2px 10px;
    border: 1px solid #aaa;
    height: 32px;
    border-radius: 3px;
    font-family: Raleway, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #707070;
    box-sizing: border-box;
}

#otherLaminateSelect.error {
    background-color: #f1c0b2;
}

#otherLaminateSelect::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #c1c1c1;
    text-transform: none;
}
#otherLaminateSelect::-moz-placeholder { /* Firefox 19+ */
    color: #c1c1c1;
    text-transform: none;
}
#otherLaminateSelect:-ms-input-placeholder { /* IE 10+ */
    color: #c1c1c1;
    text-transform: none;
}
#otherLaminateSelect:-moz-placeholder { /* Firefox 18- */
    color: #c1c1c1;
    text-transform: none;
}


.small {
    font-size: 11px;
    color: gray;
}

#button_config_low {
    float: right;
    width: 100%;
    padding-left: 20px;
    margin-bottom: 20px;
}

@media all and (min-width: 1025px) {
    #button_config_low {
        width: calc(100% - 564px);
    }

}

#image_product {
    min-height: 186px;
}

#return-to-top {
    display: none;
}

#step-pm h5 {
    border-bottom: 1px solid #dadada;
    text-align: left;
    padding-bottom: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
    color: #606060;
    font: bold 14px 'Raleway', sans-serif;
    text-transform: uppercase;
    margin-right: 10px;
    width: 100%;
}
#step-pm h5.color_red  {
    color: #E96758;
}
#step-pm h5.color_gray {
   color: #838383;
}
#step-pm .mt-20 {
    margin-top: 20px;
    display: inline-block;
}

#step-pm h5.two {
    max-width: 390px;
    margin-top: -35px;
    position: absolute;
    display: inline-block;
    height: 12px;
    width: 340px;
    margin-left: 527px;
}

#step-pm h5.two.h5-above {
    margin-left: 371px;
}

#step-pm .divider {
    display: inline-block;
    width: 1px;
    background: #eaeaea;
    height: 155px;
    margin-left: 185px;
    margin-bottom: -26px;
    margin-right: 20px;
}

.ul__option > h4 {
    margin: 0 0 12px 3px;
    color: #555555;
    font-weight: 500;
    width: 100%;
    text-transform: uppercase;
}

#step-pm .options__tab-container {  padding-top: 50px;}

@media all and (max-width: 1024px) {
    #step-pm .divider {
        width: 100%;
        background-color: transparent;
        height: 80px;
        margin-left: 0;
        margin-right: 0;
    }

    #step-pm h5.two {
        margin-left: 10px;
        margin-right: 10px;
        width: 100%;
        max-width: 100%;
        position: relative;
    }

    #step-pm .options__tab-container {
        padding-top: 20px;
        overflow: auto;
        justify-content: flex-start;
    }

}
#tutorial_bg {
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

@keyframes scaleIn {
    from {
        transform: scale(.5, .5);
        opacity: .5;
    }
    to {
        transform: scale(1, 1);
        opacity: 1;
    }
}


.helpTip__Wrap {  z-index: 9999; position: absolute; background: white; padding: 15px;
    transition: 0.5s ease-out;
    animation: scaleIn 0.5s  cubic-bezier(.36, .11, .89, .32);

    width: 240px;}

.helpTip {
    color: #6a6a6a;
    font:   14px 'Raleway', sans-serif;
    text-align: center;
}

.helpTip p{
    color: #6a6a6a;
    font:  500 16px/20px 'Raleway', sans-serif;
    text-align: center;

}
.helpTipPointer {width: 2px; background: white; height: 0px; position: absolute; left: 50%; animation-delay: 1s; transition: 1s ease-out;
    transform-origin: top; }

.active .helpTipPointer { height: 197px;  }

@keyframes bounce {
    from { transform: translate3d(0, 0, 0);     }
    to   { transform: translate3d(0, 20px, 0); }
}

.helpTipPointer::after {border-radius: 50%; width: 7px; height: 7px; content: ""; position: absolute; background: white;
    bottom: 0px; margin-left: -3px;
    animation: bounce 0.5s;
    animation-direction: alternate;
    animation-delay: 1.5s;
    animation-timing-function: cubic-bezier(.5,0.05,1,.5);
    animation-iteration-count: 4;

}

.htip3 {  margin-left: 14%; margin-top: -339px;}
.htip2 {  margin-left: -50px;  margin-top: -425px;}
.htip3  .helpTipPointer::after { margin-left: -4px;}
.htip2  .helpTipPointer::after { margin-left: -4px;}
.active.htip2  .helpTipPointer { height:300px; }
.htip1 {margin-left: 230px; margin-top: 100px;}

.helpTip__Wrap {display: none;}
#tutorial_bg { display: none;}
#closeTutorial {
    border: 1px solid white;
    border-radius: 0;
    padding: 10px 15px;
    top: 20px;
    right: 20px;
    z-index: 999;
    position: absolute;
    background: white;
    color: #6a6a6a;
    font: 500 14px/18px 'Raleway', sans-serif;
    text-align: center;
    cursor: pointer;
    display: none;
}

@media all and (max-width: 1025px) {
    .helpTip__Wrap {display: none;}
    #tutorial_bg { display: none;}
}

@media (min-width: 1025px) and (max-width: 1680px) {

    .htip1 {margin-left: 150px; margin-top: 79px;}
    .htip2 { margin-left: -135px; margin-top: -425px; }
    .htip3 { margin-left: 13%;margin-top: -260px;  }
    .active.htip3  .helpTipPointer { height:115px; }
    .htip3 .helpTipPointer::after { margin-left: -5px; }

}


@media (min-width: 1680px) and (max-width: 1920px) {

    .htip1 {margin-left: 220px; margin-top: 79px;}
    .htip2 { margin-left: -43px; margin-top: -425px; }
    .htip3 { margin-left: 17%;margin-top: -260px;  }
    .active.htip3  .helpTipPointer { height:115px; }
    .htip3 .helpTipPointer::after { margin-left: -5px; }

}

@media (min-width: 1920px) and (max-width: 2680px) {

    .htip1 {margin-left: 220px; margin-top: 79px;}
    .htip2 { margin-left: -43px; margin-top: -425px; }
    .htip3 { margin-left: 12%; margin-top: -260px;  }
    .active.htip3  .helpTipPointer { height:115px; }
    .htip3 .helpTipPointer::after { margin-left: -5px; }

}

.tp-wrap {display: flex;}
#tdaddwra22p {display: flex;}
.tp_qty_wrap {margin: 0 10px;}
.tp_qty_wrap label {
    color: #82817f;
    font: 15px 'Raleway', sans-serif;

    margin-bottom: 8px;
}

.tp_qty_wrap .tp_select  {
    font: 15px 'Raleway', sans-serif;
    width: 100%;
    padding: 12px 20px;
    text-align: left;
    color: #82817f;
    border: 1px solid #d7d7d7;
}

.button_config .transparent,  .button_config .transparent:hover {
    cursor: default;
    color: #606060;
    background-color: #eaeaea;
    border-color: #c6c7c7;
    opacity: 0;
}
#right .button_config .next.transparent:after:hover {
    background-color: #cacaca;
}

.button_config .transparent:hover:after {
    transition: .3s;
}

.color_wrap {
    text-align: center;
    padding: 9px;
    max-width: 94px;
    cursor: pointer;
    border: 1px solid transparent;
    position: relative;
    margin: 0 7px 15px 8px;;
}

.default .color_wrap input.radio{display: none;}
.default .color_wrap label {
    flex-direction: column;
    text-align: center;
}
.color_wrap img.options__item-img {
    width: 94px;
}
.default .color_wrap .item-img-wrapper {
    margin-bottom: 5px;
}

.ul__option .ul__option > li.color_wrap {
    background-color: transparent;
    border: 1px solid #e6e6e6;
}

.ul__option .ul__option > li.color_wrap.active {
    background: #e6e6e6;
    border: 1px solid #cacaca;
}

.ul__option.default .ul__option {
    width: calc(100% - 30px);
    background: white;
    padding:  12px 10px 10px 10px;
    margin-left: 15px;
    margin-top: 7px;
    margin-bottom: 10px;
}

#j-modal__alert .j-modal__content {   width: auto;      padding: 20px 20px; padding-bottom: 0;}
#j-modal__alert .btn {margin: 0;}
#j-modal__alert .j-modal__content a{    color: #008dbb;}

.options__tabs-wrapper .wn-type {
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

@media all and (max-width: 560px) {
    .options__tabs-wrapper .wn-type {
        margin-left: -10px;
        margin-right: -10px;
        justify-content: flex-start;
    }
}

.wn-type .locations-wrap {
    margin-top: -40px;
    position:relative;;
}
.location_br {
    margin-top: 200px;
    margin-left: 369px;
}
.location_tr {
    margin-left: 115px;
    margin-top: 118px;
}
.location_bl {
    margin-top: 200px;
    margin-left: 115px;
}

.location_tl {
    margin-left: 369px;
    margin-top: 118px;
}

.single-tab .power-location {
    min-height: 302px;
}

.power-location {
    justify-content: center;
    position: relative;
}

.options__img-wrapper .options__img-title ul {
    margin-left: 0;
    padding-left: 0;
    margin-top: 8px;
    margin-bottom: 5px;
}

.locations-wrap-pre .locations.rnu {
    left: 390px;
}
.locations-wrap-pre .locations.rmnu {
    left: 318px;
}

.locations-wrap-pre .locations.lnu {
    left: 95px;
}

.locations-wrap-pre  .locations.lmnu {
    left: 165px;
}

.options__img-title ul li {
    padding: 3px 0;
    max-width: 350px;
}

.hideonveneer {
    display: none
}

.minustopedge {
    justify-content: flex-start;
    padding-top: 0;
}

#step-tn .active .slide-tab {
    display: block;
}

#step-tn .tab-sub input {
    display: none;
}

#step-tn .tab-sub .slide-tab {
    margin-top: -40px;
}

#step-tn .options__tab-container .options__tab-sub {
    margin-left: 20px;
    margin-right: -3px;
    padding: 0 15px 10px 15px;
}

#step-tn .options__tab-container .options__tab-sub.active {
    border-bottom: none
}

#step-tn .grain-wrap {
    background-color: #f2f2f2;
}

#step-tn .grain-wrap .options__tab-container {
    padding-top: 0;
}

#step-tn .options__tab .options__item22 {
    padding-top: 0;
}

#step-tn .options__tab-to {
    display: flex
}

.content-tab-wrap-tc {
    display: flex;
    margin-top: 20px;
}

.content-tab-wrap-tc .options__item {
    margin-right: 20px
}

.edge-type-wrap {
    margin-top: 20px;
}

.edge-type-wrap .options__item-title {
    margin-top: 0;
}

.active .slide-tab {
    display: block;
}

.active .edge-type-wrap {
    display: flex
}
#config_wrap .noVisibleClass {display: none}

.minustopedge h5 {
    border-bottom: 1px solid #dadada;
    text-align: left;
    padding-bottom: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
    color: #606060;
    font: bold 14px 'Raleway', sans-serif;
    text-transform: uppercase;
    margin-right: 10px;
    width: 100%;
}

.centeredShapes .options__item-img  {margin-top: -30px;}
.centeredShapes .locations.ccu {
    left: 245px;
    top: 80px;
}

.simpleTabSelect {
    font: 15px 'Raleway', sans-serif;
    background: #f1f1f1;
    padding: 14px 20px;
    text-align: left;
    color: #82817f;
    font-size: 15px;
    margin-bottom: 15px;
    position: relative;
    list-style: none;
}
.simpleTabSelect input {border-radius: 10px}


.single-tab .wl-type .options__item {
    max-width: 95px;
}
.hideCornersAcc {display: none}


#step-tn .options__tab-sub {    width: 13.5%;}


#step-pm .power-data-horiz {
    padding-top: 20px;
}

#step-pm .options__tab {margin-bottom: 0}


.default .li_option  .ul__option {display: none;}
.li_option.active > .ul__option {display: flex;}



.options__img_note {font-size: 14px;     margin-bottom: 5px;}
.spec_icon img {margin-right: 6px; width: 26px; }
.spec_icon {  text-decoration: none;  color: #008dbb; display: flex; align-items: center; margin-top: 10px; }
.spec_icon:hover {text-decoration: underline;}
.options__img_schema {margin-top: 10px;    opacity: 0.8;
    max-width: 350px;}


.schema-container {
    padding: 10px;
    margin-top: 10px;
    width: fit-content;
    height: fit-content;min-width: 350px; min-height: 156px;
    border: 1px solid #dadada;
}

.schema-container {display: none; }

.spec_icon_wrap {display: flex; }
.spec_icon_wrap .spec_icon {margin-right: 0; margin-left: 5px;}
.spec_icon_wrap a.spec_icon:first-of-type {margin-right: 20px;}

#j-modal__help-me-choose .j-modal__content img {width: auto}
#fullImageModal .caption {    width: 100%;    max-width: 800px;}
#j-modal__help-me-choose .j-modal__content {  width: auto; max-width: 80vw; }


#step-pm .centeredShapes .options__item-img {
    margin-top: 0;
}

#step-pm  .centeredShapes .locations.cc{
    left: 247px;
    top: 86px;
}

#step-pm  .centeredShapes.locations-wrap-rnd .locations.cc{
    left: 247px;
    top: 110px; /*Checked on Astra  and Structure_4x round tables*/
}

#step-pm  .centeredShapes.locations-wrap-sqr .locations.cc{
    left: 247px;
    top: 102px;
}


/*===============================*/

#step-sz .pop {
    margin-bottom: 20px;
}

@media all and (max-width: 1024px) {
    .options__container {
        flex-direction: column;
    }

    .options__container .options__firstColumnWrapper {
        order: 2;
    }

    .spec_icon_wrap {
        padding-top: 10px;
    }

    .schema-container {
        width: calc(100% - 20px);
        border: none;
        border-top: 1px solid #dadada;
    }

    .spec_icon:first-child {
        position: relative;
    }

    .spec_icon:first-child:after {
        content: '';
        position: absolute;
        width: calc(100vw - 50px);
        border-top: 1px solid #dadada;
        left: 0;
        top: -20px;
    }

    .item-img-wrapper {
        max-height: 67px;
    }

    .minustopedge > .options__item > .item-img-wrapper,
    .slide-tab:first-child > .options__tab-container > .options__item > .item-img-wrapper{
        max-height: 80px;
    }

    .tp-wrap {
        flex-wrap: wrap;
    }


}

@media all and (max-width: 780px) {
    .pop > li {
        width: 100%;
        box-sizing: border-box;
    }
    .pop {
        width: 25%;
    }

    #step-sz > ul {
        width: 100%;
    }

    #image_layers {
        width: 100%;
    }

    .left_side_wrap {
        width: 100%;
    }
}

@media all and (max-width: 560px) {
    #step-wr .horizontal__item.active .options__item-title{
        margin-bottom: 0;
        display: none;
    }

    #step-wr .horizontal__item .options__item-title{
        display: none;
    }

    .single-tab .options__tab-container.horizontal__container,
    .options__tab-container.horizontal__container {
        padding-left: 0;
        padding-right: 0;

    }

    .horizontal__item .options__item-title {
        margin-bottom: 0;
    }
}


@media all and (max-width: 530px) {
    .options__item {
        width: 33.33333%;
        max-width: 100%;
    }
}

@media all and (max-width: 500px) {
    .just_links li {
        width: 50%;
        margin-bottom: 50px;
        text-align: center;
    }

    .just_links {
        flex-wrap: wrap;
    }
}

@media all and (max-width: 450px) {
    .options__item-title {
        font-size: 13px;
    }

    .schema-container {
        min-width: 0;
        width: calc(100% - 20px);
        min-height: 0;
    }

    .options__img_schema {
        max-width: 100%;
    }

}

@media all and (max-width: 420px) {
    .item-img-wrapper {
        max-height: 70px;
    }

}

@media all and (max-width: 385px) {
    #step-tt > ul > li {
        width: calc(50% - 22px);
    }
}

@media all and (max-width: 370px) {
    #step-sz .pop {
        width: 50%;
    }
}

@media all and (max-width: 360px) {

    .item-img-wrapper .premium {
        width: 100%;
    }

    #step-gr .single-tab__inner-header {
        width: 100%;
    }

    .single-tab .options__item {
        max-width: 50%;
        width: 50%;
    }

    .single-tab__inner-header.active {
        width: 100%;
    }

    #step-pm .single-tab__inner-header.active:before {
        display: none;
    }

    .SubMenu .search-form input {
        width: 180px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /*IE 10+*/

    .logo-desktop {
        height: 42px;
        width: 170px;
    }

    .logo-desktop img {
        max-height: 100%;
    }

    .left_side {
        width: 100%;
    }

    .image-button {
        height: 16px;
    }

    .img_option {
        max-height: 100px;
    }

    .active.navigation__suboptions-wrapper {
        overflow-x: hidden;
    }

    .item-img-wrapper .premium {
        left: 0;
        top: 51px;
        z-index: 1;
        margin-top: 0;
    }

    #step-gr .item-img-wrapper,
    #step-pm .item-img-wrapper
    {
        max-width: 100%;
    }

    .single-tab .options__item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .locations-wrap {
        left: 0;
    }

    #step-pm h5.two {
        margin-left: 0;
    }

    .zoom-content {
        width: 750px;
    }

    .download-img-trigger a {
        width: auto;
    }

    .options__tab-container {
        justify-content: flex-start;
    }

    .item-img-wrapper {
        max-height: 65px;
    }

    .options__item-title {
        max-width: 100%;
    }

    .design-wv .item-img-wrapper, .design-wr .item-img-wrapper {
        max-width: 100%;
    }

    .label_option  {
        word-wrap: break-word;
    }
}

#step-tb  .tb-img .item-img-wrapper, #step-tb .th-img .item-img-wrapper {
    width: auto;
    max-height: none;
}

#step-tb .options__img-wrapper .img-container {   height: auto; }

.item-img-wrapper.new_option:after {
    content: '';
    position: absolute;
    background: url("/assets/tmb/new_option.svg") no-repeat;
    left: 0;
    top: 0;
    width: 35px;
    height: 35px;
}

.full_length .options__img-wrapper {display: none; }

.full_length  .options__tabs-wrapper {
    width: calc(100%);
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
}
#step-mp .options__item-title {
    white-space: pre-line;
    line-height: 16px;
}
#step-mp .mp-cs .item-img-wrapper {
    max-height: none;
}

#step-th .th-cs .item-img-wrapper {
    max-height: none;
}

#step-cs .cs-cs .item-img-wrapper, #step-cs .sl-cs .item-img-wrapper {
    height: 110px;
    max-height: none;
}

#step-sl .sl-cs .item-img-wrapper {
    max-height: none;
}

.sk-cs .item-img-wrapper {
    max-height: none;
}

#step-ap .ap-cs .item-img-wrapper {
    max-height: none;
}
#step-th .fr-cs .item-img-wrapper, #step-th .ft-cs .item-img-wrapper  {
    max-height: none;
}

.options__tab-header  .hmc_link  {    font-size: 13px; padding-top: 0;}
.options__tab-header  .hmc_link img {   max-width: 15px;   max-height: 15px; margin-left: 3px }

.note_lc_TFL {width: 350px; line-height: 20px}

.info-popup {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/assets/img/info-outline.svg) no-repeat;
    position: relative;
    background-size: 16px 16px;
    margin-left: 5px;
    margin-top: -3px;
}

.not_available_text {margin-left: 20px; font-size: 15px}

.add_more_shapes {padding-top: 10px; border-top: 1px solid #e6e6e6;}



/*adding more items to quote styles */

.more_items_quote p {font-size: 15px; line-height: 20px;   margin-bottom: 8px;
}
.more_items_quote {
    margin: 0;
    position: fixed;
    top: 140px;
    right: 30px;
    z-index: 999999;
}
.more_items_quote  .text-warning {
    width: calc(100% - 45px);
    margin-top: -23px;
    margin-left: 32px;
    color: #e4a82e!important;
    font: 500 18px 'Raleway', sans-serif;


}
.more_items_quote.alert-warning {
    width: 340px;
    color: #85621b;
    background-color: #fff2d6;
    border-color: #ffecc6;

    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;

    -webkit-box-shadow: 2px 5px 23px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 2px 5px 23px 0px rgba(0,0,0,0.06);
    box-shadow: 2px 5px 23px 0px rgba(0,0,0,0.06);
}
.more_items_quote.alert-warning p a {padding-left: 0px; font-size: 15px; background: none;     color: #E96758; text-decoration: none}
.more_items_quote  .close {
    margin-right: -12px;
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;

    float: right;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    cursor: pointer;
}
.more_items_quote .close:not(:disabled):not(.disabled):hover {
    opacity: .75;
}

.more_items_quote .close:hover {
    color: #000;
    text-decoration: none;
}

[draggable=true] {
    cursor: move;
}

.fa, .iteration-status-done, .iteration-status-started, .iteration-status-unstarted {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.more_items_quote  .task-drag-handle {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    font-size: 14px;
    outline: 0;
    padding: 6px 5px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
/* end adding more items to quote styles */

@media all and (max-width: 1520px) and (min-width: 1420px) {
    .goback {
        padding: 9px 38px 7px 55px;
    }

    .button_config .next {
        padding: 9px 57px 7px 46px;
    }
}


#step-ch .img-container {
    height: 350px;
}

#step-ch .item-img-wrapper {
    max-height: 135px;
}


.attention {
    background: #ff2612a6;
    color: #fff;
    width: 160px;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 50%;
    text-transform: none;
    text-align: center;
    top: -96px;
    right: -20px;
    padding: 24px 20px 11px 20px;
    position: absolute;
    animation: shake 10s ease-in-out infinite;
    display: none;
}

.attention.active {
    display: block;
    z-index: 1;
}

.attention:before,
.attention:after {
    position: absolute;
    content: '';
}

.attention:before {
    border-width: 10px 8px 0 8px;
    border-style: solid;
    border-color: #ff2612a6 transparent transparent transparent;
    top: 75px;
    left: 93px;
}

.attention:after {
    content: '✕';
    top: 2px;
    right: 93px;
    font-size: 12px;
    opacity: .7;
}

@keyframes shake {
    0% {
        transform: rotate(2deg);
    }
    4% {
        transform: rotate(-3deg);
    }
    6% {
        transform: rotate(3deg);
    }
    9% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

#step-ch .chair_access .item-img-wrapper  {
    padding: 0 16px 0 5px;
    max-width: 90px;
}

.chair-btn-ca {
    padding: 10px 28px 10px 25px;
    margin-left: 30px;
}

.chair_access .options__item-title span {
    color: gray;
    font-weight: normal;
    display: block;
    font-size: 13px;
}

.attention i {
    display: none;
}


#step-ch .price-block {margin-left: 20px;}
#step-ch .quantity_select-ca {margin-left: 40px; margin-top: 20px;}
#step-ch .price-block .list_price {font-size: 15px; margin-top: 20px; }
#step-ch .price-block .net_price {font-size: 15px;}

#step-ch .required {     position: absolute;   margin-top: -30px;
    margin-left: 360px;}

.stock_level a { color: #008dbb;
    text-decoration: none;}
.shipping-delay {color: #E96758;}
.single-tab.single-tab__monitors-tab .options__item {
    max-width: 330px;
    width: 33%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.single-tab.single-tab__monitors-tab .options__item .item-img-wrapper {
    max-height: 200px;
}

.single-tab.single-tab__monitors-tab .options__item .options__item-title {
    max-width: 180px;
}

.single-tab.single-tab__monitors-tab .options__item .select {
    max-width: 90%;
}

.single-tab__monitors-tab .single-tab__inner-header  {
    position: relative;
    width: calc(100% - 20px);     padding-left: 20px;
}


@media all and (max-width: 560px) {
    .single-tab.single-tab__monitors-tab .options__item .select {
        font-size: 10px;
    }
}

.quantity_select {
    margin-top: 15px;
}

.link-option-plus-legs h1 {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
}

.link-option-plus-legs .subtitle {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    display: inline-block;
}

.config-product-out-of-stock {
    margin: 10px 0;
    font-weight: 500;
    color: #E96758;;
}

.config-product-part-number {
    font-weight: 500;
    margin: 10px 0;
}

.config-product-part-number__title, .config-product-weight__title{
    font-size: 15px;
    color: #a7a9ac;
}

.config-product-part-number__number, .config-product-weight__weight {
    padding-left: 8px;
    color: #E96758;
}

.config-product__wrp-left {
    float: left;
}

.config-product__wrp-right {
    float: right;
}

.config-product-navigation {
    justify-content: space-between;
    user-select: none;
}

.config-product-navigation__item {
    width: 100%;
}

.config-product-table-pn {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.config-product-table-pn thead {
    border-bottom: 1px solid #f6f5f5;
}

.config-product-table-pn thead th {
    background-color: #fff;
    border: 0;
    padding: 12px 2px;
    color: #888888;
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}

.config-product-table-pn__item {
    vertical-align: middle;
}

.conf-block-wrap-legs .options_table-header {
    margin-top: 20px;
}

.config-product-table-pn thead th {border-bottom: 1px solid #dddedf }

.config-product-table-pn td {
    font-size: 15px;
    background-color: #fff;
    text-align: center;
    border: 0;
    line-height: 38px;
    vertical-align: middle;
    font-weight: 500;
    color: #707070;
    padding: 1px;
}

.config-product-table-pn tr:hover td {
    background-color: #f7f7f7;
    cursor: pointer;
}

.config-product-table-pn tr:hover td:first-child  {
    border-top-left-radius: 7px; border-bottom-left-radius: 7px;
}

.config-product-table-pn tr:hover td:last-child  {
    border-top-right-radius: 7px; border-bottom-right-radius: 7px;
}


.config-product-table-pn img {
    width: 16px;
    margin: 0 auto;
}

.config-product-table-pn__input-option {
    display: none;
}

.config-product-table-pn .config-product-table-pn__checked-icon {
    border: 1px solid #d9d9d9;
    background-color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    float: left;
    margin: 10px 10px 10px 20px;
}

table.config-product-table-pn  {
    border-collapse: separate;
    min-width: 600px;
    max-width: 100%;
}
table.config-product-table-pn td {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.config-product-table-pn  td:first-child {
    border-left: 1px solid #fff;
    text-align: left;
    min-width: 80px;
}
.config-product-table-pn  td:last-child {
    border-right: 1px solid #fff;
}


.config-product-table-pn tr.selected :hover td {
    background-color: #fff;
}

.config-product-table-pn .selected  td {
    background: white;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
}
.config-product-table-pn .selected td:first-child {
    border-top-left-radius: 7px;
    border-left: 1px solid #c4c4c4;
}
.config-product-table-pn .selected td:last-child { border-top-right-radius: 7px;   border-right: 1px solid #c4c4c4;}
.config-product-table-pn .selected td:first-child { border-bottom-left-radius: 7px; }
.config-product-table-pn .selected td:last-child { border-bottom-right-radius: 7px; }

.empty-spaces td {padding: 10px;}

.config-product-table-pn .selected td {
    background-color: #fff;
    color: #b3492c;
}

.config-product-table-pn .selected .config-product-table-pn__checked-icon {
    display: block;
    background-color: #9c2f10;
    border: 1px solid #9c2f10;
    padding: 2px 3px;
}

@media (max-width: 1420px) and (min-width: 1024px) {
    .options_table_location__word-config {
        display: none;
    }
}

@media all and (max-width: 1200px) {
    .options_table_location__word-config {
        display: none;
    }
}

@media all and (max-width: 1024px) {
    .options_table_location__word-config {
        display: inline;
    }
}

@media all and (max-width: 650px) {
    .options_table_location__word-config {
        display: none;
    }
}

.options_table_location__pn-details-wrp {
    color: #757575;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 15px;
}

.link-option-plus-legs #image_layers {
    margin-top: 4px;
    margin-bottom: 4px;
    width: 100%;
    height: 365px;
}

#image_layers .View360 {
    width: 60px;
    opacity: .3;
}

.config-view360 {
    display: block;
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: 1999;
}

#config_wrap {
    width: 100%;
    box-sizing: border-box;
}

.config-product-part-number__wrp {
    width: 100%;
    margin: 0;
}

.conf-block-wrap-legs .options__tab-header {
    display: none;
}


.conf-block-wrap-legs #step-tb .hideOptionHeader .options__tab-header {
    display: none;
}

.conf-block-wrap-legs #step-pm .options__tab-header {
    display: flex;
}

.conf-block-wrap-legs #step-tb .options__tab-header {
    display: flex;
}

.conf-block-wrap-legs #step-wr .options__tab-header {
    display: flex;
}

.conf-block-wrap-legs #step-wr .options__tab-container {
    margin-bottom: 10px;
}

.conf-block-wrap-legs #step-wr .wire-qty-wf, .conf-block-wrap-legs #step-wv .wire-qty-wg {
    display: none;
}

.conf-block-wrap-legs #step-wv .options__tab-header {
    display: flex;
}


/*
.conf-block-wrap-legs .optionsTab-fs .options__tab-header, .conf-block-wrap-legs .optionsTab-ub .options__tab-header {
    display: flex;
    background-color: #ececec;
    border: none;
    height: 32px;
}
.conf-block-wrap-legs .optionsTab-fs .options__tab-header:after, .conf-block-wrap-legs .optionsTab-ub .options__tab-header:after {
    display: none;
}
*/


.conf-block-wrap-legs #step-wv .options__tab-container {
    margin-bottom: 10px;
}

.conf-block-wrap-legs .options__container {
    padding-top: 0;
}

.conf-block-wrap-legs #step-tb .options__container {
    padding-top: 20px;
}

.conf-block-wrap-legs .img-container {
    width: 150px;
}

@media (min-width: 825px) {
    .conf-block-wrap-legs #step-bc .li_option {
        width: 20%;
    }

    .conf-block-wrap-legs  .options__item {
        width: 20%;
    }
}

.config-product-table-pn tr.empty-spaces:hover td {
    background-color: white;
    cursor: default;
}

.conf-block-wrap-legs #step-th .options__item-img {
    width: 1px;
}

.conf-block-wrap-legs #step-th .options__item .options__item-title{
    margin-top: 0;
}

.conf-block-wrap-legs #step-th .options__item {
    width: 24%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.conf-block-wrap-legs .options__tabs-wrapper {
    width: calc(100% - 150px);
    padding-left: 10px;
}

@media (max-width: 1200px) {
    .options__img-wrapper {
        display: none;
    }

    .conf-block-wrap-legs .options__tabs-wrapper {
        width: 100%;
        padding-left: 0;
    }
}

.conf-block-wrap-legs .options__img-wrapper {
    display: none;
}

.conf-block-wrap-legs .options__tabs-wrapper {
    padding-left: 0;
    width: 100%;
}

.conf-block-wrap-legs .options__container.design-12 {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px;
}

.relax-tt .item-img-wrapper, .relax-th .item-img-wrapper {
    max-height: 190px;
}

.hidden {
    display: none !important;
}

@media all and (max-width: 570px) {
    .config-product-table-pn thead th{
        font-size: 12px;
    }

    .config-product-table-pn td {
        font-size: 12px;
    }
}

.conf-block-wrap-legs .hideme {
    max-height: 1000px;
}

.button_config--mobile_only {
    display: none;
}

@media all and (max-width: 450px) {
    .config-linked {
        padding-left: 8px;
        padding-right: 8px;
    }

    .config-product-table-pn td {
        line-height: 22px;
        text-align: center;
    }
    .config-product-table-pn td:first-child {
        line-height: 40px;
        text-align: center;
        min-width: 68px;
    }

    .tableShow > div > div:first-child {
        width: 60px;
    }

    .config-product__wrp-left {
        width: 100%;
    }

    .config-product__wrp-right {
        float: left;
        width: 100%;
    }

    .options_table_location__pn-details-wrp {
        font-size: 12px;
    }

    .config-product-part-number {
        text-align: center;
    }

    .options_table_location__pn-details {
        text-align: center;
        display: inline-block;
    }

    .qty-wrapper button.qty-minus {
        border-radius: 0;
    }

    .qty-wrapper button.qty-plus {
        border-radius: 0;
    }

    .conf-block-wrap-legs .hideme {
        max-height: 0;
    }
}

.summary-bases {
    box-sizing: border-box;
    width: 100%;
}

.summary-bases .h5 {
    text-transform: uppercase;
    color: #757575;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    background: none;
    padding: 8px 0 8px 21px;
    margin: 0;
    font-size: 15px;
    float: none;
    margin-left: 25px;
    position: relative;
    cursor: pointer;
}

.config-page table th.summary-bases {
    background: #fff;
    padding: 6px 8px;
    color: #555350;
    font-size: 14px;
    text-align: left;
    border: 1px solid #dedede;
}

.conf-block-wrap-legs #step-pn {
    overflow-x: auto;
}

.h1-wrapper--mobile_only {
    display: none;
}

.h1-wrapper--mobile_only h1 {
    display: none;
    font-family: 'Raleway', sans-serif;
    text-transform: capitalize;
    color: #707070;
    font-weight: 500;
    position: relative;
    text-align: left;
    font-size: 28px;
    letter-spacing: 0.075em;
    padding: 0 20px 0 20px;
}


@media all and (max-width: 1024px) {
    .h1-wrapper--mobile_only {
        display: block;
    }

    .h1-wrapper--mobile_only h1 {
        display: block;
        order: 1;
        margin-bottom: 0;
    }

    #right .h1-wrapper {
        display: none;
    }

    table.config-product-table-pn  {
        min-width: 500px;
    }

    .left_side_wrap {
        order: 1;
    }

    .button_config--mobile_only {
        display: block;
    }
}

#step-pm .design-pm-4 .divider, #step-pm .design-pm-5 .divider  {
    margin-left: 30px;
}

#step-pm .design-pm-4  h5, #step-pm .design-pm-5  h5 {
    border-bottom: 1px solid #dadada;
    text-align: left;
    padding-bottom: 11px;
    margin-left: 400px;
    margin-bottom: 11px;
    color: #606060;
    font: bold 14px 'Raleway', sans-serif;
    text-transform: uppercase;
    margin-right: 10px;
    width: 311px;
    margin-top: -35px;
    position: absolute;
}


#step-pm .design-pm-4  h5.two, #step-pm .design-pm-5  h5.two {
    max-width: 390px;
    margin-top: -35px;
    position: absolute;
    display: inline-block;
    height: 16px;
    width: 154px;
    padding-left: 1px;
    margin-left: 206px;
}

#step-pm .design-pm-4 .dataty-5, #step-pm .design-pm-5 .dataty-5 {margin-left: 40px;}
#step-pm .design-pm-4 .dataty-5:before, #step-pm .design-pm-5 .dataty-5:before {
    position: absolute;
    height: 155px;
    margin-left: -98px;
    margin-bottom: -26px;
    margin-right: 20px;
    content: "";
}

#step-th .options__tab {
    margin-bottom: 20px;
    width: 100%;
}


/*

#j-modal__base-view .j-modal__content {width: 1000px;}
#j-modal__base-view .cd-product-viewer-wrapper {width: 100%;
    min-height: 400px; }*/


.j-modal__content {
    width: 450px;
    padding: 20px;
    position: relative;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.image-layers-360 {
    margin-top: 4px;
    margin-bottom: 4px;
    z-index: 50;
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    height: 365px;
    background-color: #fff;
    display: none;

    transition: all 0.5s;
}

.image-layers-360 .View360 {
    opacity: 0.8;
}

.cd-product-viewer-wrapper.image-layers-360__main-image {
    max-height: calc(100% - 8px);
    width: 100%;
    position: relative;
    padding: 0;
}

.image-layers-360 .config-view360 {
    left: 0;
    bottom: 7px;
    z-index: 1999;
    width: 60px;
    height: 31px;
}


.image-layers-360.view_play {
    display: block;
}

.image-layers-360__view-img {
    background-image: url('/assets/360/360_fill.svg');
    background-position: center center;
    background-repeat: no-repeat;
}

.image-layers-360.view_play.play .image-layers-360__view-img {
    filter: brightness(0.2) sepia(1) hue-rotate(-3deg) saturate(13);
}

.image-layers-360.view_play.play .image-layers-360__view-img:hover {
    filter: brightness(0.40) sepia(0) hue-rotate(376deg) saturate(32);
}

.image-layers-360.view_play .image-layers-360__view-img {
    filter: brightness(0.8);
}

.loading-btn {
    position: absolute;
    bottom: 7px;
    right: 13px;
    z-index: 50;
    padding: 0;
    opacity: 1;
    transition: opacity 0.6s linear;
}

.loading-btn.hidden-btn {
    opacity: 0;
}

.loading-btn i {
    font-size: 21px;
    color: #b3b3b3;
    line-height: 21px;
}


.zoom-btn {
    position: absolute;
    bottom: 7px;
    right: 50px;
    z-index: 50;
    opacity: 1;
    transition: opacity 0.6s linear;
}

.zoom-btn.hidden-btn {
    opacity: 0;
}

.zoom-btn i {
    font-size: 21px;
    color: #b3b3b3;
    line-height: 24px;
}

.download-btn {
    position: absolute;
    bottom: 7px;
    right: 13px;
    z-index: 50;
    padding: 0;
    opacity: 1;
    transition: opacity 0.6s linear;
}

.download-btn.hidden-btn {
    opacity: 0;
}

.download-btn i {
    font-size: 21px;
    color: #b3b3b3;
    line-height: 24px;
}

.fa-circle-notch:before {
    -webkit-animation: rotation 1s infinite linear;
    display: block;
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}


.image-buttons {
    text-decoration: none;
}

.image-buttons:hover i {
    color: #9c2f10;
}

.link-option-plus-legs .image-button:before {
    display: none;
}

.link-option-plus-legs .image-button:hover {
    background-color: transparent;
}

.link-option-plus-legs .cd-product-viewer-wrapper .product-viewer {
    margin: 0;
}

.link-option-plus-legs .image-layers-360.small {
    width: 122px;
    height: 125px;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    box-shadow: 0 0 5px #f3f2f2;
}

.link-option-plus-legs .image-layers-360.small .cd-product-viewer-wrapper.image-layers-360__main-image {
    margin-top: 5px;
}

.image-layers-360.small .config-view360 {
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f6f6f6;
}

.image-layers-360.small .image-layers-360__view-small {
    display: flex;
    padding-top: 4px;
    padding-bottom: 4px;
    border-top: 1px solid #e3e3e3;
    width: 100%;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.image-layers-360:not(.small) .image-layers-360__view-small {
    left: 0;
    top: 10px;
    z-index: 1999;
    width: 60px;
    height: 31px;
    display: block;
    position: absolute;
}

.view360-small {
    display: inline-block;
    width: 50px;
    opacity: 0.3;
    margin: 0 auto;
    background: url("/assets/360/360.svg") no-repeat center center;
    height: 27px;
}

.small.play .view360-small {
    opacity: 0.3;
    background: url("/assets/360/360.svg") no-repeat center center;
}

.play .view360-small {
    opacity: 1;
    background: url("/assets/360/360_play.svg") no-repeat center center;
}


.image-layers-360__view-small:hover .view360-small {
    opacity: 1;
    background: url("/assets/360/360_hover.svg") no-repeat center center;
}

#step-sr .item-img-wrapper {
    max-height: 190px;
}

@media all and (max-width: 380px) {
    #step-pm .design-pm-4  h5, #step-pm .design-pm-5  h5 {
        display: block;
        width: 100%;
        margin: 10px 0;
        text-align: center;
        position: relative;
        padding: 0;
    }

    #step-pm .design-pm-4 h5.two, #step-pm .design-pm-5 h5.two {
        display: block;
        width: 100%;
        margin: 10px 0;
        text-align: center;
        position: relative;
        padding: 0;
    }

    #step-pm .design-pm-4 .dataty-5, #step-pm .design-pm-5 .dataty-5 {
        margin-left: 0;
    }

    .info-popup.tooltip {
        display: none;
    }
}

.quantity-select-tj {
    position: absolute;
    bottom: 0;
    left: 9px;
    right: 9px;
    display: none;
    margin: 10px auto;
    z-index: 100;
}

.options__item.active .quantity-select-tj {
    display: block;
}

#step-tj .options__item-title {
    margin: 10px 0 44px 0;
}

.image-layers-360 .js-close-360 {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 22px;
    color: #777;
    cursor: pointer;
    opacity: .5;
    transition: opacity 0.5s ease;
}

.image-layers-360.small .js-close-360 {
    display: none;
}

.js-close-360:hover {
    opacity: 1;
}

#configurator {margin-bottom: 80px}


.conf-block-wrap-legs #step-pm .divider,
.conf-block-wrap-legs #step-pm .two,
.conf-block-wrap-legs #step-pm .closed

{display: none;}

.conf-block-wrap-legs #step-pm .options__tab-container-design .options__item {
    width: 100%;
    max-width: 185px;
    border-color: white;
}

.conf-block-wrap-legs #step-pm .dataty-3 .item-img-wrapper {
    align-items: baseline;
}

.conf-block-wrap-legs #step-pm .options__tab-container {
    padding: 20px;
}

.conf-block-wrap-legs #step-pm .slide-tab {
    margin-bottom: 20px;
}

.conf-block-wrap-legs #step-cl .li_option {
    width: 20%;
    padding: 0;
}

.conf-block-wrap-legs #step-cl .li_option.active {
    border: 1px solid #dadada;
    background-color: #ffffff;
}

.link-option-plus-legs #step-ca .single-tab.single-tab__monitors-tab .options__item {
    width: 100%;
    max-width: unset;
}

.link-option-plus-legs #step-ca .single-tab.single-tab__monitors-tab .options__item .select {
    height: 38px;
}

.link-option-plus-legs #step-ca .options__item-img {
    width: 100%;
    height: 100%;
}

.link-option-plus-legs #step-ca .options__item-title {
    margin-top: 50px;
}

.link-option-plus-legs #step-ca .quantity_select {
    margin-top: 75px;
}

#step-ca .options__item-title {   max-width: none;    text-align: left;    padding: 10px;}
#step-ca .single-tab__inner-header {display: none; }
#step-ca .single-tab .options__tab-container {  padding: 0px;  }
#step-ca .single-tab .options__tab-container .options__item {  border: none;  }
#step-ca  .options__item {    flex-wrap: nowrap;}

#step-co .options__container {border: none; }
#step-co .single-tab__inner-header.active {display: none;}
#step-co .single-tab .options__tab-container{    padding: 0px;    border: none; }

.config-product-table-pn thead th.config-product-table-pn__item-select {
    padding-left: 50px;
}


.h1_product_title-bases .part_number, .h1_product_title-tables .part_number {
    margin-left: 20px;
    font-size: 14px;
    font-weight: 400;
    color: gray;
}

.h1_product_title-bases .part_number a , .h1_product_title-tables .part_number a {
    color: #E96758;
    text-decoration: none;
}

@media all and (max-width: 430px) {
    .zoomContainer {
        display: none;
    }

    .js-close-360 {
        z-index: 10;
    }

    #image_project {
        transform: scale(1.2);
    }

    #image_layers, .link-option-plus-legs #image_layers {
        width: 100%;
        margin-top: 0;
    }
}

.quote-info-popup h3 {
    text-align: center;
}

.quote-info-popup input {
    color: #585858;
    text-transform: none;
    outline: none;
    font-size: 15px;
    line-height: 30px;
    padding: 0 15px;
    height: 33px;
    box-sizing: border-box;
    background-color: #f7f7f7;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #c1c1c2;
    width: 300px;
}

.quote-info-popup .btn {
    padding-right: 20px;
    padding-left: 20px;
}

.quote-info-popup .quote-button__save-project-number {
    margin-right: 10px;
    display: inline-block;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: #fff;
    background-color: #b3492c;
    border: 1px solid #9c2f10;
    font-size: 16px;
    padding: 9px 20px 7px 20px;
    background-position: center right;
    text-transform: uppercase;
    cursor: pointer;
    transition: .3s;
    position: relative;
}

.quote-info-popup .quote-button__save-project-number:hover {
    background-color: #9c2f10;
    border-color: #9c2f10;
    transition: .3s;
}
.quote-info-popup .after-btn-text {
    padding-bottom: 0;
    font-size: 14px;
    text-align: center;
    width: 100%;
}
.quote-info-popup .cancel-wrapper {
    padding-bottom: 35px;
}

.quote-info-popup p {
    text-align: left;

}

/* Add project Number Modal */
#quote_project_details_popup .j-modal__content {
    width: 800px;
}

#quote_project_details_popup.one-column .j-modal__content {
    width: 500px;
}

#quote_project_details_popup.one-column .Address-Items-Wrap {
    width: 100%;
    margin-right: 0;
}

#quote_project_details_popup.one-column .form-item-col50 {
    width: 100%;
}

#quote_project_details_popup.one-column .ship-addr-title--wrap .error-msg {
    position: absolute;
    left: 0;
    padding-left: 0;
    bottom: -33px;
}


@media all and (min-width: 630px) {
    .quote-info-popup .j-modal__field {
        padding-left: 53px;
    }
}

.quote-info-popup .j-modal__field {
    text-align: left;
    padding-left: 27px;
    margin-bottom: 15px;
}

.config-image-layers-360.small .click-and-drag-help {
    display: none;
}

.config-image-layers-360:not(.small) .click-and-drag-help {
    display: block;
}

@media all and (max-width: 430px) {
    .config-image-layers-360:not(.small) .click-and-drag-help {
        display: none;
    }

    #configurator {
        margin-top: 10px;
    }
}

.click-and-drag-help {
    color: #999999;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    padding-left: 70px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.click-and-drag-help:before {
    content: '';
    position: absolute;
    width: 80px;
    height: 30px;
    top: 0;
    left: 0;
    background: url("/assets/img/click-and-drag.svg") no-repeat;
    background-position: left center;
    background-size: 100% 100%;
}

.cast-iron-tt .item-img-wrapper {max-height: none}

.other-laminates-edge-wrp {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    justify-items: flex-start;
    align-content: flex-start;
    margin-top: 10px;
}

.other-laminates-edge-gap {
    width: 250px;
    margin-right: 30px;
}

.other-laminates-edge-label {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    justify-items: flex-end;
    align-content: flex-end;
    padding: 10px 10px 10px 0;
    width: 186px;
    color: #707070;
    font-weight: 500;
}

.other-colors-likegap-wrp {
    width: 250px;
    position: relative;
}

.other-laminates-edge-type {
    width: 240px;
    box-sizing: border-box;
    padding: 2px 10px;
    border-radius: 3px;
    font-family: Raleway, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #707070;
}

.easy-autocomplete-container {
    z-index: 100;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 2px 10px !important;
    line-height: 28px !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 3px !important;
    height: 32px !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    font-size: 22px !important;
    margin-right: 10px !important;
    line-height: 20px !important;
    color: #E96758 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #707070 !important;
}

.select2-search--dropdown .select2-search__field, .select2-results__option {
    font-family: Raleway, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #707070;
}

.hideOptionHeader .options__tab-header {
    border: none;
    background: white;
    height: 0px;
    display: none;
    margin-bottom: -20px;
}

.hideOptionHeader  .options__tabs-wrapper {
    margin-bottom: -20px;
    /*    margin-top: -20px;*/

}

input.input_option.radio.othercolors_hidden_select:checked + label {
    color: #707070;
}

.manufacturer-select.error {
    background-color: #f1c0b2;
}

.tooltip-popup__manufacturer-error {
    position: absolute;
    top: 0;
    left: 300px;
    border: 1px solid #E96758;
    background-color: #E96758;
    z-index: 1;
    color: #fff;
    padding: 20px;
    font-size: 14px;
    line-height: 20px;
    transition: .3s ease-out;
    border-radius: 4px;
    opacity: 0;
}

.tooltip-popup__manufacturer-error:before {
    content: '';
    position: absolute;
    left: -6px;
    top: 12px;
    background-color: #E96758;
    width: 12px;
    height: 12px;
    transform: rotate(135deg);
    border-right: 1px solid #E96758;
    border-bottom: 1px solid #E96758;
    z-index: 100;
    transition: .3s ease-out;
    opacity: 0;
}

.tooltip-popup__manufacturer-error.animate {
    opacity: 1;
    left: 275px;
    transition: .3s ease-out;
}

.tooltip-popup__manufacturer-error.animate:before {
    opacity: 1;
}

.tooltip-popup__header {
    font-size: 16px;
    padding-bottom: 10px;
    display: inline-block;
}

.tooltip-popup__color-error {
    position: absolute;
    top: 2px;
    left: 194px;
    border: 1px solid #E96758;
    background-color: #E96758;
    z-index: 1;
    color: #fff;
    padding: 20px;
    box-shadow: 1px 1px #aaa;
    font-size: 14px;
    line-height: 20px;
    transition: .3s ease-out;
    border-radius: 4px;
    opacity: 0;
    width: 284px;
    box-sizing: border-box;
}

.tooltip-popup__color-error:before {
    content: '';
    position: absolute;
    right: -6px;
    top: 12px;
    background-color: #E96758;
    width: 12px;
    height: 12px;
    transform: rotate(-45deg);
    border-right: 1px solid #E96758;
    border-bottom: 1px solid #E96758;
    box-shadow: 1px 1px #aaa;
    z-index: 100;
    transition: .3s ease-out;
    opacity: 0;
}

.tooltip-popup__color-error.animate {
    opacity: 1;
    left: 204px;
    transition: .3s ease-out;
}

.tooltip-popup__color-error.animate:before {
    opacity: 1;
}

.select2-search__field.error {
    background-color: #f1c0b2;
}

.link-option-plus-legs .navigation__under-option {
    padding-left: 0;
}


@media all and (max-width: 430px) {
    #quote_project_details_popup .j-modal__content {
        width: 100%;
        box-sizing: border-box;
        padding: 0;
    }

    .quote-info-popup .j-modal__field {
        padding-left: 0;
    }

    .more_items_quote.alert-warning {
        box-sizing: border-box;
        width: 100%;
        bottom: 0;
        top: unset;
        left: 0;
        right: 0;
        margin-bottom: 0;
        padding: 10px;
    }

    .more_items_quote p {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 4px;
    }

    .quote-info-popup .quote-button__save-project-number,
    .quote-info-popup .quote-button__add-more-items {
        font-size: 14px;
        border-radius: 15px;
        padding-left: 15px;
        padding-right: 15px;
        text-transform: none;
    }

    .quote-info-popup .quote-button__add-more-items {
        color: #575757;
    }
}

#step-mp .options__tab-container .options__img, #step-ap .options__tab-container .options__img {
    max-width: 140px;
}
.warn-wrapper {width: 100%}
.warn-wrapper .optional__warn-title {
    font: 15px/18px "Raleway", Helvetica, Arial, sans-serif;
    border-bottom: 1px solid #c5c5c5;
    color: #707070;
    margin-bottom: -9px;
    padding-left: 10px;
    margin-top: 30px;
}

.warn-wrapper .optional__warn-text {

    padding-left: 10px;
}

.options__tab-container .options__item.disabled:hover {
    cursor: default;
    background: white;
    color: #505050;
    border-color: white;
}

.options__tab-container .options__item.disabled:hover .options__item-title{
    cursor: default;
    background: white;
    color: #505050;

}

#step-mp .single-tab .options__tab-container {
    margin-bottom: 20px;
}

#step-ap .power-data-horiz {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
#step-ap .power-data-horiz .horizontal__item .item-img-wrapper {
    padding: 10px 5px 0px 5px;
}
#step-ap .power-data-horiz .horizontal__item .options__item-title{
    text-align: center;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}
#step-ap .power-data-horiz .horizontal__item {
    width: 150px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin-right: 10px;
}

#step-ap .warning, #step-mp .warning {
    margin-left: 20px;
    font-size: 17px;
    color: #505050;
}

#j-modal__help-me-choose td {
    color: #707070;
}

#j-modal__help-me-choose table {
    border-collapse: collapse !important;
}

#j-modal__help-me-choose > .j-modal__wrap > .j-modal__content > table {
    border: none;
}

#j-modal__help-me-choose > .j-modal__wrap > .j-modal__content > table > tbody > tr {
    border: none;
}

#j-modal__help-me-choose > .j-modal__wrap > .j-modal__content > table > tbody > tr > td {
    padding: 0;
    vertical-align: top;
    border: 1px solid #dedede;
}

#j-modal__help-me-choose > .j-modal__wrap > .j-modal__content > table > tbody > tr tr {
    border: none;
}

#j-modal__help-me-choose > .j-modal__wrap > .j-modal__content > table > tbody > tr > td td {
    border: none;
    border-bottom: 1px solid #dedede;
}

#j-modal__help-me-choose > .j-modal__wrap > .j-modal__content > table > tbody > tr tr:last-child > td {
    border: none;
}

#j-modal__help-me-choose ul {
    padding-right: 20px;
}

#j-modal__help-me-choose ul li {
    color: #707070;
    text-align: left;
    list-style: circle;
}
.gotQuestions {
    text-align: center; text-transform: uppercase; font-weight: 900; font-size: 30px; line-height: 10px;
}
@media screen and (max-width: 960px) {
    .gotQuestions {
        text-align: center; text-transform: uppercase; font-weight: 900;
        margin-top: 39px;
        margin-bottom: 29px;
        font-size: 22px; line-height: 10px;
    }

    /*hmc*/
    #j-modal__help-me-choose > .j-modal__wrap > .j-modal__content > table {
        border: 0;
    }

    #j-modal__help-me-choose > .j-modal__wrap > .j-modal__content > table > tbody > tr {
        display: flex;
        flex-direction: column;
        background-color: transparent;
        border: 0;
    }

    #j-modal__help-me-choose > .j-modal__wrap > .j-modal__content > table > tbody > tr > td {
        width: 100% !important;
        display: block;
        margin-bottom: 20px;
    }

    #j-modal__help-me-choose > .j-modal__wrap > .j-modal__content > table.programm_table > tbody > tr {
        display: table-row;
        flex-direction: column;
        background-color: transparent;
        border: 0;
    }
    #j-modal__help-me-choose > .j-modal__wrap > .j-modal__content > table.programm_table > tbody > tr > td {
        width: auto !important;
        display: table-cell;
        margin-bottom: 20px;
    }
.table_wrap {
    overflow: hidden;
    overflow-x: auto;
}

    /*hmc END*/
}

.gsa-title {
    color: #006197;
    font-weight: 500;
}
.config_full_width .options__firstColumnWrapper {display: none}
.config_full_width .config-line-wrapper {display: flex}
.config_full_width #button_config_low  {width: 100%; display: none}

.config_full_width #right  {width: 460px;
    margin-left: 20px;
    display: flex; flex-direction: column;
    margin-bottom: 70px;
}
@media (min-width: 1680px) {
    .config_full_width #right   {
        width: 575px;
    }
}


.config_full_width #right .h1-wrapper  {
    margin-top: -20px;
    margin-bottom: 0px;
}
.config_full_width .link-option-plus h1 {
    font-size: 26px;
}

.config_full_width #right #button_config  { margin-top: 20px;}
.config_full_width #right #image_product  {}
.config_full_width #right .goback {  padding: 9px 33px 7px 55px;}
.config_full_width #right .button_config .next {  padding: 9px 50px 7px 30px;}
.config_full_width .options__tabs-wrapper {
    width: 100%;
    padding-left: 0;
}
.config_full_width .price-block-wrapper {
    margin-top: 0;
}

.config_full_width .navigation__under-option .steps {
    margin-bottom: 0;
}

.config_full_width .navigation__under-option {
    padding-left: 20px;
}


.config_full_width .single-tab.single-tab__monitors-tab .options__item {
    max-width: 330px;
    width: 25%;
}
.config_full_width .single-tab.single-tab__monitors-tab .options__item .item-img-wrapper {
    max-height: 94px;
}
.config_full_width .single-tab.single-tab__monitors-tab .options__item  .options__item-img {
    width: 120%;
    max-width: none;
}
.config_full_width #step-ma .item-img-wrapper {
    max-height: none;
}

.config_full_width #step-ch .item-img-wrapper {
    max-height: none;
}

.config_full_width #step-pe .item-img-wrapper {
    max-height: none;
}

.config_full_width #step-pe .options__img-wrapper {
    display: none;
}

#step-pe .power-data-horiz {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

#step-pe .power-data-horiz .horizontal__item {
    width: 150px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin-right: 10px;
}

#step-pe .power-data-horiz .horizontal__item .options__item-title {
    text-align: center;
    margin: 0;
    padding: 0 0 10px 0;
}

@media (max-width: 1480px) {
    .config_full_width .options__item {
        width: 16.5%;
        max-width: 180px;
    }
}


@media (min-width: 1381px) {
    .config_full_width  #step-bc .li_option {
        width: 16.5%;
        max-width: 180px;
    }
}
.config_full_width #image_layers {
    width: 100%;
    margin-bottom: 0;
    margin-left: 0;
}
.config_full_width .left_side_wrap {
    width: 100%;
}
@media (max-width: 1480px) {
    .config_full_width .left_side_wrap {
        width: calc(100% - 460px);
    }
}
.config_full_width  #image_layers img {
    z-index: -1;
    position: relative;
    max-width: 100%;
    width: 93%
}

.config_full_width  #image_layers .full-image-button > img {
    height: 30px;
    width: 32px;
}


@media all and (max-width: 430px) {
    #j-modal__custom_height .j-modal__content {
        width: calc(100% - 40px);
    }

    #j-modal__custom_height .rangeslider--horizontal {
        width: 100%;
    }

    .link-option-plus-legs #image_project {
        transform: scale(1);
    }

    #j-modal__custom_height  .item-img-wrapper {
        width: 0;
    }

    .config_full_width .left_side_wrap {
        width: 100%;
    }

    .config_full_width #image_layers {
        margin: 0;
    }

    .config_full_width #right {
        width: calc(100% - 10px);
        margin-left: 0;
        margin-bottom: 20px;
    }

    .config_full_width #right .goback {
        padding: 9px 15px 7px 15px;
    }

    .config_full_width #right .button_config .next {
        padding: 9px 15px 7px 15px;
    }

    .link-option-plus:not(.link-option-plus-legs) .navigation__title {
        display: none !important;
    }

    .config_full_width .options__item {
        width: 33.33333%;
        max-width: 100%;
    }

    .config_full_width #image_project {
        transform: scale(1);
    }

    .j-modal__wrap {
        width: calc(100% - 20px);
        padding: 20px 10px;
        box-sizing: border-box;
    }

    #update_quote_project_number input {
        width: 100%;
    }

    .group_4.active, .group_5.active, .group_6.active {
        display: flex !important;
    }
}

@media all and (max-width: 320px) {
    .j-modal__wrap {
        width: 100%;
    }
}

.connected.locations {top: 140px;}
/*
*/
.product736.options__item-img-PowerData  {
    margin-top: -25px;
}

.product736.options__item-img-PowerData.pack-2  {
    min-width: 276px;
}

.product736.options__item-img-PowerData.pack-4  {
    min-width: 538px;
}

.product736.options__item-img-PowerData.pack-6  {
    min-width: 809px;
}

.product736 .locations.rmnu {
    top: 160px;
    left: 445px;
}
.product736 .locations.lmnu {
    left: 445px;
    top: 91px;
}

.connected.locations.lsnu1 {
     top: 160px;
     left: 10px;
 }
.connected.locations.rsnu1 {
    top: 160px;
    left: 180px;
}

.connected.locations.lsnu2 {
    top: 160px;
    left: 275px;
}
.connected.locations.rsnu2 {
    left: 275px;
    top: 91px;
}

.connected.locations.lsnu3 {
    top: 160px;
    left: 550px;
}
.connected.locations.rsnu3 {
    top: 160px;
    left: 710px;
}

.connected.locations.lsnu4 {
     top: 91px;
     left: 180px;
 }
.connected.locations.rsnu4 {
    top: 91px;
    left: 10px;
}

.connected.locations.lsnu6 {

    top: 91px;
    left: 710px;
}
.connected.locations.rsnu6 {
    top: 91px;
    left: 550px;
}
.product736 label {
    color: #313131;
}


#step-pm .product736  h5 {
    margin-left: 820px;
}
#step-pm .product736   h5.two {
    margin-left: 421px;
}

.locations-wrap-pack-2.product736 .locations.rmnu {
    left: 10px;
    top: 91px;
}
.locations-wrap-pack-2.product736 .locations.lmnu {
    left: 180px;
    top: 91px;
}
.locations-wrap-pack-2.product736  .connected.locations.lsnu2 {
    top: 160px;
    left: 10px;
}
.locations-wrap-pack-2.product736 .connected.locations.rsnu2 {
    top: 160px;
    left: 180px;
}


/*
input.power_hidden_select {display: block !important}
*/

@media (min-width: 1480px) {
    #step-pm .product736 h5 {
        margin-left: 713px;
    }
    #step-pm .product736   h5.two {
        margin-left: 367px;
    }

}

@media (min-width: 1680px) {
    #step-pm .product736 h5 {
        margin-left: 720px;
        width: 137px;
    }
    #step-pm .product736   h5.two {
        margin-left: 371px;
        width: 290px;
    }

}
#step-pm .simpleTabSelect  {min-width: auto}
.config_full_width  #step-pm .options__tabs-wrapper {
    width: 100%;
    padding-left: 20px;
    padding-right: 10px;
}

.config_full_width  #step-pm .options__tab {
    margin-bottom: 5px;
}

.product736 .locations.rnu {
    left: 275px;
    top: 113px;
}
.product736 .grommet-location .locations.lnu {
    top: 113px;
    left: 445px;
}

.grommet-location  .connected.locations.lsnu1 {
    top: 200px;
    left: 10px;
}
.grommet-location  .connected.locations.rsnu1 {
    top: 200px;
    left: 180px;
}

.grommet-location  .connected.locations.lsnu2 {
    top: 200px;
    left: 275px;
}
.grommet-location  .connected.locations.rsnu2 {
    top: 200px;
    left: 445px;
}

.grommet-location  .connected.locations.lsnu3 {
    top: 200px;
    left: 550px;
}
.grommet-location  .connected.locations.rsnu3 {
    top: 200px;
    left: 710px;
}

.grommet-location  .connected.locations.lsnu4 {
    top: 113px;
    left: 180px;
}
.grommet-location  .connected.locations.rsnu4 {
    top: 113px;
    left: 10px;
}
.grommet-location  .connected.locations.lsnu6 {
    top: 113px;
    left: 710px;
}
.grommet-location  .connected.locations.rsnu6 {
    top: 113px;
    left: 550px;
}

.grommet-location.wrap-pack-4 .connected.locations.rsnu2 {
    left: 275px;
    top: 113px;
}

.product736 .wrap-pack-4 .locations.rnu {
    top: 200px;
    left: 445px;
}

.width-100 .single-tab__container .options__img-wrapper {
    margin-right: 15px;
}

.wire-warn {
    width: 100%;
    font: normal 14px/18px 'Raleway', sans-serif;
}

.grommet-location .pack-2.options__item-img {
    min-width: 276px;
}


.product736 .wrap-pack-2.grommet-location .locations.lnu {
    top: 113px;
    left: 195px;
}


.product736 .wrap-pack-2.grommet-location .locations.rnu {
    left: 15px;
    top: 113px;
}

.product736 .wrap-pack-2.grommet-location .connected.locations.lsnu2 {
    top: 200px;
    left: 15px;
}

.product736 .wrap-pack-2.grommet-location .connected.locations.rsnu2 {
    top: 200px;
    left: 195px;
}

.product736 .wn-type .locations-wrap {
    margin-top: -20px;
}

.product736 .wire-int-locations .location_ttr {
    margin-left: 5px;
    margin-top: 95px;
}
.product736 .wire-int-locations .location_bbl {
    margin-left: 5px;
    margin-top: 230px;
}
.product736 .wire-int-locations  .location_ttl {
    margin-left: 720px;
    margin-top: 95px;
}

.product736 .wire-int-locations .location_bbr {
    margin-left: 720px;
    margin-top: 230px;
}

.product736 .wire-int-locations.packs-loc-4  .location_ttl {
    margin-left:  485px;
    margin-top: 95px;
}

.product736 .wire-int-locations.packs-loc-4 .location_bbr {
    margin-left:  485px;
    margin-top: 230px;
}


.product736 .wire-int-locations.packs-loc-2  .location_ttl {
    margin-left:  190px;
    margin-top: 95px;
}

.product736 .wire-int-locations.packs-loc-2 .location_bbr {
    margin-left:  190px;
    margin-top: 230px;
}

.product736 .wire-int-locations.packs-loc-2 img {
    min-width: 276px;
}

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

.option_items_wrapper .quantity_select {
    padding: 6px 0 6px 3px;
    font: 13px 'Raleway', sans-serif;
    max-width: 100%;
}

.option_items_wrapper .options__item {
    margin-right:4px;
}

.conf-block-wrap-legs .option_items_wrapper {
    display: flex;
    padding-top:20px;
}

.warning {color: #E96758;}

.ab-warning {
    margin-top: -31px;
    margin-left: 17px;
    position: absolute;
}

.su-warning {
    margin-top: 25px;
    margin-left: 0px;

}

.container_wrap {
    position: relative;
}

.ad-ubr-notes {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: left;
    align-items: center;
    align-content: center;
    background: rgba(255,255,255,0.9);
}

#quote_project_details_popup * {
    box-sizing: border-box;
}

#quote_project_details_popup input {
    background-color: #fff;
}

#quote_project_details_popup .h3_title {
    text-align: center;
    color: #575757;
    font: 500 22px/32px "Raleway", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
    padding: 0;
    margin: 0;
}

#update_quote_project_number {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#change_shipping_address {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#quote-existing_shipping_addresses {
    display: flex;
    justify-content: space-evenly;
    overflow-y: auto;
    max-height: calc(100vh - 525px);
    min-height: 200px;
    margin-top: 20px;
    width: 100%;
}

#quote-existing_shipping_addresses .Items-Wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 20px;
    align-items: flex-start;
    width: 100%;
}

.Address-Items-Wrap {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-right: 20px;
    align-items: center;
    width: calc(50% - 20px);
    position: relative;
}

.Address-Item-Wrap {
    border: 1px solid #bebebe;
    padding: 20px 45px 20px 56px;
    border-radius: 5px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.Address-Item-Wrap.active {
    background: #f2f2f2;
    border: 1px solid #bebebe;
    border-left: 5px solid #E96758;
    box-shadow: 1px 1px 1px rgba(0,0,0,.08);
}

.Address-Items-Wrap:hover {
    background: #f2f2f2;
    cursor: pointer;
}

.Address-Item-Wrap.with-checkbox {
    padding-left: 56px ;
}

.addr-btns-wrp {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 45px;
    height: 100%;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
}

.addr-btn {
    display: block;
    cursor: pointer;
    text-decoration: none;
    padding: 3px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

.addr-btn__edit-address {
    padding-left: 7px;
}

.addr-btn i {
    font-size: 18px;
    color: #707070;
}

.addr-btn:hover i {
    color: #E96758;
}

.Address-Items-Wrap:hover .addr-btn {
    opacity: 1;
}

.Address-Items-Wrap label {
    display: block;
    cursor: pointer;
    line-height: 15px;
    padding-bottom: 1px;
}

.Address-Items-Wrap  input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    padding: 0;
}

.Address-Items-Wrap .CheckInput {
    margin-top: -11px;
    width: 20px;
}

.Address-Items-Wrap .CheckBox {
    position: absolute;
    height: 20px;
    overflow: hidden;
    border-radius: 5px;
    background-color: #f7f7f7;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid #bbbbbb;
    margin-top: -11px;
    width: 20px;
    margin-left: 20px;
}

.Address-Items-Wrap .CheckInput:checked + .CheckBox {
    background-color: #E96758;
    border: 1px solid #E96758;
    background-image: url(/images/filters/check-mark.svg);
}

.quote-details-form .form-item-label__project-number {
    width: 100%;
    margin-bottom: 20px;
}

.quote-details-form .form-item-label__custom-dealer-name {
    width: 100%;
    margin-bottom: 20px;
}

.quote-details-form .form-item-label__custom-dealership {
    width: 100%;
    margin-bottom: 20px;
}

.quote-details-form .form-item-label__custom-salerep-name {
    width: 100%;
    margin-bottom: 20px;
}

.form-item__text-select-shipping {
    margin-bottom: 0;
    font-size: 16px;
    margin-top: 10px;
    display: block;
    line-height: 24px;
    position: relative;
}

.form-item__text-select-shipping .required{
    font-size: 20px;
    color: #b3492c;
}

.quote-settings-title {
    margin-top: 0;
}

.Address-Items-Wrap.shake {
    -webkit-animation: shake_rotate 0.1s ease-in-out 0.1s infinite alternate;
}

@-webkit-keyframes shake_rotate {
    from {
        -webkit-transform: rotate(2deg);
    }
    to {
        -webkit-transform-origin:center center;
        -webkit-transform: rotate(-2deg);
    }

}

#quote_project_details_popup .Button-Details {
    margin: 0 10px;
}

#quote_project_details_popup .quote-button-main {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: #fff;
    box-shadow: inset 0 0 0 1px #9e180e;
    border: none;
    padding: 0;
    background-position: center right;
    cursor: pointer;
    transition: .3s;
    position: relative;
    text-transform: none;
    overflow: hidden;
}

#quote_project_details_popup .quote-button-main:hover .Button-DetailsText {
    padding-right: 0;
}

#quote_project_details_popup .quote-button-main:hover .Button-DetailsText:after {
    content: '';
    display: none;
}

#quote_project_details_popup .addNewShippingAddress {
    margin: 0;
}

.delete-address__popup {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #fff;
    border: 1px solid  #bebebe;
    padding: 10px 20px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.delete-address__popup p {
    padding: 0;
    margin: 0;
    color: #E96758;
    font-size: 13px;
    text-align: center;
}

.delete-address__popup-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.delete-address__popup-btn {
    color: #329bf4;
    font: 400 14px/22px "Raleway", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
    cursor: pointer;
    margin: 0 10px;
}

.delete-address__popup-btn:hover {
    border-bottom: 1px dashed #329bf4;
}

.error-msg {
    padding-left: 50px;
    color: #E96758;
    font-size: 13px;
    white-space: nowrap;
}

#quote_project_details_popup .quote-button-main:after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
    background-color: transparent;
    z-index: -2;
}

#quote_project_details_popup .quote-button-main:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background-color: #ccc;
    border-radius: 50%;
    z-index: -1;
    transition: all .5s ease-Out;
}

#quote_project_details_popup .quote-button-main:hover:before {
    top: -400%;
    left: -100%;
    width: 300%;
    height: 900%;
}


#quote_project_details_popup .quote-button-main:after {
    background-color: #E96758;
}

#quote_project_details_popup .quote-button-main:before {
    background-color: #9e180e;
}

.signup-item__billing-form-wrp * {
    box-sizing: border-box;
}

.signup-container-wrp {
    min-height: calc(100vh - 310px);
    align-items: flex-start;
    flex-direction: row;
    justify-content: center;
    padding: 0;
    flex-wrap: wrap;
    align-content:flex-start;
    padding-bottom: 180px;
}

.signup-wrp {
    margin-top: 29px;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    flex: 1;
    padding-bottom: 50px;
}

.signup-wrp * {
    box-sizing: border-box;
}

.signup-item {
    width: 50%;
    min-width: 670px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}


.signup-wrp h2 {
    font-size: 26px;
    letter-spacing: 1px;
    margin: 0 0 30px 0;
    padding: 0;
    font-weight: 400;
    position: relative;
    align-self: flex-start;
}

.signup-wrp h2:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 150px;
    height: 0;
    border-bottom: 2px solid #E96758;
}

.signup-wrp h3 {
    font-size: 24px;
    margin: 0 0 30px 0;
    padding: 0;
    font-weight: 400;
    position: relative;
    align-self: flex-start;
    width: 100%;
}

.signup-item__billing-form-wrp {
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-items: flex-start;
    align-items: flex-start;
    position: relative;
}

.signup-item__billing-form-wrp form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.signup-item__billing-form-wrp label {
    margin: 0;
    position:relative;
    width: 100%;
    transition: all linear 0.6s;
    display: flex;
    flex-direction: column;
}

.signup-item__billing-form-wrp span.signup-item-placeholder {
    pointer-events: none;
    position: absolute;
    left: 15px;
    bottom: 0;
    transition: 0.2s;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    color: #949494;
    font-size: 18px;
    line-height: 55px;
    letter-spacing: 1px;
}

.signup-item__billing-form-wrp .text-input {
    height: 55px;
    border: 1px solid #b9b9b9;
    border-radius: 5px;
    width: 100%;
    padding: 23px 15px 10px;
    letter-spacing: 1px;
    color: #6b6b6b;
    font-size: 18px;
    font-family: Raleway, Helvetica, Arial, sans-serif;
    outline: none;
    order: 2;
}

.signup-item__billing-form-wrp .text-input:focus {
    border-color: #585a5d;
    box-shadow: 5px 0 15.68px 0.32px rgba(0, 0, 0, 0.04);
}

.signup-item__billing-form-wrp .text-input:focus + span.signup-item-placeholder {
    transform: translateY(-12px);
    font-size: 14px;
}

.signup-item__billing-form-wrp .text-input:not(:placeholder-shown) + span.signup-item-placeholder {
    transform: translateY(-12px);
    font-size: 14px;
}

.signup-item__billing-form-wrp .text-input:not(:-ms-input-placeholder) + span.signup-item-placeholder {
    transform: translateY(-12px);
    font-size: 14px;
}

/*only for Edge */
@supports (-ms-ime-align:auto) {
    .signup-item__billing-form-wrp .text-input:not(-webkit-input-placeholder) + span.signup-item-placeholder {
        transform: translateY(-12px);
        font-size: 14px;
    }
}

.signup-item__billing-form-wrp .text-input:focus + span.signup-item-placeholder {
    color: #419afd;
    font-weight: 500;
}

.signup-item__billing-form-wrp .text-input:focus:not(:placeholder-shown) + span.signup-item-placeholder {
    color: #419afd;
    font-weight: 500;
}

.signup-item__billing-form-wrp .text-input:focus:not(:-ms-input-placeholder) + span.signup-item-placeholder {
    color: #419afd;
    font-weight: 500;
}

/*only for Edge */
@supports (-ms-ime-align:auto) {
    .signup-item__billing-form-wrp .text-input:focus:not(-webkit-input-placeholder) + span.signup-item-placeholder {
        color: #419afd;
        font-weight: 500;
    }
}

.form-items-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
}

.signup-item__billing-form-wrp label.signup-item-label__label-first-name {
    margin-bottom: 20px;
    margin-right: 20px;
    width: 255px;
}

.signup-item__billing-form-wrp label.signup-item-label__label-last-name {
    margin-bottom: 20px;
    width: 275px;
}

.signup-item__billing-form-wrp label.signup-item-label__label-job-title {
    margin-bottom: 20px;
    width: 400px;
}

.signup-item__billing-form-wrp label.signup-item-label__label-addr-line-1, .signup-item__billing-form-wrp label.signup-item-label__label-addr-line-2 {
    margin-bottom: 20px;
    width: 455px;
}

.signup-item__billing-form-wrp label.signup-item-label__label-city {
    margin-bottom: 20px;
    margin-right: 20px;
    width: 275px;
}

.signup-item__billing-form-wrp label.signup-item-label__label-state {
    margin-bottom: 20px;
    margin-right: 20px;
    width: 155px;
    z-index: 100000;
}

.signup-item__billing-form-wrp label.signup-item-label__label-zip {
    margin-bottom: 20px;
    width: 155px;
}

.signup-item__billing-form-wrp label.signup-item-label__label-country {
    margin-bottom: 20px;
    width: 175px;
    z-index: 1;
}

.signup-item__billing-form-wrp label.fill-line {
    width: 100%;
    height: 0;
    padding: 0;
    margin: 0;
    line-height: 0;
}

.signup-item__billing-form-wrp label.signup-item-label__label-telephone {
    margin-bottom: 20px;
    margin-right: 20px;
    width: 274px;
}

.signup-item__billing-form-wrp label.signup-item-label__label-phone-ext {
    margin-bottom: 20px;
    width: 155px;
}

.signup-item__billing-form-wrp label.signup-item-label__label-company-name {
    margin-bottom: 20px;
    margin-right: 20px;
    width: 275px;
}

.signup-item__billing-form-wrp .radio-label {
    padding-left: 37px;
    font-size: 18px;
    line-height: 24px;
    position: relative;
}

.signup-item__billing-form-wrp .radio-label span {
    left: 0;
    margin-left: 0;
    top: 4px;
}

.signup-item__billing-form-wrp .form-item-label__label-type {
    margin-bottom: 20px;
    margin-right: 20px;
    width: 155px;
}

.Form-Wrap {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-items: flex-start;
    align-items: flex-start;
    position: relative;
    padding: 20px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #bebebe;
    border-left: 5px solid #E96758;
    width: 600px;
    box-shadow: 1px 1px 1px rgba(0,0,0,.08);
}

.Form-Wrap .shipping-address__formTitle {
    text-align: left;
    color: #707070;
    font: 500 18px/26px "Raleway", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
    padding: 0;
    margin: 0 0 25px 0;
}

.Inputs-Wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 20px;
    align-items: flex-start;
    z-index: 2;
}

.signup-item-placeholder.required:after {
    content: '\f069';
    color: #E96758;
    font-size: 8px;
    padding-left: 6px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    top: -1.2em;
    position: relative;
    transform: rotate(60deg);
    display: inline-block;
    transition: all linear 0.3s;
}

.signup-item__billing-form-wrp .text-input.parsley-success {
    border-bottom: 2px solid #1e9000;
}

.signup-item__billing-form-wrp .text-input:focus + .signup-item-placeholder.required:after,
.signup-item__billing-form-wrp .text-input:not(:placeholder-shown) + .signup-item-placeholder.required:after {
    font-size: 6px;
    top: -1.2em;
}

.signup-item__billing-form-wrp .text-input:focus:not(:-ms-input-placeholder) + .signup-item-placeholder.required:after {
    font-size: 6px;
    top: -1.2em;
}

.selectric-wrapper.selectric-open + .signup-item-placeholder.required:after,
.selectric-wrapper.selectric-checked + .signup-item-placeholder.required:after,
.selectric-wrapper.selectric-focus + .signup-item-placeholder.required:after {
    font-size: 6px;
    top: -1.2em;
}

/*only for Edge */
@supports (-ms-ime-align:auto) {
    .signup-item__billing-form-wrp .text-input:not(-webkit-input-placeholder) + .signup-item-placeholder.required:after,
    .signup-item__billing-form-wrp .text-input:focus:not(-webkit-input-placeholder) + .signup-item-placeholder.required:after {
        font-size: 6px;
        top: -1.2em;
    }
}

.spiff-form-item__text {
    font-size: 18px;
    line-height: 24px;
    color: #707070;
    font-weight: 400;
    width: 100%;
    margin-bottom: 10px;
}

#quote_project_details_popup input.RadioInput {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    visibility: hidden;
}

#quote-newform_shipping_addresses {
    align-self: center;
}

.selectric-wrapper.selectric-select-country + span.signup-item-placeholder {
    transform: translateY(-12px);
    font-size: 14px;
    z-index: 10000;
}

.Form-Wrap .Buttons-Wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    z-index: 1;
}

.selectric-wrapper.selectric-open + span.signup-item-placeholder, .selectric-wrapper.selectric-checked + span.signup-item-placeholder  {
    transform: translateY(-12px);
    font-size: 14px;
    z-index: 10000;
}

.selectric-wrapper.selectric-open + span.signup-item-placeholder, .selectric-wrapper.selectric-focus + span.signup-item-placeholder{
    color: #419afd;
    font-weight: 500;
}

body.noscroll{
    position: relative;
    overflow: hidden !important;
}

#quote-newform_shipping_addresses .signup-item__billing-form-wrp  .shipping-address__formTitle {
    text-align: center;
    font-size: 22px;
}
#quote-newform_shipping_addresses .signup-item__billing-form-wrp {
    width: 100%;
    border: none;
    box-shadow: none;
    padding: 0 15px;
    justify-items: center;
    align-items: center;
}

.radio-labels  {
    display: flex;
    justify-content: flex-start;
}

#step-pm .single-tab__inner-header {
    display: none;
}

.lity-hide {
    display: none
}

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

.lrl-wrp * {
    box-sizing: border-box;
}

.lrl-wrp {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
}

.lrl-wrp .lrl-col {
    width: 25%;
}

.lrl-wrp .lrl-col h3 {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

.lrl-wrp .lrl-col__footprint-size {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.lrl-wrp li {
    border: 1px solid #fff;
    font-size: 15px;
    padding: 10px;
    color: #505050;
    cursor: pointer;
    text-align: center;
    width: 150px;
    justify-content: center;
}
.lrl-wrp li.cr42 , .lrl-wrp li.cr22 {
    width: 290px;
}

.lrl-wrp li.cr42 label > span, .lrl-wrp li.cr22 label > span {
    font-size: 0.9em;
    margin-left: 15px;
}


.lrl-wrp li.active {
    border: 1px solid #dadada;
    color: #E96758;
}

.lrl-wrp input.input_option {
    display: none;
}

.seats-ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    max-height: 220px;
}

.seats-li {
    width: 50%;
}

.lrl-wrp .lrl-col h4 {
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
}

.lrl-col__table-size ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
}


@media all and (min-width: 1480px) {

    #step-pe .pc.options__item {
        width: var(--width-options__item);
        max-width: none;
    }


    #step-pe .options__item {
        width: 96px;
        max-width: 125px;
    }

    #step-ch .options__item {
        width: 96px;
        max-width: 125px;
    }
}

/*
#step-pm .single-tab .options__tab-container-design-wrap {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}
#step-pm  .single-tab   .options__tab-container-design-wrap .options__tab-container-design {
    display: block;
    margin: 0 auto;
}*/

.conf-block-wrap-legs  #step-pm  .options__img-wrapper {
    display: block;
}

.conf-block-wrap-legs #step-pm .single-tab__container {
    display: flex;
}

.conf-block-wrap-legs #step-pm .img-container {
    width: 250px;
}

.conf-block-wrap-legs #step-pm .options__tab-container-design .options__item.active {
    border: 1px solid #dadada;
}

.price-block-wrapper .per-unit-block, .price-block-wrapper  .total-block {
    text-transform: none;
}

#configurator .options__firstColumnWrapper {text-align: center; width: 100%;}
#configurator .options__firstColumnWrapper p {    color: #3A3A3A;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    font-family: "neue-haas-grotesk-display", sans-serif !important;
}
.copy_link_wrapper{
    display: flex;
    cursor: pointer;
    align-items: center;
    min-width: 112px;
}
.copy_link_wrapper .copy_link_image{
    height: 18px;
    width: 18px;
    margin-left: 20px;
    /*background-color: transparent;*/
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE3SURBVHgBrZRNTsNADIWfp+mawAFQ2UIrDTdI1MKaG5CwYwU3QJwAjjA3KEsk/pIbRAKq7Ag36Bo6MU7oMhNVSZ/keCJb3zj2ZIAtiarH4UmkFasbgH1XIjMVdlje5o+maIp7Ooj8X9D8H8KZc0dC5K1oJMuwEbTyoIkhCRx+PJvEBRpPo3uhXbniHjZUycikD0Vv0OLVGHGmE2gyjc6YoF1xVvRlFafVAJygyezijsHXaBGVwECmKcsDJ6iCMLP5fDExWioW3Lw+PmjbkfDdFpfPXlZeMXxVrl9K0A56SC2eTMaMQkp7GM9iPjqNz9FBdY+s5VApBGIj+4MUHVSD8qT+fwx6SGFLagfJNLChyBWQxr+JC8QSuKVlUMuh5eOBK2NvX6dyjnbF3FUxcra4fE+a76hO+gN2NmscZvomJwAAAABJRU5ErkJggg==");
    /*background-repeat: no-repeat;*/
    /*background-position: center center;*/
    /*background-size: 60% 60%;*/
}
.copy_link_wrapper .copy_link_text{
    white-space: nowrap;
    font-size: 14px;
    margin-left: 6px;
    color: #2C4461;
    font-weight: 500;
}
.copy_link_wrapper:hover .copy_link_image{
    filter: brightness(0) saturate(100%) invert(43%) sepia(17%) saturate(335%) hue-rotate(178deg) brightness(86%) contrast(90%);
}
.copy_link_wrapper:hover .copy_link_text{
    color: #5E6673;
}
.copy_link_wrapper.copied .copy_link_text {
    color: #2C4461;
    font-weight: 600;
}
.copy_link_wrapper.copied .copy_link_image {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADbSURBVHgB3dMxDoJAEIXhGfECFsbWUJlIoh6BYIEddnYiF5EjcAM5gjeQ0pLSimCrDYV2wOgWKMR1WYiVfznFl80LAPwoBVqkzZ1tX53MrlF4LG5daBhDiMjOMtDLd4QGvRHST4Eft4JEiDRUh7A6bRB20wzb40KasfFGpj2UQQjIumXgciFASpQMDwUmQu4p6XHgJ2UIqy+wXUJcdwj3OZEli7AqH+QlCoOBOu0RwaoJ8vEiXjII67XR2HB2X8dOaSlCKhBifq4bW5T02HVxxwYg8/lTLmSRP+8BKE7WBUyrjucAAAAASUVORK5CYII=");
}