/* Minification failed. Returning unminified contents.
(2,38): run-time error CSS1031: Expected selector, found '69'
(2,38): run-time error CSS1025: Expected comma or open brace, found '69'
(4,3): run-time error CSS1030: Expected identifier, found '69'
(4,3): run-time error CSS1033: Expected closing bracket, found '69'
(4,5): run-time error CSS1031: Expected selector, found ']'
(4,5): run-time error CSS1025: Expected comma or open brace, found ']'
(5,8): run-time error CSS1019: Unexpected token, found '-'
(5,9): run-time error CSS1019: Unexpected token, found '-'
(5,10): run-time error CSS1019: Unexpected token, found '-'
(5,11): run-time error CSS1019: Unexpected token, found '-'
(5,12): run-time error CSS1019: Unexpected token, found '-'
(5,13): run-time error CSS1019: Unexpected token, found '-'
(5,14): run-time error CSS1019: Unexpected token, found '-'
(5,15): run-time error CSS1019: Unexpected token, found '-'
(5,16): run-time error CSS1019: Unexpected token, found '-'
(5,17): run-time error CSS1019: Unexpected token, found '-'
(5,18): run-time error CSS1019: Unexpected token, found '-'
(5,19): run-time error CSS1019: Unexpected token, found '-'
(5,20): run-time error CSS1019: Unexpected token, found '^'
(6,3): run-time error CSS1030: Expected identifier, found '70'
(6,3): run-time error CSS1033: Expected closing bracket, found '70'
(6,5): run-time error CSS1031: Expected selector, found ']'
(6,5): run-time error CSS1025: Expected comma or open brace, found ']'
(9,2): run-time error CSS1030: Expected identifier, found '2'
(9,2): run-time error CSS1033: Expected closing bracket, found '2'
(9,3): run-time error CSS1031: Expected selector, found ']'
(9,3): run-time error CSS1025: Expected comma or open brace, found ']'
(10,2): run-time error CSS1030: Expected identifier, found '3'
(10,2): run-time error CSS1033: Expected closing bracket, found '3'
(10,3): run-time error CSS1031: Expected selector, found ']'
(10,3): run-time error CSS1025: Expected comma or open brace, found ']'
(11,2): run-time error CSS1030: Expected identifier, found '4'
(11,2): run-time error CSS1033: Expected closing bracket, found '4'
(11,3): run-time error CSS1031: Expected selector, found ']'
(11,3): run-time error CSS1025: Expected comma or open brace, found ']'
(567,2): run-time error CSS1030: Expected identifier, found '560'
(567,2): run-time error CSS1033: Expected closing bracket, found '560'
(567,5): run-time error CSS1031: Expected selector, found ']'
(567,5): run-time error CSS1025: Expected comma or open brace, found ']'
(1026,2): run-time error CSS1030: Expected identifier, found '1019'
(1026,2): run-time error CSS1033: Expected closing bracket, found '1019'
(1026,6): run-time error CSS1031: Expected selector, found ']'
(1026,6): run-time error CSS1025: Expected comma or open brace, found ']'
(1094,2): run-time error CSS1030: Expected identifier, found '1087'
(1094,2): run-time error CSS1033: Expected closing bracket, found '1087'
(1094,6): run-time error CSS1031: Expected selector, found ']'
(1094,6): run-time error CSS1025: Expected comma or open brace, found ']'
(1100,2): run-time error CSS1030: Expected identifier, found '1093'
(1100,2): run-time error CSS1033: Expected closing bracket, found '1093'
(1100,6): run-time error CSS1031: Expected selector, found ']'
(1100,6): run-time error CSS1025: Expected comma or open brace, found ']'
(1104,2): run-time error CSS1030: Expected identifier, found '1097'
(1104,2): run-time error CSS1033: Expected closing bracket, found '1097'
(1104,6): run-time error CSS1031: Expected selector, found ']'
(1104,6): run-time error CSS1025: Expected comma or open brace, found ']'
(1154,2): run-time error CSS1030: Expected identifier, found '1147'
(1154,2): run-time error CSS1033: Expected closing bracket, found '1147'
(1154,6): run-time error CSS1031: Expected selector, found ']'
(1154,6): run-time error CSS1025: Expected comma or open brace, found ']'
 */

.transition-all is undefined on line 69:
 [68]:             overflow: hidden;
 [69]:             .transition-all();
       ------------^
 [70]:  (0)

[1]: @import '../rapido/_variables_21.auto.less';
[2]: @import '../base/abstracts/_variables';
[3]: @import '../ignite/abstracts/_variables';
[4]: 
[5]: .hmc-results__results {
[6]: 
[7]: 
[8]:     @media (min-width: @reflex-sm) {
[9]:         padding: 50px;
[10]:     }
[11]: 
[12]:     @media (min-width: @reflex-lg) {
[13]:         padding: 50px 125px;
[14]:     }
[15]:     //header styles
[16]:     .results-head__container {
[17]:         margin-bottom: 30px;
[18]: 
[19]:         @media (min-width: @reflex-md) {
[20]:             display: flex;
[21]:             justify-content: space-between;
[22]:             margin-bottom: 50px;
[23]:             flex-wrap: wrap;
[24]:         }
[25]: 
[26]:         h2 {
[27]:             font-size: 50px;
[28]:             text-transform: uppercase;
[29]: 
[30]:             @media (min-width: @reflex-sm) {
[31]:                 font-size: 70px;
[32]:                 margin-bottom: 0;
[33]:             }
[34]:         }
[35]: 
[36]:         p {
[37]:             font-weight: bold;
[38]:         }
[39]: 
[40]:         .results-head__restart-quiz {
[41]:             font-family: "UnitedSans-Heavy", Arial, Helvetica, sans-serif;
[42]:             font-weight: bold;
[43]:             text-decoration: none;
[44]:             border-bottom: 2px solid #34393e;
[45]:             padding: 0px;
[46]: 
[47]:             @media (min-width: @reflex-lg) {
[48]:                 position: absolute;
[49]:                 right: 0;
[50]:             }
[51]: 
[52]:             &:hover, &:focus {
[53]:                 border-bottom: 2px solid #cd0e2d;
[54]:             }
[55]:         }
[56]:     }
[57]:     //card styles
[58]:     .results-card__container {
[59]: 
[60]:         @media (min-width: @reflex-sm) {
[61]:             display: flex;
[62]:             justify-content: center;
[63]:         }
[64]: 
[65]:         .results-card {
[66]:             position: relative;
[67]:             max-height: 1372px;
[68]:             overflow: hidden;
[69]:             .transition-all();
[70]: 
[71]:             &.expanded {
[72]:                 max-height: none;
[73]:             }
[74]: 
[75]:             @media (min-width: @reflex-sm) {
[76]:                 flex: 0 0 33%;
[77]: 
[78]:                 &:nth-of-type(2) {
[79]:                     margin: 0 20px;
[80]:                 }
[81]:             }
[82]: 
[83]:             .results-card__show-more-fade {
[84]:                 position: absolute;
[85]:                 height: 100px;
[86]:                 background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
[87]:                 width: 100%;
[88]:                 bottom: 0;
[89]:                 display: flex;
[90]:                 justify-content: center;
[91]:                 align-items: flex-end;
[92]:                 padding-bottom: 5px;
[93]: 
[94]:                 &.expanded {
[95]:                     position: relative;
[96]:                     height: 50px;
[97]:                     background: transparent;
[98]:                 }
[99]: 
[100]:                 .results-card__show-more {
[101]:                     font-size: 17px;
[102]:                     text-decoration: underline !important;
[103]:                     text-decoration-thickness: 2px !important;
[104]:                     text-underline-position: under;
[105]:                     margin-bottom: 0;
[106]:                     border: none;
[107]:                     cursor: pointer;
[108]:                     background-color: transparent;
[109]:                     font-family: "UnitedSans-Heavy", Arial, Helvetica, sans-serif;
[110]:                     .transition-all();
[111]: 
[112]:                     &:hover, &:focus, &:active {
[113]:                         color: @red;
[114]:                     }
[115]: 
[116]:                     i {
[117]:                         font-size: 13px;
[118]:                         padding: 0 0 0 10px;
[119]:                     }
[120]:                 }
[121]:             }
[122]:         }
[123]: 
[124]:         .result-card__result-tag {
[125]:             position: absolute;
[126]:             color: #FFF;
[127]:             background-color: #cd0e2d;
[128]:             text-transform: uppercase;
[129]:             padding: 0px 20px;
[130]:             font-size: 15px;
[131]:             top: 1px;
[132]:             left: 1px;
[133]:         }
[134]:         //top card image styles
[135]:         .result-card__image-wrapper {
[136]:             height: 200px;
[137]:             max-height: 200px;
[138]:             position: relative;
[139]: 
[140]:             img {
[141]:                 max-height: 200px;
[142]:                 width: 100%;
[143]:                 height: 100%;
[144]:                 object-fit: cover;
[145]:                 position: absolute;
[146]:             }
[147]: 
[148]:             img:nth-of-type(2) {
[149]:                 top: 33px;
[150]:                 z-index: 11;
[151]:                 object-fit: contain;
[152]:                 .transition-all();
[153]:             }
[154]: 
[155]:             &:hover, &:active &:focus {
[156]:                 @media (min-width: @reflex-md) {
[157]:                     .result-card__result-model-image {
[158]:                         transform: scale(1.05);
[159]:                     }
[160]:                 }
[161]:             }
[162]:         }
[163]:         //model description styles
[164]:         .results-card__model-description-container {
[165]:             margin: 0 11%;
[166]:             padding: 60px 15px 30px;
[167]:             z-index: 10;
[168]:             margin-top: -60px;
[169]:             position: relative;
[170]:             background-color: #FFF;
[171]: 
[172]:             @media (min-width: @reflex-md) {
[173]:                 margin: -60px 25px 0;
[174]:             }
[175]:         }
[176]: 
[177]:         .result-card__model-type {
[178]:             font-size: 15px;
[179]:             margin-bottom: 6px;
[180]:         }
[181]: 
[182]:         .result-card__model-name__link {
[183]:             display: block;
[184]:             padding: 0;
[185]: 
[186]:             &:hover, &:focus, &:active {
[187]:                 h3 {
[188]:                     .transition-all();
[189]:                     color: @red;
[190]:                 }
[191]:             }
[192]:         }
[193]: 
[194]:         .result-card__model-name {
[195]:             text-transform: uppercase;
[196]:             margin-bottom: 6px;
[197]:             letter-spacing: 2px;
[198]:             overflow-wrap: normal;
[199]:             word-wrap: normal;
[200]: 
[201]:             @media (min-width: @reflex-sm) {
[202]:                 font-size: 24px;
[203]:             }
[204]: 
[205]:             @media (min-width: @reflex-md) {
[206]:                 font-size: 28px;
[207]:             }
[208]: 
[209]:             @media (min-width: @reflex-lg) {
[210]:                 font-size: 40px;
[211]:             }
[212]:         }
[213]: 
[214]:         .result-card__model-price {
[215]:             font-weight: bold;
[216]:             font-size: 17px;
[217]:             margin-bottom: 6px;
[218]:         }
[219]: 
[220]:         .result-card__model-description {
[221]:             font-size: 15px;
[222]:             overflow: hidden;
[223]:             line-height: 22px;
[224]: 
[225]:             &.expanded {
[226]:                 max-height: none;
[227]:             }
[228]: 
[229]:             p {
[230]:                 margin-bottom: 0;
[231]:                 font-size: 14px;
[232]:                 line-height: 1.5;
[233]:             }
[234]:         }
[235]: 
[236]:         .result-card__description-see-more {
[237]:             display: none;
[238]:             background: transparent;
[239]:             margin: 0 auto;
[240]:             font-size: 15px;
[241]:             cursor: pointer;
[242]:             border: none;
[243]:             position: absolute;
[244]:             bottom: -25px;
[245]:             right: 0;
[246]:             left: 0;
[247]:             text-decoration: underline;
[248]:         }
[249]:         //model tour styles
[250]:         .results-card__model-tour-container {
[251]:             margin: 0 5%;
[252]:             background-color: #f2f2f2;
[253]:             text-align: center;
[254]:             padding: 0 20px 35px;
[255]: 
[256]:             .fa-chevron-right.explore-similar {
[257]:                 padding: 6px 0 0 6px;
[258]:                 position: absolute;
[259]:                 font-size: 13px;
[260]:             }
[261]:         }
[262]: 
[263]:         .results-card__floor-plan-container {
[264]:             padding-top: 20px;
[265]:             width: 100%;
[266]:             max-width: 240px;
[267]:             margin: 0 auto;
[268]: 
[269]:             .results-card__floor-plan-content {
[270]:                 display: none;
[271]:             }
[272]: 
[273]:             .results-card__floor-plan-options {
[274]:                 font-family: "UnitedSans-Heavy", Arial, Helvetica, sans-serif;
[275]:                 margin-bottom: 0px;
[276]:                 font-size: 15px;
[277]:             }
[278]: 
[279]:             .floorplan-options__button-container {
[280]:                 display: flex;
[281]:                 justify-content: center;
[282]:                 flex-wrap: wrap;
[283]:                 align-items: flex-end;
[284]:                 height: 30px;
[285]:                 margin-bottom: 10px;
[286]:             }
[287]: 
[288]:             .floorplan-options {
[289]:                 color: transparent;
[290]:                 background-color: #34393e;
[291]:                 width: 15px;
[292]:                 height: 1px;
[293]:                 margin: 5px 2px;
[294]:                 border: none;
[295]:                 cursor: pointer;
[296]: 
[297]:                 &:hover, &:focus, &.active {
[298]:                     height: 4px;
[299]:                     background-color: #cd0e2d;
[300]:                 }
[301]:             }
[302]:         }
[303]: 
[304]:         .floorplan-options__nextprev-container {
[305]: 
[306]:             button {
[307]:                 position: absolute;
[308]:                 z-index: 10;
[309]:                 cursor: pointer;
[310]:                 transform: translateY(-50%);
[311]:                 background: #FFF;
[312]:                 color: #34393e;
[313]:                 border: 1px solid #f2f2f2;
[314]:                 margin-top: 75px;
[315]: 
[316]:                 &:hover, &:focus {
[317]:                     color: #FFF;
[318]:                     background: #34393e;
[319]:                 }
[320]: 
[321]:                 &:disabled {
[322]:                     opacity: 0.7;
[323]:                     cursor: default;
[324]: 
[325]:                     &:hover, &:focus {
[326]:                         background: #FFF;
[327]:                         color: #34393e;
[328]:                     }
[329]:                 }
[330]: 
[331]:                 span {
[332]:                     width: 0;
[333]:                 }
[334]:             }
[335]: 
[336]:             .floor-plan-image-slider__prev-button {
[337]:                 left: 0;
[338]:             }
[339]: 
[340]:             .floor-plan-image-slider__next-button {
[341]:                 right: 0;
[342]:             }
[343]:         }
[344]: 
[345]:         .results-card__floor-plan-image-slider {
[346]:             height: 150px;
[347]:             max-height: 150px;
[348]:             position: relative;
[349]:             cursor: pointer;
[350]:             border: 0;
[351]:             background: none;
[352]: 
[353]:             .results-card__floor-plan-image-slider-container {
[354]:                 overflow: hidden;
[355]:             }
[356]: 
[357]:             img {
[358]:                 height: 100%;
[359]:                 width: 100%;
[360]: 
[361]:                 &.slider-popout {
[362]:                     position: fixed;
[363]:                     top: 50%;
[364]:                     left: 50%;
[365]:                     transform: translate(-50%, -50%);
[366]:                     z-index: 50;
[367]:                     height: 65vh;
[368]:                     width: 80vw;
[369]:                     max-height: none;
[370]:                     z-index: 20;
[371]:                     padding: 0;
[372]:                 }
[373]:             }
[374]:         }
[375]: 
[376]:         .floor-plan-image-slider__slide {
[377]:             display: flex;
[378]:             width: 100%;
[379]:             height: 150px;
[380]:             flex-wrap: wrap;
[381]:             flex-direction: column;
[382]:         }
[383]: 
[384]:         .results-card__floor-plan-size {
[385]:             display: flex;
[386]:             justify-content: center;
[387]:             padding: 0 25px;
[388]: 
[389]:             .results-card__floor-plan-size--sleeps,
[390]:             .results-card__floor-plan-size--length {
[391]:                 width: 50%;
[392]:                 text-align: center;
[393]:                 position: relative;
[394]:                 padding-top: 20px;
[395]: 
[396]:                 h4 {
[397]:                     font-size: 25px;
[398]:                     margin-bottom: 0;
[399]:                 }
[400]: 
[401]:                 p {
[402]:                     font-size: 13px;
[403]:                 }
[404]:             }
[405]: 
[406]:             .results-card__floor-plan-size--sleeps {
[407]:                 &:before {
[408]:                     position: absolute;
[409]:                     content: "";
[410]:                     background: gray;
[411]:                     height: 50px;
[412]:                     width: 1px;
[413]:                     top: 0;
[414]:                     bottom: 0;
[415]:                     left: auto;
[416]:                     right: 0;
[417]:                     margin: auto 0;
[418]:                 }
[419]:             }
[420]:         }
[421]: 
[422]:         .results-card__video-tour {
[423]:             height: 150px;
[424]:             width: 100%;
[425]:             margin: 0 auto;
[426]:             display: flex;
[427]:             justify-content: center;
[428]:             align-items: center;
[429]:             position: relative;
[430]: 
[431]:             .results-card__video-tour-play {
[432]:                 width: 60%;
[433]:                 background-color: #FFF;
[434]:                 font-family: "UnitedSans-Heavy", Arial, Helvetica, sans-serif;
[435]:                 height: 50px;
[436]:                 display: flex;
[437]:                 justify-content: center;
[438]:                 align-items: center;
[439]:                 margin: 0 auto;
[440]:                 position: absolute;
[441]:                 cursor: pointer;
[442]:                 font-size: 16px;
[443]:                 border: none;
[444]: 
[445]:                 i {
[446]:                     margin-left: 10px;
[447]:                     font-size: 13px;
[448]:                 }
[449]: 
[450]:                 &:hover, &:focus {
[451]:                     opacity: 0.7;
[452]:                 }
[453]:             }
[454]: 
[455]:             img {
[456]:                 height: 100%;
[457]:                 width: 100%;
[458]:                 object-fit: cover;
[459]:             }
[460]: 
[461]:             .video-tour__player {
[462]:                 display: none;
[463]:                 position: fixed;
[464]:                 left: 50%;
[465]:                 top: 50%;
[466]:                 transform: translate(-50%, -50%);
[467]:                 height: 315px;
[468]:                 width: 420px;
[469]:                 z-index: 20;
[470]:             }
[471]:         }
[472]: 
[473]:         .results-card__learn-more {
[474]:             display: block;
[475]:             width: 100%;
[476]:             background-color: #cd0e2d;
[477]:             color: #FFF;
[478]:             height: 50px;
[479]:             border-radius: 42px;
[480]:             font-family: "UnitedSans-Heavy", Arial, Helvetica, sans-serif;
[481]:             display: flex;
[482]:             justify-content: center;
[483]:             align-items: center;
[484]:             letter-spacing: 2px;
[485]:             padding: 0;
[486]:             margin-top: 20px;
[487]: 
[488]:             &:hover, &:focus, &:active {
[489]:                 background: #2a2a2a;
[490]:                 color: #fff !important;
[491]:             }
[492]:         }
[493]: 
[494]:         .results-card__explore-models {
[495]:             margin: 10px 0 0;
[496]:             font-family: "UnitedSans-Heavy", Arial, Helvetica, sans-serif;
[497]:             display: inline-block;
[498]:             text-decoration: none;
[499]:             border-bottom: 2px solid #34393e;
[500]:             font-size: 15px;
[501]:             padding: 0;
[502]: 
[503]: 
[504]:             &:hover, &:focus {
[505]:                 text-decoration: none;
[506]:                 border-bottom: 2px solid #cd0e2d;
[507]:             }
[508]:         }
[509]:         //Why it's a good match styling
[510]:         .results-card__match-container {
[511]:             margin: 20px 7% 0;
[512]:             position: relative;
[513]:             padding-bottom: 20px;
[514]: 
[515]:             .results-card__match-title {
[516]:                 font-size: 20px;
[517]:             }
[518]: 
[519]:             > * {
[520]:                 font-size: 17px;
[521]:             }
[522]: 
[523]:             .results-card__bad-match-title {
[524]:                 font-size: 13px;
[525]:                 text-transform: uppercase;
[526]:                 font-family: "UnitedSans-Heavy", Arial, Helvetica, sans-serif;
[527]:             }
[528]: 
[529]:             .results-card__match-reason-list {
[530]:                 margin-bottom: 0;
[531]:                 list-style: none;
[532]: 
[533]:                 li {
[534]:                     font-weight: normal;
[535]:                     width: 100%;
[536]:                     padding-left: 10px;
[537]: 
[538]:                     &:before {
[539]:                         font-weight: bold;
[540]:                         position: absolute;
[541]:                         left: 10px;
[542]:                     }
[543]: 
[544]:                     span {
[545]:                         font-family: "BertholdGrotesk-Regular", Arial, Helvetica, sans-serif;
[546]:                     }
[547]:                 }
[548]:             }
[549]: 
[550]:             p {
[551]:                 margin-bottom: 6px;
[552]:             }
[553]: 
[554]:             p span {
[555]:                 font-weight: bold;
[556]:             }
[557]:         }
[558]:     }
[559]: }
[560]: 
[561]: .hmc-results__next-steps {
[562]:     padding: 0px;
[563]: 
[564]:     @media (min-width: @reflex-sm) {
[565]:         padding: 0px 30px;
[566]:     }
[567]: 
[568]:     .results-rate__container {
[569]:         background-color: #f2f2f2;
[570]:         text-align: center;
[571]:         padding: 75px 0 200px;
[572]:         margin-bottom: 20px;
[573]: 
[574]:         #result-rating__stars-container {
[575]:             flex: 0;
[576]:         }
[577]: 
[578]:         #result-rating__stars-container > * {
[579]:             width: 80px !important;
[580]:         }
[581]:         
[582]:         .results-rate__comment-wrapper {
[583]:             flex: 0 0 100%;
[584]:             .field-character-count {
[585]:                 position: relative;
[586]:                 left: auto;
[587]:             }
[588]:             label {
[589]:                 font-size: 35px;
[590]:                 font-family: "UnitedSans-Heavy", Arial, Helvetica, sans-serif;
[591]:                 font-weight: bold;
[592]:                 margin-bottom: 1em;
[593]:                 display: block;
[594]:             }
[595]:             textarea {
[596]:                 margin-top: 0;
[597]:             }
[598]:         }
[599]: 
[600]:         > * {
[601]:             margin: 0 auto;
[602]:             padding: 0 7px;
[603]: 
[604]:             @media (min-width: @reflex-sm) {
[605]:                 max-width: 75%;
[606]:             }
[607]: 
[608]:             @media (min-width: @reflex-md) {
[609]:                 max-width: 50%;
[610]:             }
[611]:         }
[612]: 
[613]:         h3 {
[614]:             font-size: 35px;
[615]:             margin-bottom: 10px;
[616]:         }
[617]: 
[618]:         h4 {
[619]:             margin-top: 20px;
[620]:             font-size: 25px;
[621]:             opacity: 0.5;
[622]:             text-transform: uppercase;
[623]:             letter-spacing: 3px;
[624]:         }
[625]: 
[626]:         p {
[627]:             font-size: 17px;
[628]:             padding: 0 5%;
[629]:         }
[630]: 
[631]:         //hide label for entire radio field
[632]:         div.form__field-group:nth-child(14) > label:nth-child(1) {
[633]:             display: none;
[634]:         }
[635]: 
[636]:         #result-rating__stars-container {
[637]:             display: flex;
[638]:             justify-content: center;
[639]:             position: absolute;
[640]:             margin: 30px auto 0;
[641]:             left: 0;
[642]:             right: 0;
[643]: 
[644]:             label.fas {
[645]:                 display: none;
[646]:             }
[647]: 
[648]:             label.fas.dw-mod {
[649]:                 display: block;
[650]:             }
[651]: 
[652]:             label:nth-of-type(1),
[653]:             input:nth-of-type(1) {
[654]:                 order: 5;
[655]:             }
[656]: 
[657]:             label:nth-of-type(2),
[658]:             input:nth-of-type(2) {
[659]:                 order: 4;
[660]:             }
[661]: 
[662]:             label:nth-of-type(3),
[663]:             input:nth-of-type(3) {
[664]:                 order: 3;
[665]:             }
[666]: 
[667]:             label:nth-of-type(4),
[668]:             input:nth-of-type(4) {
[669]:                 order: 2;
[670]:             }
[671]: 
[672]:             label:nth-of-type(5),
[673]:             input:nth-of-type(5) {
[674]:                 order: 1;
[675]:             }
[676]: 
[677]:             input[type="checkbox"].form__control + label, input[type="radio"].form__control + label {
[678]:                 line-height: 65px;
[679]:             }
[680]: 
[681]:             input[type="radio"].form__control:checked + label::after {
[682]:                 display: none;
[683]:             }
[684]: 
[685]:             input[type="radio"],
[686]:             input[type="radio"]:checked {
[687]:                 position: fixed;
[688]:                 left: -1000vw;
[689]:             }
[690]: 
[691]:             input[type="radio"]:checked ~ label {
[692]:                 &:before {
[693]:                     content: '';
[694]:                     background: url(/Files/Images/Winnebago/Icons/Icon_RatingStar_Fill.svg) center center no-repeat;
[695]:                     background-size: cover;
[696]:                 }
[697]:             }
[698]: 
[699]:             input[type="radio"] {
[700]:                 &:hover, &:focus {
[701]: 
[702]:                     & ~ label {
[703]:                         &:before {
[704]:                             background: url(/Files/Images/Winnebago/Icons/Icon_RatingStar_Fill.svg) center center no-repeat;
[705]:                             background-size: cover;
[706]:                         }
[707]:                     }
[708]:                 }
[709]:             }
[710]: 
[711]:             label {
[712]:                 padding: 0 10px;
[713]:                 font-size: 65px;
[714]:                 height: 100%;
[715]:                 width: 100%;
[716]: 
[717]:                 &:before {
[718]:                     content: "";
[719]:                     border: 0px solid transparent;
[720]:                     height: 65px;
[721]:                     width: 65px;
[722]:                     margin: 0;
[723]:                     background: url(/Files/Images/Winnebago/Icons/Icon_RatingStar_Empty.svg) center center no-repeat;
[724]:                     background-size: cover;
[725]:                 }
[726]:             }
[727]:         }
[728]: 
[729]:         button.btn {
[730]:             position: absolute;
[731]:             left: 0;
[732]:             right: 0;
[733]:             margin: 125px auto;
[734]:             background-color: #cd0e2d;
[735]:             color: #FFF;
[736]:             text-transform: uppercase;
[737]:             border: none;
[738]:             width: 200px;
[739]:             height: 50px;
[740]:             letter-spacing: 5px;
[741]:             display: none;
[742]: 
[743]:             &:hover, &:focus {
[744]:                 color: #cd0e2d !important;
[745]:                 background-color: #FFF;
[746]:                 border: 2px solid #cd0e2d !important;
[747]:             }
[748]:             
[749]:             &.auto-position {
[750]:                 position: relative;
[751]:                 height: auto;
[752]:                 margin: 0 auto;
[753]:             }
[754]:         }
[755]:     }
[756]: 
[757]:     .result-question-cards__container {
[758]:         @media (min-width: @reflex-sm) {
[759]:             display: flex;
[760]:             justify-content: center;
[761]:             align-items: center;
[762]:             height: 375px;
[763]:         }
[764]: 
[765]:         > * {
[766]:             width: 100%;
[767]: 
[768]:             @media (min-width: @reflex-sm) {
[769]:                 max-width: 50%;
[770]:             }
[771]:         }
[772]: 
[773]:         .result-question-cards__card {
[774]:             background-color: #09263f;
[775]:             height: 100%;
[776]:             padding: 40px;
[777]:             position: relative;
[778]:             height: 100%;
[779]: 
[780]:             .result-quetion-cards__icon {
[781]:                 background: url(/Files/Images/Winnebago/Icons/Icon_Schedule.svg) center center no-repeat;
[782]:                 background-size: cover;
[783]:             }
[784]: 
[785]:             &:nth-of-type(2) {
[786]:                 margin-top: 20px;
[787]: 
[788]:                 .result-quetion-cards__icon {
[789]:                     background: url(/Files/Images/Winnebago/Icons/Icon_Community.svg) center center no-repeat;
[790]:                     background-size: cover;
[791]:                 }
[792]:             }
[793]: 
[794]:             @media (min-width: @reflex-sm) {
[795]:                 &:first-of-type {
[796]:                     margin-right: 10px;
[797]:                 }
[798]: 
[799]:                 &:nth-of-type(2) {
[800]:                     margin-left: 10px;
[801]:                     margin-top: 0px;
[802]:                 }
[803]:             }
[804]: 
[805]:             h3, p, a {
[806]:                 color: #FFF;
[807]:             }
[808]: 
[809]:             h3 {
[810]:                 font-size: 30px;
[811]:             }
[812]: 
[813]:             p {
[814]:                 font-size: 17px;
[815]:                 margin-bottom: 50px;
[816]:             }
[817]: 
[818]:             a {
[819]:                 position: absolute;
[820]:                 bottom: 40px;
[821]:                 top: auto;
[822]:                 padding: 0;
[823]:                 font-family: "UnitedSans-Heavy", Arial, Helvetica, sans-serif;
[824]:                 text-decoration: none;
[825]:                 border-bottom: 2px solid white;
[826]: 
[827]:                 &:hover, &:focus {
[828]:                     text-decoration: none;
[829]:                     border-bottom: 2px solid #cd0e2d;
[830]:                     color: #cd0e2d;
[831]:                 }
[832]: 
[833]:                 span {
[834]:                     text-decoration: none;
[835]:                     margin-left: 10px;
[836]:                     position: absolute;
[837]:                 }
[838]:             }
[839]:         }
[840]: 
[841]:         .result-quetion-cards__icon {
[842]:             height: 40px;
[843]:             width: 40px;
[844]:             margin-bottom: 30px;
[845]:             color: #FFF;
[846]:         }
[847]:     }
[848]: 
[849]:     .result-lifestyle__container {
[850]:         margin-top: 20px;
[851]:         padding: 60px 35px;
[852]:         background: transparent;
[853]:         min-height: 550px;
[854]:         height: 550px;
[855]:         position: relative;
[856]: 
[857]:         &:before {
[858]:             content: "";
[859]:             position: absolute;
[860]:             top: 0;
[861]:             left: 0;
[862]:             height: 100%;
[863]:             width: 100%;
[864]:             background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, .2) 100%);
[865]:             z-index: 1;
[866]:         }
[867]: 
[868]:         .result-lifestyle__image-wrapper {
[869]:             position: absolute;
[870]:             left: 0;
[871]:             top: 0;
[872]:             z-index: 0;
[873]:             height: 100%;
[874]:             width: 100%;
[875]: 
[876]:             img {
[877]:                 height: 100%;
[878]:                 width: 100%;
[879]:                 object-fit: cover;
[880]:             }
[881]:         }
[882]: 
[883]:         .result-lifestyle__content {
[884]:             position: relative;
[885]:             z-index: 2;
[886]:         }
[887]: 
[888]:         @media (min-width: @reflex-sm) {
[889]:             padding: 60px 50px;
[890]:             height: auto;
[891]:         }
[892]: 
[893]:         .result-lifestyle__qis-container {
[894]:             @media (min-width: @reflex-sm) {
[895]:                 max-width: 60%;
[896]:             }
[897]: 
[898]:             @media (min-width: @reflex-md) {
[899]:                 max-width: 40%;
[900]:             }
[901]:         }
[902]: 
[903]:         .result-lifestyle__header {
[904]:             color: #FFF;
[905]:             font-size: 35px;
[906]:             letter-spacing: 1.5px;
[907]:             text-transform: uppercase;
[908]:             margin-bottom: 40px;
[909]: 
[910]:             @media (min-width: @reflex-sm) {
[911]:                 font-size: 48px;
[912]:                 max-width: 45%;
[913]:             }
[914]:         }
[915]: 
[916]:         .result-lifestyle__qis {
[917]:             display: none;
[918]: 
[919]:             @media (min-width: @reflex-sm) {
[920]:                 display: block;
[921]:             }
[922]:         }
[923]: 
[924]:         .result-lifestyle__qis--head {
[925]:             font-family: "UnitedSans-Heavy", Arial, Helvetica, sans-serif;
[926]:             font-size: 18px;
[927]:         }
[928]: 
[929]:         .result-lifestyle__qis.active {
[930]:             display: block;
[931]: 
[932]:             .result-lifestyle__qis--head {
[933]:                 opacity: 1;
[934]:                 margin-bottom: 6px;
[935]: 
[936]:                 &:before {
[937]:                     opacity: 1;
[938]:                 }
[939]:             }
[940]: 
[941]:             .result-lifestyle__qis--content {
[942]:                 display: block;
[943]:             }
[944]:         }
[945]: 
[946]:         .result-lifestyle__qis--head {
[947]:             font-size: 17px;
[948]:             text-transform: uppercase;
[949]:             color: #FFF;
[950]:             opacity: 0.7;
[951]:             position: relative;
[952]:             margin-bottom: 20px;
[953]:             cursor: pointer;
[954]:             background-color: transparent;
[955]:             border: none;
[956]: 
[957]:             &:hover, &:focus {
[958]:                 opacity: 1;
[959]:             }
[960]: 
[961]:             &:before {
[962]:                 position: absolute;
[963]:                 content: "";
[964]:                 height: 35px;
[965]:                 width: 3px;
[966]:                 background: #FFF;
[967]:                 opacity: 0.7;
[968]:                 left: -15px;
[969]:                 right: auto;
[970]:                 top: -5px;
[971]:             }
[972]:         }
[973]: 
[974]:         .result-lifestyle__qis--content {
[975]:             font-size: 15px;
[976]:             color: #FFF;
[977]:             display: none;
[978]:             margin-bottom: 35px;
[979]:         }
[980]: 
[981]:         .result-lifestyle__nav-container--mobile {
[982]:             @media (min-width: @reflex-sm) {
[983]:                 display: none;
[984]:             }
[985]: 
[986]:             display: flex;
[987]:             justify-content: center;
[988]:             align-items: flex-end;
[989]:             position: absolute;
[990]:             bottom: 30px;
[991]:             width: 100%;
[992]:             left: 0;
[993]:             right: auto;
[994]:             z-index: 10;
[995]: 
[996]:             .slide-dots {
[997]:                 width: 30px;
[998]:                 height: 3px;
[999]:                 background-color: #FFF;
[1000]:                 margin: 0 5px;
[1001]:                 opacity: 0.7;
[1002]:                 transition: .2s ease-in-out;
[1003]:                 cursor: pointer;
[1004]:                 border: none;
[1005]: 
[1006]:                 span {
[1007]:                     width: 0;
[1008]:                 }
[1009]: 
[1010]:                 &:hover, &:focus, &.active {
[1011]:                     height: 9px;
[1012]:                     opacity: 1;
[1013]:                     transition: .2s ease-in-out;
[1014]:                 }
[1015]:             }
[1016]:         }
[1017]:     }
[1018]: }
[1019]: 
[1020]: #hmc-results__overlay {
[1021]:     position: fixed;
[1022]:     z-index: 20;
[1023]:     background-color: rgba(0, 0, 0, .7);
[1024]:     height: 100vh;
[1025]:     width: 100vw;
[1026]:     left: 0;
[1027]:     display: none;
[1028]: 
[1029]:     &.visible {
[1030]:         display: block;
[1031]:     }
[1032]: 
[1033]:     #close-modal {
[1034]:         width: 50px;
[1035]:         height: 50px;
[1036]:         background: transparent;
[1037]:         position: absolute;
[1038]:         right: 11%;
[1039]:         top: 11%;
[1040]:         display: flex;
[1041]:         justify-content: center;
[1042]:         align-items: center;
[1043]:         color: #FFF;
[1044]:         font-size: 50px;
[1045]:         cursor: pointer;
[1046]:         border: none;
[1047]: 
[1048]:         @media (min-width: @reflex-sm) {
[1049]:             top: 8%;
[1050]:         }
[1051]:     }
[1052]: 
[1053]:     #overlay__video-image-container {
[1054]:         display: none;
[1055]:         justify-content: center;
[1056]:         align-items: center;
[1057]:         height: 100vh;
[1058]:         width: 100vw;
[1059]:         padding: 14%;
[1060]:         margin-top: -70px;
[1061]: 
[1062]:         img {
[1063]:             background-color: #FFF;
[1064]:             max-height: 680px;
[1065]:         }
[1066]: 
[1067]:         &.visible {
[1068]:             display: flex;
[1069]:         }
[1070]: 
[1071]:         iframe {
[1072]:             height: auto;
[1073]:             width: auto;
[1074]: 
[1075]:             @media (min-width: @reflex-sm) {
[1076]:                 width: 640px;
[1077]:                 height: 360px;
[1078]:             }
[1079]: 
[1080]:             @media (min-width: @reflex-xlg) {
[1081]:                 width: 1280px;
[1082]:                 height: 720px;
[1083]:             }
[1084]:         }
[1085]:     }
[1086]: }
[1087]: 
[1088]: #HmcResultsContainer {
[1089]:     @media (max-width: @reflex-md-max) {
[1090]:         margin-top: 70px;
[1091]:     }
[1092]: }
[1093]: 
[1094]: button.one-floor-plan {
[1095]:     opacity: 0;
[1096]: }
[1097]: 
[1098]: #HmcFloorplanPopupModal {
[1099]:     .modal__body{
[1100]:         max-height: none;
[1101]:         @media (min-width: @reflex-md) {
[1102]:             padding: 30px;
[1103]:         }
[1104]:         @media (min-width: @reflex-lg) {
[1105]:             padding: 40px;
[1106]:         }
[1107]:     }
[1108]: 
[1109]:     .hmc--floorplan-popup-img-wrapper{
[1110]:         @media (min-width: @reflex-lg) {
[1111]:             height: 500px;
[1112]:         }
[1113]:         img {
[1114]:             object-fit: contain;
[1115]:             height: 100%;
[1116]:             width: 100%;
[1117]:         }
[1118]:     }
[1119]:     .hmc--floorplan-popup-model-info {
[1120]:         line-height: normal;
[1121]:         @media (min-width: @reflex-lg) {
[1122]:             //position: absolute;
[1123]:         }
[1124]:     }
[1125]: 
[1126]:     .hmc--floorplan-popup-category {
[1127]:         font-size: 14px;
[1128]:         margin-bottom: 0.5em;
[1129]:     }
[1130]: 
[1131]:     .hmc--floorplan-popup-name {
[1132]:         @media (min-width: @reflex-sm) {
[1133]:             font-size: 24px;
[1134]:         }
[1135]:         @media (min-width: @reflex-md) {
[1136]:             font-size: 32px;
[1137]:         }
[1138]:         @media (min-width: @reflex-lg) {
[1139]:             font-size: 44px;
[1140]:         }
[1141]:     }
[1142]:     
[1143]:     .hmc--floorplan-popup-floorplan {
[1144]:         font-size: 18px;
[1145]:     }
[1146]: }
[1147]: