/*--------------------------------------------------
	Custom CSS
---------------------------------------------------*/


@font-face {
    font-family: 'Philosopher';
    src: url('../font/Philosopher-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Philosopher-Regular-Italic';
    src: url('../font/Philosopher-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Philosopher-Bold-Normal';
    src: url('../font/Philosopher-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Philosopher-Bold-Italic';
    src: url('../font/Philosopher-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}




/*-----------------------------------------------------------------------------------------------------

	SECTIONS 1 (Variables --vx)

-----------------------------------------------------------------------------------------------------*/


:root {
    /* */

    --vr-base-html-link-shade: 88,88,188;
    --vr-base-html-sharp-shade: 88,88,188; /* 18, 102, 227 */
    --vr-base-html-hover-shade: 34,186,204;
    --vr-theme-html-body-title-fontFamily: 'Philosopher';
    /*	--vr-base-html-body-normal-backgroundColor:rgb(242,246,247);*/
}

/*-----------------------------------------------------------------------------------------------------

	SECTIONS 2 (Functions .fx)

-----------------------------------------------------------------------------------------------------*/

.fx-show-on-page {
}

.fx-show-on-index {
}

/*-----------------------------------------------------------------------------------------------------

	SECTIONS 3 (Grid .gx)

-----------------------------------------------------------------------------------------------------*/







/*-----------------------------------------------------------------------------------------------------

	SECTIONS 4 (Html .hx)

-----------------------------------------------------------------------------------------------------*/

body.hi-body {
    background-color: var(--vr-base-html-body-control-backgroundColor);
}


/*.hi-footer .hi-navigation .hi-nav .hi-company .hi-logo {
    height: 100px;
}*/


.hi-wrap {
    max-width: 1440px;
}



/* ---------------- */



/*.hi-article.hx-banner {
}

    .hi-article.hx-banner .hi-content {     
    }

    .hi-article.hx-banner .hi-block {   
    }*/







/* ---------------- */


.hi-article.hx-suggestion {
    -webkit-box-shadow: inset 0px 0px 2px 0px var(--vr-base-html-body-normal-boxShadowColor);
    box-shadow: inset 0px 0px 2px 0px var(--vr-base-html-body-normal-boxShadowColor);
}

    /*    .hi-article.hx-suggestion.hx-product {
    }

    .hi-article.hx-suggestion .hi-placeholder {
       
    }*/

    .hi-article.hx-suggestion .hi-envelop {
        -webkit-box-shadow: inset 0px 0px calc(var(--ci-slider-layout-pad) * 2) 0px var(--vr-base-html-body-normal-boxShadowColor);
        box-shadow: inset 0px 0px calc(var(--ci-slider-layout-pad) * 2) 0px var(--vr-base-html-body-normal-boxShadowColor);
    }

    .hi-article.hx-suggestion .hi-container {
    }


    /*.hi-article.hx-suggestion .hi-content.fn-group.fn-group-03 .hi-block > .hi-image > img {
    }*/

    .hi-article.hx-suggestion .hi-content.fn-group.fn-group-03 .hi-block > .hx-title {
        font-size: 16px;
        font-weight: 600;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }

    .hi-article.hx-suggestion .hi-content.fn-group.fn-group-03 .hi-block > .hx-subtitle,
    .hi-article.hx-suggestion .hi-content.fn-group.fn-group-03 .hi-block > .hx-caption {
        font-size: 14px;
    }

    .hi-article.hx-suggestion .hi-content.fn-group.fn-group-03 .hi-block > .hx-subtitle {
        font-size: 14px;
        /*min-height: var(--vr-theme-html-body-normal-lineHeight);*/
    }

    .hi-article.hx-suggestion .hi-content.fn-group.fn-group-03 .hi-block > .hx-price {
        font-size: 16px;
    }

    .hi-article.hx-suggestion .hi-content.fn-group.fn-group-03 .hi-block > *:last-child {
        margin-top: 0;
    }














/*/* ---------------- */



.hi-article.hx-list {
}

    .hi-article.hx-list .hi-container.gi-row {
        margin-bottom: calc(var(--vr-theme-html-body-normal-gap) * 4);
        justify-content: center;
    }

    .hi-article.hx-list .gi-row .gi-col {
        margin: 0;
        width: auto;
    }

    .hi-article.hx-list .hi-content.fn-group .hi-block {
        font-family: var(--vr-theme-html-body-header-fontFamily);
        max-width: calc(360px + (var(--vr-theme-html-body-normal-gap) * 4));
    }
    /*.hi-article.hx-list .hi-content .hi-block .hx-image {
}*/

    .hi-article.hx-list .hi-content .hi-block .hx-title {
        color: var(--vr-base-html-body-title-color);
        font-family: var(--vr-theme-html-body-title-fontFamily);
    }
    /*.hi-article.hx-list .hi-content .hi-block .hx-subtitle {
}

.hi-article.hx-list .hi-content .hi-block .hx-caption {
}

.hi-article.hx-list .hi-content .hi-block .hx-price {
}
*/

    .hi-article.hx-list .hi-content .hi-block .hx-author {
        display: none;
        font-style: italic;
    }

        .hi-article.hx-list .hi-content .hi-block .hx-author::before {
            content: '-  ';
        }



@media only screen and (max-width: 800px) {
    .hi-article.hx-list .hi-content.fn-group .hi-block {
        max-width: 100%;
    }
}















/* ---------------- */



.hi-article.hx-detail {
}

    .hi-article.hx-detail .hi-container.gi-row {
        margin-bottom: calc(var(--vr-theme-html-body-normal-gap) * 4);
    }


    .hi-article.hx-detail .hi-content .hi-block .hx-title {
        color: var(--vr-base-html-body-title-color);
        font-family: var(--vr-theme-html-body-title-fontFamily);
    }

    .hi-article.hx-detail .hi-content .hi-block .hx-subtitle {
        padding-top: calc(var(--vr-theme-html-body-normal-gap) * 3 / 4);
        font-size: 20px;
        font-weight: 500;
    }

    .hi-article.hx-detail .hi-content .hi-block .hx-caption {
        padding-top: calc(var(--vr-theme-html-body-normal-gap) * 3 / 4);
        font-size: 18px;
        font-weight: 500;
    }


    .hi-article.hx-detail .hi-content .hi-block .hx-author {
        padding-top: calc(var(--vr-theme-html-body-normal-gap) * 3 / 4);
        font-style: italic;
        padding-left: calc(var(--vr-theme-html-body-normal-gap) * 4);
        ;
        display: none;
    }

        .hi-article.hx-detail .hi-content .hi-block .hx-author::before {
            content: '-  ';
        }

    .hi-article.hx-detail .hi-content .hi-block .hx-rating {
        padding-top: calc(var(--vr-theme-html-body-normal-gap) * 2);
    }

        .hi-article.hx-detail .hi-content .hi-block .hx-rating .hi-i {
        }

            .hi-article.hx-detail .hi-content .hi-block .hx-rating .hi-i > .hi-i {
                position: absolute;
                left: 0;
                z-index: -1;
            }

    .hi-article.hx-detail .hi-content .hi-block .hx-reviewCount {
        padding-left: calc(var(--vr-theme-html-body-normal-gap) * 2);
    }



    .hi-article.hx-detail .hi-content .hi-block .hx-price {
        padding-top: calc(var(--vr-theme-html-body-normal-gap) * 2);
        font-size: 24px;
        /*font-weight: 500;*/
    }

    .hi-article.hx-detail .hi-content .hi-block .hx-ecommerce {
        padding-top: calc(var(--vr-theme-html-body-normal-gap) * 2);
        display: flex;
        align-items: baseline;
    }

        .hi-article.hx-detail .hi-content .hi-block .hx-ecommerce > *:not(:last-child) {
            margin-right: var(--vr-theme-html-body-normal-gap);
        }

        .hi-article.hx-detail .hi-content .hi-block .hx-ecommerce > .hx-quantity {
            max-width: calc(var(--vr-theme-html-body-normal-gap) * 5);
            text-align: center;
        }


    .hi-article.hx-detail.hx-service .hi-content .hi-block .hx-ecommerce > .hx-quantity {
        display: none;
    }


    .hi-article.hx-detail .hi-content .hi-block .hx-ecommerce > .hi-buttons {
        align-items: flex-start;
        margin-bottom: calc(var(--vr-theme-html-body-normal-gap) / 2);
    }

        .hi-article.hx-detail .hi-content .hi-block .hx-ecommerce > .hi-buttons > * {
            padding: calc(var(--vr-theme-html-body-normal-gap) * 3 / 4);
        }

            .hi-article.hx-detail .hi-content .hi-block .hx-ecommerce > .hi-buttons > *:not(:first-child) {
                margin-left: var(--vr-theme-html-body-normal-gap);
            }
    /*	.hi-article.hx-detail .hi-content .hi-block .hx-ecommerce > .hx-goToCart {
		}*/


    .hi-article.hx-detail .hi-content .hi-block .hx-description {
        padding-top: calc(var(--vr-theme-html-body-normal-gap) * 4);
    }
    /*.hi-article.hx-detail .hi-content .hi-block .hx-description > p {
		}*/
    /*		.hi-article.hx-detail .hi-content .hi-block .hx-description > p.hi-listtitle {
			font-weight: 500;
			font-size: 18px;
			padding-top: var(--vr-theme-html-body-normal-gap);
		}

		.hi-article.hx-detail .hi-content .hi-block .hx-description > .hi-list {
			padding-top: var(--vr-theme-html-body-normal-gap);
		}

			.hi-article.hx-detail .hi-content .hi-block .hx-description > .hi-list > .hi-item:not(:first-of-type) {
				padding-top: var(--vr-theme-html-body-normal-gap);
			}

			.hi-article.hx-detail .hi-content .hi-block .hx-description > .hi-list > .hi-item > label {
				display: block;
				font-weight: 700;
			}*/


    .hi-article.hx-detail .hi-content .hi-block .hx-components {
        padding-top: calc(var(--vr-theme-html-body-normal-gap) * 4);
    }

        .hi-article.hx-detail .hi-content .hi-block .hx-components > p.hi-listtitle {
            font-weight: 500;
            font-size: 18px;
            padding-top: var(--vr-theme-html-body-normal-gap);
        }

        .hi-article.hx-detail .hi-content .hi-block .hx-components > .hi-list {
            padding-top: var(--vr-theme-html-body-normal-gap);
        }

            .hi-article.hx-detail .hi-content .hi-block .hx-components > .hi-list > .hi-item:not(:first-of-type) {
                padding-top: var(--vr-theme-html-body-normal-gap);
            }

            .hi-article.hx-detail .hi-content .hi-block .hx-components > .hi-list > .hi-item > label {
                display: block;
                font-weight: 700;
            }


    .hi-article.hx-detail .hi-content .hi-block .hx-specifications {
        padding-top: calc(var(--vr-theme-html-body-normal-gap) * 2);
    }

        .hi-article.hx-detail .hi-content .hi-block .hx-specifications > .hi-list {
        }

            .hi-article.hx-detail .hi-content .hi-block .hx-specifications > .hi-list > .hi-item:not(:first-of-type) {
                padding-top: var(--vr-theme-html-body-normal-gap);
            }

            .hi-article.hx-detail .hi-content .hi-block .hx-specifications > .hi-list > .hi-item > label {
                display: block;
                font-weight: 700;
            }

            .hi-article.hx-detail .hi-content .hi-block .hx-specifications > .hi-list > .hi-item > span {
            }


    .hi-article.hx-detail .hi-content .hi-block .hx-caution {
        padding-top: calc(var(--vr-theme-html-body-normal-gap) * 2);
    }

    .hi-article.hx-detail .hi-content .hi-block .hi-text > .hi-label {
        font-size: 24px;
        font-weight: 500;
        font-family: var(--vr-theme-html-body-title-fontFamily);
        display: block;
        padding-bottom: calc(var(--vr-theme-html-body-normal-gap) * 3 / 4);
    }


    .hi-article.hx-detail .hi-content .hi-block .hx-inclusions {
        padding-top: 4em;
    }

        .hi-article.hx-detail .hi-content .hi-block .hx-inclusions > .hi-list {
        }

            .hi-article.hx-detail .hi-content .hi-block .hx-inclusions > .hi-list > .hi-item {
                line-height: 34px;
            }
    /*			.hi-article.hx-detail .hi-content .hi-block .hx-inclusions > .hi-list > .hi-item:not(:first-of-type) {
				padding-top: var(--vr-theme-html-body-normal-gap);
			}

			.hi-article.hx-detail .hi-content .hi-block .hx-inclusions > .hi-list > .hi-item > label {
				display: block;
				font-weight: 700;
			}

			.hi-article.hx-detail .hi-content .hi-block .hx-inclusions > .hi-list > .hi-item > span {
			}*/


    .hi-article.hx-detail .hi-content .hi-block .hx-duration {
        padding-top: calc(var(--vr-theme-html-body-normal-gap) * 4);
    }


    .hi-article.hx-detail .hi-content .hi-block .hx-requirements {
        padding-top: calc(var(--vr-theme-html-body-normal-gap) * 4);
    }

        .hi-article.hx-detail .hi-content .hi-block .hx-requirements > .hi-list {
            padding-top: var(--vr-theme-html-body-normal-gap);
            flex-direction: row;
            flex-wrap: wrap;
        }

            .hi-article.hx-detail .hi-content .hi-block .hx-requirements > .hi-list > .hi-item {
                line-height: 34px;
            }

                .hi-article.hx-detail .hi-content .hi-block .hx-requirements > .hi-list > .hi-item:not(:last-child) {
                    margin-right: var(--vr-theme-html-body-normal-gap);
                }

                .hi-article.hx-detail .hi-content .hi-block .hx-requirements > .hi-list > .hi-item > .hi-a::before {
                    padding-right: calc(var(--vr-theme-html-body-normal-gap) / 2);
                    font-size: 80%;
                }






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

    .hi-article.hx-detail .hi-content .hi-block .hx-ecommerce {
        flex-direction: column;
        align-items: flex-start;
    }

        .hi-article.hx-detail .hi-content .hi-block .hx-ecommerce > *:not(:last-child) {
            margin-right: 0;
            margin-bottom: var(--vr-theme-html-body-normal-gap);
        }

        .hi-article.hx-detail .hi-content .hi-block .hx-ecommerce > .hi-buttons {
            flex-direction: column;
            flex-wrap: nowrap;
            align-items: baseline;
        }

            .hi-article.hx-detail .hi-content .hi-block .hx-ecommerce > .hi-buttons > *:not(:first-child) {
                margin-left: 0;
                margin-top: var(--vr-theme-html-body-normal-gap);
            }
}














/* ---------------- */


.hi-article.hx-info .hi-content .hi-block .hx-price {
    padding-top: 0;
}







































/* ---------------- */


.hi-article.hx-cart {
}

    .hi-article.hx-cart .hi-container.gi-row {
        margin-bottom: calc(var(--vr-theme-html-body-normal-gap) * 4);
    }

    .hi-article.hx-cart .gi-row .gi-col {
    }

    .hi-article.hx-cart .hi-content.fn-group .hi-block {
        /*font-family: var(--vr-theme-html-body-header-fontFamily);*/
    }
        /*.hi-article.hx-cart .hi-content.fn-group .hi-block .hx-image {
		}*/

        .hi-article.hx-cart .hi-content.fn-group .hi-block .hx-headline {
            padding: calc(var(--vr-theme-html-body-normal-gap) / 2);
            cursor: pointer;
        }

        .hi-article.hx-cart .hi-content.fn-group .hi-block .hx-price {
            padding: calc(var(--vr-theme-html-body-normal-gap) / 2);
            width: 140px;
            text-align: center;
        }

        .hi-article.hx-cart .hi-content.fn-group .hi-block .hx-title {
            color: var(--vr-base-html-body-title-color);
            font-family: var(--vr-theme-html-body-title-fontFamily);
        }

        .hi-article.hx-cart .hi-content.fn-group .hi-block .hx-quantity {
            padding: calc(var(--vr-theme-html-body-normal-gap) / 2);
            width: 82px;
            text-align: center;
            display: flex;
            flex-direction: column;
        }

            .hi-article.hx-cart .hi-content.fn-group .hi-block .hx-quantity > output {
                padding: calc(var(--vr-theme-html-body-normal-gap) / 2) 0;
            }

            .hi-article.hx-cart .hi-content.fn-group .hi-block .hx-quantity > input[type=range] {
                padding: 0;
            }

        .hi-article.hx-cart .hi-content.fn-group .hi-block .hx-cost {
            padding: calc(var(--vr-theme-html-body-normal-gap) / 2);
            width: 180px;
            text-align: right;
        }

            .hi-article.hx-cart .hi-content.fn-group .hi-block .hx-cost .hx-delete {
                cursor: pointer;
                padding-left: var(--vr-theme-html-body-normal-gap);
            }

                .hi-article.hx-cart .hi-content.fn-group .hi-block .hx-cost .hx-delete:hover {
                    color: var(--vr-base-html-body-title-color);
                }

        .hi-article.hx-cart .hi-content.fn-group .hi-block .hx-update,
        .hi-article.hx-cart .hi-content.fn-group .hi-block .hx-reset {
            cursor: pointer;
            display: none;
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            margin-top: calc(var(--vr-theme-html-body-normal-gap) / 4);
            padding: 0;
            border-radius: 16px;
            background-color: var(--vr-base-html-body-proxy-backgroundColor);
            border: 1px solid var(--vr-base-html-link-normal-color);
        }


    .hi-article.hx-cart .hi-content.fn-group .hi-detail .hx-amount {
    }


@media only screen and (max-width: 640px) {
    .hi-article.hx-cart .hi-content.fn-group .hi-block .hx-price,
    .hi-article.hx-cart .hi-content.fn-group .hi-block .hx-cost {
        text-align: left;
    }
}














/* ---------------- */


.hi-article.hx-checkout {
    /*	background-color: var(--vr-base-html-body-normal-backgroundColor); */
}


    .hi-article.hx-checkout > .hx-background {
        background-color: #fff;
        right: 50%;
        border-right: 1px solid var(--vr-base-html-body-normal-borderColorLight);
    }

    .hi-article.hx-checkout .hi-form .ci-inputselect-object > .ci-inputselect-control > .ci-inputselect-list {
        background-color: var(--vr-base-html-body-normal-backgroundColor);
    }



    .hi-article.hx-checkout .hi-container.gi-row {
        margin-bottom: calc(var(--vr-theme-html-body-normal-gap) * 4);
    }
        /*    .hi-article.hx-checkout .hi-container.gi-row > .gi-col.gi-col--l {
    }

    .hi-article.hx-checkout .hi-container.gi-row > .gi-col.gi-col--r {
    }
*/
        .hi-article.hx-checkout .hi-container.gi-row > .gi-col > * {
            max-width: 640px;
        }

        .hi-article.hx-checkout .hi-container.gi-row > .gi-col.gi-col--l > * {
            margin-left: auto;
            margin-right: var(--vr-theme-html-body-normal-gap);
        }

        .hi-article.hx-checkout .hi-container.gi-row > .gi-col.gi-col--r > * {
            margin-left: var(--vr-theme-html-body-normal-gap);
            margin-right: auto;
        }

    .hi-article.hx-checkout .hi-content.fn-group .hi-block {
        /*background: var(--vr-base-html-body-normal-backgroundColor);*/
        border: 1px solid var(--vr-base-html-body-normal-boxShadowColor);
        -webkit-box-shadow: 1px 1px 20px 0px var(--vr-base-html-body-normal-boxShadowColor);
        box-shadow: 1px 1px 20px 0px var(--vr-base-html-body-normal-boxShadowColor);
    }

    .hi-article.hx-checkout .hi-content.fn-group.fn-group-04 .hi-block {
        flex-direction: column;
        padding: 0;
    }

        .hi-article.hx-checkout .hi-content.fn-group.fn-group-04 .hi-block > .hi-vgroup:not(:first-of-type) {
            border-top: 1px dashed var(--vr-base-html-body-normal-boxShadowColor);
        }

        .hi-article.hx-checkout .hi-content.fn-group.fn-group-04 .hi-block .hx-image {
            /* min-height: calc(var(--vr-theme-html-body-normal-gap) * 7);*/
            min-width: calc(var(--vr-theme-html-body-normal-gap) * 7);
            max-width: calc(var(--vr-theme-html-body-normal-gap) * 7);
            /*align-items: stretch;*/
            padding: 0;
            /*margin: -0.5em 0 -0.5em -0.5em;*/
            cursor: pointer;
            display: flex;
        }

    .hi-article.hx-checkout.hx-product .hi-content.fn-group.fn-group-04 .hi-block .hx-image {
        padding: calc(var(--vr-theme-html-body-normal-gap) / 2);
    }

    .hi-article.hx-checkout .hi-content.fn-group.fn-group-04 .hi-block .hx-image > img {
        border-radius: 0;
        min-height: 100%;
        max-width: 100%;
        object-fit: contain;
        border-bottom-right-radius: initial;
        border-bottom-right-radius: revert-rule;
    }

    .hi-article.hx-checkout .hi-content.fn-group.fn-group-04 .hi-block .hx-headline {
        padding: calc(var(--vr-theme-html-body-normal-gap) / 2);
        cursor: pointer;
    }

        .hi-article.hx-checkout .hi-content.fn-group.fn-group-04 .hi-block .hx-headline .hx-title {
            color: var(--vr-base-html-body-title-color);
            font-family: var(--vr-theme-html-body-title-fontFamily);
        }

    .hi-article.hx-checkout .hi-content.fn-group.fn-group-04 .hi-block .hx-items {
        margin-left: calc(var(--vr-theme-html-body-normal-gap) * 5); /*same as .hi-image min-width */
        flex-wrap: wrap;
    }

        .hi-article.hx-checkout .hi-content.fn-group.fn-group-04 .hi-block .hx-items .hx-item {
            padding: calc(var(--vr-theme-html-body-normal-gap) / 2);
            min-width: 100px;
        }
    /*
    .hi-article.hx-checkout .hi-content.fn-group.fn-group-04 .hi-block .hx-price {
        padding: 0.5em;
    }


    .hi-article.hx-checkout .hi-content.fn-group.fn-group-04 .hi-block .hx-quantity {
        padding: 0.5em;
    }*/
    .hi-article.hx-checkout .hi-content.fn-group.fn-group-04 .hi-block .hx-cost {
        text-align: right;
    }




    .hi-article.hx-checkout .fn-toggle.fx-cart.fx-summary {
        position: absolute;
        right: var(--vr-theme-html-body-normal-gap);
        margin-top: calc(var(--vr-theme-html-body-normal-gap) * -2);
        line-height: 18px;
    }

    .hi-article.hx-checkout .fn-trigger.fx-cart.fx-summary ~ .fn-toggle.fx-cart.fx-summary::after {
        color: inherit;
        content: '\f078';
        display: flex;
        font-family: "Font Awesome 6 Free";
        font-style: normal;
        font-variant: normal;
        font-weight: 900;
        position: relative;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        height: 18px;
        width: 18px;
        font-size: 18px;
        transform: rotateZ(360deg);
    }

    .hi-article.hx-checkout .fn-trigger.fx-cart.fx-summary:checked ~ .fn-toggle.fx-cart.fx-summary::after {
        /*content: '\f077';*/
        transform: rotateZ(180deg);
    }

    .hi-article.hx-checkout .fn-trigger.fx-cart.fx-summary ~ .fn-target.fx-cart.fx-summary {
        max-height: 0;
        visibility: hidden;
    }

    .hi-article.hx-checkout .fn-trigger.fx-cart.fx-summary:checked ~ .fn-target.fx-cart.fx-summary {
        max-height: 1000px;
        visibility: visible;
    }








    .hi-article.hx-checkout details.fn-toggle.fx-payment {
        max-height: 200px;
    }

        .hi-article.hx-checkout details.fn-toggle.fx-payment[open] {
            max-height: 1000px;
        }

        .hi-article.hx-checkout details.fn-toggle.fx-payment:not(:last-of-type) {
            border-bottom: 1px dashed var(--vr-base-html-body-normal-borderColorDim);
        }

    .hi-article.hx-checkout summary.fn-toggle.fx-payment * {
        pointer-events: none;
    }

    .hi-article.hx-checkout details.fn-toggle.fx-payment > .fn-target.fx-payment {
        margin-top: 0;
    }

    .hi-article.hx-checkout details.fn-toggle.fx-payment[open] > .fn-target.fx-payment {
        margin-top: calc(var(--vr-theme-html-body-normal-gap) * -1);
    }





    .hi-article.hx-checkout details.fn-toggle.fx-address {
        max-height: 200px;
    }

        .hi-article.hx-checkout details.fn-toggle.fx-address[open] {
            max-height: 1000px;
        }

    .hi-article.hx-checkout summary.fn-toggle.fx-address * {
        pointer-events: none;
    }

    .hi-article.hx-checkout details.fn-toggle.fx-address > .fn-target.fx-address {
        margin-top: 0;
        /*	max-height: 0;
		visibility: hidden;*/
    }

    .hi-article.hx-checkout details.fn-toggle.fx-address[open] > .fn-target.fx-address {
        margin-top: calc(var(--vr-theme-html-body-normal-gap) * -1);
        /*		max-height: 1000px;
		visibility: visible;*/
    }









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

    .hi-article.hx-checkout {
        background-color: #fff;
    }

        .hi-article.hx-checkout > .hx-background {
            background-color: transparent;
            right: 0;
            border-right: none;
        }

        .hi-article.hx-checkout .hi-container.gi-row {
            flex-direction: column-reverse;
        }
            /*}

@media only screen and (max-width: 800px) {*/

            .hi-article.hx-checkout .hi-container.gi-row > .gi-col {
                margin-left: auto;
                margin-right: auto;
                width: 100%;
            }
                /*    .hi-article.hx-checkout .hi-container.gi-row > .gi-col > * {
        max-width: none;
    }*/

                .hi-article.hx-checkout .hi-container.gi-row > .gi-col.gi-col--l > * {
                    margin-left: auto;
                    margin-right: auto;
                }

                .hi-article.hx-checkout .hi-container.gi-row > .gi-col.gi-col--r > * {
                    margin-left: auto;
                    margin-right: auto;
                }
}



@media only screen and (max-width: 640px) {
    .hi-article.hx-checkout .hi-content.fn-group.fn-group-04 .hi-block .hx-items .hx-item {
        min-width: 70px;
    }
}

@media only screen and (max-width: 480px) {
    .hi-article.hx-checkout .hi-content.fn-group.fn-group-04 .hi-block .hx-items {
        margin-left: var(--vr-theme-html-body-normal-gap);
    }

        .hi-article.hx-checkout .hi-content.fn-group.fn-group-04 .hi-block .hx-items .hx-item {
            min-width: 60px;
        }
}
















/* ---------------- */

.hi-article.hx-receipt {
    background-color: var(--vr-base-html-body-normal-backgroundColor);
}
















/* ---------------- */


.hi-article.hx-calltoaction {
    background: var(--vr-contrast-html-body-normal-backgroundColor);
    color: var(--vr-contrast-html-body-normal-color);
}

    .hi-article.hx-calltoaction .hi-headline {
        text-align: left;
    }



@media only screen and (max-width: 800px) {
    .hi-article.hx-calltoaction .hi-headline {
        text-align: center;
    }
}
















/* ---------------- */


.hi-article.hx-inquiry {
    background-color: var(--vr-base-html-body-normal-backgroundColor);
}

    .hi-article.hx-inquiry .hi-block {
        flex-direction: row;
        padding: var(--vr-theme-html-body-normal-gap);
    }


    .hi-article.hx-inquiry .hi-container {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
    }

















/* ---------------- */



.hi-article.hx-comment {
    background-color: var(--vr-base-html-body-normal-backgroundColor);
}























/* ---------------- */


.hi-article.hx-feedback {
    background-color: var(--vr-base-html-body-normal-backgroundColor);
}


    .hi-article.hx-feedback .hi-container {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
    }

    .hi-article.hx-feedback .hi-block {
        flex-direction: row;
        padding: calc(var(--vr-theme-html-body-normal-gap) * 4) var(--vr-theme-html-body-normal-gap);
    }



















/* ---------------- */



.hi-article.hx-contactinfo {
    /*background-color: var(--vr-base-html-body-normal-backgroundColor);*/
    -webkit-box-shadow: inset 0px 0px 2px 0px var(--vr-base-html-body-normal-boxShadowColor);
    box-shadow: inset 0px 0px 2px 0px var(--vr-base-html-body-normal-boxShadowColor);
}


    .hi-article.hx-contactinfo .hi-container {
        padding: var(--vr-theme-html-body-normal-gap);
    }
    /*   .hi-article.hx-contactinfo .hi-content {
        padding: calc(var(--vr-theme-html-body-normal-gap) * 2);
    }*/


    .hi-article.hx-contactinfo .hi-block {
        flex-direction: row;
        justify-content: center;
        padding: calc(var(--vr-theme-html-body-normal-gap) * 4) var(--vr-theme-html-body-normal-gap);
        border-radius: 0;
    }


@media only screen and (max-width: 800px) {
    .hi-article.hx-contactinfo .gi-col {
        width: 340px;
    }
}












/*-----------------------------------------------------------------------------------------------------

	SECTIONS 5 (Combo .cx)

-----------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------

	SECTIONS 6 (Single Property Single Class .ux)

-----------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------

	SECTIONS 7 (Multiple Properties Single Class .mx)

-----------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------
		Responsive Definitions 
---------------------------------------------------------------------------------------------------*/







@media print {
    body.hi-body {
        background-color: var(--vr-base-html-body-normal-backgroundColor);
    }
}