@charset "UTF-8"; @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes fadein { from { opacity: 0; } to { opacity: inherit; } } .pts-fade-in { animation: fadein 1s; } .pts-spin { animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; animation-name: spin; } #app { position: relative; box-sizing: border-box; margin: 0; border: 2px solid #f5f5f5; background: #eee; padding: 0; width: 100%; min-height: 766px; overflow: hidden; color: #000; font-size: 62.5%; line-height: 1.4; } @media screen and (max-width: 640px) { #app { min-height: 0; overflow: visible; } } #app *, #app *:before, #app *:after { box-sizing: inherit; } #app h1, #app h2, #app h3, #app h4, #app h5, #app h6 { margin: 0; padding: 0; } #app h1 { margin-bottom: 32px; font-size: 3em; } #app h2 { font-size: 2.4em; } #app a { color: inherit; text-decoration: none; } #app .pts-container.pts-overlay { top: 20%; pointer-events: none; color: #333; } #app .pts-page { position: relative; min-height: 766px; overflow: hidden; } @media screen and (max-width: 640px) { #app .pts-page { min-height: 0; overflow: visible; } } #app #pts-page-container { max-height: 766px; overflow: hidden; } @media screen and (max-width: 640px) { #app #pts-page-container { max-height: none; overflow: visible; } } #app #pts-home { background-image: url(../images/start.jpg); background-position: center center; background-position: right center; background-size: cover; background-repeat: no-repeat; background-repeat: no-repeat; background-color: #999; width: 100%; height: 766px; overflow: hidden; } @media screen and (max-width: 640px) { #app #pts-home { height: 90vh; } } #app #pts-home .pts-container { position: absolute; bottom: 0; left: 0; z-index: 1000; background: rgba(255, 255, 255, 0.9); padding: 16px 5%; width: 100%; color: #333; color: #333; font-weight: 300; text-align: center; } #app #pts-home .pts-container h2 { margin: 0 0 8px 0; padding: 0; } #app #pts-home .pts-container p { margin: 0; padding: 0; } #app #pts-navigation-bar { position: absolute; top: 0; left: 0; z-index: 999; background: white; padding: 16px 32px; width: 100%; color: #333; } @media screen and (max-width: 640px) { #app #pts-navigation-bar { position: relative; border-bottom: 2px solid #f5f5f5; } #app #pts-navigation-bar:after, #app #pts-navigation-bar:before { position: absolute; top: 100%; left: 50%; border: solid transparent; width: 0; height: 0; pointer-events: none; content: ' '; } #app #pts-navigation-bar:after { margin-left: -16px; border-width: 16px; border-color: rgba(255, 255, 255, 0); border-top-color: #fff; } #app #pts-navigation-bar:before { margin-left: -19px; border-width: 19px; border-color: rgba(245, 245, 245, 0); border-top-color: #f5f5f5; } } #app #pts-navigation-bar .pts-content { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 640px) { #app #pts-navigation-bar .pts-content { display: block; padding: 0; width: 100%; text-align: center; } } #app #pts-navigation-bar .pts-content .pts-column { padding-right: 16px; padding-left: 16px; } @media screen and (max-width: 640px) { #app #pts-navigation-bar .pts-content .pts-column { padding: 0; } } #app #pts-navigation-bar .pts-content .pts-button { margin: 0; border: 2px solid #333; background: transparent; padding: 13px 64px; } #app #pts-navigation-bar .pts-content .pts-button:hover { background-color: #333; color: #fff; } @media screen and (max-width: 640px) { #app #pts-navigation-bar .pts-content .pts-button { display: block; position: absolute; top: 16px; left: 16px; margin: 0; border: none; background: url(../images/arrow-left.svg) no-repeat center center; background-size: cover; padding: 0; width: 10px; height: 14px; min-height: 0; overflow: hidden; text-indent: -9999px; } #app #pts-navigation-bar .pts-content .pts-button:hover { background-color: transparent; } } #app #pts-navigation-bar .pts-content .pts-step .pts-step-part { display: inline; margin-top: 0; font-size: 1rem; line-height: 1; } @media screen and (max-width: 640px) { #app #pts-navigation-bar .pts-content .pts-step .pts-step-part { font-size: 1rem; } } #app #pts-navigation-bar .pts-content .pts-step .pts-step-part.pts-step { margin-right: 8px; color: #c00; font-weight: 900; font-size: 1.2rem; font-family: MuseoSans-Bold, sans-serif; } @media screen and (max-width: 640px) { #app #pts-navigation-bar .pts-content .pts-step .pts-step-part.pts-step { display: block; margin-right: 0; margin-bottom: 4px; } } #app #pts-navigation-bar .pts-content .pts-step .pts-step-part.pts-question { margin-right: 4px; font-weight: 300; font-family: MuseoSans-Bold, sans-serif; } #app #pts-options .pts-option { display: block; position: relative; float: left; opacity: 1; border: none; background-position: center 80px; background-size: cover; background-repeat: no-repeat; height: 766px; text-align: center; text-decoration: none; } @media screen and (max-width: 640px) { #app #pts-options .pts-option { float: none; border-bottom: 2px solid #f5f5f5; background-image: none !important; } #app #pts-options .pts-option:first-of-type .pts-content { padding-top: 16px; } #app #pts-options .pts-option:last-of-type { border-bottom: none; } } #app #pts-options .pts-option .pts-content { position: absolute; bottom: 0; background: rgba(255, 255, 255, 0.9); padding: 16px 16px 96px; width: 100%; min-height: 220px; color: #333; color: #000; text-align: center; } @media screen and (max-width: 763px) { #app #pts-options .pts-option .pts-content { min-height: 240px; } } @media screen and (max-width: 640px) { #app #pts-options .pts-option .pts-content { position: relative; top: auto; right: auto; bottom: auto; left: auto; background-color: #fff; padding-top: 0; padding-bottom: 0; min-height: 0; } } #app #pts-options .pts-option .pts-content:before { display: block; position: absolute; top: -20px; left: 50%; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); border-right: 20px solid transparent; border-bottom: 20px solid rgba(255, 255, 255, 0.9); border-left: 20px solid transparent; width: 0; height: 0; content: ''; } @media screen and (max-width: 640px) { #app #pts-options .pts-option .pts-content:before { display: none; } } #app #pts-options .pts-option .pts-content .pts-selected-option { margin: 0; padding: 0; color: #000; } #app #pts-options .pts-option .pts-content .pts-label { margin: 0; padding: 0; color: #333; font-weight: 900; font-size: 1.2rem; font-family: MuseoSans-Bold, sans-serif; } @media screen and (max-width: 763px) { #app #pts-options .pts-option .pts-content .pts-label { font-size: 1rem; } } #app #pts-options .pts-option .pts-content .pts-prefix { font-size: 1rem; } #app #pts-options .pts-option .pts-content .pts-button { position: absolute; bottom: 16px; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 18px 24px; width: 80%; max-width: 200px; } @media screen and (max-width: 640px) { #app #pts-options .pts-option .pts-content .pts-button { position: relative; bottom: auto; left: auto; -ms-transform: translate(0, 0); transform: translate(0, 0); margin-top: 16px; margin-bottom: 16px; width: 100%; max-width: 100%; } } @media screen and (min-width: 640px) and (max-width: 763px) { #app #pts-options .pts-option .pts-content .pts-button { -ms-transform: translate(-50%, -20%); transform: translate(-50%, -20%); } } #app #pts-options .pts-option .pts-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: background-color 400ms ease-in-out; width: 100%; } @media screen and (max-width: 640px) { #app #pts-options .pts-option .pts-overlay { position: relative; } } #app #pts-options .pts-option:hover .pts-overlay { background-color: rgba(0, 0, 0, 0.7); } #app #pts-options .pts-option.pts-selected { opacity: 1; } @media screen and (max-width: 640px) { #app #pts-options .pts-option.pts-selected { display: none; } } #app #pts-options .pts-option.pts-selected .pts-content { position: relative; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); height: 766px; } #app #pts-options .pts-option.pts-selected .pts-content:before { display: none; } #app #pts-options .pts-option.pts-selected .pts-content .pts-label { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; text-align: center; } #app #pts-options .pts-option.pts-selected .pts-content .pts-tick { display: block; margin: 16px auto 0 auto; background: transparent url(../images/tick.svg) no-repeat center center; background-size: cover; width: 60px; height: 60px; } #app #pts-options .pts-option.pts-selected.pts-lighter .pts-content { background: rgba(0, 0, 0, 0.5); } #app #pts-options .pts-option.pts-summary { background-position: center top; } #app #pts-options .pts-option.pts-summary h3 { font-size: 1.2rem; line-height: 1.35rem; } #app #pts-options .pts-option.pts-summary .pts-content { padding: 16px; min-height: 0; } #app #pts-options .pts-option.pts-summary .pts-button { position: relative; bottom: auto; left: auto; -ms-transform: none; transform: none; } #app #pts-options.pts-one .pts-option { width: 100%; } #app #pts-options.pts-two .pts-option { width: 50%; } @media screen and (max-width: 640px) { #app #pts-options.pts-two .pts-option { width: 100%; height: auto; } } #app #pts-options.pts-two.pts-owner .pts-option:first-of-type { width: 75%; } @media screen and (max-width: 640px) { #app #pts-options.pts-two.pts-owner .pts-option:first-of-type { width: 100%; height: auto; } } #app #pts-options.pts-two.pts-owner .pts-option:last-of-type { width: 25%; } @media screen and (max-width: 640px) { #app #pts-options.pts-two.pts-owner .pts-option:last-of-type { width: 100%; height: auto; } } #app #pts-options.pts-three .pts-option { width: 33.3%; } @media screen and (max-width: 640px) { #app #pts-options.pts-three .pts-option { width: 100%; height: auto; } #app #pts-options.pts-three .pts-option .pts-content { height: auto; } } #app #pts-options.pts-four .pts-option { width: 25%; } @media screen and (max-width: 640px) { #app #pts-options.pts-four .pts-option { width: 100%; height: auto; } #app #pts-options.pts-four .pts-option .pts-content { height: auto; } } #app #pts-options.pts-five .pts-option { width: 20%; } @media screen and (max-width: 640px) { #app #pts-options.pts-five .pts-option { width: 100%; height: auto; } #app #pts-options.pts-five .pts-option .pts-content { height: auto; } } @media screen and (max-width: 640px) { #app #pts-location .pts-two { position: relative; } #app #pts-location .pts-two .pts-option:first-of-type { position: static; border: none; height: 0; } #app #pts-location .pts-two .pts-option:first-of-type .pts-content { background: none; } #app #pts-location .pts-two .pts-option:first-of-type .pts-content h3 { display: none; } #app #pts-location .pts-two .pts-option:first-of-type .pts-button { position: absolute; bottom: -180px; left: 50%; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 9999; max-width: 80%; } #app #pts-location .pts-two .pts-option:last-of-type { background: #fff; height: 200px; } #app #pts-location .pts-two .pts-option:last-of-type .pts-uk-map { display: none; } } #app #pts-location .pts-option.pts-location { padding-top: 100px; } #app #pts-location .pts-option.pts-location h4 { margin-bottom: 8px; padding-left: 32px; font-family: MuseoSans, sans-serif; text-align: left; } @media screen and (max-width: 640px) { #app #pts-location .pts-option.pts-location { padding-top: 32px; min-height: 480px; } #app #pts-location .pts-option.pts-location h4 { display: none; } } #app #pts-location .pts-option.pts-location .pts-uk-map { margin: 10% auto 0; height: 520px; } #app #pts-location .pts-option.pts-location .pts-uk-map .pts-map { width: 100%; height: 100%; } #app #pts-location .pts-option.pts-location .pts-uk-map .pts-map .pts-region { fill: #abcc36; cursor: pointer; } #app #pts-location .pts-option.pts-location .pts-uk-map .pts-map .pts-region.pts-selected { fill: #c00; } #app #pts-location-dropdown { position: relative; margin-left: 32px; border: 1px solid #f5f5f5; background: rgba(255, 255, 255, 0.9); width: 260px; } @media screen and (max-width: 640px) { #app #pts-location-dropdown { margin: 0 auto; width: 85%; } } #app #pts-location-dropdown .pts-selected-option { position: relative; cursor: pointer; padding: 8px; font-size: 20px; } #app #pts-location-dropdown .pts-selected-option:after { display: block; position: absolute; top: 18px; right: 8px; background: url(../images/arrow-down.svg) no-repeat center center; background-size: cover; width: 14px; height: 10px; content: ''; } #app #pts-location-dropdown .pts-selected-option:before { display: block; position: absolute; top: 12px; left: 8px; background: url(../images/marker-white.svg) no-repeat center center; background-size: cover; width: 14px; height: 20px; content: ''; } #app #pts-location-dropdown .pts-options { position: absolute; top: 0; margin: 0; border: 1px solid #f5f5f5; background: white; padding: 4px 6px; width: 100%; color: #333; list-style: none; } #app #pts-location-dropdown .pts-options.pts-closed { display: none; } #app #pts-location-dropdown .pts-options.pts-open { display: block; z-index: 9999; } #app #pts-location-dropdown .pts-options li:last-of-type a { border-bottom: none; } #app #pts-location-dropdown .pts-options a { display: block; border-bottom: 1px solid #f5f5f5; padding: 4px; } #app #pts-location-dropdown .pts-options a:hover { background: #eee; color: #000; } #app .pts-button { display: inline-block; transition: background-color 100ms ease-in-out; margin-top: 16px; margin-right: 16px; border: none; border-radius: 32px; background: #abcc36; padding: 18px 64px; color: #333; font-weight: 300; font-size: 20px; line-height: 1; font-family: MuseoSans-Lightest, 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; } #app .pts-button:hover { background-color: #bcd65f; } #app .pts-button:last-of-type { margin-right: 0; } #app .pts-button.pts-back { border-color: #333; background: transparent; color: #333; } #app .pts-button.pts-back:hover { background: #fff; } #app .pts-button.pts-left { float: none; clear: both; } #app .pts-pre-loader { display: block; position: absolute; top: 50%; left: 50%; -ms-transform-origin: center center; transform-origin: center center; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; animation-name: spin; margin-top: -50px; margin-left: -50px; width: 100px; } #app .pts-introduction { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); width: 100%; height: 766px; } @media screen and (max-width: 640px) { #app .pts-introduction { position: relative; height: 80vh; } } #app .pts-introduction .pts-introduction-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); } #app .pts-introduction .pts-introduction-image { position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 766px; } @media screen and (max-width: 640px) { #app .pts-introduction .pts-introduction-image { height: 80vh; } } #app .pts-introduction .pts-introduction-image .pts-introduction-image-content { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; text-align: center; } #app .pts-introduction .pts-introduction-image .pts-introduction-image-content h2 { color: inherit; } #app .pts-introduction .pts-introduction-copy { padding: 0 10%; } #app .pts-introduction .pts-loading { margin: 32px auto; background-image: url(../images/loader.svg); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 50px; height: 50px; } #app .pts-introduction .pts-down-arrow { display: block; margin: 32px auto; border: none; background: url(../images/view-results.svg); background-size: cover; width: 50px; height: 50px; overflow: hidden; text-decoration: none; text-indent: -9999em; } #app #pts-results-container h1, #app #pts-results-container h2, #app #pts-results-container h3, #app #pts-results-container h4, #app #pts-results-container h5, #app #pts-results-container h6 { color: inherit; } #app #pts-results-container.pts-closed { display: none; } #app #pts-results-container.pts-open { display: block; } #app #pts-results-container .pts-section .pts-link { text-decoration: underline; } #app #pts-results-container .pts-section .pts-quote { margin: 0; border: none; padding: 0 0 16px 0; quotes: '‘' "'"; color: inherit; font-weight: 700; font-size: 0.9rem; line-height: 1.2; } #app #pts-results-container .pts-section .pts-quote:before { content: open-quote; } #app #pts-results-container .pts-section .pts-quote:after { content: close-quote; } #app #pts-results-container .pts-section h4 { font-weight: 900; font-size: 2rem; line-height: 1; font-family: MuseoSans-Boldest, sans-serif; } #app #pts-results-container .pts-section a { border: none; font-weight: 700; font-size: 0.8rem; text-decoration: underline; } #app #pts-results-container .pts-section p { font-size: 0.8rem; } #app #pts-results-container .pts-section .pts-title { position: relative; background: #fff; height: 120px; color: #c00; } #app #pts-results-container .pts-section .pts-title h3 { position: absolute; top: 50%; left: 5%; -ms-transform: translate(0, -50%); transform: translate(0, -50%); margin: 0; padding: 0; font-size: 2rem; line-height: 1.7rem; } #app #pts-results-container .pts-section .pts-title:after { display: block; position: absolute; bottom: -20px; left: 5%; z-index: 9999; border-top: 20px solid #fff; border-right: 20px solid transparent; border-left: 20px solid transparent; width: 0; height: 0; content: ''; } #app #pts-results-container .pts-section .pts-featured-article { position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; height: 50vh; min-height: 480px; } @media screen and (max-width: 763px) { #app #pts-results-container .pts-section .pts-featured-article { padding: 64px 32px 32px; height: auto; min-height: 0; } } @media screen and (max-width: 640px) { #app #pts-results-container .pts-section .pts-featured-article { padding-right: 2%; padding-left: 2%; } } #app #pts-results-container .pts-section .pts-featured-article .pts-content { display: -ms-flexbox; display: flex; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; background: #c00; padding: 0; width: 90%; color: #fff; } @media screen and (max-width: 763px) { #app #pts-results-container .pts-section .pts-featured-article .pts-content { position: relative; top: auto; left: auto; -ms-transform: translate(0, 0); transform: translate(0, 0); margin: 0 auto; width: 100%; } } @media screen and (max-width: 640px) { #app #pts-results-container .pts-section .pts-featured-article .pts-content { display: block; } } #app #pts-results-container .pts-section .pts-featured-article .pts-content .pts-image { -ms-flex-preferred-size: 50%; flex-basis: 50%; background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top: 300px; } @media screen and (max-width: 640px) { #app #pts-results-container .pts-section .pts-featured-article .pts-content .pts-image { display: none; } } #app #pts-results-container .pts-section .pts-featured-article .pts-content .pts-article { padding: 32px; -ms-flex-preferred-size: 50%; flex-basis: 50%; } @media screen and (max-width: 640px) { #app #pts-results-container .pts-section .pts-featured-article .pts-content .pts-article { width: 100%; } } #app #pts-results-container .pts-section .pts-featured-article .pts-content .pts-article h3, #app #pts-results-container .pts-section .pts-featured-article .pts-content .pts-article h4 { margin-bottom: 16px; font-weight: 900; font-size: 2rem; line-height: 2rem; font-family: MuseoSans-Boldest, sans-serif; } #app #pts-results-container .pts-section .pts-featured-article .pts-content .pts-article p { padding-bottom: 16px; font-size: 0.8rem; } #app #pts-results-container .pts-section .pts-featured-article .pts-content .pts-article.pts-wide { -ms-flex-preferred-size: 100%; flex-basis: 100%; } #app #pts-results-container .pts-section .pts-featured-article .pts-content .pts-article.pts-wide .pts-button { margin-top: 0; margin-bottom: 16px; font-size: 20px; } @media screen and (max-width: 640px) { #app #pts-results-container .pts-section .pts-featured-article .pts-content .pts-article.pts-wide .pts-button { padding-right: 16px; padding-left: 16px; } } #app #pts-results-container .pts-section .pts-row { display: -ms-flexbox; display: flex; color: #fff; } @media screen and (max-width: 640px) { #app #pts-results-container .pts-section .pts-row { display: block; } } #app #pts-results-container .pts-section .pts-row h4 { margin-bottom: 16px; } #app #pts-results-container .pts-section .pts-row .pts-column { -ms-flex-preferred-size: 50%; flex-basis: 50%; background: #c00; padding: 32px; } #app #pts-results-container .pts-section .pts-row .pts-column:first-of-type { padding-right: 32px; padding-left: 10%; } #app #pts-results-container .pts-section .pts-row .pts-column:first-of-type.pts-image { padding-right: 0; } @media screen and (max-width: 640px) { #app #pts-results-container .pts-section .pts-row .pts-column:first-of-type.pts-image { padding: 0; } } #app #pts-results-container .pts-section .pts-row .pts-column:last-of-type { background: #fff; padding-right: 10%; } #app #pts-results-container .pts-section .pts-row .pts-column:last-of-type.pts-image { padding-left: 0; } @media screen and (max-width: 640px) { #app #pts-results-container .pts-section .pts-row .pts-column:last-of-type.pts-image { padding: 0; } } #app #pts-results-container .pts-section .pts-row .pts-column.pts-dark { background: #333; } #app #pts-results-container .pts-section .pts-row .pts-column.pts-red { background: #c00; } #app #pts-results-container .pts-section .pts-row .pts-column.pts-image { background-size: cover; background-color: transparent; padding: 0; } #app #pts-results-container .pts-section .pts-row .pts-column.pts-image .pts-content { background: rgba(100, 26, 36, 0.8); padding: 32px; padding-left: 10%; min-height: 100%; } #app #pts-results-container .pts-section .pts-row .pts-column.pts-image .pts-content p:first-of-type { margin-top: 0; } #app #pts-results-container .pts-section .pts-wide-article { background: #eee; padding: 32px 5%; overflow: hidden; } #app #pts-results-container .pts-section .pts-wide-article h4 { margin-bottom: 16px; font-weight: 900; font-size: 2rem; font-family: MuseoSans-Boldest, sans-serif; } #app #pts-results-container .pts-section .pts-wide-article .pts-button { border-color: #333; color: #333; font-size: 20px; } #app #pts-results-container .pts-section .pts-wide-article.pts-red, #app #pts-results-container .pts-section .pts-wide-article.pts-dark { padding-bottom: 16px; } #app #pts-results-container .pts-section .pts-wide-article.pts-red .pts-button, #app #pts-results-container .pts-section .pts-wide-article.pts-dark .pts-button { float: none; margin-top: 0; margin-bottom: 32px; border-color: #fff; color: #fff; font-size: 20px; } #app #pts-results-container .pts-section .pts-wide-article.pts-red .pts-button:hover, #app #pts-results-container .pts-section .pts-wide-article.pts-dark .pts-button:hover { background: #fff; color: #333; } #app #pts-results-container .pts-section .pts-wide-article.pts-red { background: #c00; color: #fff; } #app #pts-results-container .pts-section .pts-wide-article.pts-dark { background: #333; color: #fff; } #app #pts-results-container .pts-section .pts-wide-article.pts-image { background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 200px 0 0; } #app #pts-results-container .pts-section .pts-wide-article.pts-image.pts-deep { padding-top: 400px; } @media screen and (max-width: 640px) { #app #pts-results-container .pts-section .pts-wide-article.pts-image { padding-top: 0; } #app #pts-results-container .pts-section .pts-wide-article.pts-image.pts-deep { padding-top: 0; } } #app #pts-results-container .pts-section .pts-wide-article.pts-image .pts-content { background: rgba(255, 255, 255, 0.8); padding: 32px 5%; overflow: hidden; } #app #pts-results-container .pts-section .pts-button { border: solid 2px #fff; background: transparent; color: #fff; font-weight: 300; font-size: 20px; text-decoration: none; } @media screen and (max-width: 640px) { #app #pts-results-container .pts-section .pts-button { padding-right: 32px; padding-left: 32px; } } #app #pts-results-container .pts-section .pts-button:hover { background: #fff; color: #333; } #app #pts-results-container .pts-infographic .pts-content { display: -ms-flexbox; display: flex; background: #eee; padding: 32px 5%; } #app #pts-results-container .pts-infographic .pts-content .pts-column { -ms-flex-preferred-size: 50%; flex-basis: 50%; } #app #pts-results-container .pts-infographic .pts-content h3 { margin-top: 32px; color: #333; font-weight: 700; font-size: 1.2rem; } #app #pts-results-container .pts-infographic .pts-content .pts-figure { margin-top: 32px; } #app #pts-results-container .pts-infographic .pts-content .pts-figure .pts-label { font-size: 0.8rem; } #app #pts-results-container .pts-infographic .pts-content .pts-figure .pts-value { font-size: 3.5rem; } @media screen and (max-width: 640px) { #app #pts-results-container .pts-infographic .pts-content .pts-figure .pts-value { font-size: 3rem; } } #app #pts-results-container .pts-infographic .pts-uk-map { margin: 0 auto; width: 100%; } @media screen and (max-width: 640px) { #app #pts-results-container .pts-infographic .pts-uk-map { display: none; } } #app #pts-results-container .pts-infographic .pts-uk-map .pts-map { width: 100%; height: 100%; max-height: 400px; } #app #pts-results-container .pts-infographic .pts-uk-map .pts-map .pts-region { fill: #999; cursor: pointer; } #app #pts-results-container .pts-infographic .pts-uk-map .pts-map .pts-region.pts-selected { fill: #c00; }