/* /Features/Cart/Cart.razor.rz.scp.css */

#cart[b-4iqotq5ix8] {
    background: #EDEFF0;
    min-height: calc(100vh - 345px);
}

#cart-content[b-4iqotq5ix8] {
    background: white;
    padding: 20px 40px;
}

#cart-customer-info[b-4iqotq5ix8] {
    width: 540px;
    float: left;
    padding-right: 40px;
}

#cart-items[b-4iqotq5ix8] {
    width: calc(100% - 540px);
    float: right;
    margin-bottom: 20px;
}

.cart-section[b-4iqotq5ix8] {
    padding: 40px;
}

[b-4iqotq5ix8] .k-grid td {
    vertical-align: top !important;
}

[b-4iqotq5ix8] .k-grid .k-command-cell {
    text-align: center;
}


[b-4iqotq5ix8] .k-grid material-icons {
    font-size: 30px !important;
}

[b-4iqotq5ix8] .grid-button-full {
    width: 100%;
    margin-top: 5px;
}

[b-4iqotq5ix8] .customer-info-field {
    margin-top: 20px;
    width: 500px;
    max-width: 500px;
}

[b-4iqotq5ix8] .cart-grid-additional-files {
    margin-top: 5px;
    display: block;
    font-style: italic;
    margin-left: 5px;
}

[b-4iqotq5ix8] .no-scroll .k-grid-content {
    overflow-y: hidden;
}

[b-4iqotq5ix8] .no-scroll .k-grid-header {
    padding-right: 0 !important;
}

[b-4iqotq5ix8] .no-scroll .k-grid-header-wrap {
    border-width: 0px !important;
}

[b-4iqotq5ix8] .validation-message {
    color: red;
    margin-left: 12px;
}

[b-4iqotq5ix8] .submit-button {
    margin-top: 20px;
    width: 180px;
    height: 50px;
    font-size: 18px;
}

h2[b-4iqotq5ix8] {
    font-size: 24px;
    font-weight: 600;
}

.contact-form[b-4iqotq5ix8] {
    margin-bottom: 30px;
}

.cart-items[b-4iqotq5ix8] {
    overflow-y: auto;
}

.cart-items img[b-4iqotq5ix8] {
    max-height: 120px;
    max-width: 120px;
    border-radius: 7px;
    border: 1px solid gainsboro;
}

.cart-empty[b-4iqotq5ix8] {
    border: 1px solid gainsboro;
    border-radius: 6px;
    margin: 20px 0 10px 0;
    padding: 20px 10px;
    text-align: center;
}

.divider[b-4iqotq5ix8] {
    margin-bottom: 0px;
}

[b-4iqotq5ix8] .no-headers .k-grid-header {
    display: none;
}

.div-grid-item[b-4iqotq5ix8] {
    padding: 0;
    margin: 0;
}

.div-grid-images[b-4iqotq5ix8] {
    max-width: 120px;
    margin: 10px 20px 0 0;
}

.div-grid-details[b-4iqotq5ix8] {
    flex: 1;
    margin: 10px 20px 0 0;
}

.div-grid-details span[b-4iqotq5ix8] {
    font-size: 16px;
}

[b-4iqotq5ix8] .button-command-delete {
    width: 60px !important;
    height: 60px !important;
    margin-top: 15px;
}

[b-4iqotq5ix8] .button-template-delete {
    display: none;
    width: calc(100% - 20px) !important;
    margin: 10px !important;
    height: 40px !important;
}


@media (max-width: 1200px) {
    #cart-customer-info[b-4iqotq5ix8] {
        width: auto;
        max-width: 500px;
        float: none;
        margin-top: 20px;
        padding-right: 0px;
    }

    #cart-items[b-4iqotq5ix8] {
        width: 100%;
        float: none;
    }

    [b-4iqotq5ix8] .customer-info-field {
        width: 100%;
        max-width: 500px;
    }
}

@media (max-width: 800px) {

    .div-grid-images[b-4iqotq5ix8] {
        margin: 10px 20px 0 0 !important;
        width: 100% !important;
    }

    .div-grid-images img[b-4iqotq5ix8] {
        max-width: 160px !important;
        max-height: 160px !important;
    }

    .div-grid-details[b-4iqotq5ix8] {
        min-width: 450px !important;
        margin-top: 20px !important;
    }

}


@media (max-width: 600px) {

    [b-4iqotq5ix8] .k-button-primary {
        width: 100% !important;
    }

    .div-grid-images[b-4iqotq5ix8] {
        margin: 10px 20px 0 0 !important;
        width: 100% !important;
    }

    .div-grid-images img[b-4iqotq5ix8] {
        max-width: 160px !important;
        max-height: 160px !important;
    }

    [b-4iqotq5ix8] .button-template-delete {
        display: block !important;
    }

    .cart-section[b-4iqotq5ix8] {
        padding: 15px !important;
    }
}
/* /Features/Catalog/Catalog.razor.rz.scp.css */

#catalog[b-0qudk182i0] {
    min-height: calc(100vh - 345px);
}

#catalog-content[b-0qudk182i0] {
    padding-top: 0px;
    padding-bottom: 0px;
}

#catalog-find[b-0qudk182i0] {
    flex-direction: column
}

#catalog-options[b-0qudk182i0] {
    justify-content: space-between;
    margin-bottom: 20px;
    margin-top: 20px;
}

#catalog-custom-upload[b-0qudk182i0] {
    width: 200px;
}

.catalog-section[b-0qudk182i0] {
    padding: 40px;
}

.divider[b-0qudk182i0] {
    margin: auto;
    margin-bottom: 25px;
}

[b-0qudk182i0] .search-control {
    background-color: #F6F6F6;
    border: 1px gainsboro solid;
    width: 250px;
}

.mold-card[b-0qudk182i0] {
    padding: 15px;
    cursor: pointer;
    border: 1px gainsboro solid;
    border-radius: 10px;
    margin: 15px;
    background-color: whitesmoke;
    width: 157px;
    text-align: center;
}

.mold-cards[b-0qudk182i0] {
    margin: -15px -15px 25px -15px;
    flex-wrap: wrap;
}

.mold-card p[b-0qudk182i0] {
    margin-bottom: 0;
    margin-top: 5px;
    text-align: center;
}

.mold-card img[b-0qudk182i0] {
    max-height: 125px;
    max-width: 125px;
    border: 1px gainsboro solid;
}

.popup-img-wrapper[b-0qudk182i0] {
    position: relative;
    width: 205px;
    margin: auto;
}

.popup-img[b-0qudk182i0] {
    max-height: 205px;
    border: 1px gainsboro solid;
    border-radius: 10px;
    display: block;
    cursor: pointer;
}

.popup-plus[b-0qudk182i0] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px;
    color: #999;
    cursor: pointer;
}

[b-0qudk182i0] .order-form-control {
    font-size: 16px !important;
    color: #424242 !important;
    padding: 4px 8px !important;
}

.order-form-title[b-0qudk182i0] {
    margin-top: 20px;
    font-weight: bold;
}

[b-0qudk182i0] .order-form-submit {
    padding: 10px 12px 6px 12px;
    margin-left: calc(100% - 140px);
    width: 140px;
    margin-top: 20px;
}

[b-0qudk182i0] .order-form-fix-indent .k-input-inner {
    padding-left: 4px;
}

.order-form-dimensions[b-0qudk182i0] {
    margin: auto;
    font-size: 16px !important;
    display: block;
    text-align: center;
    margin-top: 10px;
}

[b-0qudk182i0] .validation-message {
    color: red;
    margin-left: 16px;
    margin-bottom: 5px;
}

[b-0qudk182i0] .catalog-modal {
    width: 700px;
}

.catalog-modal-image-section[b-0qudk182i0] {
    text-align: center;
    padding-bottom: 10px;
}

.popup-modal-img[b-0qudk182i0] {
    max-height: 800px;
    max-width: 800px;
}

[b-0qudk182i0] .image-modal {
    padding: 0 !important;
    background-color: green;
}

.span-search-title[b-0qudk182i0] {
    font-size: 24px;
    font-weight: bold;
    display: block;
    margin-bottom: 4px;
}

.span-or[b-0qudk182i0] {
    margin: 0 4px;
}

.span-details-text[b-0qudk182i0] {
    font-size: 14px;
}

.span-public-description[b-0qudk182i0] {
    margin-top: 20px;
    margin-bottom: -5px;
    font-size: 14px;
}

.no-results-div[b-0qudk182i0] {
    width: 100%;
    margin: 5px 15px 5px 15px;
    margin-left: 15px;
    margin-top: 5px;
    margin-right: 15px;
    text-align: center;
    height: 200px;
    border: 1px gainsboro solid;
    border-radius: 10px;
    background-color: whitesmoke;
    position: relative;
}

.no-results-span[b-0qudk182i0] {
    font-size: 18px;
    font-style: italic;
    margin: 0px 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 1200px) {
    #catalog-options[b-0qudk182i0] {
        display: block !important;
    }

    #catalog-custom-upload[b-0qudk182i0] {
        margin-top: 10px;
    }

    #catalog-custom-upload[b-0qudk182i0] {
        width: 400px;
    }
}

@media (max-width: 1000px) {

    [b-0qudk182i0] .search-control {
        width: calc(50% - 40px) !important;
        margin-bottom: 10px;
    }
}

@media (max-width: 900px) {

    [b-0qudk182i0] .order-form-control {
        width: 100% !important;
    }

    .popup-modal-img[b-0qudk182i0] {
        max-width: Calc(100vw - 70px) !important;
        max-height: Calc(100vh - 70px) !important;
    }
}

@media (max-height: 900px) {
    .popup-modal-img[b-0qudk182i0] {
        max-width: Calc(100vw - 70px) !important;
        max-height: Calc(100vh - 70px) !important;
    }
}

@media (max-width: 766px) {

    [b-0qudk182i0] .search-control {
        width: 100%;
        margin-bottom: 10px;
    }

    #catalog-custom-upload[b-0qudk182i0] {
        margin-top: 5px;
    }

    [b-0qudk182i0] .search-control {
        width: calc(100% - 40px) !important;
    }
}

@media (max-width: 480px) {

    #catalog-content[b-0qudk182i0] {
        padding: 0px 20px !important;
    }

    .catalog-section[b-0qudk182i0] {
        padding: 20px;
    }

    .mold-card[b-0qudk182i0] {
        width: calc(50% - 20px);
        margin: 10px;
    }

    .mold-card img[b-0qudk182i0] {
        max-width: calc(100% - 10px);
    }

    #index h2[b-0qudk182i0] {
        font-size: 20px;
    }

    [b-0qudk182i0] .order-form-submit {
        width: 100%;
        margin-left: auto;
        font-size: 18px;
        height: 50px;
    }

    #catalog-custom-upload[b-0qudk182i0] {
        width: 100%;
    }

    .span-search-title[b-0qudk182i0] {
        font-size: 22px;
    }
}

@media (max-width: 460px) {
    .popup-img[b-0qudk182i0] {
        max-height: 160px;
    }

    .popup-img-wrapper[b-0qudk182i0] {
        width: 160px;
    }
}

@media (max-width: 400px) {

    .span-search-title[b-0qudk182i0] {
        font-size: 20px;
    }
}

@media (max-width: 360px) {
    [b-0qudk182i0] .search-control {
        width: 100% !important;
    }

    .span-or[b-0qudk182i0] {
        margin-top: -4px;
        margin-bottom: 4px;
        display: block;
    }
}

@media (max-width: 320px) {
    .mold-card[b-0qudk182i0] {
        width: calc(100%);
    }
}
/* /Features/Catalog/CustomUpload.razor.rz.scp.css */

.popup-img[b-qu2l5d64pm] {
    max-height: 250px;
}

[b-qu2l5d64pm] .order-form-control {
    font-size: 16px !important;
    color: #424242 !important;
    padding: 4px 8px !important;
}

[b-qu2l5d64pm] .order-form-fix-indent .k-input-inner {
    padding-left: 4px;
}

.order-form-upload-div[b-qu2l5d64pm] {
    padding: 10px;
    background-color: whitesmoke;
    border-radius: 6px;
    text-align: center
}

.order-form-upload-div img[b-qu2l5d64pm] {
    border-radius: 6px;
    width: 220px;
    margin: 20px auto 20px auto;
}

[b-qu2l5d64pm] .dimensions-width {
    float: left;
    width: calc(50% - 15px);
}

[b-qu2l5d64pm] .dimensions-height {
    float: right;
    width: calc(50% - 15px);
}

[b-qu2l5d64pm] .dimensions-spacer {
    width: 30px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    line-height: 35px;
}

[b-qu2l5d64pm] .validation-message {
    color: red;
    margin-left: 16px;
    margin-top: 5px;
}

[b-qu2l5d64pm] .order-form-submit {
    padding: 10px 12px 6px 12px;
    float: right;
    width: 140px;
    margin-top: 20px;
}

.order-form-title[b-qu2l5d64pm] {
    margin-top: 20px;
}

.custom-upload-modal-info-section[b-qu2l5d64pm] {
    margin-bottom: 20px;
}


@media (max-width: 480px) {
    .button-upload[b-qu2l5d64pm] {
        width: 100%;
        font-size: 18px;
        height: 50px;
    }

    .order-form-submit[b-qu2l5d64pm] {
        width: 100%;
        font-size: 18px;
        height: 50px;
    }

    [b-qu2l5d64pm] .order-form-control {
        width: 100%;
    }

    [b-qu2l5d64pm] .dimensions-width {
        float: left;
        width: calc(50% - 15px) !important;
    }

    [b-qu2l5d64pm] .dimensions-height {
        float: right;
        width: calc(50% - 15px) !important;
    }
}
/* /Features/Contact/Contact.razor.rz.scp.css */

#contact[b-5lpoonnpa4] {
    background: #EDEFF0;
    min-height: calc(100vh - 345px);
}

#contact-content[b-5lpoonnpa4] {
    background: white;
    padding: 20px 40px;
}

.contact-section[b-5lpoonnpa4] {
    padding: 40px;
}

#contact-submission[b-5lpoonnpa4] {
    width: 540px;
    float: left;
    padding-right: 40px;
}

#contact-info[b-5lpoonnpa4] {
    width: calc(100% - 540px);
    float: right;
    line-height: 30px;
}

#contact-info-text[b-5lpoonnpa4] {
    margin-top: 13px;
    margin-bottom: 30px;
}


.divider[b-5lpoonnpa4] {
    margin-bottom: 0px;
}

h2[b-5lpoonnpa4] {
    font-size: 24px;
    font-weight: 600;
}

[b-5lpoonnpa4] .contact-us-textbox {
    margin-top: 20px;
    width: 500px;
    max-width: 500px;
}

[b-5lpoonnpa4] .contact-us-textarea {
    margin-top: 20px;
    width: 500px;
    max-width: 500px;
    height: 285px;
    resize: none;
}

[b-5lpoonnpa4] .submit-button {
    margin-top: 20px;
    margin-bottom: 30px;
    width: 180px;
    height: 50px;
    font-size: 18px;
}

[b-5lpoonnpa4] .validation-message {
    color: red;
    margin-left: 12px;
}

@media (max-width: 1200px) {
    #contact-submission[b-5lpoonnpa4] {
        width: auto;
        max-width: 500px;
        float: none;
        margin-top: 20px;
        padding-right: 0px;
    }
}


@media (max-width: 1200px) {
    #contact-submission[b-5lpoonnpa4] {
        width: auto;
        max-width: 500px;
        float: none;
        margin-top: 0px;
        padding-right: 0px;
    }

    #contact-info[b-5lpoonnpa4] {
        width: 100%;
        float: none;
    }

    [b-5lpoonnpa4] .contact-us-textbox {
        width: 100%;
        max-width: 500px;
    }

    [b-5lpoonnpa4] .contact-us-textarea {
        width: 100%;
        max-width: 500px;
    }
}

@media (max-width: 600px) {

    [b-5lpoonnpa4] .k-button-primary {
        width: 100% !important;
    }

    .contact-section[b-5lpoonnpa4] {
        padding: 15px !important;
    }
}
/* /Features/Index.razor.rz.scp.css */
.index-section[b-4x5vvav2by] {
    padding: 40px;
    background-color: white;
}

a[b-4x5vvav2by] {
    text-decoration: none;
    color: #5E788F;
}

h2[b-4x5vvav2by]{
    font-size:26px;
    font-weight:600;
    color:#403E3E;
}

#index[b-4x5vvav2by] {
    min-height: calc(100vh - 345px);
    background-color: #EDEFF0;
}

#index-banner[b-4x5vvav2by] {
    background-image: url("img/Banner.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color:white;
    height: 256px;
}

#index-moulding-types[b-4x5vvav2by] {
    background: #EDEFF0;
    height: 250px;
}

#index-moulding-types a[b-4x5vvav2by] {
    color: #5E788F;
    margin-top: 10px;
    cursor: pointer;
}

#index-popular-mouldings[b-4x5vvav2by] {
    min-height: calc(100vh - 851px);
}

#popular-mold-types[b-4x5vvav2by] {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

#index-banner-text[b-4x5vvav2by] {
    max-width: 400px;
    margin-bottom: 20px;
}

a:hover[b-4x5vvav2by] {
    text-decoration: underline;
}

.popular-moulding[b-4x5vvav2by] {
    padding: 15px;
    cursor: pointer;
    border: 1px gainsboro solid;
    border-radius: 10px;
    margin: 15px;
    background-color: whitesmoke;
    width: 157px;
    text-align: center;
}

.popular-moulding h4[b-4x5vvav2by]{
    text-align:center;
}

.popular-moulding img[b-4x5vvav2by] {
    max-height: 125px;
    max-width: 125px;
    border: 1px gainsboro solid;
    border-radius: 6px;
}

.popular-moulding a[b-4x5vvav2by]{
    margin-top:10px;
    font-size:20px;
}

.popular-moulding p[b-4x5vvav2by] {
    margin-bottom: 0;
    margin-top: 5px;
    text-align: center;
}


@media (max-width: 600px) {

    #popular-mold-types-titles[b-4x5vvav2by] {
        display: block !important;
    }
}


@media (max-width: 480px) {

    .popular-moulding[b-4x5vvav2by] {
        width: calc(50% - 20px);
        margin: 10px;
    }

    .popular-moulding img[b-4x5vvav2by] {
        max-width: calc(100% - 10px);
    }

    .index-section[b-4x5vvav2by] {
        padding: 20px;
    }

    #index h2[b-4x5vvav2by] {
        font-size: 20px;
    }

    #index-moulding-types[b-4x5vvav2by] {
        padding-top: 40px;
    }

    #index-moulding-types a[b-4x5vvav2by] {
        margin-top: 4px;
    }
}


@media (max-width: 320px) {
    .popular-moulding[b-4x5vvav2by] {
        width: calc(100%);
    }
}
/* /Shared/Footer.razor.rz.scp.css */
#footer[b-tdnmswwll0] {
    background: #201e1d;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    position: relative;
}

#footer-top[b-tdnmswwll0] {
    width: 100%;
    text-align: center;
}

#footer-bottom[b-tdnmswwll0] {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}
/* /Shared/MainLayout.razor.rz.scp.css */
/* /Shared/NavMenu.razor.rz.scp.css */
/*.navmenu {
    width: 100%;
    justify-content: center !important;
    align-items: center !important;
    background: #f6f6f6 !important;
    height: 120px !important;
    border-top: solid black 4px !important;
    border-bottom: solid black 2px !important;
    color: black !important;
    z-index: 2 !important;
    box-shadow: 0 2px 5px -2px #000 !important;
}


.navmenu-img {
    z-index: 2 !important;
    float: left !important;
    position: relative !important;
}

.navmenu-links {
    border-radius: 15px !important;
    padding: 10px 0 !important;
    display: flex !important;
    float: right !important;
    margin-top: -20px !important;
}

.navmenu-img img {
    max-height: 160px !important;
    height: 160px !important;
    padding: 0.5rem 0 !important;
    background: #fff !important;
    margin-bottom: -2.5rem !important;
    box-shadow: 0 -4px 12px -2px #000 !important;
    border-radius: 0 0 4px 4px !important;
    margin-top: -40px !important;
}

.navmenu a {
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
    color: black !important;
    text-decoration: none !important;
    padding: 5px 0 !important;
    font-size: 18px !important;
    margin-left: 30px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
}

.navmenu .material-icons {
    margin-right: 9px !important;
}

.navmenu a:hover {
    color: gray !important;
}


.navmenu-header-contact {
    display: inline !important;
    float: right !important;
    width: 450px !important;
    margin-left: -450px !important;
    margin-top: -10px !important;
    text-align: right !important;
    height: 50px !important;
}

.navmenu-header-contact a {
    display: inline !important;
    text-transform: none !important;
    color: #596f90 !important;
    margin: 0 !important;
}
*/