﻿ul, li { list-style: none; }

.c-section__inner--form { order: 3; padding-top: 0 }
.c-section__model-title { font-size: 30px; font-size: 1.875rem; line-height: 36px; font-weight: 200 }

@media screen and (min-width: 768px) {
	.c-section__model-title { font-size: 40px; font-size: 2.5rem; line-height: 46px }
}

.c-section__model-title span { font-weight: normal }
.c-section__model-info { align-items: flex-start; display: flex }
.c-section__model-icon { margin-right: 10px; margin-top: 3px; width: 40px }
.c-section__model-name { font-size: 24px; font-size: 1.5rem; line-height: 30px; font-weight: 200; margin-bottom: 0 }
.c-section__model-name span { font-weight: normal }
.c-section__model-dealer { font-size: 20px; font-size: 1.25rem; line-height: 26px }
.c-section__model-list { margin-top: 10px }
.c-section__model-list-item { color: #585858 }
.c-section__model-list-cta { text-decoration: none }
.c-section__image { background-position: center; background-repeat: no-repeat; background-size: cover; margin-top: 80px; padding-bottom: 100% }

@media screen and (min-width: 768px) {
	.c-section__image { display: none }
}

.c-section__image--desktop { display: none }

@media screen and (min-width: 768px) {
	.c-section__image--desktop { background-size: cover; display: block; height: -moz-fit-content; height: fit-content; margin-top: 0; padding-bottom: 66.6666666667%; position: absolute; right: 0; top: 0; width: 50% }
}

@media screen and (min-width: 1200px) {
	.c-section__image--desktop { bottom: 0; height: calc(100vh + 7px); padding-bottom: 57.1428571429%; position: fixed; width: calc(50% - 200px) }

	.c-section__image--desktop.is-bottom { bottom: -80px; position: absolute; top: auto }
}

@media screen and (min-width: 1400px) {
	.c-section__image--desktop { width: calc(50% - 170px) }
}

.c-section__list { color: #585858; font-size: 15px; font-size: .9375rem; line-height: 24px; margin-top: 30px }

.c-section__cta { color: #000; text-decoration: underline }

.c-section__split-txt { color: #000; font-size: 20px; font-size: 1.25rem; line-height: 26px; font-weight: 200 }

.c-section__split-txt span { font-weight: normal }

.c-section__results { display: flex; flex-direction: column-reverse }

@media screen and (min-width: 1200px) {
	.c-section__results { flex-direction: row; margin-left: 100px; margin-right: 100px; padding-bottom: 100px }
}

@media screen and (min-width: 1400px) {
	.c-section__results { margin-left: 140px; margin-right: 140px }
}

@media screen and (min-width: 1600px) {
	.c-section__results { max-width: 1200px; margin-left: 200px }
}

.c-section__iframe { width: 100% }
.o-accordion-header { display: flex; align-items: center; justify-content: space-between; cursor: pointer;  font-size: 2.625rem;  padding: 0 0 3px 0; position: relative; width: 100%; border-bottom:#000 1px solid; }
.o-accordion-header:visited, .o-accordion-header:focus { border-bottom: #000 1px solid; }
.sub-item-container .o-accordion-header { border: none;}
@media screen and (min-width: 1200px) {
	.o-accordion-header { padding-left: 0; padding-right: 0 }
}

.o-accordion-header.open { border-bottom: none; }

.o-accordion-panel { display: none; overflow: hidden }

.o-accordion-icon { border: 1px solid #e10012; border-radius: 50%; display: inline-block; height: 30px; width: 30px; position: absolute; pointer-events: none; top: 50%; transform: translateY(-50%); right: 0; }

.o-accordion-icon:before, .o-accordion-icon:after { background-color: #000; content: ""; display: inline-block; height: 1px; left: 50%; position: absolute; top: 50%; transform: translateX(-50%); width: 12px }

.o-accordion-icon:after { height: 12px; transform: translate(-50%,-45%) scaleY(1); transition: transform .4s cubic-bezier(0.55,0,0,0.85); width: 1px }

@media screen and (min-width: 1200px) {
	.o-accordion-icon { right: 0 }
}

.o-accordion-icon.open:after { transform: translate(-50%,-45%) scaleY(0) }

.o-accordion-content { padding: 20px }

@keyframes spinner {
	from { transform: rotate(0deg) }

	to { transform: rotate(360deg) }
}

.o-expand { border: 1px solid #fff; border-radius: 50%; display: inline-block; height: 24px; width: 24px; position: absolute; pointer-events: none; top: 50%; transform: translateY(-50%) }

.o-expand:before, .o-expand:after { background-color: #fff; content: ""; display: inline-block; height: 1px; left: 50%; position: absolute; top: 50%; transform: translateX(-50%); width: 12px }

.o-expand:after { height: 12px; transform: translate(-50%,-45%) scaleY(1); transition: transform .4s cubic-bezier(0.55,0,0,0.85); width: 1px }

.o-expand.open::after { transform: translate(-50%,-45%) scaleY(0) }
.c-accordion { margin-bottom: 80px }



.c-accordion__split-txt--small { font-size: 1rem; }

@media screen and (min-width: 1024px) {
	.c-accordion__split-txt--small { padding: 8px 200px 8px 0 }
}
