.ready-page-wrapper{ background-color: #001428; } .container_1 { position: relative; clear: both; } .text-block { width: 35%; position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); color: white; left: 10%; } img.moto-care-logo { width: 60%; } .lightblue { color: #8dc6ec; font-weight: 400; font-size: 25px; } .right .text-block { right: 10%; left: inherit; } .more-btn { background-color: transparent; border: 2px solid #fff; color: #fff; font-size: 16px; line-height: 50px; text-align: center; min-width: 130px; height: 50px; padding: 0px 20px; font-weight: 400; border-radius: 25px; cursor: pointer; outline: none; } #last_blade{ margin-top: 80px; } .text-ipad { width: 100%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); left: 50%; max-width: 1366px; padding-left: 50px; } #compare .compare-table__header{ max-width: 200px; } @media only screen and (max-width: 767px){ .text-block { position: relative; top: 0px; padding: 20px; width: 100%; transform: none; text-align: center; left: auto; } .right .text-block { right: 0px; } .more-btn { margin: auto; } .text-block.text-ipad p { margin: 0px 0px 10px; } } @media only screen and (min-width:1366px){ .text-ipad{ text-align: left; } #last_blade{ text-align:center; } } .entity.entity-paragraphs-item.clearfix { text-align: center; } #compare .compare-header { font-weight: 100; font-size: 26px; line-height: 30px; } #compare .compare-table__cell { min-width: 200px; width: 16.666666667%; } @media (min-width: 1200px) { #compare .compare-header { font-size: 36px; line-height: 44px; } } @media (min-width: 992px) { #compare .compare-header { font-size: 36px; line-height: 44px; } } #compare { margin: 0 auto; max-width: 1200px; position: relative; } #compare * { text-rendering: optimizeLegibility; } #compare .compare-table-wrapper { overflow-x: auto; overflow-y: visible; width: 100%; } #compare .compare-table { border-bottom: solid 1px #5a93c796; margin-bottom: 20px; width: 100%; border-spacing: 0px; } #compare .compare-table * { color: white; font-size: 14px; font-style: normal; font-weight: 300; line-height: 18px; margin: 0; padding: 0; } #compare .compare-table s { color: inherit  !important; } #compare .compare-table sup { color: white; font-size: 60%; position: relative; top: -.54em; vertical-align: baseline; } #compare .compare-table--fixed-labels { left: 0; position: absolute; z-index: 499; } #compare .compare-table__cell { border: solid #5a93c796; border-width: 0 1px; min-width: 218px; padding: 12px 20px 10px; width: 26.666666667%; } #compare .compare-table__cell a { color: white; } #compare .compare-table__cell:last-of-type { border-right: none } #compare .compare-table__cell--label { border-left: none; color: white; text-transform: uppercase; } #compare .compare-table__cell--product { background-color: transparent; border: none; text-align: center; } #compare .compare-table__row { background-color: transparent; } #compare .compare-table__row:nth-child(odd) { background-color: #315579; } #compare .compare-table__row--products { background-color: transparent  !important; } #compare .compare-table__header { color: white; font-weight: 300; margin-top: 25px; } #compare .compare-table__header em { font-weight: 400; } #compare .compare-table__subhead { color: white; font-weight: 300; margin-bottom: 6px; } #compare .compare-table__cta { margin-bottom: 25px; } #compare .compare-table__cta a { color: white; } #compare .compare-table__cta a.compare-table__cta--build-yours { background: transparent url("../images/logo-build-yours.svg") 0 50%/14px auto no-repeat; padding-left: 1.25em; } #compare .compare-table__image { display: block; height: 143px; margin: 0 auto 40px; } #compare .compare-table__swatch { background-color: transparent; border: solid 1px #5a93c796; border-radius: 100%; display: inline-block; height: 18px; width: 18px; margin: 0 3px 3px 0; } .region-dark-footer .disclaimer-block a { color: white  !important; } @media (max-width: 600px) { #compare .compare-table__cell { min-width: 160px; width: 50%; } } i.fa.fa-check::before { content: "\f00c"; }
