.panel-title { text-align: center; margin-bottom: 1rem; }

.custom-type { display: none; position: absolute; right: 25px; bottom: 25px; }
.custom-type input { width: 100%; height: 100%; }
.custom-type.middle { top: 0 !important; bottom: 0 !important; margin: auto !important; }

.custom-type .checkmark { margin: 0; width: 45px; height: 45px; border-radius: 50%; }
.custom-type .checkmark:after { content: "\f00c" !important; font-size: 21px; font-family: Font Awesome\ 5 Free; font-weight: 900; }

.selected .custom-type { display: inline-flex !important; }
.selected .custom-type .checkmark { box-shadow: none; background-color: #39b728; border: 5px solid #c5e3c1; }
.selected .custom-type .checkmark:after { opacity: 1; }

.custom-type input:checked + .checkmark,
.custom-type input:checked + [type="hidden"] + .checkmark { box-shadow: none; background-color: #39b728; border: 5px solid #c5e3c1; }
.custom-type input:checked + [type="hidden"] + .checkmark:after { opacity: 1; content: "\f00c" }

.configurator { margin: 25px 0; }
.configurator .container { max-width: 1345px; }

.panel-round { background: #e3e7e8; border-radius: 50px; padding: 25px; }

.inner-title { font-weight: 600; margin-bottom: 20px; }
.inner-description { font-weight: 600; font-size: 0.8em; }
.inner-title + .inner-description { margin-top: -10px; }

.config-ChooseRpt + .inner-title { margin-top: 20px; }

.accessories-list .inner-title { margin-bottom: 10px; margin-top: 10px; }

.panel-staps { background-color: #fff; border-radius: 30px; display: flex; margin-bottom: 20px; }
.panel-staps ul { text-align: center; display: flex; align-items: center; justify-content: space-between; width: 100%; list-style: none; margin: 20px 30px; }
.panel-staps li { position: relative; margin-bottom: 0; }
.panel-staps li:last-child { margin-right: 0 !important; }
.panel-staps a { display: flex; align-items: center; justify-content: center; opacity: 1 !important; }
.panel-staps a span { background: #fff; color: #adadad; font-weight: 800; width: 30px; height: 30px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50px; box-shadow: -7px 4px 10px -5px #00000030; margin-right: 10px; }
.panel-staps a label { margin: 0; text-transform: uppercase; letter-spacing: 0.08rem; border-radius: 50px; padding: 7px 20px; font-size: 0.7em; font-weight: 600; }

.panel-staps .current a label,
.panel-staps a[href]:hover label { background-color: #e3e7e8; }

.side-right { background-color: #fff; border-radius: 30px; border: none; margin: 0; padding: 40px; min-height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.side-right .panel-heading { text-align: left; padding: 0; line-height: 1; text-transform: initial; min-height: initial; border: none; margin-bottom: 35px; }
.side-right .panel-heading .panel-title { text-align: inherit; letter-spacing: 0.06rem; font-size: 1.2em; line-height: inherit; text-transform: inherit; margin-bottom: 0; }
.side-right .panel-heading .d-flex { flex-wrap: initial; display: flex; justify-content: space-between; width: 100%; align-items: center; }
.side-right .panel-heading .button-wrap { margin-left: 10px; }
.side-right .panel-body { padding: 0; }
.side-right .element-thumb { display: flex; border-radius: 15px; overflow: hidden; margin-bottom: 2rem; }
.side-right p { font-weight: 300; font-size: 0.8em; }
.side-right .panel-footer .button-wrap { display: flex; justify-content: space-between; margin-top: 25px; }

.side-right .element-vehicle { margin-bottom: 30px; }
.side-right .element-vehicle .element-model { font-size: 1.1em; margin-bottom: 0.3rem; font-weight: 600; }
.side-right .element-vehicle .element-variant { display: block; font-size: 0.85em; color: #4a4f55; }

.side-right .element-v-info { margin: 0; list-style: none; font-size: 0.85em; color: #4a4f55; }
.side-right .element-v-info li { margin: 0; }
.side-right .element-v-info span { color: var(--font-color); font-weight: 600; margin-left: 5px; }

.element-form { background-color: #f1f1f1; border-radius: 15px; padding: 25px; margin: 10px 0 15px; }
.element-form h3 { font-size: 1.1em; margin-bottom: 1.5rem; /*margin-bottom: 1rem;*/ font-weight: 600; /*letter-spacing: 0.06rem;*/ letter-spacing: 0.01rem; }
.element-form p.sub-heading { margin-bottom: 1.5rem; color: #4a4f55; }
.element-form label { display: block; font-size: 0.85em; color: #4a4f55; }
.element-form input, .element-form select { border-radius: 10px; border-color: #e3e7e8; background: #ffffff; font-size: 0.9em; }
.element-form select.sel-none { color: #877587; }

.side-right .panel-heading .link-button { font-weight: 600; color: #999999; font-size: 0.8em; letter-spacing: 0.1rem; height: auto; }
.side-right .panel-heading .link-button svg { width: 22px; height: 16px; margin-right: 10px; fill: currentColor; color: inherit; }
/*.side-right .panel-heading .button.border { background-color: #ffffff; border: 1px solid var(--font-color); color: var(--font-color); border-radius: 50px; text-transform: uppercase; font-size: 0.7em; letter-spacing: 0.1rem; min-width: initial; padding: 5px 15px; height: 40px; }*/



.side-right .panel-footer .link-button { font-weight: 600; color: #999999; font-size: 0.8em; letter-spacing: 0.1rem; height: auto; }
.side-right .panel-footer .link-button svg { width: 22px; height: 16px; margin-right: 10px; fill: currentColor; color: inherit; }
.side-right .panel-footer .button.border, .side-right .panel-heading .button.border { background-color: #ffffff; border: 1px solid var(--font-color); color: var(--font-color); border-radius: 50px; text-transform: uppercase; font-size: 0.7em; letter-spacing: 0.1rem; }
.button.green { background-color: #35972a !important; border-color: #35972a !important; color: #fff !important; }

.element-term { font-size: 0.7em; width: 87%; margin: 50px auto; opacity: 0.5; }

.element-repeat { position: relative; text-align: left; padding: 25px 35px; cursor: pointer; display: flex; align-items: flex-end; border-radius: 30px; margin-bottom: 10px; }
.selected .element-repeat { background-color: #fff; }
.element-repeat img { display: block; }
.element-repeat .element-thumb { margin-bottom: 15px; display: block; }
.element-repeat .element-thumb img { border-radius: 15px; }
.element-repeat .element-content { }
.element-repeat .element-price { display: block; color: #7f7f7f; font-size: 0.85em; }
.element-repeat .element-bodytype { display: block; text-transform: uppercase; letter-spacing: 0.1rem; font-weight: 600; line-height: 1; margin-bottom: 5px; }

.config-footer { background-color: #fff; border-radius: 30px; display: flex; margin-top: 20px; padding: 30px; }
.config-footer .panel-body { display: flex; justify-content: space-between; align-items: center; }
.config-footer .element-stock { margin-left: 0px; font-size: 0.85em; }

.c-element-product { display: flex; align-items: center; width: 100%; }
.c-element-product .element-thumb { font-size: 0; }

.c-element-left { width: 100%; display: flex; align-items: center; }
.c-element-thumb { display: inline-flex; margin-right: 50px; width: 150px; border-radius: 15px; overflow: hidden; }
.c-element-heading { font-size: 1.1em; font-weight: 600; }
.c-element-title { display: block; color: #7f7f7f; font-size: 0.85em; }

.c-element-price { text-align: left; border-left: 2px solid #e5e5e5; padding-left: 30px; white-space: nowrap; }
.c-element-price h3,
.mobile-price h3 { margin-bottom: 0; }

.c-element-price label,
.mobile-price label { display: block; color: #7f7f7f; font-size: 0.7em; margin-bottom: 0; text-decoration: underline; }



.config-ChooseRpt { border-radius: 10px; padding: 10px; margin-bottom: 15px; border: 1px solid var(--font-color); box-shadow: 0px 0px 0px 0.03rem var(--font-color); background-color: #ffffff; -webkit-transition: 0.15s; transition: 0.15s; }
.config-ChooseRpt-click { border-radius: 10px; position: relative; background-color: #fff; padding: 10px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; letter-spacing: 0.3px; -webkit-transition: 0.15s; transition: 0.15s; }
.config-ChooseRpt.config-info .config-ChooseRpt-click { padding-right: 55px }
.config-ChooseRpt-click .custom-type { right: 8px; }
.config-enginee { }

.config-ChooseRpt-click .element-title { margin-bottom: 0.3rem; line-height: 1.2; font-size: 0.9em; font-weight: 600; }
.config-ChooseRpt-click .element-price { display: block; font-size: 0.8em; }
.config-ChooseRpt-click .element-right { display: flex; justify-content: flex-end; align-items: center; }
.config-ChooseRpt-click .element-right .checkmark { margin: 0; margin-left: 15px; width: 25px; height: 25px; }
.config-ChooseRpt-click .element-right .checkmark:after { font-size: 18px; }

.config-ChooseRpt-drop { display: none; padding: 10px; -webkit-transition: 0.15s; transition: 0.15s; }
.config-ChooseRpt-drop ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; }
.config-ChooseRpt-drop li { width: 50%; margin-bottom: 1rem; padding-right: 20px; }
.config-ChooseRpt-drop li:nth-child(2n) { padding-right: 0; }
.config-ChooseRpt-drop li:nth-last-child(1),
.config-ChooseRpt-drop li:nth-last-child(2) { margin-bottom: 0; }

.config-ChooseRpt-drop h6 { margin-bottom: 0.3rem; line-height: 1.2; font-size: 0.9em; }
.config-ChooseRpt-drop label { display: block; color: #7f7f7f; font-size: 0.7em; margin-bottom: 0; }



.config-ChooseRpt-click .info { position: absolute; right: 20px; top: 18px; margin: auto; display: inline-flex; width: 22px; height: 22px; justify-content: center; align-items: center; border: 1px solid #e8eceb; border-radius: 50%; }
.config-ChooseRpt-click .info img { height: 11px; }

.config-enginee .custom-type { display: none; right: 11px; top: 4px; bottom: initial; }

.config-fuel .custom-type,
.config-transmission .custom-type { display: none !important; }

.config-ChooseRpt.selected { box-shadow: 0px 0px 0px 3px #35972a; }
.config-ChooseRpt.selected .info { background-color: var(--font-color); top: 0; bottom: 0; margin: auto; }
.config-ChooseRpt.selected .info img { filter: brightness(0) invert(1); }
.config-ChooseRpt.selected .config-ChooseRpt-drop { display: block; }

.bodystyle-list .config-fuel-type { display: flex; align-items: center; margin-bottom: 12px; gap: 3px; }
.bodystyle-list .config-fuel-type strong { font-size: 12px; font-weight: inherit; }
.bodystyle-list .config-fuel-type span { padding: 5px 10px 6px; background-color: #e9ecec80; font-size: 12px; border-radius: 50px; display: inline-flex; }
.bodystyle-list .config-ChooseRpt-drop ul { width: 100%; }
.bodystyle-list .config-ChooseRpt-drop ul li { width: 100%; padding-right: 0; margin-bottom: 0; }
.bodystyle-list .config-ChooseRpt-drop ul li p { display: flex; align-items: flex-start; width: 100%; padding: 4px 0; background-color: transparent; border: none; margin-bottom: 0; font-size: 13px; }
.bodystyle-list .config-ChooseRpt-drop ul li p:before { content: ""; display: block; flex: 0 0 6px; height: 1px; margin: 9px 10px 0 0; background-color: #4a4f54; }
.bodystyle-list .config-ChooseRpt.selected { border-color: #35972a; }

/*.config-Step-2 .side-right .panel-body .button-wrap .button.border { border-radius: 50px; margin-top: 10px; }*/

.config-Step-3 .config-ChooseRpt .config-ChooseRpt-click { padding-right: 55px; }
.config-Step-3 .config-ChooseRpt.selected { background-color: #eef9eb; border-color: #35972a; }
.config-Step-3 .config-ChooseRpt.selected .config-ChooseRpt-click { border-radius: 6px; }

.colorChooseRpt { border-radius: 5px; min-height: calc(100% - 15px); display: flex; align-items: center; }
.colorChooseRpt .config-ChooseRpt-click { padding-left: 50px; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; }
.colorChooseRpt .config-ChooseRpt-click .element-thumb { position: absolute; top: 0; left: 0px; bottom: 0; margin: auto; width: 40px; height: 40px !important; overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: 0; border-radius: 5px; border: 1px solid #e1e1e1; }
.colorChooseRpt .config-ChooseRpt-click .element-thumb img { width: calc(100% + 2px); height: calc(100% + 2px); max-width: calc(100% + 2px); min-width: calc(100% + 2px); margin: 0; outline: none; border: none; }
.colorChooseRpt .config-ChooseRpt-click .element-title { margin-bottom: 0; margin-right: 10px; }
.colorChooseRpt .config-ChooseRpt-click .element-description { margin: 0; margin-left: 1rem; width: calc(100% - 150px); }

.colorChooseRpt .config-ChooseRpt-click.colour-blank { padding-left: 10px; }
.colorChooseRpt .config-ChooseRpt-click.colour-blank .element-thumb { display: none; }

.config-tabs { background-color: #fff; border-radius: 30px; display: flex; margin-top: 20px; padding: 30px; }
.config-tabs .tabs { border: none; flex-wrap: initial; overflow-x: auto; overflow-y: hidden; padding-bottom: 15px; }
.config-tabs .tabs::-webkit-scrollbar { height: 10px; }
.config-tabs .tabs::-webkit-scrollbar-track { background-color: #d1d1d1; border-radius: 8px; }
.config-tabs .tabs::-webkit-scrollbar-thumb { background-color: #606060; border-radius: 8px; }
.config-tabs .tab-link { border: none; min-width: initial; text-transform: uppercase; letter-spacing: 0.08rem; padding: 7px 0; margin: 0px 15px; font-size: 0.8em; font-weight: 600; border-bottom: 1px solid transparent; border-radius: 0; opacity: 0.5; color: #7f7f7f; white-space: nowrap; }
.config-tabs .tab-link:before { display: none; }
.config-tabs .tab-link:first-child { margin-left: 0; }
.config-tabs .tab-link.resp-tab-active { border-color: var(--font-color); color: var(--font-color); opacity: 1; }
.accessories-list .config-tabs .inner-title { font-size: 1em; margin-top: 0; }
.config-tabs .tab-content { padding-bottom: 0; }
.config-tabs .tab-content .row > [class*="col-"]:nth-last-child(1) .config-ChooseRpt,
.config-tabs .tab-content .row > [class*="col-"]:nth-last-child(2) .config-ChooseRpt { margin-bottom: 0; }

.config-builder .accordion { background: #fff; border-radius: 30px; padding: 15px 30px; }
.config-builder .accordion-header { padding-left: 0; padding-right: 0; }
.config-builder .accordion-Content { padding-left: 0; padding-right: 0; padding-bottom: 15px; border-bottom: solid 1px #001b542e; }
.config-builder .accordion-item:last-child .accordion-header:not(.active) { border-bottom-color: transparent; }
.config-builder .accordion-item:last-child .accordion-Content { padding-bottom: 0; border-bottom: none; }


.config-builder .config-Choose .element-stock { float: right; margin-left: 0; font-size: 0.85em; }

.mobile-price { display: flex; justify-content: space-between; align-items: start; }
.mobile-price [class*="col-"] { padding-left: 10px; padding-right: 10px; width: auto; flex: auto; }


.config-Step-7 .config-ChooseRpt { border-radius: 5px; }
.config-Step-7 .config-ChooseRpt-click { display: flex; flex-direction: initial; justify-content: space-between; }
.config-Step-7 .config-ChooseRpt-click .element-title { width: calc(100% - 70px); margin-bottom: 0; min-height: 35px; }
.config-Step-7 .config-ChooseRpt-click .element-right { width: 70px; min-width: 70px; color: #7f7f7f; }
/*.config-Step-7 .side-right .panel-footer .button.border { background-color: #35972a; border-color: #35972a; color: #fff; }*/

.config-Step-8 .col-8 .panel-body { background-color: #fff; border-radius: 30px; margin-top: 20px; padding: 30px; }
.config-Step-8 .col-8 .panel-body .element-head { display: flex; justify-content: space-between; align-items: flex-start; }
.config-Step-8 .col-8 .panel-body .element-head .inner-title { border-bottom: 1px solid #e3e3e3; width: 100%; margin-right: 50px; padding-bottom: 30px; margin-bottom: 30px; }
.config-Step-8 .col-8 .panel-body input:not(.button) { border-radius: 5px; font-size: 0.8em; }
.config-Step-8 .col-8 .panel-body .form-group label { font-size: 0.9em; font-weight: normal; }

.config-Step-8 .col-8 .element-vehicle { margin-bottom: 30px; }
.config-Step-8 .col-8 .element-vehicle .element-model { font-size: 1.1em; margin-bottom: 0.3rem; }
.config-Step-8 .col-8 .element-vehicle .element-variant { display: block; font-size: 0.85em; }

.config-Step-8 .col-8 .custom-type { display: inline-flex; position: relative; inset: initial; }
.config-Step-8 .col-8 .custom-type .label { margin-left: 1rem; }

.config-Step-8 .side-right .element-vehicle .element-model { font-size: 1.5em; }
.config-Step-8 .side-right .element-vehicle .element-variant { }
.config-Step-8 .side-right .element-vehicle { /*border-bottom: 1px solid #e8e8e8; padding-bottom: 50px;*/ }
.config-Step-8 .side-right .element-design .custom-type { display: inline-flex; position: relative; inset: initial; margin-left: 0.5rem; cursor: default; }
.config-Step-8 .side-right .element-design .custom-type .checkmark:after { opacity: 1; font-size: 9px; cursor: default; }
.config-Step-8 .side-right .element-design .custom-type .checkmark { width: 23px; height: 23px; box-shadow: none; background-color: #39b728; border: 3px solid #c5e3c1; cursor: default; }
.config-Step-8 .side-right .element-design h6 { display: flex; align-items: center; font-weight: 600; }
.config-Step-8 .side-right .estimated { background-color: #f0f2f1; font-size: 0.65em; padding: 5px 10px; display: inline-flex; margin-bottom: 1rem; border-radius: 50px; letter-spacing: 0.05rem; display: none !important; /*#50*/ }
.config-Step-8 .side-right .element-design .element-price h3 { font-size: 1.5em; letter-spacing: 0.1rem; margin-bottom: 0; }
.config-Step-8 .side-right .element-design .element-price span { font-size: 0.5em; }
.config-Step-8 .side-right .otr { display: inline-flex; text-decoration: underline; font-size: 0.8em; }
.config-Step-8 .side-right .element-design { margin-bottom: 25px; /*padding-bottom: 25px;*/ padding-bottom: 75px; border-bottom: 1px solid #e8e8e8; }
.config-Step-8 .side-right .element-price { display: flex; margin-left: -10px; margin-right: -10px; justify-content: space-between; align-items: flex-start; }
.config-Step-8 .side-right .element-price [class*="col-"] { padding-left: 10px; padding-right: 10px; width: auto; flex: auto; }
.config-Step-8 .side-right .panel-body .button-wrap { margin-bottom: 25px; }
.config-Step-8 .side-right .panel-body .button { letter-spacing: 0.05rem; width: 100%; border-radius: 50px; margin-bottom: 0.5rem; font-size: 0.8em; color: #fff; background-color: var(--font-color); font-weight: 600; }
.config-Step-8 .side-right .panel-body .button.border { background: #fff; border: 2px solid var(--font-color); color: var(--font-color); }
.config-Step-8 .side-right .panel-body .button.btn-fin { border-radius: 50px; background: #c5e3c1; color: var(--font-color); height: auto; font-size: 0.85em; white-space: nowrap; min-width: initial; width: auto; padding: 10px 15px; }

.config-Step-8 .side-right .panel-body .button.element-stock { background-color: var(--button-background-color); }


.summary-table { margin-bottom: 1.5rem; font-size: 0.8em; }
.summary-table p { margin-bottom: 0.5rem; font-weight: 600; }
.summary-table table { width: 100%; border-collapse: collapse; }
.summary-table table th { background: #333; color: white; font-weight: bold; }
.summary-table table th,
.summary-table table tr:nth-of-type(odd) { }
.summary-table table tr:nth-of-type(even) { background: #f5f5f5; }

.summary-table table td { padding: 10px; }
.summary-table table td:last-child { text-align: right; padding-left: 30px; }
.summary-table table td:first-child { width: 100%; }
.summary-table table td strong { font-weight: inherit; white-space: nowrap; }
.fnl-summary input.button { border-radius: 50px; background: #c5e3c1; color: var(--font-color); height: auto; font-size: 0.9em; width: auto; margin-top: 20px; }


.scrollbar { max-height: 600px; overflow: auto; padding-right: 50px; }
.scrollbar::-webkit-scrollbar { width: 8px; }
.scrollbar::-webkit-scrollbar-track { background-color: #d1d1d1; border-radius: 8px; }
.scrollbar::-webkit-scrollbar-thumb { background-color: #606060; border-radius: 8px; }

.config-Step-thanks .panel-body { background-color: #fff; border-radius: 30px; margin-top: 20px; padding: 30px; }

.config-Step-thanks .panel-body .button { border-radius: 50px; }

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


.js-radio { cursor: pointer; }



.breadcrumb-back { position: relative; }
.breadcrumb-back .back-link { position: absolute; top: 25px; right: calc(50% - 600px); }
.breadcrumbs { background: transparent; }


.panel-staps .progress { background: #fff; display: block; width: calc(100% - 40px); height: 10px; box-shadow: 0px 0px 10px 1px #60606030; border-radius: 50px; overflow: hidden; margin: auto; margin-bottom: 20px; display: none; }
.panel-staps .progress-bar { background: var(--success-color); height: 100%; border-radius: 50px; -webkit-transition: 0.35s; transition: 0.35s; width: 0; }


.inner-panel-body { }
.inner-panel-body + .inner-panel-body { }
.inner-panel-body h4 { }
.inner-panel-body > [class*="config-"] { }


.summary-vehicle { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 2rem; }
.summary-vehicle .summary-thumb img { width: 120px; }
.summary-vehicle .summary-thumb { display: flex; }
.summary-total { display: flex; flex-direction: column; text-align: right; }
.summary-total strong { font-size: 26px; color: var(--theme-color); }

.element-money { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 2rem; }
.element-money .money-thumb { display: flex; align-items: flex-end; }
.element-money .money-thumb img { width: 120px; }
.money-price { text-align: right; border-right: solid 4px #5f7986; padding-right: 15px; }
.money-price label { text-align: right; margin-bottom: 0px; color: #999999; }
.money-price p { font-size: 26px; margin: 0; font-weight: 600; }

.finance-choose { background-color: #f1f1f1; margin-bottom: 30px; padding: 30px; }
.finance-choose .element-heading { background-color: #5f7986; padding: 13px 15px; color: #fff; margin-bottom: 1rem; font-weight: 600; }
.finance-choose .row { align-items: center; }
.finance-choose label { margin-bottom: 0; }
.finance-choose select,
.finance-choose input { margin: 0.5rem 0; }
.finance-choose .element-footer { text-align: left; background-color: #5f7986; padding: 13px 15px; color: #fff; margin-top: 1rem; border: solid 2px #cccccc; display: flex; justify-content: space-between; font-weight: 600; }
.finance-choose p:empty { display: none; }

.config-form { margin-top: 1rem; }
.config-form .element-heading { background-color: var(--theme-color); padding: 13px 15px; color: #fff; margin-bottom: 1rem; font-weight: 600; }

.disclaimerbox { font-weight: 600; }

.config-Step-thanks { text-align: center; }
.config-Step-thanks .inner-panel-body { display: inline-flex; flex-direction: column; width: 600px; max-width: 100%; }
.config-Step-thanks .element-thumb { display: flex; justify-content: center; font-size: 40px; color: var(--theme-color); }
.config-Step-thanks .element-thumb i { font-size: 40px; color: var(--success-color); }
.config-Step-thanks .element-heading { margin: 0.5rem 0; font-weight: 600; font-size: 1.5em; }
.config-Step-thanks .element-description strong { color: var(--success-color); }
.config-Step-thanks .panel-body.shadow .button { background-color: var(--theme-color); }


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

	.panel-staps ul { margin: 10px; }
	.panel-round { padding: 10px; border-radius: 35px; }
	.panel-staps a label { padding: 7px 10px 5px; }
	.side-right { padding: 20px; }
	.config-footer { padding: 20px; }

	.element-repeat { padding: 25px; }
	.element-repeat .custom-type { right: 20px; bottom: 20px; }
	.custom-type .checkmark:after { font-size: 13px; }
	.custom-type .checkmark { width: 35px; height: 35px; }
	.selected .custom-type .checkmark { border-width: 4px; }

	.accessories-list .row.medium { margin-left: -7px; margin-right: -7px; }
	.accessories-list .row.medium > [class*="col-"] { padding-left: 7px; padding-right: 7px; }

	.element-form { padding: 15px; }
}

@media screen and (min-width:1024px) and (max-width:1199px) {
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.side-right .panel-heading .button-wrap { font-size: 14px; }
}


@media screen and (max-width:1023px) {
	.side-right { margin-top: 10px; min-height: auto; }
}

@media screen and (min-width:768px) and (max-width:1023px) {
	.side-right .element-thumb { width: 50%; }

	[class*="config-Step-"]:not(.config-Step-2, .config-Step-7, .config-Step-8) .panel.side-right .panel-body,
	html[class*="-bodystyle"] [class*="config-Step-"].config-Step-2 .panel.side-right .panel-body { display: none; }

	[class*="config-Step-"]:not(.config-Step-2, .config-Step-7, .config-Step-8) .panel.side-right .panel-footer .button-wrap,
	html[class*="-bodystyle"] [class*="config-Step-"].config-Step-2 .panel.side-right .panel-footer .button-wrap { margin-top: 0; }



	.config-Step-7 .side-right .element-thumb { display: none; }
	.config-Step-7 .side-right .element-vehicle { display: none; }
	.config-Step-7 .side-right .element-form { margin: 0; }
	.config-Step-7 .side-right .panel-heading { margin-bottom: 15px; }

	.config-Step-8 { position: relative; }
	.config-Step-8 .row.compact { display: flex; flex-direction: column-reverse; }
	.config-Step-8 .row.compact .col-8 { position: initial; }
	.config-Step-8 .panel-staps { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 9; }
	.config-Step-8 .side-right { margin-top: 65px; }
	.config-Step-8 .side-right .element-flex { display: flex; justify-content: space-between; }
	.config-Step-8 .side-right .element-design { width: calc(50% - 10px); }
	.config-Step-8 .side-right .panel-body .button-wrap { display: flex; justify-content: space-between; }
	.config-Step-8 .side-right .panel-body .button-wrap .button { width: calc(25% - 5px) !important; padding-left: 5px; padding-right: 5px; }
}

@media screen and (min-width:768px) {
	.config-builder .panel-heading .button-wrap #lnkNext { display: none; }
}


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

	.configurator { margin: 0; }
	.configurator .container { padding: 0; }
	.panel-round { padding: 15px; border-radius: 0; }
	.side-right { padding: 20px; border-radius: 20px; }
	.panel-staps { border-radius: 20px; }
	.panel-staps ul { margin: 0; flex-wrap: wrap; padding: 10px; }
	.panel-staps li { display: inline-flex; width: 25%; justify-content: center; }
	.panel-staps li:nth-child(2),
	.panel-staps li:nth-child(4) { width: auto; }

	.inner-title { font-size: 1.2em; }

	.side-right .panel-footer .button, .side-right .panel-heading .button { min-width: initial; }
	.side-right .panel-footer .button-next { display: none; }
	.side-right .element-thumb { margin-bottom: 1rem; }
	.side-right .panel-heading { margin-bottom: 1rem; }


	.element-repeat { padding: 10px; border-radius: 20px; }
	.element-repeat .element-bodytype { font-size: 0.8em; min-height: 26px; display: flex; }
	.element-repeat .custom-type { right: 10px; bottom: 10px; }


	.config-builder .accordion { padding: 10px 20px; }

	.config-footer { padding: 0; }
	.c-element-thumb { width: 100%; margin-right: 0; }
	.c-element-price { padding-left: 15px; width: 100%; border-width: 1px; min-width: 50%; white-space: normal; }
	.c-element-left { width: 100%; padding-right: 15px; }
	.c-element-heading { font-size: 0.85em; }
	.c-element-price h3 { font-size: 1.3em; }
	.side-right .element-vehicle .element-variant { margin-top: -5px; }
	.mobile-price { margin-top: 0.3rem; flex-direction: column; margin-left: 0px; }
	.mobile-price [class*="col-"] { width: 100% !important; padding: 0px !important; }
	.mobile-price .element-stock { margin-left: 0px; margin-top: 10px; }
	.config-Step-8 .side-right .element-price { flex-direction: column; margin-left: 0px; }
	.config-Step-8 .side-right .element-price [class*="col-"] { width: 100% !important; padding: 0px !important; }
	.config-Step-8 .side-right .element-stock { margin-left: 0px; margin-top: 10px; width: auto !important; }
	.config-footer .c-element-product .c-element-price { position: relative; padding-bottom: 50px; }
	.config-footer .c-element-product .button.element-stock { position: absolute; bottom: 0px; }


	.summary-table { padding-right: 0; }
	.summary-table table td:last-child { padding-left: 10px; }
	.summary-table:last-child { margin-bottom: 0; }

	.config-Step-8 .col-8 .panel-body { padding: 15px; border-radius: 20px; }
	.config-Step-8 .col-8 .panel-body .element-head .inner-title { margin-right: 0; padding-bottom: 15px; margin-bottom: 15px; }
	.config-Step-8 .col-8 .element-vehicle { margin-bottom: 15px; }
	.config-Step-8 .side-right .element-vehicle { margin-bottom: 20px; }
	.config-Step-8 .side-right .element-design { padding-bottom: 25px; }
	.config-Step-8 .side-right .panel-body .button-wrap { margin-bottom: 0; }
	.config-Step-8 .side-right .panel-body .button-wrap .button:last-child { margin-bottom: 0; }
}

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

@media screen and (max-width:380px) {
	.panel-staps li { width: 24%; }
}

@media screen and (max-width:359px) {
	.panel-staps li { width: auto !important; }
	.panel-staps ul { justify-content: center; }
}



.config-builder + .side-right { margin-top: 2rem; }
.ml-0 { margin-left: 0 !important; }

.config-builder .models-list .element-stock { display: none; }