.ph-item {background-color: #fff; border-radius: 2px; direction: ltr; display: flex; flex-wrap: wrap; margin-bottom: 30px; overflow: hidden; padding: 30px 15px 15px; position: relative}.ph-item, .ph-item *, .ph-item :after, .ph-item :before {box-sizing: border-box} .ph-item:before {-webkit-animation: phAnimation .8s linear infinite; animation: phAnimation .8s linear infinite; background: linear-gradient(90deg,hsla(0,0%,100%,0) 46%,hsla(0,0%,100%,.35) 50%,hsla(0,0%,100%,0) 54%) 50% 50%; bottom: 0; content: " "; left: 50%; margin-left: -250%; pointer-events: none; position: absolute; right: 0; top: 0; width: 500%; z-index: 1} .ph-item > * {display: flex; flex: 1 1 auto; flex-flow: column; margin-bottom: 15px; padding-left: 15px; padding-right: 15px}.ph-row {display: flex; flex-wrap: wrap; margin-top: -7.5px} .ph-row div {background-color: #ced4da; margin-top: 7.5px;} .ph-row .big, .ph-row.big div {height: 20px} .ph-row .empty {background-color: hsla(0,0%,100%,0)}.ph-col-1 {flex: 0 0 8.33333333333%;}.ph-18-col-1 {flex: 0 0 5.55555555556%;}.ph-col-2 {flex: 0 0 16.6666666667%;}.ph-18-col-2 {flex: 0 0 11.1111111111%;}.ph-col-3 {flex: 0 0 25%;}.ph-18-col-3 {flex: 0 0 20%;}.ph-col-4 {flex: 0 0 33.3333333333%;}.ph-col-5 {flex: 0 0 41.6666666667%;}.ph-col-6 {flex: 0 0 50%;}.ph-col-7 {flex: 0 0 58.3333333333%;}.ph-col-8 {flex: 0 0 66.6666666667%;}.ph-col-9 {flex: 0 0 75%;}.ph-col-10 {flex: 0 0 83.3333333333%;}.ph-col-11 {flex: 0 0 91.6666666667%;}.ph-col-12 {flex: 0 0 100%;}[class*=ph-col] {direction: ltr;} [class*=ph-col] > * + .ph-row {margin-top: 0;} [class*=ph-col] > * + * {margin-top: 7.5px;}.ph-avatar {background-color: #ced4da; border-radius: 50%; min-width: 60px; overflow: hidden; position: relative; width: 100%;} .ph-avatar:before {content: " "; display: block; padding-top: 100%;}.ph-picture {background-color: #ced4da; height: 120px; width: 100%;}@-webkit-keyframes phAnimation {0% {transform: translate3d(-30%,0,0);} to {transform: translate3d(30%,0,0);}}@keyframes phAnimation {0% {transform: translate3d(-30%,0,0);} to {transform: translate3d(30%,0,0);}}.pageCenter {align-items: center; vertical-align: middle; justify-content: center;}.ph-dealerSelectionBox {height: 260px; background-color: #ced4da; width: 520px;}.ph-height-1 {height: 1px;}.ph-height-5 {height: 5px;}.ph-height-10 {height: 10px;}.ph-height-15 {height: 15px;}.ph-height-20 {height: 20px;}.ph-height-30 {height: 30px;}.ph-height-40 {height: 40px;}.ph-height-50 {height: 50px;}.ph-height-60 {height: 60px;}.ph-height-80 {height: 80px;}.ph-height-100 {height: 100px;}.ph-height-120 {height: 120px;}.ph-height-300 {height: 300px;}.ph-height-400 {height: 400px;}.ph-car-card {height: 250px !important;}.heightWidth100 {height: 100%; width: 100%;}* {box-sizing: border-box;}.hidden {display: none;}.height-100-vh{height:100vh;}.lineupCarGroup {width: 20%; height: auto; margin-right: 30px;}.mobileOnlyRender{display:none;}.backButton {max-width: 50px; padding-top: 10px;}.resetButton {position: absolute; right: 20px; top: 10px; width: 100px;}.leftFilter {width: 28%; height: 70%; border: 1px solid #CCC; display: inline-block; margin-left: 30px; padding: 20px 5px; margin-top: -1px;}.summaryMain {width: 45%; height: 100%; display: inline-block; margin-left: 30px; padding: 20px 5px 20px 0;}.summarySpecs {width: 45%; height: 100%; display: inline-block; padding-top: 20px;}.carImage {height: 40vh;}@media only screen and (max-width: 767px) and (orientation:portrait) {.ph-dealerSelectionBox{width:100%; margin-top:0 !important;} .mobileOnlyRender {display: block;} .noMobileRender {display: none !important;} .ph-col-2,.ph-col-3 {flex: 0 0 100%;} .lineupHeader .ph-col-1 {flex: 0 0 40%;} .lineupCarGroup {width: 100%; margin-right:0;} .lineupCarGroup-Other{display:none;} .lineupCarGroupHeader {flex: 0 0 80%;} .lineup .ph-col-9,.lineup .ph-col-10 {flex: 0 0 100%;} .backButton {max-width: 500px; width: 100%;} .leftFilter {width: 90%;} .summaryMain{width: 95%;} .summaryMainModel {flex: 0 0 20%;} .summaryMainTitle{flex: 0 0 78%;} .summaryMain .ph-col-1 {flex: 0 0 16.6666666667%;} .carImage{height:30vh;}}@media only screen and (max-height: 700px) and (max-width:1279px) and (orientation:landscape) {.ph-dealerSelectionBox {width: 100%; margin-top: 0 !important;} .mobileOnlyRender {display: block;} .noMobileRender {display: none !important;} .ph-col-2, .ph-col-3 {flex: 0 0 100%;} .lineupHeader .ph-col-1 {flex: 0 0 40%;} .lineupCarGroup {width: 100%; margin-right: 0;} .lineupCarGroup-Other {display: none;} .lineupCarGroupHeader {flex: 0 0 80%;} .lineup .ph-col-9, .lineup .ph-col-10 {flex: 0 0 100%;} .backButton {max-width: 500px; width: 100%;} .leftFilter {width: 90%;} .summaryMain {width: 95%;} .summaryMainModel {flex: 0 0 20%;} .summaryMainTitle {flex: 0 0 78%;} .summaryMain .ph-col-1 {flex: 0 0 16.6666666667%;} .carImage {height: 30vh;}}