.dropdowns-container li p:nth-child(2){text-align:right;padding-right:8%}
.currentYear_switch{margin:0 auto;padding:0;text-align:center}
#currentYear_type_toggle{z-index:100}
.currentYear_switch .toggle-selected{color:#333}
.currentYear_switch label.currentYearswitch-label,.currentYear_switch label.previousYearswitch-label{transition:color .1s linear .1s}
.currentYear_switch label span{text-transform:uppercase;font-weight:normal}
.currentYear_switch label{display:inline;font-size:.45rem;color:#ccc;font-weight:bold;text-transform:uppercase;letter-spacing:.8px;transition:color .7s linear .5s;clear:none;float:none;padding:0;cursor:pointer}
.currentYear_switch>span{font-size:.45rem;text-transform:uppercase;color:#333;letter-spacing:.8px;margin-right:6px}
.currentYear_switch .onoffswitch{display:inline-block;position:relative;width:25px;margin:0 7px 0 7px;top:-2px;height:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.currentYear_switch .onoffswitch-checkbox{display:none}
.currentYear_switch .onoffswitch-label{display:block;overflow:hidden;cursor:pointer;height:2px;padding:0;margin:0;line-height:3px;border:0 solid #999;border-radius:20px;background-color:#09f;float:none}
.currentYear_switch .onoffswitch-label:before{content:"";display:block;width:14px;height:14px;top:-6px;background:#fff;position:absolute;bottom:0;right:14px;border-radius:20px;box-shadow:0 2px 6px 0 #ccc;transition:all .5s}
.currentYear_switch .onoffswitch-label:after{content:"";display:block;position:absolute;height:20px;width:80px;left:-19px;top:-10px}
.onoffswitch-checkbox:checked+.onoffswitch-label{background-color:#09f}
.onoffswitch-checkbox:checked+.onoffswitch-label,.onoffswitch-checkbox:checked+.onoffswitch-label:before{border-color:#09f}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left:0}
.onoffswitch-checkbox:checked+.onoffswitch-label:before{right:0;background-color:#fff}
.dropdowns-container .pc-dropdowns{align-content:center;justify-content:center;padding:0;background-color:#333;margin:0 3% 0 3%;list-style-type:none;text-align:center;z-index:0}
.dropdowns-container .pc-dropdowns h2{color:#999;font-weight:normal}
.dropdowns-container{background:transparent;margin:0 0 4% 0;padding:19px 0 0 0}
.dropdowns-container .pc-dropdowns>li:first-child{margin:13px 0 0 0;border-bottom:2px solid #e4e4e0}
.dropdowns-container .pc-dropdowns>li{background-color:#fff;cursor:pointer;display:inline-block;margin:9px 0 8px 0;position:relative;border:2px solid #e4e4e0;width:91%}
.dropdowns-container .steps-labels h2{display:inline-block;font-size:1.5rem;margin:0;padding-top:20px;position:relative;text-transform:uppercase;width:93%}
.dropdowns-container .select{align-items:center;color:#999;display:flex;justify-content:center;font-size:.7rem;font-weight:bold;height:36px;letter-spacing:1.6px;float:left;padding-left:13%;text-align:left;text-transform:uppercase;width:75%}
.dropdowns-container .arrow-mark{background:url(../../../../../../content/dam/subaru/payment-calculator/arrow.png) no-repeat center;border-left:4px;height:36px;float:right;width:11.4%}
.dropdowns-container .dropdown.selected .arrow-mark{-webkit-filter:none;filter:none}
.dropdowns-container .custom-select{border:2px solid #e4e4e0;border-top:0;display:none;left:-2px;list-style-type:none;margin-top:2px;padding:0;text-align:left;color:#333;position:absolute;top:36px;width:100%;z-index:1}
.dropdowns-container .pc-dropdowns li:last-child .select.inactive{color:rgba(51,51,51,0.4)}
.dropdowns-container .custom-select li.previous-year-content:first-child{border-bottom:2px solid #e4e4e0;height:18px;padding:3px 0 6px 0}
.dropdowns-container .custom-select li{background-color:#fff;display:flex;height:15px;padding:0 0 2.3% 8.6%;position:relative}
.dropdowns-container .custom-select.trims li p{width:100%}
.dropdowns-container .custom-select li .year{font-size:.65rem}
.dropdowns-container .custom-select.trims li .year{display:none}
.dropdowns-container .custom-select li .model{font-weight:bold;font-size:.65rem;letter-spacing:.5px}
.dropdowns-container .custom-select.trims li .model{font-weight:normal}
.dropdowns-container .custom-select li .starting{color:#999;font-size:.6rem}
.dropdowns-container .custom-select.trims li:hover .starting,.dropdowns-container .custom-select.trims li.active .starting{color:#f7f7f7}
.dropdowns-container .custom-select li .price{color:#333;font-size:.65rem;font-weight:bold}
.dropdowns-container .custom-select.trims li:hover .price,.dropdowns-container .custom-select.trims li.active .price{color:#f7f7f7}
.dropdowns-container .pc-dropdowns .dropdown-disabled{cursor:initial}
.dropdowns-container .custom-select li.previous-year-content:hover,.dropdowns-container .custom-select li.previous-year-content.active{background-color:#f7f7f7;cursor:pointer}
.dropdowns-container .custom-select li:hover,.dropdowns-container .custom-select li.active{background-color:#09f;cursor:pointer}
.dropdowns-container .custom-select li:hover p span,.dropdowns-container .custom-select li.active p span{color:#f7f7f7}
.dropdowns-container .dropdown p{margin:0}
.dropdowns-container .custom-select.models p{width:100%}
.dropdowns-container .pc-dropdowns p span{color:#333;vertical-align:middle}
.dropdowns-container .selected .select{color:#09f}
.dropdowns-container .steps-labels{display:none}
@media only screen and (min-device-width:375px) and (max-device-width:736px) and (orientation:landscape){.dropdowns-container{padding:5% 0 0 0}
.dropdown .custom-select.models>li:nth-child(2){padding-top:8px}
.dropdown .custom-select.trims>li.modelTrims:first-child{padding-top:8px}
.dropdowns-container .custom-select li.previous-year-content:first-child{padding:4px 0 9px 0}
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.dropdowns-container .pc-dropdowns>li{width:91%}
.dropdowns-container .custom-select{border-top:0;top:46px}
.dropdowns-container{margin:0 0 4% 0;padding:27px 0 0 0}
.dropdowns-container .select{font-size:.85rem;height:46px;letter-spacing:1.6px;padding-left:17%;width:66%}
.dropdowns-container .arrow-mark{border-left:4px;height:46px;width:11.4%}
.dropdowns-container .pc-dropdowns{padding:0;margin:0 2.4% 0 2.8%}
.dropdowns-container .pc-dropdowns>li:first-child{margin:10px 0 0 0}
.dropdowns-container .custom-select li.previous-year-content:first-child{padding:4px 0 9px 0}
}
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:2){.dropdowns-container .pc-dropdowns>li{margin:10px 0;width:91%}
.dropdowns-container .custom-select li .model,.dropdowns-container .custom-select li .year,.dropdowns-container .custom-select li .price{font-size:.65rem}
.dropdowns-container .custom-select li .starting{font-size:.6rem}
.dropdowns-container{background:transparent;margin:0 0 4% 0;padding:27px 0 0 0}
.dropdowns-container .pc-dropdowns>li:first-child{margin:14px 0 0 0}
.dropdowns-container .select{font-size:1rem;height:50px;letter-spacing:1.6px;padding-left:17%;width:66%}
.dropdowns-container .arrow-mark{border-left:4px;height:50px;width:11.4%}
.dropdowns-container .custom-select{border-top:2px solid #e4e4e0;top:48px}
}
@media only screen and (min-width:48em){.currentYear_switch label{font-size:.74rem}
.currentYear_switch label span{margin-right:14px}
.currentYear_switch{margin:8px auto;padding-right:12px}
.currentYear_switch>span{font-size:.74rem;margin-right:16px;margin-left:8px}
.dropdowns-container .custom-select li.previous-year-content:first-child{border-bottom:2px solid #e4e4e0;height:34px;padding:2% 0 2% 4%}
.dropdowns-container li p:nth-child(2){padding-right:11%}
.currentYear_switch .onoffswitch{width:40px;margin:0 13px 0 12px;top:-3px;height:2px}
.currentYear_switch .onoffswitch-label:before{width:20px;height:20px;top:-9px;bottom:0;right:20px;border-radius:20px}
.dropdowns-container .pc-dropdowns{display:flex;align-items:center;height:98px;padding:.3% 0 3.7% 0}
.dropdowns-container .steps-labels{height:50px;padding:1.8% 2% 0 2%;display:flex}
.dropdowns-container .pc-dropdowns>li:first-child{margin:0 6.6% 0 0}
.dropdowns-container .pc-dropdowns>li{border:2px solid #e4e4e0;display:inline-block;margin:0;width:40.8%}
.dropdowns-container .select{font-size:1.1rem;height:56px;justify-content:center;letter-spacing:2px}
.dropdowns-container .arrow-mark{height:56px;border-left:2px}
.dropdowns-container .custom-select{border-top:0;width:100%;left:-2px;top:58px;margin-top:0}
.dropdowns-container .custom-select li.previous-year-content:first-child{border-top:0;border-bottom:2px solid #e4e4e0;padding:2% 0 2% 0}
.dropdowns-container .custom-select li{height:18px;padding:2.1% 0 2% 4%}
.custom-select li .year,.custom-select li .model{font-size:1.1rem}
.dropdowns-container .custom-select li .model{font-size:1.1rem;letter-spacing:1px}
.dropdowns-container .custom-select.trims li .model{font-size:calc(3px + 0.72vw)}
.dropdowns-container .custom-select li .starting,.dropdowns-container .custom-select li .price{font-size:1rem}
.dropdowns-container .custom-select li .year{font-size:1.1rem}
.dropdowns-container .custom-select.models li:hover .year,.dropdowns-container .custom-select.models li:hover .model,.dropdowns-container .custom-select.models li.active .year,.dropdowns-container .custom-select.models li.active .model,.dropdowns-container .custom-select.models.trims li.active .starting,.dropdowns-container .custom-select.models.trims li:hover .starting{color:#fff}
.dropdowns-container .custom-select.models li{display:flex;padding-left:6.3%;height:17px}
.dropdowns-container .custom-select.trims li{height:22px}
.dropdowns-container .custom-select.trims li p:first-child{padding:0 0 0 2%}
.dropdowns-container .custom-select.trims li p{padding-right:7%}
}
@media only screen and (min-width:768px) and (max-width:1260px){.dropdowns-container .custom-select li span.year,.dropdowns-container .custom-select li span.model{font-size:1.45vw}
.dropdowns-container .custom-select li span.model{letter-spacing:.2px}
.dropdowns-container .custom-select li .starting{font-size:1.25vw}
.dropdowns-container .custom-select li .price{font-size:1.35vw}
.dropdowns-container .select span{font-size:.95rem}
.currentYear_switch label{font-size:.95vw}
.currentYear_switch label span{margin:0}
.currentYear_switch{margin:8px auto;padding:0}
.currentYear_switch>span{font-size:.95vw}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.dropdowns-container .select span{font-size:.85rem}
.dropdowns-container .steps-labels h2{font-size:1.2rem}
.dropdowns-container{margin:0 1.3% 0 1.3%}
.dropdowns-container .select{width:74%}
.dropdowns-container .arrow-mark{width:12.4%}
.dropdowns-container .custom-select li .year,.dropdowns-container .custom-select li .model{font-size:.7rem}
.dropdowns-container .custom-select.trims li.modelTrims .model{font-size:calc(4px + 0.65vw)}
.dropdowns-container .custom-select li .starting,.dropdowns-container .custom-select li .price{font-size:.7rem}
.dropdowns-container .custom-select.trims li .starting,.dropdowns-container .custom-select.trims li .price{font-size:.7rem}
.currentYear_switch label{font-size:.46rem}
.currentYear_switch label span{margin:0}
.currentYear_switch{margin:8px auto;padding:0}
.currentYear_switch>span{font-size:.46rem;margin-right:7px}
.dropdowns-container .custom-select li.previous-year-content:first-child{padding:0 0 3px 0}
}