/* Minification failed. Returning unminified contents.
(14407,25): run-time error CSS1046: Expect comma, found '255'
(14407,32): run-time error CSS1046: Expect comma, found ')'
 */
@font-face{font-family:'FontAwesome';src:url('/Assets/PriorityPass/fonts/fontawesome-webfont.eot?v=3.2.1');src:url('/Assets/PriorityPass/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('/Assets/PriorityPass/fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('/Assets/PriorityPass/fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('/Assets/PriorityPass/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
a [class^="icon-"],a [class*=" icon-"]{display:inline;}
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
.icon-muted{color:#eeeeee;}
.icon-light{color:#ffffff;}
.icon-dark{color:#333333;}
.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.pull-right{float:right;}
.pull-left{float:left;}
[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
.icon-glass:before{content:"\f000";}
.icon-music:before{content:"\f001";}
.icon-search:before{content:"\f002";}
.icon-envelope-alt:before{content:"\f003";}
.icon-heart:before{content:"\f004";}
.icon-star:before{content:"\f005";}
.icon-star-empty:before{content:"\f006";}
.icon-user:before{content:"\f007";}
.icon-film:before{content:"\f008";}
.icon-th-large:before{content:"\f009";}
.icon-th:before{content:"\f00a";}
.icon-th-list:before{content:"\f00b";}
.icon-ok:before{content:"\f00c";}
.icon-remove:before{content:"\f00d";}
.icon-zoom-in:before{content:"\f00e";}
.icon-zoom-out:before{content:"\f010";}
.icon-power-off:before,.icon-off:before{content:"\f011";}
.icon-signal:before{content:"\f012";}
.icon-gear:before,.icon-cog:before{content:"\f013";}
.icon-trash:before{content:"\f014";}
.icon-home:before{content:"\f015";}
.icon-file-alt:before{content:"\f016";}
.icon-time:before{content:"\f017";}
.icon-road:before{content:"\f018";}
.icon-download-alt:before{content:"\f019";}
.icon-download:before{content:"\f01a";}
.icon-upload:before{content:"\f01b";}
.icon-inbox:before{content:"\f01c";}
.icon-play-circle:before{content:"\f01d";}
.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
.icon-refresh:before{content:"\f021";}
.icon-list-alt:before{content:"\f022";}
.icon-lock:before{content:"\f023";}
.icon-flag:before{content:"\f024";}
.icon-headphones:before{content:"\f025";}
.icon-volume-off:before{content:"\f026";}
.icon-volume-down:before{content:"\f027";}
.icon-volume-up:before{content:"\f028";}
.icon-qrcode:before{content:"\f029";}
.icon-barcode:before{content:"\f02a";}
.icon-tag:before{content:"\f02b";}
.icon-tags:before{content:"\f02c";}
.icon-book:before{content:"\f02d";}
.icon-bookmark:before{content:"\f02e";}
.icon-print:before{content:"\f02f";}
.icon-camera:before{content:"\f030";}
.icon-font:before{content:"\f031";}
.icon-bold:before{content:"\f032";}
.icon-italic:before{content:"\f033";}
.icon-text-height:before{content:"\f034";}
.icon-text-width:before{content:"\f035";}
.icon-align-left:before{content:"\f036";}
.icon-align-center:before{content:"\f037";}
.icon-align-right:before{content:"\f038";}
.icon-align-justify:before{content:"\f039";}
.icon-list:before{content:"\f03a";}
.icon-indent-left:before{content:"\f03b";}
.icon-indent-right:before{content:"\f03c";}
.icon-facetime-video:before{content:"\f03d";}
.icon-picture:before{content:"\f03e";}
.icon-pencil:before{content:"\f040";}
.icon-map-marker:before{content:"\f041";}
.icon-adjust:before{content:"\f042";}
.icon-tint:before{content:"\f043";}
.icon-edit:before{content:"\f044";}
.icon-share:before{content:"\f045";}
.icon-check:before{content:"\f046";}
.icon-move:before{content:"\f047";}
.icon-step-backward:before{content:"\f048";}
.icon-fast-backward:before{content:"\f049";}
.icon-backward:before{content:"\f04a";}
.icon-play:before{content:"\f04b";}
.icon-pause:before{content:"\f04c";}
.icon-stop:before{content:"\f04d";}
.icon-forward:before{content:"\f04e";}
.icon-fast-forward:before{content:"\f050";}
.icon-step-forward:before{content:"\f051";}
.icon-eject:before{content:"\f052";}
.icon-chevron-left:before{content:"\f053";}
.icon-chevron-right:before{content:"\f054";}
.icon-plus-sign:before{content:"\f055";}
.icon-minus-sign:before{content:"\f056";}
.icon-remove-sign:before{content:"\f057";}
.icon-ok-sign:before{content:"\f058";}
.icon-question-sign:before{content:"\f059";}
.icon-info-sign:before{content:"\f05a";}
.icon-screenshot:before{content:"\f05b";}
.icon-remove-circle:before{content:"\f05c";}
.icon-ok-circle:before{content:"\f05d";}
.icon-ban-circle:before{content:"\f05e";}
.icon-arrow-left:before{content:"\f060";}
.icon-arrow-right:before{content:"\f061";}
.icon-arrow-up:before{content:"\f062";}
.icon-arrow-down:before{content:"\f063";}
.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
.icon-resize-full:before{content:"\f065";}
.icon-resize-small:before{content:"\f066";}
.icon-plus:before{content:"\f067";}
.icon-minus:before{content:"\f068";}
.icon-asterisk:before{content:"\f069";}
.icon-exclamation-sign:before{content:"\f06a";}
.icon-gift:before{content:"\f06b";}
.icon-leaf:before{content:"\f06c";}
.icon-fire:before{content:"\f06d";}
.icon-eye-open:before{content:"\f06e";}
.icon-eye-close:before{content:"\f070";}
.icon-warning-sign:before{content:"\f071";}
.icon-plane:before{content:"\f072";}
.icon-calendar:before{content:"\f073";}
.icon-random:before{content:"\f074";}
.icon-comment:before{content:"\f075";}
.icon-magnet:before{content:"\f076";}
.icon-chevron-up:before{content:"\f077";}
.icon-chevron-down:before{content:"\f078";}
.icon-retweet:before{content:"\f079";}
.icon-shopping-cart:before{content:"\f07a";}
.icon-folder-close:before{content:"\f07b";}
.icon-folder-open:before{content:"\f07c";}
.icon-resize-vertical:before{content:"\f07d";}
.icon-resize-horizontal:before{content:"\f07e";}
.icon-bar-chart:before{content:"\f080";}
.icon-twitter-sign:before{content:"\f081";}
.icon-facebook-sign:before{content:"\f082";}
.icon-camera-retro:before{content:"\f083";}
.icon-key:before{content:"\f084";}
.icon-gears:before,.icon-cogs:before{content:"\f085";}
.icon-comments:before{content:"\f086";}
.icon-thumbs-up-alt:before{content:"\f087";}
.icon-thumbs-down-alt:before{content:"\f088";}
.icon-star-half:before{content:"\f089";}
.icon-heart-empty:before{content:"\f08a";}
.icon-signout:before{content:"\f08b";}
.icon-linkedin-sign:before{content:"\f08c";}
.icon-pushpin:before{content:"\f08d";}
.icon-external-link:before{content:"\f08e";}
.icon-signin:before{content:"\f090";}
.icon-trophy:before{content:"\f091";}
.icon-github-sign:before{content:"\f092";}
.icon-upload-alt:before{content:"\f093";}
.icon-lemon:before{content:"\f094";}
.icon-phone:before{content:"\f095";}
.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
.icon-bookmark-empty:before{content:"\f097";}
.icon-phone-sign:before{content:"\f098";}
.icon-twitter:before{content:"\f099";}
.icon-facebook:before{content:"\f09a";}
.icon-github:before{content:"\f09b";}
.icon-unlock:before{content:"\f09c";}
.icon-credit-card:before{content:"\f09d";}
.icon-rss:before{content:"\f09e";}
.icon-hdd:before{content:"\f0a0";}
.icon-bullhorn:before{content:"\f0a1";}
.icon-bell:before{content:"\f0a2";}
.icon-certificate:before{content:"\f0a3";}
.icon-hand-right:before{content:"\f0a4";}
.icon-hand-left:before{content:"\f0a5";}
.icon-hand-up:before{content:"\f0a6";}
.icon-hand-down:before{content:"\f0a7";}
.icon-circle-arrow-left:before{content:"\f0a8";}
.icon-circle-arrow-right:before{content:"\f0a9";}
.icon-circle-arrow-up:before{content:"\f0aa";}
.icon-circle-arrow-down:before{content:"\f0ab";}
.icon-globe:before{content:"\f0ac";}
.icon-wrench:before{content:"\f0ad";}
.icon-tasks:before{content:"\f0ae";}
.icon-filter:before{content:"\f0b0";}
.icon-briefcase:before{content:"\f0b1";}
.icon-fullscreen:before{content:"\f0b2";}
.icon-group:before{content:"\f0c0";}
.icon-link:before{content:"\f0c1";}
.icon-cloud:before{content:"\f0c2";}
.icon-beaker:before{content:"\f0c3";}
.icon-cut:before{content:"\f0c4";}
.icon-copy:before{content:"\f0c5";}
.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
.icon-save:before{content:"\f0c7";}
.icon-sign-blank:before{content:"\f0c8";}
.icon-reorder:before{content:"\f0c9";}
.icon-list-ul:before{content:"\f0ca";}
.icon-list-ol:before{content:"\f0cb";}
.icon-strikethrough:before{content:"\f0cc";}
.icon-underline:before{content:"\f0cd";}
.icon-table:before{content:"\f0ce";}
.icon-magic:before{content:"\f0d0";}
.icon-truck:before{content:"\f0d1";}
.icon-pinterest:before{content:"\f0d2";}
.icon-pinterest-sign:before{content:"\f0d3";}
.icon-google-plus-sign:before{content:"\f0d4";}
.icon-google-plus:before{content:"\f0d5";}
.icon-money:before{content:"\f0d6";}
.icon-caret-down:before{content:"\f0d7";}
.icon-caret-up:before{content:"\f0d8";}
.icon-caret-left:before{content:"\f0d9";}
.icon-caret-right:before{content:"\f0da";}
.icon-columns:before{content:"\f0db";}
.icon-sort:before{content:"\f0dc";}
.icon-sort-down:before{content:"\f0dd";}
.icon-sort-up:before{content:"\f0de";}
.icon-envelope:before{content:"\f0e0";}
.icon-linkedin:before{content:"\f0e1";}
.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
.icon-legal:before{content:"\f0e3";}
.icon-dashboard:before{content:"\f0e4";}
.icon-comment-alt:before{content:"\f0e5";}
.icon-comments-alt:before{content:"\f0e6";}
.icon-bolt:before{content:"\f0e7";}
.icon-sitemap:before{content:"\f0e8";}
.icon-umbrella:before{content:"\f0e9";}
.icon-paste:before{content:"\f0ea";}
.icon-lightbulb:before{content:"\f0eb";}
.icon-exchange:before{content:"\f0ec";}
.icon-cloud-download:before{content:"\f0ed";}
.icon-cloud-upload:before{content:"\f0ee";}
.icon-user-md:before{content:"\f0f0";}
.icon-stethoscope:before{content:"\f0f1";}
.icon-suitcase:before{content:"\f0f2";}
.icon-bell-alt:before{content:"\f0f3";}
.icon-coffee:before{content:"\f0f4";}
.icon-food:before{content:"\f0f5";}
.icon-file-text-alt:before{content:"\f0f6";}
.icon-building:before{content:"\f0f7";}
.icon-hospital:before{content:"\f0f8";}
.icon-ambulance:before{content:"\f0f9";}
.icon-medkit:before{content:"\f0fa";}
.icon-fighter-jet:before{content:"\f0fb";}
.icon-beer:before{content:"\f0fc";}
.icon-h-sign:before{content:"\f0fd";}
.icon-plus-sign-alt:before{content:"\f0fe";}
.icon-double-angle-left:before{content:"\f100";}
.icon-double-angle-right:before{content:"\f101";}
.icon-double-angle-up:before{content:"\f102";}
.icon-double-angle-down:before{content:"\f103";}
.icon-angle-left:before{content:"\f104";}
.icon-angle-right:before{content:"\f105";}
.icon-angle-up:before{content:"\f106";}
.icon-angle-down:before{content:"\f107";}
.icon-desktop:before{content:"\f108";}
.icon-laptop:before{content:"\f109";}
.icon-tablet:before{content:"\f10a";}
.icon-mobile-phone:before{content:"\f10b";}
.icon-circle-blank:before{content:"\f10c";}
.icon-quote-left:before{content:"\f10d";}
.icon-quote-right:before{content:"\f10e";}
.icon-spinner:before{content:"\f110";}
.icon-circle:before{content:"\f111";}
.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
.icon-github-alt:before{content:"\f113";}
.icon-folder-close-alt:before{content:"\f114";}
.icon-folder-open-alt:before{content:"\f115";}
.icon-expand-alt:before{content:"\f116";}
.icon-collapse-alt:before{content:"\f117";}
.icon-smile:before{content:"\f118";}
.icon-frown:before{content:"\f119";}
.icon-meh:before{content:"\f11a";}
.icon-gamepad:before{content:"\f11b";}
.icon-keyboard:before{content:"\f11c";}
.icon-flag-alt:before{content:"\f11d";}
.icon-flag-checkered:before{content:"\f11e";}
.icon-terminal:before{content:"\f120";}
.icon-code:before{content:"\f121";}
.icon-reply-all:before{content:"\f122";}
.icon-mail-reply-all:before{content:"\f122";}
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
.icon-location-arrow:before{content:"\f124";}
.icon-crop:before{content:"\f125";}
.icon-code-fork:before{content:"\f126";}
.icon-unlink:before{content:"\f127";}
.icon-question:before{content:"\f128";}
.icon-info:before{content:"\f129";}
.icon-exclamation:before{content:"\f12a";}
.icon-superscript:before{content:"\f12b";}
.icon-subscript:before{content:"\f12c";}
.icon-eraser:before{content:"\f12d";}
.icon-puzzle-piece:before{content:"\f12e";}
.icon-microphone:before{content:"\f130";}
.icon-microphone-off:before{content:"\f131";}
.icon-shield:before{content:"\f132";}
.icon-calendar-empty:before{content:"\f133";}
.icon-fire-extinguisher:before{content:"\f134";}
.icon-rocket:before{content:"\f135";}
.icon-maxcdn:before{content:"\f136";}
.icon-chevron-sign-left:before{content:"\f137";}
.icon-chevron-sign-right:before{content:"\f138";}
.icon-chevron-sign-up:before{content:"\f139";}
.icon-chevron-sign-down:before{content:"\f13a";}
.icon-html5:before{content:"\f13b";}
.icon-css3:before{content:"\f13c";}
.icon-anchor:before{content:"\f13d";}
.icon-unlock-alt:before{content:"\f13e";}
.icon-bullseye:before{content:"\f140";}
.icon-ellipsis-horizontal:before{content:"\f141";}
.icon-ellipsis-vertical:before{content:"\f142";}
.icon-rss-sign:before{content:"\f143";}
.icon-play-sign:before{content:"\f144";}
.icon-ticket:before{content:"\f145";}
.icon-minus-sign-alt:before{content:"\f146";}
.icon-check-minus:before{content:"\f147";}
.icon-level-up:before{content:"\f148";}
.icon-level-down:before{content:"\f149";}
.icon-check-sign:before{content:"\f14a";}
.icon-edit-sign:before{content:"\f14b";}
.icon-external-link-sign:before{content:"\f14c";}
.icon-share-sign:before{content:"\f14d";}
.icon-compass:before{content:"\f14e";}
.icon-collapse:before{content:"\f150";}
.icon-collapse-top:before{content:"\f151";}
.icon-expand:before{content:"\f152";}
.icon-euro:before,.icon-eur:before{content:"\f153";}
.icon-gbp:before{content:"\f154";}
.icon-dollar:before,.icon-usd:before{content:"\f155";}
.icon-rupee:before,.icon-inr:before{content:"\f156";}
.icon-yen:before,.icon-jpy:before{content:"\f157";}
.icon-renminbi:before,.icon-cny:before{content:"\f158";}
.icon-won:before,.icon-krw:before{content:"\f159";}
.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
.icon-file:before{content:"\f15b";}
.icon-file-text:before{content:"\f15c";}
.icon-sort-by-alphabet:before{content:"\f15d";}
.icon-sort-by-alphabet-alt:before{content:"\f15e";}
.icon-sort-by-attributes:before{content:"\f160";}
.icon-sort-by-attributes-alt:before{content:"\f161";}
.icon-sort-by-order:before{content:"\f162";}
.icon-sort-by-order-alt:before{content:"\f163";}
.icon-thumbs-up:before{content:"\f164";}
.icon-thumbs-down:before{content:"\f165";}
.icon-youtube-sign:before{content:"\f166";}
.icon-youtube:before{content:"\f167";}
.icon-xing:before{content:"\f168";}
.icon-xing-sign:before{content:"\f169";}
.icon-youtube-play:before{content:"\f16a";}
.icon-dropbox:before{content:"\f16b";}
.icon-stackexchange:before{content:"\f16c";}
.icon-instagram:before{content:"\f16d";}
.icon-flickr:before{content:"\f16e";}
.icon-adn:before{content:"\f170";}
.icon-bitbucket:before{content:"\f171";}
.icon-bitbucket-sign:before{content:"\f172";}
.icon-tumblr:before{content:"\f173";}
.icon-tumblr-sign:before{content:"\f174";}
.icon-long-arrow-down:before{content:"\f175";}
.icon-long-arrow-up:before{content:"\f176";}
.icon-long-arrow-left:before{content:"\f177";}
.icon-long-arrow-right:before{content:"\f178";}
.icon-apple:before{content:"\f179";}
.icon-windows:before{content:"\f17a";}
.icon-android:before{content:"\f17b";}
.icon-linux:before{content:"\f17c";}
.icon-dribbble:before{content:"\f17d";}
.icon-skype:before{content:"\f17e";}
.icon-foursquare:before{content:"\f180";}
.icon-trello:before{content:"\f181";}
.icon-female:before{content:"\f182";}
.icon-male:before{content:"\f183";}
.icon-gittip:before{content:"\f184";}
.icon-sun:before{content:"\f185";}
.icon-moon:before{content:"\f186";}
.icon-archive:before{content:"\f187";}
.icon-bug:before{content:"\f188";}
.icon-vk:before{content:"\f189";}
.icon-weibo:before{content:"\f18a";}
.icon-renren:before{content:"\f18b";}

/* Priority Pass Primary Styles */

/* global
   ============================ */

@font-face {
    font-family: 'Roboto';
    src: url('/Assets/PriorityPass/fonts/Roboto-Regular.eot');
    src: url('/Assets/PriorityPass/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('/Assets/PriorityPass/fonts/Roboto-Regular.woff2') format('woff2'), url('/Assets/PriorityPass/fonts/Roboto-Regular.woff') format('woff'), url('/Assets/PriorityPass/fonts/Roboto-Regular.ttf') format('truetype'), url('/Assets/PriorityPass/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/Assets/PriorityPass/fonts/Roboto-Bold.eot');
    src: url('/Assets/PriorityPass/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('/Assets/PriorityPass/fonts/Roboto-Bold.woff2') format('woff2'), url('/Assets/PriorityPass/fonts/Roboto-Bold.woff') format('woff'), url('/Assets/PriorityPass/fonts/Roboto-Bold.ttf') format('truetype'), url('/Assets/PriorityPass/fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


html {
    font-size: 62.5%;
    overflow-y: auto;
}

    body,
    html.locusmaps-loading body.-LLfullpage {
        font-family: 'Roboto', Helvetica, Arial, sans-serif;
        font-size: 1.6em;
        line-height: 1.5em;
        color: #000000;
        background: #f9f9f9;
        font-weight: normal;
        font-style: normal;
        overflow: hidden;
    }

.full-width-bg {
    background: #ffffff;
}

[lang="zh-CN"] body,
[lang="zh-TW"] body {
    font-family: 'Roboto', "Microsoft YaHei", "Simsun";
}

[lang="ja"] body {
    font-family: 'Roboto', "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ＭＳ Ｐゴシック";
}

[lang="ko"] body {
    font-family: 'Roboto', "맑은 고딕";
}

/* typography */
a {
    color: #827127;
    -webkit-transition: background 0.15s ease, color 0.15s ease;
    -o-transition: background 0.15s ease, color 0.15s ease;
    transition: background 0.15s ease, color 0.15s ease;
    font-style: normal;
    text-decoration: underline;
}

    a [class^="icon-"],
    button [class^="icon-"] {
        font-style: normal;
        text-decoration: none;
    }

    a:hover,
    a:focus {
        color: #64582b;
    }

    a:visited {
        color: #746632;
    }


    a:focus-visible,
    button:focus-visible,
    .app-download a:focus-visible img,
    .airport-carousel .slide .item-link:focus-visible,
    .site-header__centre a:focus-visible .site-header__logo,
    .site-header__menu-opener-button,
    .airport-guides-filter__filter:focus-visible,
    .airport-guides-filter__link:focus-visible {
        outline-style: solid;
        outline-color: rgb(0,95,204);
        outline-offset: 5px;
        outline-width: 2px;
    }

:focus-visible {
    outline-style: solid;
    outline-color: rgb(0, 95, 204);
    outline-offset: 5px;
    outline-width: 2px;
}

.airport-carousel .slide .item-link:focus-visible,
.airport-guides-filter__link:focus-visible {
    outline-offset: -5px;
}

.airport-guides-filter__link:focus-visible {
    outline-color: white;
}

ul {
    list-style: none;
}

ul,
ol {
    padding: 0;
    margin: 0;
}

button,
html,
input,
select,
textarea {
    color: #000000;
}

.rte ul,
ul.default,
.rte ol {
    padding-left: 3rem;
}
.bullet-removal {
    list-style: none!important;
	padding-left:0;
}
.display-ul-reader {
    width: 245px;
    word-wrap: break-word;
}
.name_truncate {
    white-space: normal!important;
}

.card-conditon-color {
    color: #ffffffbd;
}

.date_margin {
    line-height: 170% !important;
}

.rte ul,
ul.default {
    list-style: disc;
}

.filter_label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
}
.label_header_style {
    position: absolute;
    left: -9999px;
}
.lounge-filter-label {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 0;
    display: block;
}

ol.custom {
    padding-left: 0;
    counter-reset: item;
    list-style-type: none;
}

    ol.custom li {
        margin-bottom: 1rem;
        position: relative;
        padding-left: 5rem;
        padding-top: 1.2rem;
    }

        ol.custom li:before {
            position: absolute;
            left: 0;
            top: 7px;
            content: counter(item);
            counter-increment: item;
            display: block;
            width: 35px;
            height: 35px;
            border-radius: 100%;
            background: #827127;
            color: #ffffff;
            font-size: 20px;
            line-height: 35px;
            text-align: center;
        }

.link-gold,
a.link-gold,
.link-arrow,
a.link-arrow,
a.link-aqua,
.link-aqua {
    color: #827127;
    text-decoration: none;
}

.link-arrow,
a.link-arrow {
    font-weight: bold;
}

    .link-arrow.thin,
    a.link-arrow.thin {
        font-weight: normal;
    }

    .link-arrow [class^="icon-"],
    a.link-arrow [class^="icon-"] {
        font-weight: normal;
        color: #827127;
        padding-left: 0.5rem;
    }

    .link-arrow.arrow-left [class^="icon-"] {
        padding-right: 0.5rem;
        padding-left: 0;
    }

    .link-gold:hover,
    a.link-gold:hover,
    a.link-arrow:hover,
    .link-gold:focus,
    a.link-gold:focus,
    a.link-arrow:focus,
    a.link-arrow:hover [class^="icon-"],
    a.link-arrow:focus [class^="icon-"],
    .link-arrow.thin:focus,
    a.link-arrow.thin:focus,
    .link-aqua:hover,
    a.link-aqua:hover,
    .link-aqua:focus,
    a.link-aqua:focus {
        color: #64582b;
        text-decoration: none;
    }

    .link-aqua:visited,
    a.link-aqua:visited .link-gold:visited,
    a.link-gold:visited,
    a.link-arrow:visited,
    a.link-arrow:visited [class^="icon-"],
    a.link-arrow:visited [class^="icon-"],
    .link-arrow.thin:visited,
    a.link-arrow.thin:visited {
        color: #746632;
        text-decoration: none;
    }

h1,
h2,
h3,
h4 {
    font-family: 'Roboto';
    font-weight: normal;
    font-size: 3.6rem;
    line-height: 4.2rem;
    margin: 0;
    padding-bottom: 2rem;
}

.tokenex-card-type {
    display: block !important
}

h1 {
    text-transform: uppercase;
    letter-spacing: 0.3rem;
}

h1.lowercase {
    letter-spacing: normal;
    text-transform: none;
}

h2 {
    line-height: 4rem;
}

h3 {
    font-size: 3rem;
    line-height: 3.4rem;
}

h4 {
    font-family: 'Roboto';
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-weight: normal;
    letter-spacing: -0.1rem;
}

h4.small {
    font-size: 2rem;
    line-height: 2.4rem;
    letter-spacing: 0;
}

h5 {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: normal;
    margin: 0;
    padding-bottom: 2rem;
}

p {
    margin: 0;
    padding-bottom: 2rem;
}

img {
    border: none;
    outline: none;
    max-width: 100%;
    height: auto;
}
.page-help-app-banner {
    background: #000;
}
.img-adjust-container {
    position: relative;
}

.img-adjust-container .img-adjust-img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.title-h2 {
    padding-bottom: 2.7rem;
    font-size: 1.8rem;
    line-height: 3.6rem;
    margin: 0;
    -webkit-margin-start: 0px;
            margin-inline-start: 0px;
    -webkit-margin-end: 0px;
            margin-inline-end: 0px;
}

.title-h3 {
    font-size: 3rem;
    line-height: 3.4rem;
    margin: 0;
    padding-bottom: 2rem;
    font-family: 'Roboto';
    font-weight: normal;
}

.title-h5 {
    padding-bottom: 1rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: normal;
}


.title-h4.small {
    font-size: 2rem;
    line-height: 2.4rem;
    letter-spacing: 0;
    font-family: 'Roboto';
    font-weight: normal;
    margin: 0;
}

.news-listing .title-h4 {
    padding-bottom: 0.3rem;
}

.latest-lounges .title-h5 {
    padding-bottom: 0;
}

.benefits-grid .title-h5.uppercase.text-spacing {
    display: inline-block;
    padding: 0 1rem 0.4rem;
    border-bottom: 1px solid #000000;
}

body .one-trust {
    padding-top: 151px !important;
}

/* containers */
#main,
.wrapper {
    max-width: 1290px;
    margin: 0 auto;
}

.padded {
    margin: 3rem;
}

.padded-sides {
    margin-left: 3rem;
    margin-right: 3rem;
}

.wrapper > .padded-sides .holder-1030 {
    width: 83.74%;
    margin: auto;
}

.wrapper > .padded-sides .holder-830 {
    width: 67.48%;
    margin: auto;
}

.wrapper > .padded-sides .holder-1030 .holder-830 {
    width: 80.584%;
    margin: auto;
}

#main {
    background: #ffffff;
}

.full-width-page #main {
    background: transparent;
    max-width: none;
}

/* buttons
   ---------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: none;
}

button {
    background: none;
    -webkit-appearance: none;
}

.cta,
a.cta {
    font-family: 'Roboto';
    background: #827127;
    color: #ffffff;
    display: inline-block;
    letter-spacing: 0.1rem;
    text-decoration: none;
    cursor: pointer;
    font-size: 1.6rem;
    text-align: center;
    position: relative;
    padding: 1rem 2.8rem;
    line-height: 1.2em;
    -webkit-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

    .cta:hover,
    a.cta:hover {
        background: #64582b;
    }

    .cta:focus,
    a.cta:focus {
        background: #746632;
    }

    .cta.disabled,
    a.cta.disabled,
    .cta[disabled],
    a.cta[disabled] {
        background: #000;
        color: #fff;
        cursor: default;
        opacity: 0.4;
    }

    .cta.dark,
    a.cta.dark,
    .cta.dark:hover,
    a.cta.dark:hover,
    .cta.dark:focus,
    a.cta.dark:focus {
        background: #000000;
        color: #c2deea;
    }

        .cta.dark:hover,
        a.cta.dark:hover,
        .cta.dark:focus,
        a.cta.dark:focus {
            color: #ffffff;
        }

    .cta.inverse,
    a.cta.inverse {
        border: 1px solid #827127;
        color: #827127;
        background: #ffffff17;
    }

        .cta.inverse:hover,
        a.cta.inverse:hover {
            border: 1px solid #64582b;
            color: #64582b;
            background: transparent;
        }

        .cta.inverse:focus,
        a.cta.inverse:focus {
            border: 1px solid #746632;
            color: #746632;
            background: transparent;
        }

        .cta.inverse[disabled],
        a.cta.inverse[disabled],
        .cta.inverse.disabled,
        a.cta.inverse.disabled,
        .cta.white[disabled],
        a.cta.white[disabled],
        .cta.white.disabled,
        a.cta.white.disabled {
            border: 1px solid #d6d6d6;
            color: #d6d6d6;
            cursor: default;
        }

    .cta.gold,
    a.cta.gold {
        background: #827127;
    }

        .cta.gold:hover,
        a.cta.gold:hover {
            background: #64582b;
        }

        .cta.gold:focus,
        a.cta.gold:focus {
            background: #746632;
        }

        .cta.gold[disabled],
        a.cta.gold[disabled],
        a.cta.gold.disabled {
            background: #d6d6d6;
            color: #fff;
            cursor: default;
        }

    .cta.white,
    a.cta.white {
        border: 1px solid #fff;
        color: #fff;
        background-color: #00000085;
    }

        .cta.white:hover,
        a.cta.white:hover {
            border: 1px solid #827127;
            background: rgba(255, 255, 255);
            color: #827127;
            opacity: 1;
        }

        .cta.white:focus,
        a.cta.white:focus {
            border: 1px solid #827127;
            background: rgba(255, 255, 255);
            color: #827127;
        }

input[type="submit"] {
    border: none;
    outline: none;
}

.cta.box,
a.cta.box {
    font-size: 1.4rem;
    padding: 0 1.2rem;
    line-height: 2.8rem;
}

.cta [class^="icon-"] {
    padding-left: 0.5rem;
}

.update-details-form .right-col button.cta.box.inverse {
    text-decoration: none;
    margin-right: 5px;
}


/* custom cursor */
#pointer {
    position: fixed;
    width: 0;
    height: 0;
    z-index: 99999;
    pointer-events: none;
}

    #pointer:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 20px;
        height: 20px;
        margin: 0;
        border-radius: 50%;
        border: 2px solid rgba(152, 134, 66, 0.4);
        -webkit-transition: all 0.15s cubic-bezier(0.42, 0.4, 0.6, 1.32);
        -o-transition: all 0.15s cubic-bezier(0.42, 0.4, 0.6, 1.32);
        transition: all 0.15s cubic-bezier(0.42, 0.4, 0.6, 1.32);
    }

    #pointer.enlarge:after {
        top: -8px;
        left: -8px;
        width: 40px;
        height: 40px;
        border: 2px solid transparent;
        background-color: rgba(152, 134, 66, 0.25);
    }

/*challenge iframe*/
.iframe__block {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

    .iframe__block .cta {
        margin: 20px 0;
    }

.challenge-iframe-body {
    background-color: #fff;
    height: 100%;
    overflow: auto;
}

    .challenge-iframe-body #main {
        padding: 5% 0;
    }

.iframe__block iframe {
    width: 99%;
    height: calc(100vh - 300px);
    overflow: auto;
}
/*end challenge iframe*/
/*3DS payment failure pop up*/

#modalOverlay,
#threedsmodal,
#successNotification {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 99999;
    height: 100%;
    width: 100%;
    display: none;
}

/*3DS payment success pop up*/
#modalOverlay,
#threedsmodal-success {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 99999;
    height: 100%;
    width: 100%;
    display: none;
}

.modalPopup,
.threedsmodalPopup {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    width: 50%;
    padding: 30px 0 30px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
    border-radius: 4px;
}

.threedsmodalPopup {
    width: 630px;
    padding: 80px 0 80px;
}

    .threedsmodalPopup .centre-title img {
        width: 151px;
        height: 98px;
    }

    .threedsmodalPopup .centre-title img {
        width: 151px;
        height: 98px;
    }

.error-date {
    position: absolute;
    bottom: 0;
    right: 10%;
    left: 10%;
}

    .error-date p {
        display: inline-block;
    }

p.sid-code {
    float: right;
}

.threedsmodalPopup .centre-title .modalContent--heading {
    font-family: 'Roboto';
    font-size: 24px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #000;
    padding-top: 30px;
    padding-bottom: 10px;
    font-weight: bold;
}

.threedsmodalPopup .centre-title .modalContent--main {
    font-family: 'Roboto';
    opacity: 0.6;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000;
    padding-bottom: 30px;
}

.threedsmodalPopup #threedspopup-button {
    width: 190px;
    height: 42px;
    font-size: 14px;
    font-family: 'Roboto';
    line-height: normal;
}

.modalContent,
.threedsmodalContent {
    padding: 0 2em;
}

    .modalContent .modalContent--main,
    .threedsmodalContent .modalContent--main {
        text-align: center;
        max-width: 42.7rem;
        margin: auto;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: 0.86px;
        text-align: center;
        color: #4b4f54;
        padding-bottom: 28px;
    }

.modalContent--heading {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0.3px;
    text-align: center;
    color: #4b4f54;
    text-transform: inherit;
    padding-top: 28px;
    padding-bottom: 16px;
}

.headerBar {
    width: 100%;
    background: #edcb04;
}

    .headerBar img {
        margin: 1em 0.7em;
    }

.buttonStyle {
    border: transparent;
    border-radius: 0;
    background: #6d6d6d;
    color: #eee !important;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    padding: 6px 25px;
    text-decoration: none;
}

    .buttonStyle:hover {
        background: #1e1e1e;
        color: #fff;
    }

#popup-button,
#threedspopup-button {
    width: 230px;
    height: 50px;
    -o-object-fit: contain;
       object-fit: contain;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: 1px;
    text-align: center;
    color: #ffffff;
}

.page-overlay-loader {
    position: fixed;
    top: 0;
    left: 0;
    background: #ffffff80;
    z-index: 9;
    height: 100%;
    width: 100%;
}

#page-overlay-loader {
    display: none;
}

.hc-search h2 {
    color: #827127;
}

.pp-article-list-item-title a:link {
    color: #827127;
}

.hc-search-input .hide {
    display: block !important;
    color: transparent;
    height: 0;
}
/*END 3DS payment failure pop up*/
/* forms
   ---------------------------- */
select,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
.stylish-form .stylish-text > span,
.stylish-form .stylish-email > span,
.stylish-form .stylish-number > span,
.stylish-form .stylish-select > span,
.stylish-form .stylish-password > span {
    height: 4rem;
    width: 100%;
    font-family: 'Roboto';
    background: #ffffff;
    border: 1px solid #a2a4a3;
    outline: none;
    padding: 0.4rem 1.2rem;
    font-size: 1.8rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.stylish-form .stylish-text > span,
.stylish-form .stylish-email > span,
.stylish-form .stylish-number > span,
.stylish-form .stylish-select > span,
.stylish-form .stylish-password > span {
    height: 4rem;
    display: block;
    width: auto;
}

.stylish-form .stylish-text > input,
.stylish-form .stylish-number > input,
.stylish-form .stylish-email > input,
.stylish-form .stylish-password > input,
.stylish-form .stylish-textarea > textarea {
    height: 100%;
    line-height: 4rem;
}

.safari .stylish-form .stylish-text > input,
.safari .stylish-form .stylish-number > input,
.safari .stylish-form .stylish-email > input,
.safari .stylish-form .stylish-password > input,
.safari .stylish-form .stylish-textarea > textarea {
    line-height: 1.8rem;
}

.stylish-form .stylish-text > input.credit-card-read-only {
    background: #f0f0f0;
    border: 1px solid #a2a4a3;
    pointer-events: none;
}

.stylish-form .stylish-ds {
    display: block;
    float: left;
}

.stylish-form .stylish-select > .dropdown-list {
    top: 101%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #a2a4a3;
    border-top: none;
}

.news-listing .stylish-form .stylish-select > .dropdown-list {
    max-height: 400px !important;
    overflow-y: auto;
    border-top: 1px solid #a2a4a3;
}

.stylish-form .stylish-select > .dropdown-list .dropdown-option.group {
    padding: 5px 0;
}

    .stylish-form
    .stylish-select > .dropdown-list
    .dropdown-option.group:first-child {
        padding-top: 0;
    }

    .stylish-form
    .stylish-select > .dropdown-list
    .dropdown-option.group:last-child {
        padding-bottom: 0;
    }

.stylish-form .stylish-number .ico {
    display: none;
}

.stylish-form [class^="stylish-"] + .icon.alert {
    display: none;
}

[dir="rtl"] .stylish-form .stylish-select > span > span.ico {
    right: 0;
    left: 0;
}

[dir="rtl"] .stylish-form .stylish-select > span.selected {
    padding: 0 50px 0 10px;
}

::-webkit-input-placeholder {
    line-height: normal;
}

textarea,
.stylish-form .stylish-textarea > span {
    height: 19rem;
}

textarea,
.stylish-form .stylish-textarea > textarea {
    width: 100%;
    padding: 3rem;
    border: 1px solid #d0d1d1;
    font-size: 1.8rem;
    font-family: 'Roboto';
    resize: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.stylish-form .stylish-select {
    border: none;
    background: none;
}

    .stylish-form .stylish-select.focus > span {
        background: #faf9f5;
        border: 1px solid #949494 !important;
    }

    .stylish-form .stylish-select > span.selected:focus {
        border: 1px solid #949494;
    }

    .stylish-form .stylish-select span.selected {
        padding: 0 5rem 0 1rem;
        line-height: 4rem;
    }

        .stylish-form .stylish-select span.selected .ico {
            border: none;
            position: absolute;
            right: 0;
            top: 0;
            width: 4rem;
            height: 100%;
            background: url("/Assets/PriorityPass/images/icons/forms/dropdown-icon.svg") no-repeat center center #00A393;
        }

    .stylish-form .stylish-select select {
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .stylish-form .stylish-select.disabled {
        cursor: default;
    }


.minimal-select.stylish-form .stylish-select .selected {
    padding: 0 50px 0 10px;
    height: 50px;
    line-height: 5rem;
}

.minimal-select.stylish-form .stylish-select span.selected .ico {
    background: url("/Assets/PriorityPass/images/icons/down-black-arrow.svg") no-repeat center center;
    background-size: 9px 9px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.minimal-select.stylish-form .stylish-select.active .ico {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.stylish-form [class^="stylish-"] + span.icon.alert,
.stylish-form [class^="stylish-"] + .country-autocomplete__results + span.icon.alert,
.stylish-form [class^="stylish-"] + .details + span.icon.alert,
.stylish-form .stylish-ds + span + span.icon.alert,
.stylish-form [class^="stylish-"] + .err-msgs + span.icon.alert {
    display: none;
}

/* styles to prevent jump */
.js [data-stylish-form="true"] select,
.js [data-stylish-form="true"] textarea,
.js [data-stylish-form="true"] input[type="text"],
.js [data-stylish-form="true"] input[type="email"],
.js [data-stylish-form="true"] input[type="number"],
.js [data-stylish-form="true"] input[type="password"] {
    width: 100%;
}

/* Target the stylish-select class for BillingPaymentCard.CardType */
.row.form-field[data-field-id="BillingPaymentCard.CardType"] .stylish-select,
#billing-details-membercard .row.form-field[data-field-id="MembershipPaymentCard.CardType"] .stylish-select,
#billing-details-loungevisit .row.form-field[data-field-id="LoungeVisitCard.CardType"] .stylish-select {
}

/* Disable the inner select element as well */
.row.form-field[data-field-id="BillingPaymentCard.CardType"] select,
#billing-details-membercard .row.form-field[data-field-id="MembershipPaymentCard.CardType"] select,
#billing-details-loungevisit .row.form-field[data-field-id="LoungeVisitCard.CardType"] select {
}

/* Target the specific divs to hide them */
/*.row.form-field.cf[data-field-id="MembershipPaymentCard.CardType"],
.row.form-field.cf[data-field-id="LoungeVisitCard.CardType"],*/
.row.form-field.cf[data-field-id="BillingPaymentCard.CardType"] {
    display: none; /* Hide these elements */
}

.row.form-field.cardtype-label {
}

/* hide IE's default close icon */
input::-ms-clear {
    height: 0;
    width: 0;
    display: none;
}

/* clearable inputs */
.clearable {
    position: relative;
}

    .clearable input {
        padding-left: 3.6rem;
        padding-right: 3.2rem;
    }

    .clearable .icon {
        position: absolute;
        color: #028376;
        line-height: 3.8rem;
        top: 0;
        left: 1rem;
        z-index: 1;
    }

        .clearable .icon.close {
            width: 3.6rem;
            height: 100%;
            left: auto;
            right: 0;
            cursor: text;
            text-align: center;
            overflow: hidden;
            opacity: 0;
            -webkit-transition: opacity 0.3s;
            -o-transition: opacity 0.3s;
            transition: opacity 0.3s;
        }

    .clearable.show-clear .icon.close {
        opacity: 1;
        cursor: pointer;
    }

/* search bar */
.search-bar .clearable {
    width: 53rem;
    float: left;
}

    .search-bar .clearable input {
        width: 100%;
    }

.search-bar .cta {
    padding: 1rem 1.3rem 1.1rem;
    min-width: 10rem;
    float: left;
}

/* placeholders */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #757575;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #757575;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #757575;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #757575;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

/* gold dropdown for mobile pages (also used in memberarea tabs when wrapping) */
.mobile-dropdown.stylish-form .stylish-select span.selected,
.mobile-dropdown.stylish-form .stylish-select span.selected .ico {
    background-color: #827127;
    text-align: left;
    border: none;
}

.mobile-dropdown.stylish-form .stylish-select span.selected {
    padding-left: 2rem;
    font-size: 1.6rem;
    line-height: 4rem;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
}

    .mobile-dropdown.stylish-form .stylish-select span.selected:before {
        content: "";
        position: absolute;
        z-index: 1;
        right: 3.9rem;
        top: 0.6rem;
        height: 2.8rem;
        border-right: 1px solid #ffffff;
    }

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: #757575;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    color: #757575;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: #757575;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: #757575;
}

.mod-form .form-section {
    position: relative;
}

    .mod-form .form-section .form-loading {
        display: none;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("/Assets/PriorityPass/images/icons/loader-small.gif") no-repeat center center #ffffff;
        background-color: rgba(255, 255, 255, 0.6);
    }

    .mod-form .form-section.pending .form-loading,
    .mod-form .form-section.refreshing .form-loading {
        display: block;
    }

/* form validation */
.err-msgs > div {
    display: none;
}

    .err-msgs > div p,
    .err-msgs > div a {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

.page-editor .err-msgs > div {
    display: block;
}

    .page-editor .err-msgs > div:before {
        content: attr(data-validation) ": ";
    }

.form-section-errors,
.api-error {
    padding: 0;
    min-height: 0;
    color: #e01010;
    font-weight: bold;
    font-size: 1.4rem;
}

    .form-section-errors > div,
    .api-error {
        margin: 5px 0;
        padding-left: 25px;
        background: url("/Assets/PriorityPass/images/icons/alert-sprite.png") no-repeat 0 -19px;
    }

.mod-form .form-field.error input::-webkit-input-placeholder {
    color: #e01010e6;
}

.mod-form .form-field.error input:-moz-placeholder {
    color: #e01010e6;
}

.mod-form .form-field.error input::-moz-placeholder {
    color: #e01010e6;
}

.mod-form .form-field.error input:-ms-input-placeholder {
    color: #e01010e6;
}

/* captcha */
.bot-detect .BDC_CaptchaDiv {
    margin: 1rem 0 !important;
}

.bot-detect .BDC_CaptchaImageDiv a {
    position: relative;
}

.b2b-campaign-landing .bot-detect .BDC_CaptchaDiv {
    margin-top: 0 !important;
}

/* generate vouchers */
.voucher-logo {
    display: block;
}

.pp-table .voucher-logo {
    padding: 17px 0;
}

#lounge-result-container .voucher-logo {
    padding-bottom: 17px;
}

/* site footer
   ---------------------------- */
.popular-lounges {
    padding: 5.8rem 0 4.5rem;
    text-align: center;
    background: #ffffff;
}

    .popular-lounges h4 {
        text-transform: uppercase;
        padding-bottom: 3rem;
    }

    .popular-lounges .cta {
        margin: 0 0.7rem 1.5rem;
    }

    .popular-lounges .mobile-dropdown {
        display: none;
    }

/* page level
   ============================ */

/* homepage
   ---------------------------- */
#homepage .title,
.campaign-page .title {
    text-align: center;
    text-transform: uppercase;
    padding: 3.3rem 0;
}

    #homepage .title h3,
    .campaign-page .title h3 {
        padding: 0;
    }

.holder-830 .item {
    display: table;
    width: 100%;
    table-layout: fixed;
}

    .holder-830 .item .left,
    .holder-830 .item .right {
        display: table-cell;
        vertical-align: top;
        width: 60.24%;
    }

    .holder-830 .item .right {
        width: 39.76%;
        vertical-align: middle;
    }

        .holder-830 .item .left .content,
        .holder-830 .item .right .content {
            padding: 3rem;
        }

    .holder-830 .item .left img {
        display: block;
    }

    .holder-830 .item h4,
    .holder-830 .item h5 {
        padding-bottom: 0.8rem;
        line-height: 2.4rem;
        word-wrap: break-word;
    }

    .holder-830 .item .cta {
        min-width: 9.4rem;
    }

.latest-lounges.lounge-carousel {
    padding: 3rem 0 1.5rem;
}

    .latest-lounges.lounge-carousel .carousel {
        height: 230px;
    }

        .latest-lounges.lounge-carousel .carousel .pagination-controls {
            bottom: 0;
        }

.carousel .slide-container > div {
    overflow: visible;
}

.faqs .page-side-nav {
    padding-top: 4rem;
}

/* search results
   ---------------------------- */

/* search bar - inherits page banner styles */
#search-container .search-bar {
    padding-bottom: 1rem;
    display: inline-block;
}

    #search-container .search-bar input[type="text"] {
        padding: 0.7rem 1.2rem 0.7rem 3.6rem;
    }

#search-results {
    padding: 2rem 0;
}

    #search-results .items .item {
        padding-bottom: 4.5rem;
    }

        #search-results .items .item:first-child {
            padding-top: 4rem;
        }

        #search-results .items .item h4,
        #search-results .items .item p {
            padding-bottom: 0.7rem;
        }

        #search-results .items .item .right {
            width: 100%;
            display: block;
        }

        #search-results .items .item .content {
            padding: 0;
        }

        #search-results .items .item .left {
            width: 26%;
            float: left;
            display: block;
        }

            #search-results .items .item .left .img-holder {
                padding-right: 3rem;
            }

                #search-results .items .item .left .img-holder img {
                    max-width: none;
                    width: 100%;
                }

            #search-results .items .item .left ~ .right {
                width: 74%;
                float: left;
            }

        #search-results .items .item .right a {
            word-wrap: break-word;
        }

/* campaign pages
   ---------------------------- */
.join-landing {
    position: relative;
    z-index: 1;
    padding: 10rem 0 15rem;
}

    .join-landing .inner {
        max-width: 77rem;
        margin: auto;
    }

    .join-landing .wrapper {
        position: relative;
        z-index: 2;
    }

    .join-landing .img-adjust-container {
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .join-landing .content {
        padding: 4rem 7rem;
        text-align: center;
    }

        .join-landing .content h1 {
            font-size: 8rem;
            line-height: 7.2rem;
            color: #827127;
            padding-bottom: 0.2rem;
        }

        .join-landing .content h2 {
            font-size: 1.8rem;
            line-height: 4.8rem;
            padding-bottom: 3rem;
        }

        .join-landing .content hr {
            border-top: 1px solid #e3e4e3;
            padding-top: 4rem;
            margin: 0;
        }

        .join-landing .content .bottom {
            text-transform: none;
            line-height: 2rem;
        }

            .join-landing .content .bottom .right {
                max-width: 53rem;
                margin: auto;
            }

            .join-landing .content .bottom .left {
                float: left;
                width: 20%;
            }

                .join-landing .content .bottom .left img {
                    display: block;
                }

                .join-landing .content .bottom .left ~ .right {
                    max-width: none;
                    float: left;
                    width: 75%;
                    margin-left: 5%;
                    text-align: left;
                }

    .join-landing .submit {
        padding-top: 3rem;
        text-align: center;
    }

        .join-landing .submit input {
            display: inline-block;
            width: auto;
            clear: none;
            text-align: left;
        }

            .join-landing .submit input.cta.box,
            .join-landing .submit a.cta.box {
                background: transparent;
                padding: 0.6rem 1.2rem;
                margin-left: 0.5rem;
                border: 1px solid #ffffff;
                color: #ffffff;
                font-size: 1.6rem;
                line-height: 2.4rem;
                -webkit-box-shadow: none;
                        box-shadow: none;
            }

                .join-landing .submit input.cta.box:first-child,
                .join-landing .submit a.cta.box:first-child {
                    margin-left: 0;
                }

                .join-landing .submit input.cta.box:hover {
                    background: #ffffff;
                    color: #000000;
                }

    .join-landing ~ #main {
        position: relative;
        z-index: 2;
        margin-top: -5rem;
    }

        .join-landing ~ #main.float-left {
            float: left;
        }

.campaign-page .campaign-plans,
.campaign-page .page-link-panels {
    padding: 4rem 0;
}

    .campaign-page .title + .campaign-plans,
    .campaign-page .title + .page-link-panels,
    .campaign-page .campaign-plans + .page-link-panels {
        padding-top: 0;
    }

.b2b-campaign-landing + #main {
    display: none;
}

.b2b-campaign-landing .inner {
    max-width: 97rem;
}

.b2b-campaign-landing .content {
    padding: 4rem;
}

    .b2b-campaign-landing .content h1 {
        padding-bottom: 1.7rem;
    }

    .b2b-campaign-landing .content hr {
        padding-top: 0;
        padding-bottom: 2.5rem;
    }

    .b2b-campaign-landing .content .bottom .left {
        width: 22.473%;
        text-align: center;
    }

        .b2b-campaign-landing .content .bottom .left img {
            margin: auto;
        }

        .b2b-campaign-landing .content .bottom .left ~ .right {
            margin-left: 4.494%;
            width: 73.033%;
        }

        .b2b-campaign-landing .content .bottom .left.vertical-align ~ .right {
            margin-left: 5%;
            width: 95%;
        }

.b2b-campaign-landing .submit {
    text-align: left;
    padding-top: 0;
    padding-bottom: 3.5rem;
}

    .b2b-campaign-landing .submit input[type="text"] {
        width: 18.4rem;
    }

    .b2b-campaign-landing .submit input.cta.box,
    .b2b-campaign-landing .submit a.cta.box {
        background: #008577;
        border: 1px solid #008577;
        margin-left: 1rem;
        height: 2.6rem;
    }

    .b2b-campaign-landing .submit input.cta.box {
        height: 4rem;
    }

        .b2b-campaign-landing .submit input.cta.box:hover,
        .b2b-campaign-landing .submit a.cta.box:hover {
            background: transparent;
            color: #008577;
        }

    .b2b-campaign-landing .submit form {
        display: table;
    }

        .b2b-campaign-landing .submit form > div {
            display: table-cell;
            vertical-align: top;
        }

            .b2b-campaign-landing .submit form > div:first-child {
                padding-right: 3rem;
                white-space: nowrap;
            }

        .b2b-campaign-landing .submit form .bot-detect > div:first-child {
            white-space: normal;
        }

        .b2b-campaign-landing .submit form .error.server-error {
            padding-left: 3.6rem;
            padding-top: 1.1rem;
            position: relative;
            font-size: 1.4rem;
            color: #d82d2d;
            font-weight: bold;
            text-align: left;
        }

        .b2b-campaign-landing .submit form .error .err-msgs {
            color: #d82d2d;
        }

        .b2b-campaign-landing .submit form .error .icon.alert {
            display: block;
            position: absolute;
            top: 0.7rem;
            left: -1px;
            background: url("/Assets/PriorityPass/images/icons/alert-large.png") no-repeat center center;
            width: 3rem;
            height: 3rem;
        }

.dmc-campaign-landing .inner {
    max-width: 97rem;
}

.dmc-campaign-landing .content .top {
    padding-bottom: 3rem;
}

    .dmc-campaign-landing .content .top img {
        vertical-align: middle;
        max-width: 50%;
    }

    .dmc-campaign-landing .content .top .left {
        float: left;
    }

    .dmc-campaign-landing .content .top .right {
        float: right;
    }

.dmc-campaign-landing .content .bottom {
    text-align: left;
    line-height: 2.4rem;
}

    .dmc-campaign-landing .content .bottom h2 {
        padding-bottom: 0;
        line-height: 2.4rem;
    }

    .dmc-campaign-landing .content .bottom .enrolment-form {
        padding-top: 0;
        padding-bottom: 2.5rem;
    }

        .dmc-campaign-landing .content .bottom .enrolment-form .form-actions {
            padding: 0;
            margin-top: 1rem;
        }

            .dmc-campaign-landing .content .bottom .enrolment-form .form-actions .cta {
                background: #00c7b2;
                border: 0.1rem solid #00c7b2;
                color: #ffffff;
                padding-left: 1.4rem;
                padding-right: 1.4rem;
            }

                .dmc-campaign-landing .content .bottom .enrolment-form .form-actions .cta:hover,
                .dmc-campaign-landing
                .content
                .bottom
                .enrolment-form
                .form-actions
                .cta:focus {
                    background: transparent;
                    color: #00c7b2;
                }

        .dmc-campaign-landing .content .bottom .enrolment-form .left.field {
            max-width: 39rem;
            width: 47.5%;
            position: relative;
        }

        .dmc-campaign-landing .content .bottom .enrolment-form .right.err-msgs,
        .dmc-campaign-landing .content .bottom .left ~ .right,
        .dmc-campaign-landing .content .bottom .enrolment-form .thirds.hide ~ .thirds {
            width: 47.5%;
        }

.enrolment-form .tooltip {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: -3.6rem;
    margin-top: 0.6rem;
}

    .enrolment-form .tooltip .tooltip-trigger {
        padding: 0;
    }

.enrolment-form .tooltip-content {
    display: none;
    position: absolute;
    left: 115%;
    top: 19px;
    width: 255px;
    padding: 13px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 10px 0 rgba(54, 54, 56, 0.2);
            box-shadow: 0 0 10px 0 rgba(54, 54, 56, 0.2);
    z-index: 1;
}

    .enrolment-form .tooltip-content:after {
        content: "";
        position: absolute;
        left: -0.8rem;
        top: 50%;
        margin-top: -0.8rem;
        width: 1.6rem;
        height: 1.6rem;
        z-index: 3;
        background: #ffffff;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        -webkit-box-shadow: -3px -3px 10px -3px rgba(54, 54, 56, 0.2);
                box-shadow: -3px -3px 10px -3px rgba(54, 54, 56, 0.2);
    }

.enrolment-form .tooltip.active + .tooltip-content {
    display: block;
}

.dmc-campaign-banner {
    padding: 4rem 0;
}

    .dmc-campaign-banner .plan {
        background: #ffffff;
        border-left: 2.8rem solid #00c7b2;
        color: #000000;
        padding: 4rem 5.5rem;
    }

        .dmc-campaign-banner .plan > img {
            float: left;
            margin-top: 0.8rem;
            margin-right: 6rem;
        }

        .dmc-campaign-banner .plan > div {
            overflow: hidden;
        }

.campaign-plans .pp-plans {
    padding: 4rem 5rem;
    background: #f9f9f9;
}

.pp-plans .title {
    padding: 0 0 3rem 0;
    text-align: left;
    text-transform: none;
}

    .pp-plans .title h3,
    .pp-plans .title h4 {
        padding-bottom: 0.7rem;
    }

.pp-plans .items {
    text-align: center;
}

.product-listing-sub .pp-plans .items {
    position: relative;
}

    .product-listing-sub .pp-plans .items .item {
        z-index: 10;
    }


.join-b2c .pp-plans .items {
    margin-bottom: 32px;
}

.pp-plans .items .item {
    display: inline-block;
    vertical-align: top;
    width: 31%;
    margin-left: 2.5%;
    max-width: 300px;
}

    .pp-plans .items .item:first-child {
        margin-left: 0;
    }

.pp-plans .items a:first-child {
    margin-left: 0;
}

.pp-plans .items a {
    margin-left: 2.5%;
    text-decoration: none;
}

#product-listing .pp-plans .items a .item {
    width: auto;
    max-width: none;
    display: block;
}

.pp-plans .items .item .inner {
    color: #000000;
}

    .pp-plans .items .item .inner .top,
    .pp-plans .items .item .inner .content {
        padding: 2rem 2rem 2.5rem;
        line-height: 2rem;
    }

    .pp-plans .items .item .inner .top {
        padding-bottom: 20px;
        position: relative;
    }

.pp-plans .items .item .inner .content {
    padding-bottom: 2rem;
    background: #ffffff;
    font-size: 1.6rem;
    line-height: 1.6rem;
}

.pp-plans .items .item .inner .top,
.pp-plans .items .item .inner .top.aqua,
.pp-plans .items .item .inner .top.aqua {
    background: #00c7b2;
    background: #008577;
    color: #ffffff;
}

    .pp-plans .items .item .inner .top.orange {
        /*background: #e05206;*/
        background: #c75300;
    }

    .pp-plans .items .item .inner .top.dark {
        background: #000000;
        background: rgba(54, 53, 52);
    }

    .pp-plans .items .item .inner .top h2 {
        padding-bottom: 1.2rem;
        font-size: 2rem;
        font-family: 'Roboto';
    }

    .pp-plans .items .item .inner .top .price {
        padding-bottom: 0;
    }

        .pp-plans .items .item .inner .top .price .value {
            font-size: 4.8rem;
            line-height: 4.8rem;
        }

        .pp-plans .items .item .inner .top .price .price-label {
            padding-bottom: 24px;
            font-size: 1.4rem;
        }

        .pp-plans .items .item .inner .top .price .discount .value {
            display: inline-block;
            min-width: 6rem;
            padding: 0 0.5rem;
            font-size: 2.4rem;
            line-height: 1em;
            position: relative;
        }

        .pp-plans .items .item .inner .top .price .discount .cut-through {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: 1px;
            background: #ffffff;
            -webkit-transform: rotate(-10deg);
                    transform: rotate(-10deg);
        }

        .pp-plans .items .item .inner .top .price .discount .discount-note {
            display: inline-block;
            padding: 0.5rem;
            margin: 0.5rem 0;
            min-width: 12rem;
            background: #ffffff;
            font-size: 1.8rem;
            font-weight: bold;
            color: #827127;
        }

    .pp-plans .items .item .inner .top .cta-holder {
        width: 100%;
        left: 0;
        bottom: 2.5rem;
    }

    .pp-plans .items .item .inner .top .cta,
    .pp-plans .items .item .inner .top .cta.white-background:hover,
    .pp-plans .items .item .inner .top.dark .cta.white-background:hover,
    .pp-plans .items .item .inner .top.orange .cta.white-background:hover {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        min-width: 10.9rem;
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
        background: transparent;
        color: #ffffff;
        border-color: #ffffff;
        font-size: 1.6rem;
    }

        .pp-plans .items .item .inner .top .cta:hover,
        .pp-plans .items .item .inner .top .cta:focus,
        .pp-plans .items .item .inner .top .cta.white-background {
            background: #ffffff;
            color: #004740;
        }

    .pp-plans .items .item .inner .top .cta {
        border-color: #fff;
    }

    .pp-plans .items .item .inner .top.dark .cta:hover,
    .pp-plans .items .item .inner .top.dark .cta:focus,
    .pp-plans .items .item .inner .top.dark .cta.white-background {
        color: #404040;
    }

    .pp-plans .items .item .inner .top.orange .cta:hover,
    .pp-plans .items .item .inner .top.orange .cta:focus,
    .pp-plans .items .item .inner .top.orange .cta.white-background {
        color: #752900;
    }

    .pp-plans .items .item .inner .top.orange .cta:hover {
        color: #752900 !important;
    }

    .pp-plans .items .item .inner .top.orange .cta.white-background {
        -webkit-filter: none;
                filter: none;
        border: 1px solid #fff;
    }

    .pp-plans .items .item .inner .top .cta.white-background:hover {
        -webkit-filter: none;
                filter: none;
        background: #fff;
        color: #33d2c1;
    }

    .pp-plans .items .item .inner .top.orange .cta:hover {
        -webkit-filter: none;
                filter: none;
        border: 1px solid #fff;
    }

    .pp-plans .items .item .inner .top.aqua .cta:hover {
        -webkit-filter: none;
                filter: none;
        border: 1px solid #fff;
    }

.pp-plans .items .item .inner .content .details {
    max-width: none;
    padding-top: 0;
}
/* asian languages line height exception */
[lang="zh-CN"] body .pp-plans .items .item .inner .content .details,
[lang="zh-TW"] body .pp-plans .items .item .inner .content .details,
[lang="ja"] body .pp-plans .items .item .inner .content .details,
[lang="ko"] body .pp-plans .items .item .inner .content .details {
    line-height: 24px;
}

[lang="zh-CN"] body .pp-plans.plans-listing .items .item .inner .content .info,
[lang="zh-TW"] body .pp-plans.plans-listing .items .item .inner .content .info,
[lang="ja"] body .pp-plans.plans-listing .items .item .inner .content .info,
[lang="ko"] body .pp-plans.plans-listing .items .item .inner .content .info {
    line-height: 20px;
}

.pp-plans .items .item .inner .content div ~ .info {
    padding: 1rem 0;
}

.pp-plans .details {
    max-width: 63rem;
    margin: auto;
    padding-top: 3.5rem;
}

    .pp-plans .details h5 {
        padding-bottom: 0;
    }

/* plans general/first */
.pp-plans .items .item .inner .price .promotions .content {
    padding: 2.5rem;
}

.pp-plans .items .item .inner .price .promotions .label,
.pp-plans .items .item .inner .price .promotions.annual .label {
    font-size: 1.6rem;
    line-height: 1.6rem;
}

.pp-plans .items .item .inner .price .promotions .value {
    font-size: 2.6rem;
    line-height: 2.6rem;
    margin-top: 0.3rem;
    margin-bottom: 1.2rem;

}

.pp-plans .items .item .inner .price .promotions.default .value {
    font-size: 4.8rem;
    line-height: 4.8rem;
}

.pp-plans .items .item .inner .price .promotions .discounted-value {
    font-size: 4.6rem;
    line-height: 4.6rem;
    margin-top: 1.1rem;
    margin-bottom: 2.2rem;

}

.pp-plans .items .item .inner .price .promotions .discount {
    font-weight: 600;
    display: inline-block;
    padding: 0.4rem 1.2rem 0.5rem 1rem;
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 1.6rem;
    background: #ffffff;
    color: #827127;
}

.pp-plans .items .item .inner .price .promotions .month-discount {
    margin-top: 1.3rem;
}

/* strikethrough on first plans*/
.pp-plans .items .item .inner .price .promotions.first .value {
    position: relative;
}

    .pp-plans .items .item .inner .price .promotions.first .value > span {
        position: absolute;
        margin: 0 auto;
        top: 14px;
        left: 50%;
        width: 62px;
        display: inline-block;
        margin-left: -31px;
    }

        .pp-plans .items .item .inner .price .promotions.first .value > span > span {
            position: absolute;
            left: 0;
            width: 100%;
            height: 1px;
            background: #ffffff;
            -webkit-transform: rotate(-15deg);
                    transform: rotate(-15deg);
        }

/* plans annual */
.pp-plans .items .item .inner .price .promotions.annual .discounted-value {
    margin-bottom: 1.6rem;
}

    .pp-plans
    .items
    .item
    .inner
    .price
    .promotions.annual
    .discounted-value > div {
        font-size: 1.6rem;
        line-height: 2.3rem;
    }

.pp-plans .items .item .inner .price .promotions.annual .value {
    font-size: 2.2rem;
    line-height: 2.2rem;
    margin-bottom: 0;
}

    .pp-plans .items .item .inner .price .promotions.annual .value > span {
        position: relative;
        margin: 0 auto;
        width: 62px;
        display: inline-block;
    }

        .pp-plans .items .item .inner .price .promotions.annual .value > span > span {
            position: absolute;
            left: 0;
            bottom: 11px;
            width: 100%;
            height: 1px;
            background: #ffffff;
            -webkit-transform: rotate(-15deg);
                    transform: rotate(-15deg);
        }

/* plans multi */
.pp-plans .items .item .inner .price .promotions.multi .value {
    font-size: 3.6rem;
    line-height: 3.6rem;
}

.pp-plans .items .item .inner .price .promotions.multi .discounted-value {
    margin-top: 0;
}

.pp-plans .items .item .inner .price .promotions.multi .renewal-fee {
    font-size: 1.6rem;
    line-height: 2rem;
}

/* b2b plan listing variant */
.join-landing.enrolment-landing .pp-plans.plans-listing {
    max-width: 85rem;
    margin: auto;
}

.pp-plans.plans-listing .items {
    background: #ffffff;
    padding: 3rem;
}

    .pp-plans.plans-listing .items .item {
        display: block;
        width: 100%;
        margin-left: 0;
        max-width: none;
    }

        .pp-plans.plans-listing .items .item ~ .item {
            margin-top: 2.5rem;
        }

        .pp-plans.plans-listing .items .item .inner {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

            .pp-plans.plans-listing .items .item .inner .top,
            .pp-plans.plans-listing .items .item .inner .content {
                display: table-cell;
                height: auto !important;
            }

            .pp-plans.plans-listing .items .item .inner .top {
                width: 32.96%;
            }

                .pp-plans.plans-listing .items .item .inner .top h4 {
                    padding-bottom: 0.3rem;
                }

                .pp-plans.plans-listing .items .item .inner .top .price {
                    padding-bottom: 0.7rem;
                }

            .pp-plans.plans-listing .items .item .inner .content {
                width: 67.04%;
                background: #eceded;
                padding: 3rem;
            }

                .pp-plans.plans-listing .items .item .inner .content .info {
                    text-align: left;
                }

                    .pp-plans.plans-listing .items .item .inner .content .info ~ div {
                        padding-top: 4.5rem;
                    }

                .pp-plans.plans-listing .items .item .inner .content .details > div {
                    float: left;
                    width: 48%;
                }

                    .pp-plans.plans-listing
                    .items
                    .item
                    .inner
                    .content
                    .details > div:first-child {
                        padding-right: 4%;
                    }

                    .pp-plans.plans-listing
                    .items
                    .item
                    .inner
                    .content
                    .details > div > div:first-child {
                        padding-bottom: 0.3rem;
                    }

                .pp-plans.plans-listing .items .item .inner .content .details strong {
                    font-size: 2.4rem;
                    line-height: 2.4rem;
                }

.enrolment-form-landing
.pp-plans
.items
.item
.inner
.content
.details > div.annual-fee,
.enrolment-form-landing
.pp-plans.affinity
.items
article.item > div.inner > div.affinity-info
.content
.details > div.annual-fee {
    float: right;
    width: 100%;
    padding-right: 0;
}

.pp-plans .items .item .inner .content .details > div.annual-fee:first-child,
.enrolment-form-landing
.pp-plans.affinity
.items
article.item > div.inner > div.affinity-info
.content
.details > div.annual-fee {
    float: right;
    width: 100%;
    padding-right: 0;
}

.enrolment-landing
.pp-plans.plans-listing
.items
.item
.inner
.content
.details > div.annual-fee > div {
    width: 48%;
}

.enrolment-landing
.pp-plans
.items
.item
.inner
.content
.details > div.annual-fee > div {
    width: 100%;
}

.enrolment-form-landing
.pp-plans.affinity
.items
article.item > div.inner > div.affinity-info
.content
.details > div.annual-fee > div {
    width: 49%;
}

.pp-plans.plans-listing .items .item .inner .price .promotions.default .value {
    line-height: normal;
}

.pp-plans.plans-listing .items .item.partner-info {
    padding-bottom: 3rem;
    border-bottom: 1px solid #e3e4e3;
}

    .pp-plans.plans-listing .items .item.partner-info ~ .item {
        margin-top: 3rem;
    }

    .pp-plans.plans-listing .items .item.partner-info .top {
        width: 28.17%;
        padding: 0;
    }

        .pp-plans.plans-listing .items .item.partner-info .top img {
            display: block;
            margin: auto;
        }

    .pp-plans.plans-listing .items .item.partner-info .content {
        width: 71.83%;
        text-align: left;
    }

    .pp-plans.plans-listing .items .item.partner-info .top,
    .pp-plans.plans-listing .items .item.partner-info .content {
        vertical-align: middle;
        background: transparent;
    }

/* asian language line height adjustment */
[lang="zh-CN"] body .pp-plans.plans-listing .items .item.partner-info .content,
[lang="zh-TW"] body .pp-plans.plans-listing .items .item.partner-info .content,
[lang="ja"] body .pp-plans.plans-listing .items .item.partner-info .content,
[lang="ko"] body .pp-plans.plans-listing .items .item.partner-info .content {
    line-height: 24px;
}

/* enrolment process
   ---------------------------- */

/* defaults */
.join-landing.enrolment-landing {
    padding: 2rem 0;
}

    .join-landing.enrolment-landing.dark,
    .join-landing.enrolment-landing.dark-text,
    .join-landing.enrolment-landing.dark .pp-plans,
    .join-landing.enrolment-landing.dark-text .pp-plans,
    .join-landing.enrolment-landing.dark .link-arrow,
    .join-landing.enrolment-landing.dark-text .link-arrow,
    .join-landing.enrolment-landing.dark .link-arrow [class*="icon-"],
    .join-landing.enrolment-landing.dark-text .link-arrow [class*="icon-"] {
        color: #000000;
        text-decoration: none;
    }

    .join-landing.enrolment-landing .error,
    .join-landing.enrolment-landing .success {
        text-align: center;
        min-height: 2.8rem;
        margin-bottom: 1rem;
        color: #ffffff;
        font-weight: bold;
        font-size: 1.4rem;
    }

        .join-landing.enrolment-landing .error .alert,
        .join-landing.enrolment-landing .success .alert {
            position: relative;
            top: 0.4rem;
            background-position: 0 0;
        }

    .join-landing.enrolment-landing.dark-text .error {
        color: #d82d2d;
    }

        .join-landing.enrolment-landing.dark-text .error .alert {
            background-position: 0 -20px;
        }

/* step 1 */
.page-editor .join-landing.enrolment-landing .wrapper {
    max-width: 97rem;
    margin: auto;
}

    .page-editor .join-landing.enrolment-landing .wrapper > .padded-sides {
        margin: 0;
    }

/* step 2 */
.join-landing.enrolment-landing .campaign-plans > .padded-sides {
    margin: 0;
}

.join-landing.enrolment-landing .title {
    text-align: center;
}

    .join-landing.enrolment-landing .title h1 {
        padding-bottom: 0.5rem;
        color: #000000;
        -webkit-filter: invert(1) contrast(1);
                filter: invert(1) contrast(1);
    }

.join-landing.enrolment-landing,
.join-landing.enrolment-landing .link-arrow,
.join-landing.enrolment-landing .link-arrow [class*="icon-"] {
    color: #ffffff;
    font-size: 1.8rem;
    text-decoration: none;
}

    .join-landing.enrolment-landing .link-arrow:hover,
    .join-landing.enrolment-landing .link-arrow:focus {
        text-decoration: underline;
    }

    .join-landing.enrolment-landing .pp-plans {
        background: transparent;
        color: #ffffff;
    }

.page-editor .join-landing.enrolment-landing .pp-plans {
    padding-left: 0;
    padding-right: 0;
}

.page-editor
.join-landing.enrolment-landing
.wrapper
.campaign-plans
.holder-1030 {
    width: auto;
}

/* step 2 b2c */
.join-landing.join-b2c .pp-plans__residence-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 13%;
}

.join-landing.join-b2c .pp-plans__residence-selector-label {
    -webkit-box-flex: 0.25;
        -ms-flex: 0.25;
            flex: 0.25;
    text-align: right;
    margin: auto 30px auto 0;
    font-size: 2rem;
    color: #fff;
    font-weight: bold;
}

.ie .join-landing.join-b2c .pp-plans__residence-selector-label {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    margin-top: 22px;
}

.join-landing.join-b2c.enrolment-landing
.pp-plans
.items
.item
.inner
.fees-row {
    padding-bottom: 17px;
}

    .join-landing.join-b2c.enrolment-landing
    .pp-plans
    .items
    .item
    .inner
    .fees-row:last-child {
        padding-bottom: 0;
    }

.join-landing.join-b2c.enrolment-landing .pp-plans-intro {
    display: table;
    max-width: 557px;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 24px;
    color: #000000;
    -webkit-filter: invert(1) contrast(1);
            filter: invert(1) contrast(1);
}

    .join-landing.join-b2c.enrolment-landing .pp-plans-intro p:last-child {
        padding-bottom: 0;
    }

.rte.page-banner__content h1 {
    color: #000000;
    -webkit-filter: invert(1) contrast(1);
            filter: invert(1) contrast(1);
    font-family: 'Roboto';
}

.join-landing.join-b2c.enrolment-landing .delivery-charge {
    text-align: center;
    color: #000000;
    -webkit-filter: invert(1) contrast(1);
            filter: invert(1) contrast(1);
}

/* step 2 b2b */
.join-landing.enrolment-landing .inner .content {
    padding: 3rem;
    color: #000000;
    font-size: 1.6rem;
    line-height: 2rem;
}

    .join-landing.enrolment-landing .inner .content p {
        text-align: left;
    }

    .join-landing.enrolment-landing .inner .content p,
    .join-landing.enrolment-landing .inner .content ul,
    .join-landing.enrolment-landing .inner .content ol {
        padding-bottom: 0;
        padding-top: 2rem;
    }

    .join-landing.enrolment-landing .inner .content h1 {
        font-size: 3.6rem;
        line-height: 4.4rem;
        color: #ffffff;
        padding-bottom: 2rem;
    }

        .join-landing.enrolment-landing .inner .content h1 + p,
        .join-landing.enrolment-landing .inner .content h1 + ul,
        .join-landing.enrolment-landing .inner .content h1 + ol {
            padding-top: 0;
        }

.price-info {
    padding-top: 3rem;
    clear: both;
}

    .price-info .thirds {
        width: 33.33%;
        border-left: 1px solid #ffffff;
        padding: 2.1rem;
        background: #faf9f5;
        float: left;
        color: #000000;
        font-size: 1.6rem;
        line-height: 2rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

        .price-info .thirds:first-child {
            border-left: none;
        }

        .price-info .thirds div {
            border-left: none;
            color: #827127;
            font-weight: bold;
        }

    .price-info.white .thirds {
        border-left: 1px solid #77d6cc;
        background: #ffffff;
    }

.join-landing.enrolment-landing .inner .content .top {
    padding: 0 3rem;
}

.join-landing.enrolment-landing .inner .content .deal-info {
    padding: 3rem;
    color: #ffffff;
}

.join-landing.enrolment-landing .inner .content img {
    display: block;
    margin: auto;
}

.join-landing.enrolment-landing .inner .title ~ .content {
    margin-top: 1.7rem;
    text-align: center;
}

.join-landing.enrolment-landing .inner .content ~ .enter-code {
    margin-top: 3rem;
    text-align: center;
}

    .join-landing.enrolment-landing .inner .content ~ .enter-code .cta {
        background: #008577;
        color: #ffffff;
        border-color: #008577;
    }

        .join-landing.enrolment-landing .inner .content ~ .enter-code .cta:hover {
            background: transparent;
            color: #ffffff;
            border-color: #ffffff;
        }

    .join-landing.enrolment-landing
    .inner
    .content ~ .enter-code
    input[type="text"] {
        max-width: 100%;
        width: 35rem;
    }

.join-landing.enrolment-landing .inner .content .bottom {
    padding: 3rem 0;
}

/* discount input */
.join-landing.enrolment-landing .enter-code {
    padding-bottom: 3rem;
    text-align: center;
}

    .join-landing.enrolment-landing .enter-code .enter-code-inputs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .join-landing.enrolment-landing .enter-code .hide {
        display: none;
    }

    .join-landing.enrolment-landing .enter-code input[type="text"] {
        width: 20rem;
        height: 3.6rem;
        border: none;
        margin-right: 10px;
    }

.join-landing.join-b2c.enrolment-landing .enter-code input[type="text"] {
    width: 28.7rem;
    height: 5rem;
}

.join-landing.enrolment-landing .enter-code .cta {
    min-width: 10rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    background: transparent;
    color: #ffffff;
    border-color: #ffffff;
    font-size: 1.6rem;
}

    .join-landing.enrolment-landing .enter-code .cta:hover,
    .join-landing.enrolment-landing .enter-code .cta:focus {
        background: #ffffff;
        color: #323232;
    }

.join-landing.join-b2c.enrolment-landing .enter-code .cta {
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #000000;
    -webkit-filter: invert(1) contrast(1);
            filter: invert(1) contrast(1);
    border: 1px solid;
}

.join-landing.enrolment-landing .enter-code .error,
.join-landing.enrolment-landing .enter-code .success {
    line-height: 4rem;
}

.join-landing.enrolment-landing .enter-code .icon.alert,
.join-landing.enrolment-landing .enter-code .icon.success {
    background: url("/Assets/PriorityPass/images/icons/alert-large-white.png") no-repeat center center;
    width: 3rem;
    height: 3rem;
    margin-right: 0.5rem;
    vertical-align: top;
}

.join-landing.enrolment-landing .enter-code .icon.success {
    background-image: url("/Assets/PriorityPass/images/icons/success-large-white.png");
}

.join-landing.enrolment-landing .enter-code .cta[disabled] {
    opacity: 0.5;
}

.join-landing.enrolment-landing .enter-code input.has-error {
    color: #e01010;
}

    .join-landing.enrolment-landing
    .enter-code
    input.has-error::-webkit-input-placeholder {
        color: #e01010;
    }

    .join-landing.enrolment-landing .enter-code input.has-error:-moz-placeholder {
        color: #e01010;
    }

    .join-landing.enrolment-landing .enter-code input.has-error::-moz-placeholder {
        color: #e01010;
    }

    .join-landing.enrolment-landing
    .enter-code
    input.has-error:-ms-input-placeholder {
        color: #e01010;
    }

/* form page landing panel */
.join-landing.enrolment-landing.enrolment-form-landing {
    padding: 30px 0;
}

    .join-landing.enrolment-landing.enrolment-form-landing table table {
        height: auto;
    }

    .join-landing.enrolment-landing.enrolment-form-landing .title {
        padding-bottom: 0.5rem;
    }

        .join-landing.enrolment-landing.enrolment-form-landing .title h1 {
            padding-bottom: 2rem;
        }

.enrolment-form-landing .pp-plans .items .item {
    width: 100%;
    max-width: 58rem;
    margin: auto;
    display: table;
}

    .enrolment-form-landing .pp-plans .items .item .inner {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

        .enrolment-form-landing .pp-plans .items .item .inner .top .price {
            padding-bottom: 0;
        }

        .enrolment-form-landing .pp-plans .items .item .inner .top,
        .enrolment-form-landing .pp-plans .items .item .inner .content {
            display: table-cell;
            vertical-align: middle;
            width: 50%;
            padding: 0;
        }

            .enrolment-form-landing .pp-plans .items .item .inner .top .holder {
                padding: 3rem 30%;
            }

        .enrolment-form-landing .pp-plans .items .item .inner .content {
            width: 50%;
            padding: 0;
        }

            .enrolment-form-landing .pp-plans .items .item .inner .content .details,
            .enrolment-form-landing .pp-plans .items .item .inner .content .info {
                display: inline-block;
                vertical-align: middle;
                width: 43%;
                padding: 3rem 3%;
                background: #ffffff;
                float: none;
            }

/* form page landing panel b2b */
.enrolment-form-landing .pp-plans.b2b-plan {
    padding: 1.8rem 0;
}

    .enrolment-form-landing .pp-plans.b2b-plan .items .item {
        max-width: none;
        border-left: 2.8rem solid #21c0b0;
        background: #ffffff;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

        .enrolment-form-landing .pp-plans.b2b-plan .items .item .top {
            background: transparent;
        }

        .enrolment-form-landing .pp-plans.b2b-plan .items .item .inner {
            max-width: none;
        }

            .enrolment-form-landing .pp-plans.b2b-plan .items .item .inner .top,
            .enrolment-form-landing .pp-plans.b2b-plan .items .item .inner .content {
                width: auto;
            }

            .enrolment-form-landing .pp-plans.b2b-plan .items .item .inner .top {
                width: 26rem;
            }

    .enrolment-form-landing .pp-plans.b2b-plan h4 strong {
        color: #000;
        -webkit-filter: invert(1) contrast(1);
                filter: invert(1) contrast(1);
    }

    .enrolment-form-landing
    .pp-plans.b2b-plan
    .items
    .item
    .inner
    .content
    .details {
        width: auto;
        padding-left: 1.5rem;
        padding-right: 3rem;
    }

    .enrolment-form-landing .pp-plans.b2b-plan .items .item .inner .top .holder {
        padding-left: 3rem;
        padding-right: 1.5rem;
    }

        .enrolment-form-landing
        .pp-plans.b2b-plan
        .items
        .item
        .inner
        .top
        .holder
        img {
            display: block;
            margin: auto;
            max-width: 100%;
        }

    .enrolment-form-landing
    .pp-plans.b2b-plan
    .items
    .item
    .inner
    .content
    .details > p,
    .enrolment-form-landing
    .pp-plans.b2b-plan
    .items
    .item
    .inner
    .content
    .details > h5 {
        margin: 0;
        padding: 1rem 0;
    }

.lable-fade-out {
    display: block;
    height: 0;
    color: transparent;
}

/* form page landing panel b2b */
.enrolment-form-landing .pp-plans.affinity .items article.item .top > div {
    margin: 2rem 2.5rem 1.6rem 2.5rem;
}

.enrolment-form-landing .pp-plans.affinity .items article.item .top.aqua {
    background: #00c7b2;
    background: rgba(0, 199, 178, 0.8);
}

.enrolment-form-landing .pp-plans.affinity .items article.item .top.orange {
    background: #e05206;
    background: rgba(224, 82, 6, 0.8);
}

.enrolment-form-landing .pp-plans.affinity .items article.item .top.dark {
    background: #000000;
    background: rgba(54, 53, 52, 0.8);
}

.enrolment-form-landing .pp-plans.affinity .items article.item .top.gold {
    background: #827127;
}

.enrolment-form-landing .pp-plans.affinity .items article.item > div.inner {
    margin: 3rem;
    display: block;
    width: auto;
}

    .enrolment-form-landing
    .pp-plans.affinity
    .items
    article.item > div.inner > div {
        float: left;
        width: 49%;
        margin-left: 2%;
    }

        .enrolment-form-landing
        .pp-plans.affinity
        .items
        article.item > div.inner > div:first-child {
            margin-left: 0;
        }

        .enrolment-form-landing
        .pp-plans.affinity
        .items
        article.item > div.inner > div.affinity-graphics {
            display: table;
        }

            .enrolment-form-landing
            .pp-plans.affinity
            .items
            article.item > div.inner > div.affinity-graphics > div {
                display: table-cell;
                width: 50%;
                border-left: 10px #fff solid;
            }

                .enrolment-form-landing
                .pp-plans.affinity
                .items
                article.item > div.inner > div.affinity-graphics > div:first-child {
                    border-left: none;
                }

            .enrolment-form-landing
            .pp-plans.affinity
            .items
            article.item > div.inner > div.affinity-graphics > img:first-child {
                margin-left: 0;
            }

        .enrolment-form-landing
        .pp-plans.affinity
        .items
        article.item > div.inner > div.affinity-info > div {
            display: table;
            margin-bottom: 0;
            height: 100%;
        }

            .enrolment-form-landing
            .pp-plans.affinity
            .items
            article.item > div.inner > div.affinity-info > div > div {
                display: table-row;
                height: 45%;
            }

                .enrolment-form-landing
                .pp-plans.affinity
                .items
                article.item > div.inner > div.affinity-info > div > div:first-child {
                    height: 55%;
                }

        .enrolment-form-landing
        .pp-plans.affinity
        .items
        article.item > div.inner > div.affinity-info
        .info {
            text-align: left;
            font-size: 1.6rem;
            line-height: 2rem;
        }

            .enrolment-form-landing
            .pp-plans.affinity
            .items
            article.item > div.inner > div.affinity-info
            .info
            p {
                padding-bottom: 0;
                vertical-align: middle;
                display: table-cell;
                padding: 0 5%;
            }

        .enrolment-form-landing
        .pp-plans.affinity
        .items
        article.item > div.inner > div.affinity-info
        .content > div {
            width: 100%;
            padding: 0;
        }

        .enrolment-form-landing
        .pp-plans.affinity
        .items
        article.item > div.inner > div.affinity-info
        .content
        .details {
            display: table-cell;
            vertical-align: middle;
        }

            .enrolment-form-landing
            .pp-plans.affinity
            .items
            article.item > div.inner > div.affinity-info
            .content
            .details > div {
                width: 50%;
                text-align: center;
                float: left;
            }

                .enrolment-form-landing
                .pp-plans.affinity
                .items
                article.item > div.inner > div.affinity-info
                .content
                .details > div
                strong {
                    display: block;
                    font-size: 2.4rem;
                    line-height: 2.4rem;
                    margin-top: 0.3rem;
                }

.enrolment-form-landing .pp-plans.affinity .items .item .inner .top h4 {
    font-size: 2rem;
    line-height: 2rem;
    padding-bottom: 0.8rem;
}

.enrolment-form-landing
.pp-plans.affinity
.items
.item
.inner
.price
.promotions
.value {
    font-size: 2.4rem;
    line-height: 2.4rem;
    margin-top: 0.6rem;
    margin-bottom: 0.8rem;
}

.enrolment-form-landing .pp-plans.affinity .items .item .inner .top {
    font-size: 1.6rem;
    line-height: 1.6rem;
}

.enrolment-form-landing
.pp-plans.affinity
.items
.item
.inner
.price
.promotions
.discount {
    margin-top: 0.4rem;
}

.enrolment-form-landing
.pp-plans.affinity
.items
.item
.inner
.price
.promotions
.discounted-value {
    margin-bottom: 0;
    margin-top: 0.6rem;
}

/* gdpr forms */
.checkboxes-group.two-col {
    display: table;
    margin-left: 99px;
    margin-bottom: 5px;
}

    .checkboxes-group.two-col .rows-col {
        display: table;
        width: 100%;
    }

        .checkboxes-group.two-col .rows-col .row.form-field {
            display: inline-block;
            vertical-align: top;
            min-height: 41px;
            width: auto;
            margin-bottom: 12px;
            margin-top: 7px;
            padding-right: 20px;
            white-space: nowrap;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
        }

            .checkboxes-group.two-col .rows-col .row.form-field:first-child {
                width: 190px;
            }

        .checkboxes-group.two-col .rows-col .label.left-col,
        .checkboxes-group.two-col .rows-col.right.err-msgs {
            display: none !important;
        }

        .checkboxes-group.two-col .rows-col:last-child .row.form-field {
            margin-bottom: 4px;
        }

        .checkboxes-group.two-col .rows-col .right-col .left {
            width: 100%;
        }

    .checkboxes-group.two-col .detail {
        max-width: 90px;
        white-space: normal;
    }

.update-details-form
.check-disabled
.stylish-ds[data-type="checkbox"] > span.checked,
.update-details-form
.check-disabled
.editing
.stylish-ds[data-type="checkbox"] > span.checked,
.update-details-form
.editing
.check-disabled
.stylish-ds[data-type="checkbox"] > span.checked,
.check-disabled .stylish-ds[data-type="checkbox"] > span.checked,
.check-disabled .editing .stylish-ds[data-type="checkbox"] > span.checked {
    background-color: #00A393;
    border-color: #a2a4a3;
}

.check-disabled .detail {
    color: #00000091;
}

.check-disabled .stylish-ds > input[type="checkbox"] {
    cursor: default;
}

.wrapped-checkbox {
    position: relative;
    padding: 15px 26px 18px;
    margin: 0;
    z-index: 0;
}

    .wrapped-checkbox .row,
    .wrapped-checkbox > div:not(.error-border) {
        position: relative;
        z-index: 1;
    }

    .wrapped-checkbox .error-border {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: solid 1px #353535;
    }

    .wrapped-checkbox .form-field .err-msgs div {
        padding-left: 50px;
        font-weight: bold;
    }

    .wrapped-checkbox .form-field .err-msgs .icon.alert.red {
        left: 6px;
    }

    .wrapped-checkbox .error + .error-border,
    .update-details-form
    .user-consent-form-section
    .row.wrapped-checkbox
    .error + .error-border,
    .enrolment-form
    #billing-details
    .gdpr-form-section
    .wrapped-checkbox
    .error
    .error-border {
        border: 1px solid #d82d2d;
    }

.gdpr-consumer-consent-form .wrapped-checkbox .supporting-text {
    margin-bottom: 0;
}

.wrapped-checkbox .supporting-text {
    font-size: 1.8rem;
    line-height: 2.7rem;
    color: #000;
    margin-bottom: 20px;
}

.wrapped-checkbox .stylish-ds .detail,
.enrolment-form .wrapped-checkbox .stylish-ds + .detail {
    padding-top: 6px;
    margin-bottom: 14px;
}

.wrapped-checkbox.full-width-content .left.field,
.wrapped-checkbox.full-width-content .right-col .right {
    width: 100%;
}

.wrapped-checkbox.full-width-content .err-msgs,
.wrapped-checkbox.full-width-content .err-msgs div:last-child {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
}

    .wrapped-checkbox.full-width-content .err-msgs div {
        margin-top: 10px;
        margin-bottom: 25px;
        padding-left: 50px;
    }

        .wrapped-checkbox.full-width-content .err-msgs div .icon.alert.red {
            left: 6px;
        }

        .wrapped-checkbox.full-width-content .err-msgs div:first-child {
            margin-top: 0;
        }

.gdpr-consumer-consent-form .wrapped-checkbox {
    padding-top: 6px;
}

form.gdpr-consumer-consent-form > .padded-sides {
    margin-left: 50px;
    margin-right: 50px;
}

/* gdpr my-details dashboard */
.user-consent-form-section {
    margin-top: 40px;
}

.user-consent-form-row:not(:last-child) {
    margin-bottom: 40px;
}

.update-details-form .user-consent-form-section .row.wrapped-checkbox {
    display: table;
    width: 100%;
    margin: 0 auto;
    padding: 25px 0;
}

.user-consent-form-section .row.wrapped-checkbox:first-child {
    margin-top: -15px;
    padding-top: 0;
}

.update-details-form
.user-consent-form-section
.row.wrapped-checkbox
.error-border {
    border: solid 1px transparent;
}

.update-details-form
.user-consent-form-section
.row.wrapped-checkbox > div:not(.error-border) {
    position: relative;
    z-index: 1;
}

.update-details-form
.user-consent-form-section
.row.wrapped-checkbox
.right.err-msgs {
    display: table;
    width: 100%;
}

.update-details-form
.user-consent-form-section
.row.wrapped-checkbox
.error
.right.err-msgs {
    position: relative;
    margin-top: 30px;
    left: -4px;
}

.update-details-form .row.wrapped-checkbox .right-col .left {
    width: 100%;
}

.update-details-form .user-consent-form-row .label span {
    display: inline-block;
    margin-bottom: 22px;
}

.update-details-form .preferred-language-select + .form-field {
    margin-top: 30px;
}

.stylish-form .captcha-section .stylish-text.disabled {
    background-color: transparent;
}

/* read only credit card form field group */
.credit-card-fields-group.read-only-value-missing .credit-card-read-only-value,
.credit-card-fields-group .credit-card-read-only-value {
    display: none;
}

.credit-card-fields-group.read-only-value-set {
    display: table;
}

    .credit-card-fields-group.read-only-value-set .stylish-text,
    .credit-card-fields-group.read-only-value-set .credit-card-read-only-value,
    .credit-card-fields-group.read-only-value-set label {
        display: table-cell;
        white-space: nowrap;
    }

    .credit-card-fields-group.read-only-value-set .credit-card-read-only-value {
        width: 1px;
        padding-top: 12px;
    }

    .credit-card-fields-group.read-only-value-set .credit-card-read-only-value,
    .credit-card-fields-group.read-only-value-set label {
        vertical-align: top;
    }

.credit-card-read-only-value {
    height: 40px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 1.5rem;
    background: #f0f0f0;
    border: 1px solid #a2a4a3;
    border-right: none;
    outline: none;
    padding: 4px 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
/*Inventory offer code generation*/
.inventory-offer-code {
    padding-bottom: 30px;
    clear: both;
    overflow: hidden;
}

.qr-thankyou-msg {
    width: 41%;
    float: left;
}

    .qr-thankyou-msg h4 {
        font-family: 'Roboto';
        font-size: 18px;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        font-weight: bold;
        letter-spacing: normal;
    }

    .qr-thankyou-msg ul {
        padding-left: 13px;
        width: 76%;
    }

        .qr-thankyou-msg ul li {
            font-family: 'Roboto';
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
            padding-bottom: 10px;
            list-style: disc;
        }

            .qr-thankyou-msg ul li::marker {
                font-size: 8px;
            }

            .qr-thankyou-msg ul li:last-child {
                padding-bottom: 0;
            }

    .qr-thankyou-msg .view-all-offers {
        font-family: 'Roboto';
        margin-top: 20px;
        display: block;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #827127;
    }

.qr-code-section.cf {
    float: right;
    width: 49%;
    padding-top: 4px;
}

    .qr-code-section.cf img {
        width: 109px;
        height: 108px;
    }

    .qr-code-section.cf h4 {
        font-family: 'Roboto';
        font-weight: bold;
        font-size: 16px;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        padding-top: 20px;
        color: #000;
        padding-bottom: 16px;
    }

    .qr-code-section.cf p {
        font-family: 'Roboto';
        padding-bottom: 0;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
    }

@media screen and (max-width: 768px) {
    .qr-thankyou-msg {
        width: 100%;
        padding-bottom: 40px;
    }

    .qr-code-section.cf {
        width: 100%;
        text-align: center;
    }

        .qr-code-section.cf h4 {
            padding-bottom: 10px;
        }
}
/*END - Inventory offer code generation*/
/* enrolment confirmation */
#enrolment-confirmation {
    font-size: 1.8rem;
}

    #enrolment-confirmation .section-holder {
        display: block;
    }

        #enrolment-confirmation .section-holder > div {
            margin-top: 5rem;
        }

            #enrolment-confirmation .section-holder > div:first-child {
                margin-top: 0;
            }

    #enrolment-confirmation .half {
        float: left;
        width: 48%;
    }

        #enrolment-confirmation .half:first-child {
            padding-right: 4%;
        }

        #enrolment-confirmation .half.half-centred {
            padding-right: 0;
            margin: auto;
            float: none;
        }

    #enrolment-confirmation .cta-holder {
        padding: 2rem;
    }

    #enrolment-confirmation .cta {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        font-size: 1.4rem;
        padding: 1.2rem 2.8rem;
    }

    #enrolment-confirmation .card-holder .inner {
        padding: 40px 60px;
    }

        #enrolment-confirmation .card-holder .inner .title {
            text-align: center;
            max-width: 600px;
            margin: auto;
            line-height: 24px;
        }

        #enrolment-confirmation .card-holder .inner h1 {
            color: #827127;
            padding-bottom: 28px;
        }

    #enrolment-confirmation .card-holder .half .img-holder {
        position: relative;
    }

        #enrolment-confirmation .card-holder .half .img-holder img {
            display: block;
            width: 100%;
        }

        #enrolment-confirmation .card-holder .half .img-holder .name,
        #enrolment-confirmation
        .card-holder
        .half:first-child
        .img-holder.digital-card-img-holder
        .name {
            position: absolute;
            padding: 0 25px;
            left: 0;
            bottom: 20px;
        }

    #enrolment-confirmation .card-holder .half:first-child .img-holder .name {
        bottom: 4rem;
        color: #a3a3a3;
        font-family: "Courier New", Courier, monospace;
    }

    #enrolment-confirmation .card-holder .half .info {
        padding-top: 25px;
        margin-top: 20px;
        position: relative;
    }

        #enrolment-confirmation .card-holder .half .info:before,
        #enrolment-confirmation .card-holder .half .info:after {
            content: "";
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -14px;
            border-left: 14px solid transparent;
            border-right: 14px solid transparent;
            border-bottom: 14px solid #000000;
        }

        #enrolment-confirmation .card-holder .half .info:after {
            top: 1px;
            border-bottom-color: #faf9f5;
        }

.page-editor #enrolment-confirmation .section-holder {
    padding-top: 50px;
}

.page-editor #enrolment-confirmation .card-holder .inner .title {
    background: transparent;
}

#enrolment-confirmation .details-holder {
    border: 1px solid #a3a3a3;
    padding: 4rem 3rem;
}

    #enrolment-confirmation .details-holder .info-details .content {
        padding: 1rem 0 0 7rem;
    }

        #enrolment-confirmation
        .details-holder
        .info-details
        .content > div:first-child ~ div {
            padding-top: 0.5rem;
        }

    #enrolment-confirmation .details-holder .info-bar {
        margin-top: 4rem;
        padding: 1.5rem 0 1.5rem 0;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        text-align: right;
    }

        #enrolment-confirmation .details-holder .info-bar > div {
            float: left;
            text-align: left;
            line-height: 4rem;
            padding-left: 7rem;
        }

        #enrolment-confirmation .details-holder .info-bar .item {
            padding-right: 7.5rem;
        }

    #enrolment-confirmation .details-holder .info-footer {
        padding-top: 2rem;
        font-size: 1.4rem;
        line-height: 2rem;
    }

    #enrolment-confirmation .details-holder .info-bar .price-info {
        padding: 0;
        width: 67%;
    }

        #enrolment-confirmation .details-holder .info-bar .price-info .thirds {
            padding: 1.1rem 2.1rem;
        }

.section-wrapper.bottom-error-messages .error .right.err-msgs,
.section-wrapper.bottom-error-messages .username-error .right.err-msgs {
    width: 100%;
    float: none;
    clear: both;
}

    .section-wrapper.bottom-error-messages .error .right.err-msgs div {
        margin-top: 3px;
    }

.section-wrapper.bottom-error-messages .error .right-col .field-message {
    display: none;
}

/* campagin form
   ---------------------------- */
.campaign-form > form {
    width: 100%;
}

.campaign-form .form-field {
    margin-top: 1rem;
}

    .campaign-form .form-field .field.left {
        width: 50%;
    }

.b2b-campaign-landing .content .campaign-form .left ~ .right {
    width: 42%;
}

.campaign-form .form-field .label {
    padding: 0.3rem 0;
    font-size: 1.8rem;
}

.campaign-form .form-actions {
    margin-top: 1rem;
}

.b2b-campaign-landing .submit .campaign-form form > div {
    width: 100%;
    display: block;
}

    .b2b-campaign-landing .submit .campaign-form form > div.error {
        margin-bottom: 2rem;
        padding-left: 3.6rem;
        white-space: normal;
        width: 90%;
    }

.b2b-campaign-landing .submit .campaign-form form .error {
    padding-left: 0;
}

.b2b-campaign-landing .submit .campaign-form .form-field .label {
    display: block;
    margin-bottom: 10px;
    margin-bottom: 1rem;
}

.campaign-form .err-msgs div {
    min-height: 2.8rem;
    position: relative;
    padding-left: 2.6rem;
    line-height: 2.8rem;
}

.b2b-campaign-landing .submit .campaign-form form .error .stylish-text > span {
    outline: 0.2rem solid #d82d2d !important;
    border-color: #ffffff;
    outline-offset: 0 !important;
}

.b2b-campaign-landing .submit .campaign-form form .error .err-msgs .icon {
    position: absolute;
    top: 0.3rem;
    left: 0;
    width: 2rem;
    height: 2rem;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    background: url("/Assets/PriorityPass/images/icons/alert-sprite.png") no-repeat 0 0;
    background-position: 0 -20px;
}

.b2b-campaign-landing .submit .campaign-form form input[type="text"] {
    width: 100%;
}

.b2b-campaign-landing .submit .actions .submit {
    padding-bottom: 0;
}

/* register
   ---------------------------- */
#join-process > .title,
#recovery-process > .title,
#sign-in-process > .title {
    padding-top: 4rem;
}

    #join-process > .title h2,
    #recovery-process > .title h2,
    #sign-in-process > .title h2 {
        padding-bottom: 1rem;
    }

    #join-process > .title small,
    #recovery-process > .title small {
        font-size: 1.8rem;
        margin-left: 1.8rem;
    }

    #join-process > .title ~ .enrolment-form,
    #recovery-process > .title ~ .enrolment-form {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

        #join-process > .title ~ .enrolment-form .form-section,
        #recovery-process > .title ~ .enrolment-form .form-section {
            border-top: 1px solid #e3e4e3;
            padding-top: 3.2rem;
        }

#join-process .holder-1030.bordered {
    border: 1px solid #a2a4a3;
    margin-top: 5rem;
}

    #join-process .holder-1030.bordered .padded-sides {
        margin: 0;
        padding: 2.5rem 3rem;
    }

    #join-process .holder-1030.bordered h4,
    #join-process .holder-1030.bordered p {
        padding-bottom: 0;
        margin-bottom: 1.4rem;
    }

        #join-process .holder-1030.bordered p + p {
            margin-top: 1.4rem;
        }

#join-process .checkboxes-group.two-col .rows-col .row.form-field {
    margin-top: 0;
}

#join-process .form-actions {
    padding-top: 25px;
}

    #join-process .form-actions .cta.inverse {
        width: 141.25px;
        height: 45px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-top: 12px;
        padding-bottom: 12px;
    }

.form-section .cta.inverse, .form-section a.cta.inverse {
    background: #ffffff;
}

#join-process .form-actions .cta.partial-submit {
    height: 45px;
    width:25%;
}
#join-process #billing-details .form-actions .cta.partial-submit {
    width: 25%;
}
/* gdpr forms */
#join-process .gdpr-form-section h2 {
    font-size: 1.8rem;
    line-height: 2.7rem;
    padding-bottom: 16px;
}

#join-process .gdpr-form-section .intro-text {
    margin-bottom: 54px;
}

    #join-process .gdpr-form-section .intro-text:empty,
    .gdpr-form-section .intro-text:empty {
        margin-bottom: 0;
    }

#join-process .wrapped-checkbox .row[data-type="checkbox"] {
    margin-top: 12px;
}

.gdpr-form-section .intro-text p:last-child {
    padding-bottom: 0;
}

.gdpr-form-section .stylish-ds + .detail {
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.gdpr-form-section [data-type="checkbox"] .label.left-col {
    display: none;
}

.gdpr-form-section .data-processing {
    padding: 19px 28px 41px;
    margin-top: 55px;
    border: 1px solid #828282;
}

    .gdpr-form-section .data-processing.wrapped-checkbox {
        border: none;
    }

    .gdpr-form-section .data-processing div.err-msgs div {
        padding-left: 50px;
    }

    .gdpr-form-section .data-processing div.err-msgs .icon.alert.red {
        left: 6px;
    }

.gdpr-form-section .row.form-field.error .data-processing {
    border: 1px solid #d82d2d;
}

.gdpr-form-section .data-processing .disclaimer-text {
    margin-top: 3px;
    float: none;
    opacity: 0.5;
}

    .gdpr-form-section .data-processing .disclaimer-text p {
        margin-top: 23px;
        padding-bottom: 0;
    }

.gdpr-form-section .profiling-tracking .stylish-ds {
    display: inline-block;
    vertical-align: top;
    float: none;
}

.gdpr-form-section .data-processing .stylish-ds {
    display: inline-block;
    vertical-align: top;
    float: left;
}

.gdpr-form-section .data-processing .detail {
    display: inline-block;
    vertical-align: top;
    padding: 7px 0 0 8px;
    max-width: 88%;
}

.gdpr-form-section .gdpr-form-section-intro-text {
    padding-bottom: 15px;
}

.gdpr-form-section .field-description.row {
    margin-top: 0;
}

    .gdpr-form-section .field-description.row .left-col {
        padding-top: 0;
    }

    .gdpr-form-section .field-description.row p {
        padding-bottom: 10px;
    }

    .gdpr-form-section .title p,
    .gdpr-form-section .field-description.row p {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

.gdpr-form-section .title .left-col {
    padding: 0;
}

.gdpr-form-section p {
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.details-recovery-form .form-section,
#recovery-process > .title ~ .enrolment-form.details-recovery-form
.form-section {
    border-top: none;
    padding-top: 0;
}

.details-recovery-form,
#recovery-process > .title ~ .enrolment-form.details-recovery-form {
    padding: 0 0 5rem;
}

.enrolment-form.details-recovery-form .accordion {
    padding-top: 3rem;
}

.details-recovery-form .accordion .section-wrapper {
    padding: 0 0.5rem 3rem;
    margin-bottom: 3rem;
}

.details-recovery-form .accordion .group:first-child .section-wrapper {
    border-bottom: 1px solid #e3e4e3;
}

.details-recovery-form .right.form-actions {
    padding: 0;
}

    .details-recovery-form .right.form-actions .submit {
        float: none;
    }

.details-recovery-form .form-section-errors {
    font-size: 1.4rem;
}

/* login consent details */
.gdpr-email-campaign,
.login-consent-form {
    opacity: 0;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.gdpr-consent-page#main {
    background: transparent;
}

    .gdpr-consent-page#main .gdpr-email-campaign,
    .gdpr-consent-page#main .login-consent-form {
        opacity: 1;
    }

.gdpr-consent-page .wrapper.page-padding,
.gdpr-consent-page > .gdpr-consumer-consent-form {
    padding: 0;
}

.gdpr-consumer-consent-form.enrolment-form {
    max-width: 1030px;
    overflow: hidden;
    padding: 0 0 50px;
    margin: 50px auto;
    -webkit-box-shadow: 0 0 15px #b7b7b7;
            box-shadow: 0 0 15px #b7b7b7;
    background-color: #ffffff;
}

.gdpr-consent-page
.gdpr-consumer-consent-form
.checkboxes-group
.form-field
.detail {
    font-weight: normal;
}

.gdpr-consumer-consent-form-section,
.gdpr-consumer-consent-form-section.enrolment-form {
    padding-bottom: 0;
    padding-top: 0;
}

#main .wrapper.page-padding .gdpr-consumer-consent-form-section {
    margin-top: -100px;
}

#main.gdpr-consent-page
.wrapper.page-padding
.gdpr-consumer-consent-form-section {
    margin-top: 0;
}

.gdpr-consumer-consent-form-section .title {
    background: #ffffff;
}

.gdpr-cta-box h1,
.gdpr-consumer-consent-form-section h1 {
    font-size: 2.8rem;
    line-height: 3rem;
    text-align: center;
    text-transform: none;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    padding: 0 90px;
}

.gdpr-consumer-consent-form-section p,
.gdpr-consumer-consent-form-section .row.form-field .detail {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding-bottom: 19px;
}

.gdpr-cta-box .intro-text,
.gdpr-consumer-consent-form-section .intro-text {
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 17px;
    padding: 0 15px;
}

.gdpr-consumer-consent-form-section h2 {
    font-size: 1.8rem;
    line-height: 2.7rem;
    text-align: left;
    margin-top: 5px;
    padding-bottom: 12px;
}

.gdpr-consumer-consent-form-section .marketing-title h2 {
    padding-bottom: 6px;
}

.gdpr-consumer-consent-form-section .row.title {
    padding-bottom: 8px;
}

.gdpr-consumer-consent-form-section .checkboxes-group .row {
    width: 100%;
    max-width: 197px;
    display: inline-block;
    vertical-align: top;
    display: inline-block;
}

    .gdpr-consumer-consent-form-section .checkboxes-group .row .right-col .left {
        width: 100%;
    }

.gdpr-consumer-consent-form-section .data-processing .left {
    width: 100%;
}

.gdpr-consumer-consent-form-section .data-processing .right-col .err-msgs {
    width: 100%;
    margin-top: 15px;
}

    .gdpr-consumer-consent-form-section .data-processing .right-col .err-msgs div {
        padding-top: 3px;
        padding-left: 36px;
    }

    .gdpr-consumer-consent-form-section
    .data-processing
    .right-col
    .err-msgs
    .icon.alert {
        width: 30px;
        height: 30px;
        background: url("/Assets/PriorityPass/images/icons/alert-large.png") no-repeat 0 0;
    }

        .gdpr-consumer-consent-form-section
        .data-processing
        .right-col
        .err-msgs
        .icon.alert.red {
            background-position: unset;
        }

.gdpr-consumer-consent-form-section .button,
.gdpr-consumer-consent-form-section .button.inverse.dark {
    float: right;
    min-width: 171px;
    font-size: 16px;
    line-height: 12px;
    font-size: 1.6rem;
    line-height: 1.2rem;
    margin-top: 27px;
}

    .gdpr-consumer-consent-form-section .button.inverse.dark {
        padding: 12px 28px;
    }

        .gdpr-consumer-consent-form-section .button.inverse.dark.skip-gdpr-consent,
        .gdpr-consumer-consent-form-section .button.inverse.dark.go-back-cta {
            min-width: 0;
            margin-top: 40px;
            margin-bottom: 30px;
        }

.gdpr-consumer-consent-form-section + .actions .button {
    float: right;
    min-width: 171px;
    margin-top: 27px;
    margin-right: 20px;
    margin-top: 40px;
    margin-bottom: 30px;
}

.gdpr-consumer-consent-form-section .form-section-errors {
    display: table;
    width: 100%;
    margin-bottom: 50px;
}

    .gdpr-consumer-consent-form-section .form-section-errors:empty {
        visibility: hidden;
    }

    .gdpr-consumer-consent-form-section .form-section-errors.errors {
        position: relative;
        left: -106px;
        width: 100%;
        overflow: hidden;
        background: #bb1e1e;
        margin-bottom: 50px;
        padding: 8px 106px;
        border-bottom: 1px solid #a3221c;
        font-size: 14px;
        font-size: 1.4rem;
        color: #ffffff;
    }

        .gdpr-consumer-consent-form-section .form-section-errors.errors > div {
            background: url("/Assets/PriorityPass/images/icons/alert-small-white.png") no-repeat 0 0;
        }

.gdpr-consumer-consent-form-section .data-processing {
    padding: 13px 28px 41px;
    margin-top: 55px;
    border: 1px solid #828282;
}

.gdpr-consumer-consent-form-section .row.form-field.error .data-processing {
    border: 1px solid #d82d2d;
}

.gdpr-consumer-consent-form-section .data-processing .disclaimer-text {
    margin-top: 3px;
    float: none;
    opacity: 0.5;
}

    .gdpr-consumer-consent-form-section .data-processing .disclaimer-text p {
        margin-top: 28px;
        padding-bottom: 0;
    }

.gdpr-consumer-consent-form-section .checkboxes-group {
    margin-bottom: 11px;
}

    .gdpr-consumer-consent-form-section .checkboxes-group.two-col {
        margin: 0 auto 21px auto;
    }

.gdpr-consumer-consent-form-section .row[data-type="checkbox"] {
    margin-top: 0;
}

.gdpr-consumer-consent-form-section
.wrapped-checkbox
.row[data-type="checkbox"] {
    margin-top: 5px;
}

.gdpr-consumer-consent-form-section [data-type="checkbox"] .label.left-col,
.gdpr-consumer-consent-form-section .checkboxes-group.two-col .rows-col:empty {
    display: none;
}

.gdpr-consumer-consent-form-section .actions.right.align-with-captcha {
    margin-top: 83px;
}

.gdpr-consumer-consent-form-section
.form-field.error + .error-border + .supporting-text {
    margin-top: 30px;
}

.wrapped-checkbox.full-width-content .title {
    padding-bottom: 10px;
    margin-top: 5px;
}

    .wrapped-checkbox.full-width-content .title h2 {
        margin-top: 0;
    }

/* gdpr marketing prospect form */
.wrapper.gdpr-marketing-prospect-form > .padded-sides .holder-1030 {
    width: 100%;
}

.gdpr-marketing-prospect-form.gdpr-consumer-consent-form.enrolment-form {
    max-width: 660px;
    margin: 100px auto;
}

.gdpr-marketing-prospect-form
.gdpr-consumer-consent-form-section
.checkboxes-group
.row {
    display: block;
    float: left;
    max-width: 150px;
}

    .gdpr-marketing-prospect-form
    .gdpr-consumer-consent-form-section
    .checkboxes-group
    .row:last-child {
        width: auto;
        max-width: none;
    }

.gdpr-marketing-prospect-form .gdpr-consumer-consent-form-section h2 {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: bold;
    padding-bottom: 20px;
}

.gdpr-marketing-prospect-form
.gdpr-consumer-consent-form-section
.marketing-title
h2 {
    padding-bottom: 15px;
}

.gdpr-marketing-prospect-form.enrolment-form .title {
    padding-bottom: 0;
    padding-top: 7px;
    margin-top: 0;
}

.gdpr-marketing-prospect-form
.gdpr-consumer-consent-form-section
.checkboxes-group {
    margin-bottom: 0;
}

.gdpr-marketing-prospect-form
.gdpr-consumer-consent-form-section
.row.form-field
.detail {
    font-size: 1.8rem;
    line-height: 2.7rem;
}

/* gdpr call to action box */
.gdpr-cta-box {
    max-width: 831px;
    width: 100%;
    position: relative;
    padding-bottom: 110px;
    margin: 50px auto;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 15px #b7b7b7;
            box-shadow: 0 0 15px #b7b7b7;
}

    .gdpr-cta-box h1 {
        padding-top: 63px;
    }

    .gdpr-cta-box a.button {
        position: absolute;
        bottom: 45px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }

.gdpr-cta-box-container {
    position: absolute;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .gdpr-cta-box-container .gdpr-cta-box {
        padding-top: 15px;
        margin-top: 40px;
        background-color: rgba(255, 255, 255, 0.7);
        -webkit-box-shadow: 0 0 15px #888888;
                box-shadow: 0 0 15px #888888;
    }

    .gdpr-cta-box-container h1 {
        display: table;
        font-size: 4.5rem;
        line-height: 6.75rem;
        letter-spacing: 0;
        text-transform: none;
        text-align: center;
        text-shadow: 1px 1px 10px #969696, 1px 1px 5px rgba(152, 152, 152, 0.7);
        color: #ffffff;
        padding: 0 20px;
        margin: 90px auto 0 auto;
    }

/* member pages - logged in dashboard
   ============================ */

/* renew alert banner */
.member-banner .member-renew {
    text-align: center;
    padding: 1.5rem 0;
}

    .member-banner .member-renew .cta {
        margin-top: 0.7rem;
        background: transparent;
        border: 1px solid #ba1e22;
        color: #000000;
        padding: 0.8rem 2.3rem;
    }

        .member-banner .member-renew .cta:hover {
            background: #ba1e22;
            color: #ffffff;
        }

.icon.alert {
    /*display: inline-block;*/
    width: 2rem;
    height: 2rem;
    overflow: hidden;
    padding: 0;
    background: url("/Assets/PriorityPass/images/icons/alert-sprite.png") no-repeat 0 0;
}

    .icon.alert.bg-red {
        position: absolute;
        top: 7px;
        left: -5px;
        background: url("/Assets/PriorityPass/images/icons/alert.svg") no-repeat top left;
        background-size: contain;
    }

    .icon.alert.red {
        background-position: 0 -20px;
    }

/* main banner - name + links */
.member-banner .member-nav {
    background: #e0eef4;
    padding-top: 3rem;
}

    .member-banner .member-nav .name-highlight {
        font-weight: bold;
        color: #827127;
    }

    .member-banner .member-nav .title {
        position: relative;
        min-height: 5.7rem;
    }

        .member-banner .member-nav .title h4 {
            padding-right: 17rem;
        }

        .member-banner .member-nav .title .cta {
            position: absolute;
            top: 0;
            right: 0;
            font-size: 1.6rem;
            line-height: 3rem;
            min-width: 12.6rem;
            color: #756625;
            display: none;
        }

/* landing page spacing */
.member-landing {
    padding-bottom: 6rem;
}

    .member-landing,
    .member-landing .page-link-panels {
        padding-top: 3rem;
    }

/* tooltip */
.tooltip-trigger {
    position: relative;
    margin-left: 1rem;
    font-size: 1.5rem;
    line-height: 2.1rem;
    border-bottom: none;
}

    .tooltip-trigger .tooltip {
        position: fixed;
        display: none;
        left: -13.5rem;
        bottom: 100%;
        width: 29rem;
        min-height: 7rem;
        margin-bottom: 3.5rem;
        padding: 1.7rem;
        background-color: #f2eeeb;
        border: 2px solid #64625e;
        text-align: left;
        border-radius: 5px;
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

        .tooltip-trigger .tooltip img {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
        }

        .tooltip-trigger .tooltip > span {
            display: inline-block;
            margin-left: 8.5rem;
        }

        .tooltip-trigger .tooltip .tip:after {
            content: "";
            position: absolute;
            left: 50%;
            margin-left: -1.5rem;
            bottom: -1.7rem;
            width: 3rem;
            height: 3rem;
            z-index: 1;
            background: #f2eeeb;
            border-right: 2px solid #64625e;
            border-bottom: 2px solid #64625e;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
        }

.firefox .tooltip-trigger {
    display: inline-table;
}
/* fix outline overflow on :focus */

/* table tooltips */
table.tooltip-table .tooltip-trigger {
    font-size: 1.8rem;
    border-bottom: 1px solid #141413;
}

    table.tooltip-table .tooltip-trigger .tooltip {
        z-index: 2;
        width: auto;
        min-height: 0;
        bottom: auto;
        padding: 1rem 1.7rem;
        background: #141414;
        color: #ffffff;
        border: none;
    }

        table.tooltip-table .tooltip-trigger .tooltip > span {
            margin: 0;
        }

table.tooltip-table td.tooltip-component .tooltip-trigger {
    cursor: default;
    border-bottom: 1px solid #141413;
}

table.tooltip-table .tooltip-trigger .tooltip .tip {
    left: calc(50% - 5px);
    top: 0.1rem;
}

    table.tooltip-table .tooltip-trigger .tooltip .tip:after {
        top: -0.5rem;
        width: 1rem;
        height: 1rem;
        margin-left: -0.5rem;
        z-index: 3;
        background: #141414;
        border: none;
    }

/* tooltip on interaction */
.tooltip-trigger:hover .tooltip,
.tooltip-trigger:focus .tooltip {
    display: block;
}

.no-js .tooltip-trigger:hover .tooltip,
.tooltip-trigger:focus .tooltip,
.js .tooltip-trigger.active .tooltip {
    opacity: 1;
}

/* member/update details
   ---------------------------- */

/* form field defaults */
.update-details-form .form-toggle {
    cursor: pointer;
}

.update-details-form .stylish-text > span,
.update-details-form .stylish-email > span,
.update-details-form .stylish-number > span,
.update-details-form .stylish-password > span {
    height: 2.8rem;
}

.update-details-form .stylish-text > input,
.update-details-form .stylish-email > input,
.update-details-form .stylish-number > input,
.update-details-form .stylish-password > input {
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #000000;
    border: none;
}

.safari .update-details-form .stylish-text > input,
.safari .update-details-form .stylish-email > input,
.safari .update-details-form .stylish-number > input,
.safari .update-details-form .stylish-password > input {
    line-height: 1.6rem;
}

.update-details-form .stylish-select span,
.update-details-form .stylish-select span.selected {
    height: 3.4rem;
    font-size: 1.6rem;
    line-height: 3.4rem;
}

.update-details-form .stylish-ds > input[type="radio"],
.update-details-form .stylish-ds > input[type="checkbox"] {
    top: 0;
    left: 0;
}

.update-details-form .stylish-ds {
    width: 2rem;
    height: 2rem;
    border: none;
}

    .update-details-form .stylish-ds[data-type="checkbox"] > span,
    .update-details-form .stylish-ds[data-type="checkbox"] > span.checked {
        position: static;
        display: block;
        padding: 0;
        width: 1.8rem;
        height: 1.8rem;
        border: 1px solid #909291;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
    }

        .update-details-form .stylish-ds[data-type="checkbox"] > span.checked,
        .update-details-form .editing .stylish-ds[data-type="checkbox"] > span.checked {
            background-image: url("/Assets/PriorityPass/images/icons/forms/checkbox-tick.png");
            background-color: #00A393;
        }

.update-details-form .editing .stylish-ds[data-type="checkbox"] > span.checked {
    background-color: #00A393;
    border-color: #909291;
}

.update-details-form
.editing
.stylish-ds.non-editable[data-type="checkbox"] > span.checked {
    background-color:#00A393;
    border-color: #a2a4a3;
}

.update-details-form .row .right-col .stylish-ds {
    position: absolute;
    top: 0.4rem;
    left: 0;
}

    .update-details-form .row .right-col .stylish-ds ~ .detail {
        display: block;
        padding-left: 4rem;
        max-width: 46rem;
    }

.update-details-form .state-field select,
.update-details-form .state-field .stylish-select,
.update-details-form .state-field.dropdown input,
.update-details-form .state-field.dropdown .stylish-text {
    display: none;
}

.update-details-form .state-field.dropdown select,
.update-details-form .state-field.dropdown .stylish-select {
    display: block;
}

/* errors */
.update-details-form .err-msgs {
    color: #d82d2d;
    font-weight: bold;
    font-size: 1.4rem;
}

    .update-details-form .err-msgs div {
        min-height: 28px;
        position: relative;
        padding-left: 36px;
        line-height: 2.8rem;
    }

        .update-details-form .err-msgs div .icon {
            position: absolute;
            top: 0;
            left: 0;
            width: 28px;
            height: 28px;
            background: url("/Assets/PriorityPass/images/icons/alert-large.png");
            background-position: 0;
            background-repeat: no-repeat;
            background-size: cover;
        }

.update-details-form .form-section-errors > div {
    padding-left: 36px;
    background: url("/Assets/PriorityPass/images/icons/alert-large.png");
    background-position: 0;
    background-repeat: no-repeat;
}

.update-details-form .edit-account-details .err-msgs div .icon {
    background: url("/Assets/PriorityPass/images/icons/error-icon.png");
    background-size: cover;
}

/* form fields in right col section */
.update-details-form .row .right-col .right-row {
    position: relative;
    z-index: 1;
}

    .update-details-form .row .right-col .right-row > div {
        position: relative;
        z-index: 2;
    }

    .update-details-form .row .right-col .right-row > .bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 60%;
        height: 100%;
        background: #f1f1f1;
        z-index: 1;
    }

    .update-details-form .row .right-col .right-row .left {
        width: 52%;
        background: #f1f1f1;
        padding: 0 4% 1rem;
    }

    .update-details-form .row .right-col .right-row:first-child {
        margin-top: 1.5rem;
        z-index: 2;
    }

        .update-details-form
        .row
        .right-col
        .right-row:first-child > div:first-child
        .left {
            padding-top: 1.5rem;
        }

    .update-details-form .row .right-col .right-row > .label .left {
        padding-bottom: 0.5rem;
        font-weight: bold;
    }

    .update-details-form .row .right-col .right-row.form-actions .left {
        padding-top: 1rem;
        padding-bottom: 2rem;
    }

        .update-details-form .row .right-col .right-row.form-actions .left .submit {
            float: right;
        }

    .update-details-form .row .right-col .right-row .stylish-text > span,
    .update-details-form .row .right-col .right-row .stylish-email > span,
    .update-details-form .row .right-col .right-row .stylish-number > span,
    .update-details-form .row .right-col .right-row .stylish-password > span {
        height: 3.4rem;
    }

    .update-details-form .row .right-col .right-row .stylish-text > input,
    .update-details-form .row .right-col .right-row .stylish-email > input,
    .update-details-form .row .right-col .right-row .stylish-number > input,
    .update-details-form .row .right-col .right-row .stylish-password > input {
        line-height: 3.4rem;
    }

.update-details-form .row .right-col .bordered {
    border: 1px solid #e3e4e3;
    margin-top: 2.5rem;
}

    .update-details-form .row .right-col .bordered .inner {
        padding: 2.5rem 3rem 3rem;
    }

        .update-details-form .row .right-col .bordered .inner .content {
            padding-bottom: 2rem;
            font-size: 1.4rem;
            line-height: 2.4rem;
        }

            .update-details-form
            .row
            .right-col
            .bordered
            .inner
            .content > div:first-child {
                padding-bottom: 1rem;
            }

        .update-details-form .row .right-col .bordered .inner .field {
            text-align: center;
            font-weight: bold;
        }

        .update-details-form .row .right-col .bordered .inner .stylish-ds {
            position: relative;
            display: inline-block;
            float: none;
            margin-right: 0.5rem;
        }

    .update-details-form .row .right-col .bordered ~ .actions {
        margin-top: 10px;
    }

        .update-details-form .row .right-col .bordered ~ .actions .submit {
            float: right;
        }

.update-details-form .row .form-field.edit-select-field {
    z-index: 2;
}

/* structure */
.update-details-form .row .cta {
    min-width: 9.4rem;
}

.update-details-form .right-col button.form-view,
.update-details-form .right-col button.form-edit {
    margin-left: 0.5rem;
    color: #827127;
    text-decoration: underline;
    font-size: 1.6rem;
}

    .update-details-form .right-col button.form-view:hover,
    .update-details-form .right-col button.form-edit:hover,
    .update-details-form .right-col button.form-view:focus,
    .update-details-form .right-col button.form-edit:focus {
        color: #64582b;
    }

.update-details-form .right-col .hide {
    display: none;
}

.update-details-form .form-edit,
.update-details-form .form-section.editing .form-view {
    display: none;
}

.update-details-form .form-section.editing .form-edit {
    display: block;
}

.update-details-form .form-section.editing .right-col button.form-edit {
    display: inline;
}

.update-details-form
.form-section.editing
.right-col
.form-edit[class*="icon-"] {
    display: inline-block;
}

.update-details-form section {
    border-top: 1px solid #e3e4e3;
    padding: 4.5rem 0;
    position: relative;
}

    .update-details-form section:first-child {
        border-top: none;
        padding-top: 2rem;
    }

    .update-details-form section .padded-sides {
        position: relative;
    }

    .update-details-form section .form-message {
        position: absolute;
        top: 5.6rem;
        right: 0;
        width: 25.02%;
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    .update-details-form section h3 {
        padding-bottom: 0;
        font-family: 'Roboto';
        color: #000;
    }

.update-details-form .row.form-actions {
    padding: 0;
    margin-bottom: 1.5rem;
}

    .update-details-form .row.form-actions .right-col {
        margin-top: 0.4rem;
    }

    .update-details-form .row.form-actions .submit {
        display: inline-block;
        margin-left: 0.5rem;
    }

.update-details-form
.form-section
.address-details.delivery-address
.form-edit {
    display: none;
}

.update-details-form
.form-section
.address-details.delivery-address
.form-view {
    display: block;
}

/* member/update details - v2 */
.update-details-form .billing-details-payment-verification.secure {
    padding-bottom: 0;
}

.update-details-form .billing-details-payment-verification .form-actions h3 {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 700;
    padding-top: 4px;
}

.update-details-form .billing-details-payment-verification .form-section {
    padding-bottom: 49px;
}

    .update-details-form
    .billing-details-payment-verification
    .form-section
    .row.title {
        padding-top: 0;
    }

.update-details-form
.billing-details-payment-verification
.section-group-title {
    margin-bottom: 14px;
}

.update-details-form
.billing-details-payment-verification
.user-consent-form-section {
    margin-top: 23px;
}

    .update-details-form
    .billing-details-payment-verification
    .user-consent-form-section
    .row.wrapped-checkbox
    .error
    .right.err-msgs {
        margin-top: 5px;
    }

.verification-fields .wrapped-checkbox .form-field .err-msgs div {
    padding-left: 44px;
}

.verification-fields .wrapped-checkbox .form-field .err-msgs .icon.alert.red {
    left: 0;
}

.update-details-form
.verification-fields
.user-consent-form-section
.row.wrapped-checkbox.hidden,
.update-details-form
.form-section:not(.editing)
.verification-fields
.user-consent-form-row,
.update-details-form
.form-section:not(.editing)
.verification-fields
.postcode-form-row,
.update-details-form
.form-section:not(.editing)
.verification-fields
.address-ln-one-form-row {
    display: none;
}

/* column structure */
.update-details-form .row {
    clear: both;
    padding: 0.3rem 0;
    min-height: 2.8rem;
    line-height: 2.8rem;
}

    .update-details-form .row.title {
        padding: 2rem 0;
    }

    .update-details-form .row .left-col,
    .update-details-form .row .right-col .left {
        float: left;
    }

    .update-details-form .row .right-col,
    .update-details-form .row .right-col .right {
        float: right;
    }

    .update-details-form .row .left-col {
        width: 28.3%;
        text-align: right;
        padding: 0;
    }

    .update-details-form .row .right-col {
        width: 69.5%;
        position: relative;
       
    }

        .update-details-form .row .right-col .left {
            width: 55%;
            min-height: 2.8rem;
        }

        .update-details-form .row .right-col .right {
            width: 36%;
        }

        .update-details-form .row .right-col .detail {
            font-weight: bold;
        }

        .update-details-form .row .right-col .thirds {
            width: 30%;
            float: left;
            margin-left: 5%;
        }

            .update-details-form .row .right-col .thirds:first-child,
            .update-details-form .row .right-col .thirds.hide + .thirds {
                margin-left: 0;
            }

    /* errors */
    .update-details-form .row.summary-errors,
    .update-details-form .row.summary-errors .right-col .left {
        padding: 0;
        min-height: 0;
        color: #d82d2d;
    }

        .update-details-form .row.summary-errors .right-col .left.errors {
            padding-bottom: 0.5rem;
            font-weight: bold;
        }

.update-details-form .form-field.error .stylish-ds > span,
.update-details-form .form-field.error .stylish-text > span,
.update-details-form .form-field.error .stylish-select > span,
.update-details-form .form-field.error .stylish-password > span,
.update-details-form .form-field.error .stylish-number > span {
    outline: 0.2rem solid #d82d2d;
    border-color: #ffffff;
}

.update-details-form .form-field.error input,
.update-details-form .form-field.error span.selected {
    color: #d82d2d;
}

.update-details-form .form-field.error .stylish-select span.selected {
    border: 1px solid #d82d2d;
}

.update-details-form .form-field.error .stylish-select.focus span.selected {
    outline: solid 2px rgb(0, 95, 204) !important;
    outline-offset: 5px;
}
/* Dashboard tables - my vouchers
   ---------------------------- */

/* basic styling */
table.pp-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

    table.pp-table thead {
        margin-bottom: 4rem;
        background-color: #827127;
        color: #ffffff;
    }

        table.pp-table thead th {
            position: relative;
            padding: 1.5rem;
            font-family: 'Roboto';
            font-weight: normal;
        }

    table.pp-table tr td {
        position: relative;
        text-align: center;
        vertical-align: middle;
        padding: 3.5rem 2rem;
        border-bottom: 0.1rem solid #e3e4e3;
    }

.member-landing .pp-table.offer-history,
.member-landing .no-results {
    display: none;
}

/* table cell dividers */
table.pp-table tr td:first-child:before,
table.pp-table tr th:first-child:before {
    visibility: hidden;
}

table.pp-table tr td:before,
table.pp-table tr th:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    margin-top: -2rem;
    height: 4rem;
    width: 0.1rem;
    background: #000000;
}

table.pp-table tr th:before {
    height: 2rem;
    margin-top: -1rem;
    background: #ffffff;
}

/* responsive table */
table.pp-table .mobile-only {
    display: none;
}

/* content toggle */
table.pp-table .more-info {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    padding: 3rem 4.5rem;
    background: #ffffff;
    white-space: normal;
    border-bottom: 0.1rem solid #e3e4e3;
    text-align: left;
}

table.pp-table tr .more-info-toggle {
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: middle;
    background: url("/Assets/PriorityPass/images/icons/arrow-right-down-sprite.png") no-repeat center bottom;
    overflow: hidden;
}

    table.pp-table tr .more-info-toggle.open {
        background-position: center top;
    }

table.pp-table .more-info .qr-code {
    float: left;
    max-width: 16.5rem;
    margin-right: 2rem;
}

    table.pp-table .more-info .qr-code .image {
        display: block;
        margin: auto;
    }

table.pp-table .more-info .offer-info {
    overflow: hidden;
}

    table.pp-table .more-info .offer-info ul {
        padding-bottom: 2rem;
    }

table.pp-table .more-info .countdown-value {
    font-weight: bold;
}

/* async table pagination */
.pp-table ~ .pagination {
    margin-top: 5rem;
    padding-top: 0;
    border-top: none;
    text-align: center;
}

.pp-table ~ .loader {
    display: none;
    height: 100px;
    background-image: url("/Assets/PriorityPass/images/icons/loader-small.gif");
    background-position: center center;
    background-repeat: no-repeat;
}

    .pp-table ~ .loader.pending {
        display: block;
    }

/* modules
   ============================ */

/* carousel resets and defaults */
.carousel[data-modes*="infinite"] .viewport {
    overflow: hidden;
}

.carousel .pagination-controls {
    padding: 1rem;
    bottom: 0.5rem;
}

    .carousel .pagination-controls > span {
        background: transparent;
        margin-left: 0.5rem;
        width: 1.1rem;
        height: 1.1rem;
        border: 2px solid #ffffff;
        border-radius: 50%;
    }

        .carousel .pagination-controls > span:first-child {
            margin-left: 0;
        }

        .carousel .pagination-controls > span:hover {
            background-color: transparent;
            background-color: rgba(255, 255, 255, 0.5);
        }

        .carousel .pagination-controls > span.active {
            background: #ffffff;
        }

.chrome .carousel:not(.lounge-search-carousel) .slide-container .slide:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #ffffff;
}

.mobile.chrome .carousel .viewport .slide-container .slide {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.carousel .slide-container > div img {
    position: static;
    display: block;
}

.carousel .loader {
    background-color: #faf9f5;
    background-color: rgba(243, 239, 226, 0.7);
    background-image: url("/Assets/PriorityPass/images/icons/loader-small.gif");
    background-position: center center;
    background-repeat: no-repeat;
}

.carousel .slide-container,
.carousel .slide-container > div {
    background: transparent;
}

.carousel .playback {
    display: none !important;
}
#carousel-buttonsId button.playback.play {
    background: url("/Assets/PriorityPass/images/icons/play.png") no-repeat;
    width: 30px;
    height: 30px;
    border: none;
}

#carousel-buttonsId button.playback.stop {
    background: url("/Assets/PriorityPass/images/icons/pause.png") no-repeat;
    width: 30px;
    height: 30px;
    border: none;
}
.page-editor .carousel .loader {
    display: none;
}

.page-editor .carousel .slide-container {
    width: auto;
    float: none;
}

    .page-editor .carousel .slide-container > div {
        display: block;
        float: none;
    }

/* lounge carousel */
.lounge-carousel {
    padding-top: 2.5rem;
}

    .lounge-carousel .carousel .slide-container {
        background: #ffffff;
    }

        .lounge-carousel .carousel .slide-container > div img {
            position: static;
            display: inline-block;
            margin: 0 auto;
            vertical-align: middle;
            width: 100%;
            height: 230px;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center;
               object-position: center;
        }

    .lounge-carousel.single-centre .carousel .slide-container > div img {
        height: 354px;
    }

    .lounge-carousel .carousel .pagination-controls {
        bottom: 0.7rem;
    }

        .lounge-carousel .carousel .pagination-controls > span {
            border-color: #00c7b2;
        }

            .lounge-carousel .carousel .pagination-controls > span.active {
                background-color: #00c7b2;
            }

            .lounge-carousel .carousel .pagination-controls > span:hover {
                background-color: transparent;
                background-color: rgba(0, 199, 178, 0.5);
            }

    .lounge-carousel .carousel {
        padding-bottom: 5rem;
        position: relative;
    }

        .lounge-carousel .carousel .viewport:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 1px;
            height: 100%;
            background-color: #ffffff;
        }

    .lounge-carousel .item h5 {
        padding-bottom: 0;
    }

    .lounge-carousel .item p {
        padding: 0.8rem 0;
    }

.latest-lounges.lounge-carousel .mod-carousel > fieldset .step.next,
.latest-lounges.lounge-carousel .mod-carousel > fieldset .step.prev {
    background: url(/Assets/PriorityPass/images/icons/left-arrow-1.svg) center;
    border: none;
    padding: 20px;
    background-repeat: no-repeat;
    background-color: #8e8e8e;
    border-radius: 100%;
    right: -50px;
    -webkit-filter: invert(1);
            filter: invert(1);
    margin-top: -35px;
}

.latest-lounges.lounge-carousel .mod-carousel > fieldset .step.prev {
    background: url(/Assets/PriorityPass/images/icons/right-arrow-1.svg) no-repeat center;
    left: -50px;
    background-color: #8e8e8e;
    border-radius: 100%;
    -webkit-filter: invert(1);
            filter: invert(1);
}

/* airport-lounge-banner */
.lounge-map-banner {
    position: relative;
    display: inline-block;
}
li.loung-map-banner-text {
    position: relative;
    font-size: 18px;
    color: #fff;
    width: 110px;
    word-break: break-word;
    text-align: center;
}
li.loung-map-banner-text.north-america {
    left: -150px;
    top: 70px;
}
li.loung-map-banner-text.latin-america {
    left: -84px;
    top: 170px;
}
li.loung-map-banner-text.europe {
    left: 107px;
    top: -20px;
}
li.loung-map-banner-text.africa {
    left: 96px;
    top: 74px;
}
li.loung-map-banner-text.middle-east {
   left: 219px;
   top: -45px;
}
li.loung-map-banner-text.asia-pacific {
    left: 357px;
    top: -42px;
}

li.loung-map-banner-text span {
    font-size: 34px;
    font-weight: bold;
    display: block;
}

li.loung-map-banner-text span.region {
    font-size: 16px;
    line-height: normal;
}
@media screen and (max-width: 768px) { 
    .lounge-map-banner {
        position: absolute;
        display: inline-block;
        top: -179px;
        width: 100%;
    }
    li.loung-map-banner-text {
        position: relative;
        font-size: 18px;
        color: #fff;
        width: 36px;
        word-break: break-word;
    }
    li.loung-map-banner-text.north-america {
        left: 6%;
        top: -4px;
    }
    li.loung-map-banner-text.latin-america {
        left: 11%;
        top: 46px;
    }
    li.loung-map-banner-text.europe {
        left: 25%;
        top: -56px;
    }
    li.loung-map-banner-text.africa {
        left: 24%;
        top: -7px;
    }
    li.loung-map-banner-text.middle-east {
       left: 34%;
       top: -69px;
    }
    li.loung-map-banner-text.asia-pacific {
        left: 45%;
        top: -66px;
    }    
    li.loung-map-banner-text span {
        font-size: 14px;
        font-weight: bold;
        display: block;
        line-height: normal;
    }
    li.loung-map-banner-text span.region {
        font-size: 5px;
        font-weight: normal;
        line-height: normal;
    }
}
@media screen and (max-width: 498px) { 
    .lounge-map-banner {
        position: absolute;
        display: inline-block;
        top: -180px;
        width: 100%;
    }
    li.loung-map-banner-text {
        position: relative;
        font-size: 18px;
        color: #fff;
        width: 36px;
        word-break: break-word;
    }
    li.loung-map-banner-text.north-america {
        left: 4%;
        top: 41px;
    }
    li.loung-map-banner-text.latin-america {
        left: 9%;
        top: 71px;
    }
    li.loung-map-banner-text.europe {
        left: 24%;
        top: -8px;
    }
    li.loung-map-banner-text.africa {
        left: 24%;
        top: 21px;
    }
    li.loung-map-banner-text.middle-east {
       left: 33%;
       top: -30px;
    }
    li.loung-map-banner-text.asia-pacific {
        left: 43%;
        top: -34px;
    }
    
    li.loung-map-banner-text span {
        font-size: 10px;
        font-weight: bold;
        display: block;
        line-height: normal;
    }
    
    li.loung-map-banner-text span.region {
        font-size: 4px;
        font-weight: normal;
        line-height: normal;
    }
}
@media all and (max-width: 400px) and (min-width: 350px) { 
    li.loung-map-banner-text.north-america {
        left: 1%;
        top: 71px;
    }
    li.loung-map-banner-text.latin-america {
        left: 7%;
        top: 96px;
    }
    li.loung-map-banner-text.europe {
        left: 22%;
        top: 35px;
    }
    li.loung-map-banner-text.africa {
        left: 21%;
        top: 61px;
    }
    li.loung-map-banner-text.middle-east {
       left: 30%;
       top: 20px;
    }
    li.loung-map-banner-text.asia-pacific {
        left: 41%;
        top: 20px;
    }
}
@media all and (max-width: 320px) {
    li.loung-map-banner-text.north-america {
        left: 0%;
        top: 91px;
    }
    li.loung-map-banner-text.latin-america {
        left: 5%;
        top: 109px;
    }
    li.loung-map-banner-text.europe {
        left: 19.4%;
        top: 57px;
    }
    li.loung-map-banner-text.africa {
        left: 19%;
        top: 74px;
    }
    li.loung-map-banner-text.middle-east {
       left: 28%;
       top: 39px;
    }
    li.loung-map-banner-text.asia-pacific {
        left: 39%;
        top: 33px;
    }
}
@media all and (max-width: 350px) and (min-width: 321px) {
    li.loung-map-banner-text.north-america {
        left: 0%;
        top: 87px;
    }
    li.loung-map-banner-text.latin-america {
        left: 5%;
        top: 103px;
    }
    li.loung-map-banner-text.europe {
        left: 20%;
        top: 51px;
    }
    li.loung-map-banner-text.africa {
        left: 19%;
        top: 68px;
    }
    li.loung-map-banner-text.middle-east {
       left: 29%;
       top: 31px;
    }
    li.loung-map-banner-text.asia-pacific {
        left: 39%;
        top: 27px;
    }
}
@media all and (max-width: 500px) and (min-width: 450px) { 
    li.loung-map-banner-text.north-america {
        left: 3%;
        top: 47px;
    }
    li.loung-map-banner-text.latin-america {
        left: 8%;
        top: 83px;
    }
    li.loung-map-banner-text.europe {
        left: 23%;
        top: 11px;
    }
    li.loung-map-banner-text.africa {
        left: 22%;
        top: 46px;
    }
    li.loung-map-banner-text.middle-east {
       left: 32%;
       top: 2px;
    }
    li.loung-map-banner-text.asia-pacific {
        left: 42%;
        top: 4px;
    }
}
@media all and (max-width: 450px) and (min-width: 400px) {
    li.loung-map-banner-text.north-america {
        left: 2%;
        top: 66px;
    }
    li.loung-map-banner-text.latin-america {
        left: 7%;
        top: 92px;
    }
    li.loung-map-banner-text.europe {
        left: 22%;
        top: 28px;
    }
    li.loung-map-banner-text.africa {
        left: 21%;
        top: 56px;
    }
    li.loung-map-banner-text.middle-east {
       left: 31%;
       top: 14px;
    }
    li.loung-map-banner-text.asia-pacific {
        left: 41%;
        top: 13px;
    }
}
@media all and (max-width: 600px) and (min-width: 550px) { 
    li.loung-map-banner-text {
        width: 40px;
    }
    li.loung-map-banner-text span.region {
        font-size: 6px;
    }
    li.loung-map-banner-text.north-america {
        left: 4%;
        top: 26px;
    }
    li.loung-map-banner-text.latin-america {
        left: 9%;
        top: 58px;
    }
    li.loung-map-banner-text.europe {
        left: 24%;
        top: -31px;
    }
    li.loung-map-banner-text.africa {
        left: 23%;
        top: 4px;
    }
    li.loung-map-banner-text.middle-east {
       left: 33%;
       top: -52px;
    }
    li.loung-map-banner-text.asia-pacific {
        left: 43%;
        top: -54px;
    }
}
@media all and (max-width: 550px) and (min-width: 500px) {
    li.loung-map-banner-text {
        width: 40px;
    }
    li.loung-map-banner-text span.region {
        font-size: 6px;
    }
    li.loung-map-banner-text.north-america {
        left: 3%;
        top: 35px;
    }
    li.loung-map-banner-text.latin-america {
        left: 8%;
        top: 66px;
    }
    li.loung-map-banner-text.europe {
        left: 23%;
        top: -18px;
    }
    li.loung-map-banner-text.africa {
        left: 22%;
        top: 12px;
    }
    li.loung-map-banner-text.middle-east {
       left: 32%;
       top: -41px;
    }
    li.loung-map-banner-text.asia-pacific {
        left: 42%;
        top: -47px;
    }
}
@media all and (max-width: 650px) and (min-width: 600px) {
    li.loung-map-banner-text {
        width: 40px;
    }
    li.loung-map-banner-text span.region {
        font-size: 6px;
    }
    li.loung-map-banner-text.north-america {
        left: 5%;
        top: 14px;
    }
    li.loung-map-banner-text.latin-america {
        left: 10%;
        top: 58px;
    }
    li.loung-map-banner-text.europe {
        left: 25%;
        top: -35px;
    }
    li.loung-map-banner-text.africa {
        left: 24%;
        top: 6px;
    }
    li.loung-map-banner-text.middle-east {
       left: 33%;
       top: -53px;
    }
    li.loung-map-banner-text.asia-pacific {
        left: 44%;
        top: -54px;
    }
}
@media screen and (max-width: 850px) and (min-width: 700px) {
    .holder-830 .item .right {
        width: 33.5%;
    }
    .page-banner--img.img-adjust-container .img-adjust-img {
        width: auto;
        height: auto;
    }
    li.loung-map-banner-text span {
        font-size: 14px;
        line-height: normal;
    }
    .lounge-map-banner {
        top: 77px;
        width: 100%;
    }
    li.loung-map-banner-text {
        width: 50px;
    }
    li.loung-map-banner-text span.region {
        font-size: 10px;
    }
    li.loung-map-banner-text.north-america {
        left: 37px;
        top: -20px;
    }
    li.loung-map-banner-text.latin-america {
        left: 10%;
        top: 16px;
    }
    li.loung-map-banner-text.europe {
        left: 25%;
        top: -112px;
    }
    li.loung-map-banner-text.africa {
        left: 24%;
        top: -79px;
    }
    li.loung-map-banner-text.middle-east {
       left: 34%;
       top: -166px;
    }
    li.loung-map-banner-text.asia-pacific {
        left: 44%;
        top: -184px;
    }
}
@media screen and (max-width: 850px) and (min-width: 760px) {
    .holder-830 .item .right {
        width: 33.5%;
    }
    .page-banner--img.img-adjust-container .img-adjust-img {
        width: auto;
        height: auto;
    }
    li.loung-map-banner-text span {
        font-size: 14px;
        line-height: normal;
    }
    .lounge-map-banner {
        top: 77px;
        width: 100%;
    }
    li.loung-map-banner-text {
        width: 50px;
    }
    li.loung-map-banner-text span.region {
        font-size: 10px;
    }
    li.loung-map-banner-text.north-america {
        left: 24px;
        top: -12px;
    }
    li.loung-map-banner-text.latin-america {
        left: 15%;
        top: 30px;
    }
    li.loung-map-banner-text.europe {
        left: 43%;
        top: -99px;
    }
    li.loung-map-banner-text.africa {
        left: 41%;
        top: -41px;
    }
    li.loung-map-banner-text.middle-east {
       left: 59%;
       top: -121px;
    }
    li.loung-map-banner-text.asia-pacific {
        left: 79%;
        top: -133px;
    }
}
@media screen and (max-width: 760px) and (min-width: 700px) {
    .holder-830 .item .right {
        width: 33.5%;
    }
    .page-banner--img.img-adjust-container .img-adjust-img {
        width: auto;
        height: auto;
    }
    li.loung-map-banner-text span {
        font-size: 14px;
        line-height: normal;
    }
    .lounge-map-banner {
        top: 77px;
        width: 100%;
    }
    li.loung-map-banner-text {
        width: 50px;
    }
    li.loung-map-banner-text span.region {
        font-size: 10px;
    }
    li.loung-map-banner-text.north-america {
        left: 35px;
        top: -21px;
    }
    li.loung-map-banner-text.latin-america {
        left: 10%;
        top: 10px;
    }
    li.loung-map-banner-text.europe {
        left: 25%;
        top: -108px;
    }
    li.loung-map-banner-text.africa {
        left: 24%;
        top: -58px;
    }
    li.loung-map-banner-text.middle-east {
       left: 34%;
       top: -135px;
    }
    li.loung-map-banner-text.asia-pacific {
        left: 44%;
        top: -150px;
    }
}
@media screen and (max-width: 900px) and (min-width: 850px) {
    .holder-830 .item .right {
        width: 33.5%;
    }
    .page-banner--img.img-adjust-container .img-adjust-img {
        width: auto;
        height: auto;
    }
    li.loung-map-banner-text span {
        font-size: 14px;
        line-height: normal;
    }
    .lounge-map-banner {
        top: 77px;
        width: 100%;
    }
    li.loung-map-banner-text {
        width: 50px;
    }
    li.loung-map-banner-text span.region {
        font-size: 10px;
    }
    li.loung-map-banner-text.north-america {
        left: 29px;
        top: -5px;
    }
    li.loung-map-banner-text.latin-america {
        left: 15%;
        top: 42px;
    }
    li.loung-map-banner-text.europe {
        left: 40%;
        top: -92px;
    }
    li.loung-map-banner-text.africa {
        left: 38%;
        top: -32px;
    }
    li.loung-map-banner-text.middle-east {
       left: 55%;
       top: -114px;
    }
    li.loung-map-banner-text.asia-pacific {
        left: 72%;
        top: -119px;
    }
}
@media screen and (max-width: 950px) and (min-width: 900px) {
    .holder-830 .item .right {
        width: 33.5%;
    }
    .page-banner--img.img-adjust-container .img-adjust-img {
        width: auto;
        height: auto;
    }
    li.loung-map-banner-text span {
        font-size: 14px;
        line-height: normal;
    }
    .lounge-map-banner {
        top: 77px;
        width: 100%;
    }
    li.loung-map-banner-text {
        width: 50px;
    }
    li.loung-map-banner-text span.region {
        font-size: 10px;
    }
    li.loung-map-banner-text.north-america {
        left: 36px;
        top: 2px;
    }
    li.loung-map-banner-text.latin-america {
        left: 15%;
        top: 60px;
    }
    li.loung-map-banner-text.europe {
        left: 40%;
        top: -89px;
    }
    li.loung-map-banner-text.africa {
        left: 39%;
        top: -21px;
    }
    li.loung-map-banner-text.middle-east {
       left: 55%;
       top: -108px;
    }
    li.loung-map-banner-text.asia-pacific {
        left: 72%;
        top: -115px;
    }
}
@media screen and (max-width: 1020px) and (min-width: 950px) {
    .holder-830 .item .right {
        width: 33.5%;
    }
    .page-banner--img.img-adjust-container .img-adjust-img {
        width: auto;
        height: auto;
    }
    li.loung-map-banner-text span {
        font-size: 16px;
        line-height: normal;
    }
    .lounge-map-banner {
        top: 77px;
        width: 100%;
    }
    li.loung-map-banner-text {
        width: 70px;
    }
    li.loung-map-banner-text span.region {
        font-size: 10px;
    }
    li.loung-map-banner-text.north-america {
        left: 30px;
        top: 9px;
    }
    li.loung-map-banner-text.latin-america {
        left: 14%;
        top: 80px;
    }
    li.loung-map-banner-text.europe {
        left: 39%;
        top: -63px;
    }
    li.loung-map-banner-text.africa {
        left: 38%;
        top: 4px;
    }
    li.loung-map-banner-text.middle-east {
       left: 54%;
       top: -83px;
    }
    li.loung-map-banner-text.asia-pacific {
        left: 71%;
        top: -78px;
    }
}
@media screen and (max-width: 1030px) and (min-width: 1020px) {
    .holder-830 .item .right {
        width: 33.5%;
    }
    .page-banner--img.img-adjust-container .img-adjust-img {
        width: auto;
        height: auto;
    }
    li.loung-map-banner-text span {
        font-size: 18px;
        line-height: normal;
    }
    .lounge-map-banner {
        top: 77px;
        width: 100%;
    }
    li.loung-map-banner-text {
        width: 75px;
    }
    li.loung-map-banner-text span.region {
        font-size: 11px;
    }
    li.loung-map-banner-text.north-america {
        left: 32px;
        top: 17px;
    }
    li.loung-map-banner-text.latin-america {
        left: 85px;
        top: 81px;
    }
    li.loung-map-banner-text.europe {
        left: 39%;
        top: -80px;
    }
    li.loung-map-banner-text.africa {
        left: 37%;
        top: -19px;
    }
    li.loung-map-banner-text.middle-east {
       left: 54%;
       top: -125px;
    }
    li.loung-map-banner-text.asia-pacific {
        left: 71%;
        top: -130px;
    }
}
@media screen and (max-width: 1200px) and (min-width: 1099px) {
    .holder-830 .item .right {
        width: 33.5%;
    }
    .page-banner--img.img-adjust-container .img-adjust-img {
        width: auto;
        height: auto;
    }
    li.loung-map-banner-text span {
        font-size: 18px;
        line-height: normal;
    }
    .lounge-map-banner {
        top: 77px;
        width: 100%;
    }
    li.loung-map-banner-text {
        width: 75px;
    }
    li.loung-map-banner-text span.region {
        font-size: 11px;
    }
    li.loung-map-banner-text.north-america {
        left: -27%;
        top: 30px;
    }
    li.loung-map-banner-text.latin-america {
        left: -14%;
        top: 115px;
    }
    li.loung-map-banner-text.europe {
        left: 22%;
        top: -51px;
    }
    li.loung-map-banner-text.africa {
        left: 20%;
        top: 38px;
    }
    li.loung-map-banner-text.middle-east {
       left: 44%;
       top: -65px;
    }
    li.loung-map-banner-text.asia-pacific {
        left: 69%;
        top: -54px;
    }
}
@media screen and (max-width: 1100px) and (min-width: 1030px) {
    .holder-830 .item .right {
        width: 33.5%;
    }
    .page-banner--img.img-adjust-container .img-adjust-img {
        width: auto;
        height: auto;
    }
    li.loung-map-banner-text span {
        font-size: 18px;
        line-height: normal;
    }
    .lounge-map-banner {
        top: 77px;
        width: 100%;
    }
    li.loung-map-banner-text {
        width: 75px;
    }
    li.loung-map-banner-text span.region {
        font-size: 11px;
    }
    li.loung-map-banner-text.north-america {
        left: -28%;
        top: 15px;
    }
    li.loung-map-banner-text.latin-america {
        left: -15%;
        top: 93px;
    }
    li.loung-map-banner-text.europe {
        left: 22%;
        top: -63px;
    }
    li.loung-map-banner-text.africa {
        left: 19%;
        top: 13px;
    }
    li.loung-map-banner-text.middle-east {
       left: 43%;
       top: -82px;
    }
    li.loung-map-banner-text.asia-pacific {
        left: 69%;
        top: -73px;
    }
}
@media screen and (max-width: 1250px) and (min-width: 1201px) {
    li.loung-map-banner-text span {
        font-size: 14px;
        line-height: normal;
    }
    li.loung-map-banner-text span.region {
        font-size: 11px;
    }
    .holder-830 .item .right {
        width: 33.5%;
    }
    .page-banner--img.img-adjust-container .img-adjust-img {
        width: auto;
        height: auto;
    }
    li.loung-map-banner-text span {
        font-size: 18px;
        line-height: normal;
    }
    .lounge-map-banner {
        top: 77px;
        width: 100%;
    }
    li.loung-map-banner-text {
        width: 75px;
    }
    li.loung-map-banner-text span.region {
        font-size: 11px;
    }
    li.loung-map-banner-text.north-america {
        left: -26%;
        top: 39px;
    }
    li.loung-map-banner-text.latin-america {
        left: -14%;
        top: 125px;
    }
    li.loung-map-banner-text.europe {
        left: 22%;
        top: -43px;
    }
    li.loung-map-banner-text.africa {
        left: 20%;
        top: 43px;
    }
    li.loung-map-banner-text.middle-east {
       left: 44%;
       top: -57px;
    }
    li.loung-map-banner-text.asia-pacific {
        left: 70%;
        top: -45px;
    }
}
@media screen and (min-width: 1201px) { 
    [lang="ru"] .lounge-map-banner {
        position: relative;
        display: inline-block;
    }
    [lang="ru"] li.loung-map-banner-text {
        position: relative;
        font-size: 18px;
        color: #fff;
        width: 110px;
        word-break: break-word;
        text-align: center;
    }
    [lang="ru"] li.loung-map-banner-text.north-america {
        left: -154px;
        top: 121px;
    }
    [lang="ru"] li.loung-map-banner-text.latin-america {
        left: -85px;
        top: 219px;
    }
    [lang="ru"] li.loung-map-banner-text.europe {
        left: 108px;
        top: 33px;
    }
    [lang="ru"] li.loung-map-banner-text.africa {
        left: 97px;
        top: 125px;
    }
    [lang="ru"] li.loung-map-banner-text.middle-east {
       left: 219px;
       top: 7px;
    }
    [lang="ru"] li.loung-map-banner-text.asia-pacific {
        left: 353px;
        top: 12px;
    }
    
    [lang="ru"] li.loung-map-banner-text span {
        font-size: 34px;
        font-weight: bold;
        display: block;
    }
    
    [lang="ru"] li.loung-map-banner-text span.region {
        font-size: 16px;
    }
}
@media all and (max-width: 1250px) and (min-width: 1200px) { 
    [lang="ru"] .lounge-map-banner {
        position: relative;
        display: inline-block;
    }
    [lang="ru"] li.loung-map-banner-text {
        position: relative;
        font-size: 18px;
        color: #fff;
        width: 110px;
        word-break: break-word;
        text-align: center;
    }
    [lang="ru"] li.loung-map-banner-text.north-america {
        left: -147px;
        top: 22px;
    }
    [lang="ru"] li.loung-map-banner-text.latin-america {
        left: -84px;
        top: 100px;
    }
    [lang="ru"] li.loung-map-banner-text.europe {
        left: 96px;
        top: -95px;
    }
    [lang="ru"] li.loung-map-banner-text.africa {
        left: 86px;
        top: -28px;
    }
    [lang="ru"] li.loung-map-banner-text.middle-east {
       left: 201px;
       top: -158px;
    }
    [lang="ru"] li.loung-map-banner-text.asia-pacific {
        left: 327px;
        top: -174px;
    }
    
    [lang="ru"] li.loung-map-banner-text span {
        font-size: 34px;
        font-weight: bold;
        display: block;
    }
    
    [lang="ru"] li.loung-map-banner-text span.region {
        font-size: 16px;
    }
}
@media all and (max-width: 1999px) and (min-width: 1850px) { 
    [lang="ru"] .lounge-map-banner {
        position: relative;
        display: inline-block;
    }
    [lang="ru"] li.loung-map-banner-text {
        position: relative;
        font-size: 18px;
        color: #fff;
        width: 110px;
        word-break: break-word;
        text-align: center;
    }
    [lang="ru"] li.loung-map-banner-text.north-america {
        left: -151px;
        top: 123px;
    }
    [lang="ru"] li.loung-map-banner-text.latin-america {
        left: -83px;
        top: 222px;
    }
    [lang="ru"] li.loung-map-banner-text.europe {
        left: 109px;
        top: 38px;
    }
    [lang="ru"] li.loung-map-banner-text.africa {
        left: 96px;
        top: 134px;
    }
    [lang="ru"] li.loung-map-banner-text.middle-east {
       left: 221px;
       top: 19px;
    }
    [lang="ru"] li.loung-map-banner-text.asia-pacific {
        left: 355px;
        top: 28px;
    }
    
    [lang="ru"] li.loung-map-banner-text span {
        font-size: 30px;
        font-weight: bold;
        display: block;
    }
    
    [lang="ru"] li.loung-map-banner-text span.region {
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) and (min-width: 700px) {
    [lang="ru"] .holder-830 .item .right {
        width: 33.5%;
    }
    [lang="ru"] .page-banner--img.img-adjust-container .img-adjust-img {
        width: auto;
        height: auto;
    }
    [lang="ru"] li.loung-map-banner-text span {
        font-size: 14px;
        line-height: normal;
    }
    [lang="ru"] .lounge-map-banner {
        top: 77px;
        width: 100%;
    }
    [lang="ru"] li.loung-map-banner-text {
        width: 50px;
    }
    [lang="ru"] li.loung-map-banner-text span.region {
        font-size: 10px;
    }
    [lang="ru"] li.loung-map-banner-text.north-america {
        left: 22px;
        top: -15px;
    }
    [lang="ru"] li.loung-map-banner-text.latin-america {
        left: 8%;
        top: 29px;
    }
    [lang="ru"] li.loung-map-banner-text.europe {
        left: 23%;
        top: -93px;
    }
    [lang="ru"] li.loung-map-banner-text.africa {
        left: 22%;
        top: -40px;
    }
    [lang="ru"] li.loung-map-banner-text.middle-east {
       left: 32%;
       top: -121px;
    }
    [lang="ru"] li.loung-map-banner-text.asia-pacific {
        left: 42%;
        top: -133px;
    }
}
/* airport-lounge-banner end */ 


/* tab carousel (ppc, microsite) */
.tab-carousel {
    padding: 2rem 13rem 10rem;
}

    .tab-carousel .carousel {
        position: relative;
    }

        .tab-carousel .carousel .step.prev,
        .tab-carousel .carousel .step.next {
            border: none;
            height: 27px;
            width: 14px;
            margin-top: -13px;
        }

        .tab-carousel .carousel .step.prev {
            left: -74px;
            background-image: url("/Assets/PriorityPass/images/icons/carousel/ppc-carousel-arrow-left.png");
        }

        .tab-carousel .carousel .step.next {
            right: -74px;
            background-image: url("/Assets/PriorityPass/images/icons/carousel/ppc-carousel-arrow-right.png");
        }

        .tab-carousel .carousel .viewport {
            margin: 0 -7px;
        }

        .tab-carousel .carousel .slide > div {
            margin: 0 7px;
        }

            .tab-carousel .carousel .slide > div img {
                display: block;
                margin-bottom: 1.5rem;
                width: 100%;
                height: auto;
            }

            .tab-carousel .carousel .slide > div ul {
                list-style: outside;
                padding-left: 20px;
            }

        .tab-carousel .carousel.wide .step.prev {
            left: -115px;
        }

        .tab-carousel .carousel.wide .step.next {
            right: -115px;
        }

        .tab-carousel .carousel.wide .viewport {
            margin: 0 -95px;
            float: none;
            width: auto;
        }

        .tab-carousel .carousel.wide .slide > div {
            margin: 0 10px;
        }

.latest-lounges.lounge-carousel .mod-carousel > fieldset .step.next:focus,
.latest-lounges.lounge-carousel .mod-carousel > fieldset .step.prev:focus {
    background-color: #fff;
    -webkit-filter: none;
            filter: none;
    -webkit-box-shadow: 0px 0px 3px 1px #adadad;
            box-shadow: 0px 0px 3px 1px #adadad;
}

        .tab-carousel .carousel .slide .logo {
            background: #ffffff;
            padding: 2rem;
            height: 112px;
            line-height: 112px;
            text-align: center;
        }

            .tab-carousel .carousel .slide .logo img {
                display: inline-block;
                margin: 0 auto;
                width: auto;
                vertical-align: middle;
            }

/* image carousel */
.img-carousel .carousel {
    padding-bottom: 0;
    z-index: 1;
    position: relative;
}

.img-carousel .title {
    display: inline-block;
    text-align: center;
    width: 100%;
    position: relative;
    z-index: 2;
    margin-top: -3rem;
}

    .img-carousel .title h3 {
        display: inline-block;
        background: #ffffff;
        padding: 2.5rem 5rem;
    }

    .img-carousel .title a {
        color: #827127;
    }

        .img-carousel .title a:hover {
            color: #a2a4a3;
        }

.img-carousel .pagination-controls {
    bottom: 3rem;
}

    .img-carousel .pagination-controls > span {
        border-color: #ffffff;
    }

        .img-carousel .pagination-controls > span:hover {
            background-color: transparent;
            background-color: rgba(255, 255, 255, 0.5);
        }

        .img-carousel .pagination-controls > span.active {
            background-color: #ffffff;
        }

/* join module */
.join-module .content {
    padding: 5rem 0 6rem;
}

    .join-module .content h1 {
        padding-bottom: 2.5rem;
    }

    .join-module .content h5 {
        padding-bottom: 3.5rem;
    }

    .join-module .content h2 {
        padding-bottom: 3.5rem;
    }

    .join-module .content h3 {
        padding-bottom: 3.5rem;
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .join-module .content .cta.dark {
        font-size: 2.4rem;
        line-height: 3.6rem;
        padding: 1.2rem 2.8rem;
    }

        .join-module .content .cta.dark [class^="icon-"] {
            padding-left: 1rem;
        }

/* info bar */
.info-bar {
    padding: 2rem 0;
}

    .info-bar .inner {
        padding: 2.5rem;
    }

/* page side nav */
.page-side-nav {
    text-align: center;
}

    .page-side-nav ul li {
        text-transform: uppercase;
        color: #2d3135;
    }

        .page-side-nav ul li a {
            padding: 1.3rem 0;
            display: block;
            font-size: 1.4rem;
            line-height: 2.3rem;
            color: #2d3135;
            border-top: 1px solid #e3e4e3;
            text-decoration: none;
        }

        .page-side-nav ul li:first-child a {
            border-top: none;
        }

/* generic template related content */
.related-content {
    padding: 5.3rem 0;
    margin-top: 3.3rem;
    border-top: 1px solid #e3e4e3;
}

    .related-content h3 {
        padding-bottom: 0;
    }

    .related-content .item {
        float: left;
        width: 31%;
        padding: 2.6rem 0 3rem 3.5%;
    }

        .related-content .item.first {
            padding-left: 0;
            clear: both;
        }

        .related-content .item img {
            padding-bottom: 0.6rem;
        }

        .related-content .item h4 {
            padding-bottom: 0.2rem;
        }

        .related-content .item p {
            padding-bottom: 0.7rem;
        }

/* google map - defaults + static */
.gmap .title {
    padding-top: 3.5rem;
}

.gmap .map-holder {
    position: relative;
    z-index: 1;
    height: 43rem;
    background: #faf9f5;
}

.gmap .overlay {
    max-width: 31rem;
    padding: 11.2rem 0;
    margin: auto;
}

    .gmap .overlay .inner {
        padding: 4rem;
        text-align: center;
        background: #ffffff;
        background: rgba(255, 255, 255, 0.85);
        position: relative;
        opacity: 1;
        z-index: 3;
        -webkit-transform: translateZ(0);
                transform: translateZ(0);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        .gmap .overlay .inner h3 {
            text-transform: uppercase;
            color: #827127;
        }

        .gmap .overlay .inner .close {
            position: absolute;
            top: 8px;
            right: 15px;
            font-size: 2.6rem;
            color: #827127;
            opacity: 0.5;
            cursor: pointer;
            -webkit-transition: 0.3s opacity;
            -o-transition: 0.3s opacity;
            transition: 0.3s opacity;
        }

            .gmap .overlay .inner .close:hover {
                opacity: 0.8;
            }

.gmap .mobile-map {
    display: none;
}

    .gmap .mobile-map img,
    .page-editor .mobile-map {
        display: block;
    }

.page-editor .gmap .map-holder {
    height: auto;
}

.gmap .overlay.anim-hide .inner {
    -webkit-transform: scale(0.7) translateZ(0);
            transform: scale(0.7) translateZ(0);
    opacity: 0;
}

.gmap .overlay.hide {
    display: none;
}

.gmap #airports-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

    .gmap #airports-map img {
        max-width: none;
    }

    .gmap #airports-map .infowindow-content {
        padding: 0.2rem 0 0 2.7rem;
        font-size: 1.8rem;
        color: #2d3135;
        font-family: 'Roboto';
        background: url("/Assets/PriorityPass/images/icons/gmap/marker.png") no-repeat left center;
    }

        .gmap #airports-map .infowindow-content a {
            font-weight: bold;
            color: #2d3135;
            text-decoration: underline;
        }

.page-editor .gmap #airports-map {
    display: none;
}

/* help-contact module */
.help-contact .content {
    float: right;
}

    .help-contact .content div {
        display: inline;
    }

.help-contact .cta {
    font-size: 1.4rem;
    margin-left: 1.5rem;
    padding: 1.2rem 2.5rem;
}

.faqs .help-contact .padded-sides {
    margin: 0;
}

/* link-listing - sitemap + country results */
.link-listing {
    line-height: 3.6rem;
}

    .link-listing .bordered {
        border-bottom: 1px solid #e3e4e3;
        padding-bottom: 2rem;
        margin-bottom: 2rem;
    }

    .link-listing .title {
        font-family: 'Roboto';
        font-size: 2.4rem;
    }

        .link-listing .title strong {
            font-family: 'Roboto';
            font-weight: normal;
        }

    .link-listing > ul > li {
        font-size: 2rem;
        padding-bottom: 1rem;
    }

        .link-listing > ul > li [class^="icon-"] {
            font-size: 1.6rem;
            padding-left: 1rem;
        }

        .link-listing > ul > li:last-child {
            margin-bottom: 0;
            border-bottom: none;
        }

        .link-listing > ul > li ul {
            padding-left: 7.2%;
        }

    .link-listing ~ .pagination {
        margin-top: 4rem;
    }

.lounge-page .link-listing {
    border-top: 1px solid #e3e4e3;
    padding-top: 2rem;
    padding-bottom: 4rem;
}

    .lounge-page .link-listing > ul > li {
        padding-bottom: 2rem;
    }

/* my offers */
.my-offers-title .holder-1030 {
    padding-bottom: 3rem;
    border-bottom: 1px solid #e3e4e3;
}

.my-offers {
    margin-top: 3rem;
}

    .my-offers .item {
        margin: 3rem 0;
        clear: both;
        background: #ffffff;
    }

        .my-offers .item .left {
            float: left;
            width: 38.83%;
        }

            .my-offers .item .left img {
                display: block;
                width: 100%;
            }

            .my-offers .item .left ~ .right {
                float: left;
                width: 61.17%;
            }

        .my-offers .item .right .inner {
            padding: 3rem;
        }

        .my-offers .item .right .cta {
            min-width: 9.4rem;
        }

            .my-offers .item .right .cta [class^="icon-"] {
                color: #00c7b2;
            }

/* text module */
.text-module {
    padding: 2rem 0;
}

    .text-module p,
    .text-module h5 {
        margin: 0;
        padding: 1rem 0;
    }

    .text-module.no-spacing-above {
        padding-top: 0;
    }

    .text-module.no-spacing-below {
        padding-bottom: 0;
    }

/* package summary */
.package-summary {
    margin-bottom: 1.7rem;
}

    .package-summary .promo-text {
        float: left;
        width: 51%;
        padding: 5rem 6% 5rem 10.5%;
    }

    .package-summary .packages {
        float: left;
        width: 32.5%;
    }

        .package-summary .packages > div {
            background: #f7f7f7;
            border: 1px solid #e4e4e4;
            border-top: none;
            padding: 1.2rem 1.5rem;
            text-align: center;
        }

            .package-summary .packages > div .package-description {
                float: left;
                width: 45%;
            }

                .package-summary .packages > div .package-description > h3 {
                    font-size: 1.4rem;
                    line-height: 2.8rem;
                    padding-bottom: 0.4rem;
                    font-family: 'Roboto', Helvetica, Arial, sans-serif;
                    font-weight: 500;
                }

                    .package-summary .packages > div .package-description > h3:after {
                        content: " ";
                        display: block;
                        height: 0;
                        border-top: 1px solid;
                        width: 100px;
                        max-width: 100%;
                        margin: 0 auto;
                    }

            .package-summary .packages > div.package-standard .package-description > h3 {
                color: #33d2c0;
            }

            .package-summary
            .packages > div.package-standard-plus
            .package-description > h3 {
                color: #e67637;
            }

            .package-summary .packages > div.package-prestige .package-description > h3 {
                color: #5d5d5d;
            }

            .package-summary .packages > div .package-description p {
                padding: 0;
            }

            .package-summary .packages > div .package-pricing {
                float: left;
                width: 53%;
                padding-left: 2%;
                text-align: right;
                font-size: 1.4rem;
                line-height: 3.2rem;
            }

                .package-summary .packages > div .package-pricing .old-price {
                    font-size: 1.9rem;
                    font-weight: bold;
                    color: #a2a2a2;
                    margin-right: 1rem;
                    position: relative;
                }

                    .package-summary .packages > div .package-pricing .old-price:after {
                        content: " ";
                        display: block;
                        position: absolute;
                        left: 0;
                        width: 100%;
                        top: 50%;
                        border-top: 2px solid;
                        -webkit-transform: rotate(-15deg);
                                transform: rotate(-15deg);
                    }

                .package-summary .packages > div .package-pricing .new-price {
                    font-size: 3.3rem;
                    font-family: 'Roboto', Helvetica, Arial, sans-serif;
                    font-weight: 500;
                }

            .package-summary .packages > div.package-standard .package-pricing .new-price {
                color: #33d2c0;
            }

            .package-summary
            .packages > div.package-standard-plus
            .package-pricing
            .new-price {
                color: #e67637;
            }

            .package-summary .packages > div.package-prestige .package-pricing .new-price {
                color: #5d5d5d;
            }

            .package-summary .packages > div .cta.box {
                padding: 0.5rem 2rem;
            }

        .package-summary .packages > h2.heading {
            font-size: 2.2rem;
            line-height: 2.2rem;
            color: #998642;
            border: 1px solid;
            text-align: center;
            padding: 1.7rem;
            font-family: 'Roboto', Helvetica, Arial, sans-serif;
            font-weight: bold;
        }

            .package-summary .packages > h2.heading span.table {
                display: table;
                margin: auto;
            }

                .package-summary .packages > h2.heading span.table > span {
                    display: table-cell;
                    vertical-align: middle;
                }

            .package-summary .packages > h2.heading.variation-1 .text-1 {
                text-align: right;
            }

            .package-summary .packages > h2.heading.variation-1 .text-2 {
                text-align: left;
                font-size: 5.2rem;
                line-height: 4.4rem;
                padding-left: 1.2rem;
            }

            .package-summary .packages > h2.heading.variation-2 .text-1 {
                padding: 1.1rem 0;
                font-size: 2.4rem;
            }

            .package-summary .packages > h2.heading.variation-3 .text-1 {
                text-align: right;
                font-size: 5.2rem;
                line-height: 4.4rem;
            }

            .package-summary .packages > h2.heading.variation-3 .text-2 {
                text-align: left;
                padding-left: 1.2rem;
            }

            .package-summary .packages > h2.heading.variation-4 .text-1 {
                text-align: right;
                font-size: 1.8rem;
                line-height: 2rem;
            }

            .package-summary .packages > h2.heading.variation-4 .text-2 {
                text-align: center;
                font-size: 5.2rem;
                line-height: 4.4rem;
                padding-left: 1.2rem;
                padding-right: 1.2rem;
            }

            .package-summary .packages > h2.heading.variation-4 .text-3 {
                text-align: left;
                font-size: 1.4rem;
                line-height: 1.4rem;
            }

            .package-summary .packages > h2.heading.variation-5 {
                padding: 1rem 1.7rem;
            }

                .package-summary .packages > h2.heading.variation-5 .text-1 {
                    display: block;
                    text-align: center;
                    margin: auto;
                    font-size: 2.4rem;
                }

                .package-summary .packages > h2.heading.variation-5 .text-2 {
                    display: block;
                    text-align: center;
                    margin: auto;
                    font-size: 3.6rem;
                    line-height: 3.6rem;
                }

/* ppc text with media */
.ppc-text-with-media {
    position: relative;
    overflow: hidden;
}

    .ppc-text-with-media.image .text {
        padding: 5.5rem 64rem 5.5rem 13rem;
    }

    .ppc-text-with-media.video .text {
        padding: 5.5rem 74rem 5.5rem 13rem;
    }

    .ppc-text-with-media .image {
        position: absolute;
        bottom: 0;
        right: 6rem;
        max-width: 56rem;
        display: block;
    }

    .ppc-text-with-media .video {
        position: absolute;
        top: 110px;
        right: 130px;
        width: 500px;
        height: 281px;
        overflow: hidden;
    }

        .ppc-text-with-media .video a.youtube-link {
            max-height: 100%;
        }

/* icon text module */
.text-icon-module {
    padding: 4rem 10rem 3rem;
    color: #ffffff;
}

    .text-icon-module > div {
        display: table;
        width: 100%;
    }

        .text-icon-module > div > div {
            display: table-cell;
            vertical-align: middle;
        }

        .text-icon-module > div .icon img {
            max-width: none;
        }

        .text-icon-module > div .text {
            padding-left: 5.8rem;
        }

            .text-icon-module > div .text p {
                font-size: 1.8rem;
                line-height: 2.7rem;
            }

            .text-icon-module > div .text a[href^="mailto:"],
            .text-icon-module > div .text a[href^="tel:"] {
                color: #ffffff;
                font-size: 2.1rem;
                text-decoration: underline;
            }

/* fast track
   ============================ */
/* global */
.wrapper > .padded-sides .holder-630,
.wrapper > .padded-sides .holder-850 {
    display: table;
    width: 100%;
    margin: 0 auto;
}

.wrapper > .padded-sides .holder-630 {
    max-width: 630px;
}

.wrapper > .padded-sides .holder-850 {
    max-width: 850px;
}

.fast-track {
    position: relative;
    background-color: #f9f9f9;
}

.fast-track-intro {
    margin-top: 8px;
}

    .fast-track-intro h3,
    .fast-track .mod-form .forms-col-title-holder .forms-col-title,
    .fast-track .mod-form .forms-col-title-holder .price-label {
        font-family: 'Roboto', Helvetica, Arial, sans-serif;
        font-size: 2.4rem;
        line-height: normal;
        letter-spacing: 0.05rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

.fast-track .form-loader-overlay {
    display: none;
    position: absolute;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(250, 250, 250, 0.6);
}

.fast-track .form-loader-spinner {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    width: 25px;
    height: 25px;
    margin: auto;
}

.fast-track .partial-submit.centered.show-spinner,
.fast-track-payment-form .form-actions .partial-submit.centered.show-spinner {
    padding-right: 50px;
}

.centered {
    text-align: center;
}
/* forms */
.fast-track .input-holder {
    position: relative;
}

.fast-track select,
.fast-track input[type="text"],
.fast-track input[type="email"],
.fast-track input[type="number"],
.fast-track input[type="password"],
.fast-track .stylish-form .stylish-text > span,
.fast-track .stylish-form .stylish-email > span,
.fast-track .stylish-form .stylish-number > span,
.fast-track .stylish-form .stylish-password > span,
.fast-track .stylish-form .stylish-select > span {
    height: 50px;
    font-size: 1.6rem;
    line-height: 1.6rem;
    letter-spacing: 0.04rem;
    background: transparent;
    border: 1px solid #a9a9a9;
    color: #000000;
    padding-left: 14px;
}

.fast-track .stylish-form div.stylish-select > span {
    line-height: 5rem;
    padding-left: 10px;
}

.fast-track .stylish-form .stylish-select span .ico {
    background: url("/Assets/PriorityPass/images/icons/down-black-arrow.svg") no-repeat center center;
    background-size: 8px;
}

.fast-track .stylish-form .stylish-select .text {
    font-size: 1.6rem;
    padding-left: 4px;
}

.fast-track .stylish-form .stylish-select > .dropdown-list {
    top: auto;
    max-height: initial;
}

.fast-track .stylish-form .form-col-fifty .stylish-select > .dropdown-list {
    top: 100%;
    max-height: initial;
}

.fast-track .stylish-form .stylish-select > .dropdown-list.show-above {
    top: auto;
}

.fast-track .stylish-form .form-field.disabled .stylish-select {
    background: none;
}

    .fast-track .stylish-form .form-field.disabled .stylish-select > span {
        border-color: #e3e4e3;
    }

    .fast-track .stylish-form .form-field.disabled .label,
    .fast-track .stylish-form .form-field.disabled .stylish-select span.text {
        color: #cccccc;
    }

    .fast-track .stylish-form .form-field.disabled .stylish-select span .ico {
        opacity: 0.2;
    }

.fast-track .form-field.error .err-msgs > div {
    font-weight: bold;
}

    .fast-track .form-field.error .err-msgs > div[style*="display: block;"] {
        margin-top: 11px;
        color: #d0021b;
    }

.fast-track .form-field.error > .label,
.fast-track .form-field.error .radio-input-holder label,
.fast-track .form-field.error .checkbox-input-holder label {
    color: #d0021b;
    font-weight: bold;
}

.fast-track .form-field.error select,
.fast-track .form-field.error input[type="text"],
.fast-track .form-field.error input[type="email"],
.fast-track .form-field.error input[type="number"],
.fast-track .form-field.error input[type="password"],
.fast-track .stylish-form .form-field.error .stylish-text > span,
.fast-track .stylish-form .form-field.error .stylish-email > span,
.fast-track .stylish-form .form-field.error .stylish-number > span,
.fast-track .stylish-form .form-field.error .stylish-password > span,
.fast-track .form-field.error .stylish-ds > span,
.fast-track .stylish-form .form-field.error .stylish-select > span {
    border: 2px solid #d0021b;
}

.fast-track .form-field.error .stylish-ds {
    width: 12px;
    height: 12px;
}

.fast-track .form-field .checkbox-input-holder label:empty,
.fast-track .form-field .radio-input-holder label:empty,
.fast-track
.form-field.error + .form-field.offset-left-err-msgs.error > .err-msgs > div {
    display: none !important;
}

.fast-track .form-field.offset-left-err-msgs .err-msgs {
    float: right;
    text-align: right;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.fast-track .form-section .partial-submit[disabled] {
    border: 1px solid #e3e4e3;
    color: #cccccc;
    background-color: transparent;
}

/* forms - tooltip */
.fast-track .form-field .label.with-tooltip {
    position: relative;
    padding-right: 40px;
    overflow: visible;
}

.field-tooltip {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 30px;
    overflow: visible;
}

.field-tooltip-content {
    position: absolute;
    bottom: 33px;
    left: -148px;
    z-index: 1;
    display: none;
    width: 188px;
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: 0.03rem;
    padding: 12px 18px;
    background: #ffffff;
    border: 1px solid #e3e4e3;
    color: #757575;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    word-wrap: break-word;
}

    .field-tooltip-content p:last-child {
        padding-bottom: 0;
    }

    .field-tooltip-content:after {
        content: "";
        position: absolute;
        z-index: 0;
        bottom: -4px;
        right: 16px;
        width: 5px;
        height: 5px;
        background: #ffffff;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        border: 1px solid #e3e4e3;
        border-top: none;
        border-right: none;
    }

.field-tooltip.active .field-tooltip-content {
    display: block;
}

.fast-track .form-col-eighty + .form-col-twenty .label.with-tooltip {
    padding-right: 28px;
}

.fast-track .form-col-eighty + .form-col-twenty .field-tooltip {
    width: 28px;
}

.fast-track .form-col-eighty + .form-col-twenty .field-tooltip-content {
    left: -160px;
}

    .fast-track .form-col-eighty + .form-col-twenty .field-tooltip-content:after {
        right: 10px;
    }

.field-tooltip-trigger {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    width: 10px;
    height: 10px;
    margin: auto;
    outline: none;
    padding: 0;
}

    .field-tooltip-trigger svg,
    .field-tooltip-trigger img {
        position: absolute;
        top: 0;
        left: 0;
    }

/* date field */
.fast-track .stylish-form .form-field.date .input-field-holder {
    position: relative;
}

.fast-track .stylish-form .form-field.date input[type="text"],
.fast-track .stylish-form .form-field.date .stylish-text > span {
    padding-right: 50px;
}

.fast-track .stylish-form .form-field.date .datepicker-trigger {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    padding: 0;
    outline: none;
    background: url("/Assets/PriorityPass/images/icons/calendar.svg") center no-repeat;
}

.clear-input input[type="text"],
.clear-input input[type="email"],
.clear-input input[type="number"],
.clear-input input[type="password"],
.stylish-form .clear-input .stylish-text > span,
.stylish-form .clear-input .stylish-email > span,
.stylish-form .clear-input .stylish-number > span,
.stylish-form .clear-input .stylish-password > span {
    height: 50px;
    padding-right: 35px;
    padding-left: 14px;
}

.clear-input-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
}

.clear-input-btn-icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 12px;
    height: 12px;
    margin: auto;
    cursor: pointer;
}

    .clear-input-btn-icon svg {
        position: absolute;
        top: 0;
        left: 0;
    }

.fast-track .form-section-title {
    font-size: 1.2rem;
    line-height: normal;
    letter-spacing: 0.05rem;
    font-weight: bold;
    text-align: center;
    color: #541cc4;
    padding-bottom: 39px;
    padding-top: 7px;
}

.fast-track .fast-track-alert {
    display: table;
    margin: 0 auto 36px;
    text-align: center;
    font-size: 1.6rem;
    line-height: normal;
    letter-spacing: 0.03rem;
    font-weight: bold;
    color: #d0021b;
}

    .fast-track .fast-track-alert .alert-icon {
        display: table;
        margin: 0 auto 9px;
        width: 23px;
        height: 23px;
    }

        .fast-track .fast-track-alert .alert-icon svg,
        .fast-track .fast-track-alert .alert-icon img {
            display: inline-block;
            vertical-align: top;
        }

.fast-track .form-field .label {
    position: relative;
    font-size: 1.4rem;
    line-height: 3rem;
    letter-spacing: 0.04rem;
    color: #757575;
}

.fast-track .form-field .field-value {
    font-size: 2.4rem;
    line-height: 2.4rem;
    letter-spacing: 0.06rem;
    color: #000000;
    margin-bottom: 36px;
}

.fast-track .form-actions .partial-submit.centered,
.fast-track .cta-holder .cta.centered {
    display: table;
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: 0.1rem;
    margin: 70px auto;
    padding: 14px 48px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.fast-track .form-info-details {
    margin-top: 34px;
}

    .fast-track .form-info-details,
    .fast-track .form-info-details p {
        font-size: 1.4rem;
        line-height: 2rem;
        letter-spacing: 0.04rem;
        color: #757575;
    }

        .fast-track .form-info-details p:last-child {
            padding-bottom: 0;
        }

.form-row {
    margin-bottom: 40px;
}

    .form-row.read-only {
        margin-bottom: 0;
    }

.form-col {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

    .form-col.form-col-sixty {
        width: 65.2%;
    }

.form-col-fifty {
    width: 46.25%;
}

    .form-col-fifty.single-field {
        width: 50%;
    }

.form-col-eighty {
    width: 75%;
}

.form-col-twenty {
    width: 25%;
}

.form-col-eighty + .form-col-twenty {
    padding-left: 31px;
}

.form-col-fifty + .form-col-fifty {
    margin-left: 7.5%;
}

.form-col.form-col-sixty + .form-col-forty {
    width: 29.9%;
    margin-left: 4.9%;
}

.fast-track .mod-form {
    padding-bottom: 60px;
}

    .fast-track .mod-form .holder-850 {
        display: table;
        margin: 0 auto;
    }

        .fast-track .mod-form .holder-850 .forms-col {
            float: left;
            border: 1px solid #a9a9a9;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
        }

            .fast-track .mod-form .holder-850 .forms-col.half-col {
                width: 48.2%;
            }

                .fast-track .mod-form .holder-850 .forms-col.half-col + .half-col {
                    margin-left: 3.6%;
                }

    .fast-track .mod-form .form-section {
        border-bottom: 1px solid #eaeaea;
    }

        .fast-track .mod-form .form-section:last-child {
            border-bottom: none;
        }

    .fast-track .mod-form .group.form-section .header,
    .fast-track .mod-form .group.form-section .content {
        padding: 0 18px 0 15px;
    }

    .fast-track .mod-form .forms-col-title-holder {
        position: relative;
        display: table;
        width: 100%;
        padding: 15px 18px 21px 18px;
        border-bottom: 1px solid #eaeaea;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

    .fast-track .mod-form div.forms-col-title-holder .forms-col-title {
        width: 100%;
        padding-right: 15px;
    }

    .fast-track .mod-form .forms-col-title-holder .forms-col-title,
    .fast-track .mod-form .forms-col-title-holder .price-label {
        display: table-cell;
        vertical-align: top;
        padding: 0;
    }

    .fast-track .mod-form .forms-col-title-holder .price-label {
        white-space: nowrap;
    }

    .fast-track .mod-form .radio-input-holder,
    .fast-track .mod-form .checkbox-input-holder {
        position: relative;
        min-height: 22px;
        padding-left: 31px;
        margin-bottom: 14px;
    }

        .fast-track .mod-form .radio-input-holder .field-info {
            display: block;
            width: 100%;
        }

    .fast-track .mod-form.stylish-form .stylish-ds {
        position: absolute;
        top: 0;
        left: 0;
        width: 14px;
        height: 14px;
        margin-top: 5px;
    }

        .fast-track .mod-form.stylish-form .stylish-ds > span {
            border: 1px solid #827127;
            background: transparent;
        }

            .fast-track .mod-form.stylish-form .stylish-ds > span .ico {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                width: 10px;
                height: 10px;
                margin: auto;
                border-radius: 100%;
            }

            .fast-track .mod-form.stylish-form .stylish-ds > span.checked {
                border-color: #746632;
            }

                .fast-track .mod-form.stylish-form .stylish-ds > span.checked .ico {
                    background-color: #746632;
                }

.radio-input-holder .field-info {
    font-size: 1.4rem;
    line-height: 2.3rem;
    letter-spacing: 0.07rem;
    font-weight: normal;
    color: #757575;
}

.update-details-form .fetchify-search-address {
    display: none;
}

.update-details-form .editing .fetchify-search-address {
    display: block;
}

.radio-input-holder .focused-label {
    font-weight: bold;
}

    .radio-input-holder .focused-label .field-info {
        font-weight: normal;
        color: #000000;
    }

/* grid item forms */
.fast-track .mod-form .grid-container {
    position: relative;
    display: table;
    width: 100%;
    height: 0;
}

    .fast-track .mod-form .grid-container .content {
        overflow: hidden;
    }

    .fast-track .mod-form .grid-container .forms-col.grid-item {
        position: relative;
        background-color: #f9f9f9;
        margin-bottom: 40px;
    }

        .fast-track .mod-form .grid-container .forms-col.grid-item:last-child {
            margin-bottom: 0;
        }

    .fast-track .mod-form .grid-container.single-grid-item .forms-col.grid-item {
        display: table;
        position: relative;
        float: none;
        width: 50%;
        margin: 0 auto;
    }

    .fast-track .mod-form .grid-container .accordions-col {
        position: relative;
        width: 47.65%;
        float: left;
    }

        .fast-track .mod-form .grid-container .accordions-col + .accordions-col {
            margin-left: 3.3%;
        }

        .fast-track .mod-form .grid-container .accordions-col .forms-col.half-col {
            width: 100%;
        }

            .fast-track
            .mod-form
            .grid-container
            .accordions-col
            .forms-col.half-col + .half-col {
                margin-left: 0;
            }

        .fast-track .mod-form .grid-container .accordions-col .forms-col.grid-item {
            width: 100%;
        }

            .fast-track
            .mod-form
            .grid-container
            .accordions-col
            .forms-col.grid-item:last-child {
                margin-bottom: 0;
            }

/* landing intro */
.fast-track-intro header {
    margin: 40px auto 25px;
    text-align: center;
}

.fast-track-intro h2 {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 3.6rem;
    line-height: 7.2rem;
    letter-spacing: 0.06rem;
}

    .fast-track-intro h2:after {
        content: "";
        display: block;
        width: 34px;
        height: 2px;
        background: #541cc4;
        margin: 5px auto 0;
    }

.fast-track-intro h3 {
    padding-top: 26px;
}

.fast-track-intro .intro-content {
    text-align: center;
    margin-bottom: 23px;
}

    .fast-track-intro .intro-content p:last-child,
    .fast-track .form-section-intro p:last-child {
        padding-bottom: 0;
    }

/* START - */
/* Aopc landing page css - Start */
.aopc-landing-form.enrolment-form {
    padding-top: 40px;
    padding-bottom: 60px;
}

.aopc-landing-form .title h2 {
    float: left;
    text-align: left;
    padding-bottom: 0;
}

.aopc-landing-form .title h2,
#join-process .aopc-landing-form .title h3 {
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
}

.aopc-landing-form.register-form .title {
    padding-bottom: 0;
    margin-top: 0;
    background: none;
}

#join-process .aopc-landing-form.register-form .section-wrapper {
    padding: 0;
}

.aopc-sub-heading p {
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    padding-bottom: 0;
}

.aopc-main-heading {
    padding-top: 50px;
}

.aopc-landing-form.mod-form .apoc-member-div .form-section {
    position: unset;
}

.aopc-main-heading h1 {
    text-transform: none;
}

.aopc-main-heading h1,
.aopc-main-heading h3 {
    font-family: 'Roboto';
    font-size: 36px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    padding-bottom: 35px;
}
.aopc-main-heading h5 {
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    padding-bottom: 0;
}

.apoc-member-div {
    position: relative;
    padding-top: 40px;
    padding-bottom: 60px;
}

#join-process .aopc-block .form-actions .cta.partial-submit:disabled {
    background: #d6d6d6;
    color: #fff;
    border: 1px solid #d6d6d6;
}

.aopc-block .form-actions .cta {
    position: absolute;
    bottom: 0;
    left: 0;
}

.aopc-block .aopc-box {
    display: none;
    margin-top: 10px;
    overflow: auto;
}

#join-process .aopc-landing-form .row {
    margin-top: 0;
}

.aopc-landing-form .aopc-block .left-col {
    padding: 0;
}

.aopc-block label {
    margin-right: 15px;
}

.enrolment-form .aopc-block .stylish-ds {
    width: 15px;
    height: 15px;
    margin-right: 10px;
}

.aopc-block {
    clear: both;
    padding-bottom: 40px;
}

    .aopc-block #membership-details .membership-number {
        margin: 0;
    }

.aopc-landing-form #membership-details .member-field-box {
    margin: 0 30px;
}

.aopc-landing-form.enrolment-form #membership-details .label {
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    padding-bottom: 10px;
    padding-top: 0;
    margin-top: 20px;
}

.aopc-landing-form.enrolment-form #membership-details .cta.partial-submit {
    width: 190px;
}

    .aopc-landing-form.enrolment-form #membership-details .cta.partial-submit:disabled {
        background: #000000;
        color: #fff;
        border: 1px solid #d6d6d6;
        opacity: 0.4;
    }

#join-process #membership-details .form-actions {
    padding-top: 50px;
}

.payment-radio-btn,
.membership-radio-btn {
    line-height: 16px;
}

.stylish-form .apoc-member-div .stylish-ds > span {
    border: 1px solid #746632;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .stylish-form .apoc-member-div .stylish-ds > span.checked {
        background: #ffffff;
    }

        .stylish-form .apoc-member-div .stylish-ds > span.checked .ico {
            width: 13px;
            height: 13px;
            display: block;
            background: #746632;
            border-radius: 100%;
            border: 2px solid white;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

.aopc-block label {
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
}

.enrolment-form .aopc-block .stylish-ds {
    top: 5px;
}

#join-process .aopc-block .form-actions .cta.partial-submit {
    font-family: 'Roboto';
    width: 190px;
    height: 42px;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: 1px;
}

#join-process .enrolment-form .apoc-member-div .form-actions {
    padding: 0;
}

.enrolment-form .apoc-member-div .row .right-col .field-message {
    font-family: 'Roboto';
    padding-top: 0;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
}

.aopc-landing-form.enrolment-form .form-section-errors > div {
    margin: 40px ​0 0;
}

.enrolment-form .apoc-member-div .err-msgs .icon.alert.red {
    width: 19px;
    height: 19px;
    background-size: contain;
    top: 0;
}

.enrolment-form .apoc-member-div .err-msgs div {
    font-family: 'Roboto';
    padding-left: 29px;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    margin-top: 10px;
}

#join-process .enrolment-form .apoc-member-div .err-msgs .icon.alert.red {
    top: 0;
}

.register-form.step-1.enrolment-form
.apoc-member-div
.row.error
.err-msgs ~ .field-message {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
}

.enrolment-form .aopc-block .aopc-box {
    overflow: unset;
}

.enrolment-form .apoc-member-div .err-msgs {
    color: #e02020;
    padding-top: 0;
}

.enrolment-form .aopc-block .aopc-box .form-field .field {
    width: 520px;
}

.enrolment-form .aopc-block .aopc-box .form-field .stylish-text input.get-value,
.enrolment-form .aopc-block .aopc-box .form-field .stylish-text span {
    height: 44px;
}

.enrolment-form .aopc-block .aopc-box .right-col .right {
    width: 43%;
}

.aopc-landing-form.enrolment-form .member-banner {
    background: rgba(224, 32, 32, 0.1);
    border: 1px solid #e02020;
    padding: 15px 20px;
    margin-top: 40px;
}

    .aopc-landing-form.enrolment-form .member-banner .aopc-error-header {
        font-family: 'Roboto';
        font-size: 18px;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        padding-bottom: 10px;
        font-weight: bold;
    }

    .aopc-landing-form.enrolment-form .member-banner .aopc-error-text {
        font-family: 'Roboto';
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
    }

.aopc-landing-form.enrolment-form .member-alert .inner {
    margin-left: 0;
    padding-left: 34px;
}

    .aopc-landing-form.enrolment-form .member-alert .inner .icon {
        width: 25px;
        height: 25px;
        left: -4px;
        background: url(/Assets/PriorityPass/images/icons/alert-small-red.svg) no-repeat top left;
    }

@media screen and (max-width: 768px) {
    #join-process .aopc-landing-form.enrolment-form .member-banner {
        margin-top: 40px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

    .join-landing.join-b2c .pp-plans__residence-selector {
        margin-bottom: 5%;
    }

    .aopc-landing-form.enrolment-form #membership-details .label {
        margin-top: 25px;
    }

    .aopc-landing-form.enrolment-form
    #membership-details
    .validation-code
    .label {
        margin-top: 0;
    }

    .aopc-landing-form.enrolment-form #membership-details .cta.partial-submit,
    .enrolment-form .aopc-block .aopc-box .form-field .field,
    .enrolment-form .aopc-block .aopc-box .right-col .right {
        width: 100%;
    }

    #join-process .aopc-landing-form .padded-sides,
    #join-process .aopc-main-heading .padded-sides {
        margin: 0 15px;
    }

    .aopc-landing-form #membership-details .membership-number {
        margin: 0;
        margin-top: 40px;
    }

    .aopc-landing-form #membership-details .member-field-box {
        margin: 0;
    }

    #join-process .aopc-main-heading .title h3 {
        font-size: 30px;
        line-height: 1.13;
        padding-bottom: 20px;
        padding-top: 0;
    }

    .aopc-landing-form .aopc-main-heading h5 {
        font-size: 16px;
        line-height: 1.5;
    }

    .aopc-landing-form.enrolment-form {
        padding-top: 30px;
        padding-bottom: 70px;
    }

    #join-process .aopc-landing-form.enrolment-form .title h3 {
        font-size: 18px;
        line-height: 1.33;
        padding-top: 0;
        line-height: normal;
    }

    .aopc-landing-form .aopc-sub-heading p {
        font-size: 16px;
        line-height: 1.5;
    }

    .aopc-landing-form.enrolment-form .title .message {
        font-family: 'Roboto';
        font-size: 16px;
        line-height: 1.5;
        padding-bottom: 10px;
        font-weight: 500;
    }

    .aopc-block .aopc-box {
        margin-top: 20px;
    }

    .enrolment-form .apoc-member-div .row .right-col .field-message {
        font-family: 'Roboto';
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        padding-top: 10px;
    }

    #join-process .aopc-block .form-actions .cta.partial-submit,
    .aopc-block .cta {
        width: 100%;
    }

    .apoc-member-div {
        padding-bottom: 50px;
    }

    .latest-lounges.lounge-carousel .carousel {
        height: auto;
    }

    .latest-lounges.lounge-carousel .mod-carousel > fieldset .step.next {
        right: 0;
    }

    .latest-lounges.lounge-carousel .mod-carousel > fieldset .step.prev {
        left: 0;
    }
}

/* Aopc css - End */
/* END */

/* form-section intro */
.fast-track .form-section-intro p {
    padding-bottom: 24px;
}

.fast-track .form-section-intro {
    text-align: center;
}

    .fast-track .form-section-intro + .header {
        margin-top: 48px;
    }

/* product selection form */
.fast-track .fast-track-product-selection-form.mod-form {
    padding-bottom: 89px;
    padding-top: 27px;
}

    .fast-track
    .fast-track-product-selection-form.mod-form
    .accordion.forms-col
    .group.form-section.group > .header {
        padding: 0;
    }

        .fast-track
        .fast-track-product-selection-form.mod-form
        .accordion.forms-col
        .group.form-section.group > .header
        .row-trigger {
            padding: 11px 18px 0 15px;
        }

.fast-track-product-selection-form .form-section .form-actions {
    padding: 0 25px;
}

.fast-track-product-selection-form .form-section .partial-submit {
    width: 100%;
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: 0.1rem;
    padding: 14px 28px;
    margin: 7px 0 30px;
}

/* passenger details form */
.fast-track-passenger-detail-form .form-section-title + .fast-track-alert {
    margin-top: -12px;
}

.fast-track-passenger-detail-form .form-section-title {
    padding-bottom: 37px;
}

.fast-track-passenger-detail-form .form-info-details p {
    padding-bottom: 32px;
}

.fast-track-passenger-detail-form
.form-info-details + .form-actions
.partial-submit.centered {
    margin-top: 66px;
    margin-bottom: 73px;
}

.fast-track-passenger-detail-form .form-row.read-only {
    margin: 0;
}

.fast-track-passenger-detail-form .form-row {
    margin-bottom: 35px;
}

    .fast-track-passenger-detail-form
    .form-row + .form-actions
    .partial-submit.centered {
        margin-top: 29px;
    }

/* booking details form */
.fast-track-booking-detail-form
.form-info-details + .form-actions
.partial-submit.centered {
    margin-top: 65px;
}

.fast-track-booking-detail-form
.form-row + .form-actions
.partial-submit.centered {
    margin-top: 20px;
}

/* booking payment form */
.fast-track-payment-form .forms-col.half-col .form-col-fifty {
    width: 50%;
}

    .fast-track-payment-form .forms-col.half-col .form-col-fifty + .form-col-fifty {
        padding-left: 31px;
        margin-left: 0;
    }

.fast-track .mod-form.fast-track-payment-form {
    padding-bottom: 64px;
}

    .fast-track .mod-form.fast-track-payment-form .card-details {
        padding-bottom: 20px;
        margin-top: 10px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

        .fast-track
        .mod-form.fast-track-payment-form
        .card-details
        .row:first-of-type
        .label {
            margin-top: -5px;
        }

.fast-track
.fast-track-payment-form.mod-form
.saved-card-details-group
.cvv-code
div[data-type] {
    width: 79px;
}

.fast-track
.fast-track-payment-form.mod-form
.saved-card-details-group
.form-row {
    margin-bottom: 36px;
}

.fast-track .fast-track-payment-form.mod-form .holder-850 .forms-col .group {
    border: 1px solid #a9a9a9;
    margin-bottom: 27px;
}

    .fast-track
    .fast-track-payment-form.mod-form
    .holder-850
    .forms-col
    .group:last-child {
        margin-bottom: 0;
    }

    .fast-track .fast-track-payment-form.mod-form .holder-850 .forms-col,
    .fast-track
    .fast-track-payment-form.mod-form
    .holder-850
    .forms-col
    .group
    .header,
    .fast-track
    .fast-track-payment-form.mod-form
    .holder-850
    .forms-col
    .group
    .header + .content[style="display: none;"] {
        border: none;
    }

        .fast-track
        .fast-track-payment-form.mod-form
        .holder-850
        .forms-col
        .group
        .header + .content {
            border-top: 1px solid #eaeaea;
        }

.fast-track
.fast-track-payment-form
.accordion.forms-col > .group > .header
.row-trigger {
    padding-top: 0;
}

    .fast-track
    .fast-track-payment-form
    .accordion.forms-col > .group > .header
    .row-trigger
    .icon-holder {
        right: 0;
        width: 34px;
    }

        .fast-track
        .fast-track-payment-form
        .accordion.forms-col > .group > .header
        .row-trigger
        .icon-holder.btn-icon {
            top: 19px;
            right: 34px;
            bottom: auto;
            width: 30px;
        }

    .fast-track
    .fast-track-payment-form
    .accordion.forms-col > .group > .header
    .row-trigger
    .icon-caret-down {
        top: 30px;
    }

.fast-track
.fast-track-payment-form.mod-form
.forms-col-title-holder
.forms-col-title {
    display: inline-block;
}

.fast-track .fast-track-payment-form.mod-form .form-section-title {
    padding-bottom: 47px;
}

.fast-track
.fast-track-payment-form.mod-form
.header.forms-col-title-holder
.row-trigger
h3.forms-col-title {
    padding-right: 35px;
}

.fast-track
.fast-track-payment-form.mod-form
.header.forms-col-title-holder
.row-trigger.with-btn-icon
h3.forms-col-title {
    padding-right: 70px;
}

.fast-track .fast-track-payment-form.mod-form .form-section .forms-col .header {
    padding: 0;
}

    .fast-track
    .fast-track-payment-form.mod-form
    .form-section
    .forms-col
    .header
    h3 {
        padding: 15px 18px 22px;
    }

.fast-track .fast-track-payment-form.mod-form .form-section .content {
    padding: 15px 18px 19px;
}

    .fast-track
    .fast-track-payment-form.mod-form
    .form-section
    .content.summary-content {
        padding-bottom: 16px;
    }

    .fast-track .fast-track-payment-form.mod-form .form-section .content .summary {
        padding-top: 5px;
    }

.fast-track-payment-form h2 {
    padding: 21px 19px 11px 17px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 2.4rem;
    letter-spacing: 0.05rem;
    color: #000000;
    line-height: 2rem;
}

.fast-track-payment-form .label {
    min-height: 30px;
}

.fast-track-payment-form .form-field .row:first-child .label {
    margin-top: 0;
}

.fast-track-payment-form .form-row {
    margin-bottom: 20px;
}

    .fast-track-payment-form .form-row:last-child,
    .fast-track
    .fast-track-payment-form.mod-form
    .saved-card-details-group
    .form-row {
        margin-bottom: 0;
    }

.fast-track-payment-form.stylish-form .stylish-select span.selected .ico {
    background: url("/Assets/PriorityPass/images/icons/accordion-arrow.png") no-repeat center;
    -webkit-transform: rotateZ(180deg);
            transform: rotateZ(180deg);
}

.fast-track-payment-form.stylish-form span.text {
    font-size: 1.6rem;
    letter-spacing: 0.04rem;
}

.fast-track-payment-form .product,
.fast-track-payment-form .total {
    display: table;
    width: 100%;
    margin-bottom: 16px;
}

    .fast-track-payment-form .product > div,
    .fast-track-payment-form .total > div {
        display: table-cell;
        vertical-align: top;
    }

    .fast-track-payment-form .product .product-name,
    .fast-track-payment-form .total .total-label,
    .fast-track-payment-form .product .quantity {
        width: 100%;
    }

    .fast-track-payment-form .product .quantity {
        padding-right: 4px;
    }

    .fast-track-payment-form .product .price {
        width: 0;
    }

.fast-track-payment-form .total {
    display: table;
    width: 100%;
    margin: 25px 0 0;
}

.fast-track-payment-form .total-label,
.fast-track-payment-form .total-value {
    position: relative;
    font-size: 2.4rem;
    letter-spacing: 0.06rem;
    color: #827127;
}

.fast-track-payment-form .terms-conditions {
    display: inline-block;
    width: 100%;
    margin-top: 46px;
}

    .fast-track-payment-form .terms-conditions .row:not(:first-child) {
        margin-top: 16px;
    }

    .fast-track-payment-form .terms-conditions .extra-info {
        width: 60%;
        font-size: 1.4rem;
        line-height: 2rem;
        letter-spacing: 0.04rem;
        color: #757575;
        margin-top: 6px;
    }

        .fast-track-payment-form .terms-conditions .extra-info p:last-child {
            padding-bottom: 0;
        }

    .fast-track-payment-form .terms-conditions .row {
        padding-left: 0;
    }

.fast-track-payment-form.stylish-form .terms-conditions label {
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 0.04rem;
    display: inline-block;
    width: 80%;
    vertical-align: top;
}

.fast-track-payment-form.stylish-form .terms-conditions .stylish-ds > span {
    border-radius: 15px;
    color: #827127;
    width: 14px;
    height: 14px;
}

.mod-form.fast-track-payment-form .checkbox-input-holder {
    margin-bottom: 17px;
}

    .mod-form.fast-track-payment-form .checkbox-input-holder label a {
        color: #827127;
    }

.fast-track-payment-form .form-actions {
    text-align: center;
}

    .fast-track-payment-form .form-actions .partial-submit.centered {
        margin-top: 44px;
    }

    .fast-track-payment-form .form-actions .partial-submit:hover,
    .fast-track-payment-form .form-actions .partial-submit:focus {
        background: #746632;
    }

/* back to form */
.back-to-form {
    width: 100%;
    padding: 18px 30px;
    /*border-bottom: 1px solid #e3e4e3;*/
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

    .back-to-form .wrapper {
        max-width: 1297px;
    }

    .back-to-form .back-to-form-link {
        font-family: 'Roboto';
        color: #827127;
        cursor: pointer;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-transform: uppercase;
        text-decoration: none;
    }

    .back-to-form .back-to-form-icon {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 23px;
        margin-right: 2px;
    }

/* booking confirmation */
.fast-track-booking-confirmation {
    text-align: center;
}

    .fast-track-booking-confirmation header {
        padding-top: 5px;
    }

        .fast-track-booking-confirmation header h2 {
            font-family: 'Roboto', Helvetica, Arial, sans-serif;
            font-weight: bold;
            font-size: 4.8rem;
            line-height: normal;
            letter-spacing: 0.12rem;
            padding-bottom: 36px;
        }

    .fast-track-booking-confirmation .content {
        padding: 0 15px;
    }

    .fast-track-booking-confirmation .booking-reference {
        display: table;
        font-size: 2.4rem;
        line-height: normal;
        letter-spacing: 0.05rem;
        margin: 0 auto;
        padding: 18px 60px;
        border: 1px solid #a9a9a9;
        margin-bottom: 40px;
    }

    .fast-track-booking-confirmation .content p:last-child {
        padding-bottom: 0;
    }

.fast-track .fast-track-booking-confirmation .cta-holder .cta.centered {
    margin-top: 63px;
    margin-bottom: 134px;
}

.fast-track .fast-track-booking-confirmation .cta-holder .cta:hover,
.fast-track .fast-track-booking-confirmation .cta-holder .cta:focus {
    background: #746632;
}

/* fast track datepicker */
.fast-track-datepicker#ui-datepicker-div {
    width: 410px;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #a9a9a9;
    border-top: none;
    border-bottom: none;
    padding-bottom: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}

.fast-track-datepicker.ui-datepicker .ui-datepicker-header {
    padding-top: 14px;
    padding-bottom: 5px;
}

.fast-track-datepicker.ui-datepicker table {
    max-width: 296px;
    margin: auto;
}

.fast-track-datepicker.ui-datepicker table,
.fast-track-datepicker.ui-datepicker th,
.fast-track-datepicker.ui-datepicker .ui-datepicker-title {
    font-size: 1.6rem;
    line-height: 2.5rem;
    letter-spacing: 0.04rem;
    font-weight: normal;
}

.fast-track-datepicker.ui-datepicker th {
    padding-bottom: 5px;
}

.fast-track-datepicker.ui-datepicker td {
    padding: 5px 6px;
}

    .fast-track-datepicker.ui-datepicker td span,
    .fast-track-datepicker.ui-datepicker td a {
        border-radius: 38px;
        color: #000000;
    }

    .fast-track-datepicker.ui-datepicker td a {
        font-weight: normal;
    }

    .fast-track-datepicker.ui-datepicker td.ui-state-disabled span {
        color: #a9a9a9;
    }

    .fast-track-datepicker.ui-datepicker td a {
        position: relative;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

        .fast-track-datepicker.ui-datepicker td a:before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: -1px;
            right: 0;
            width: 32px;
            height: 32px;
            background-color: transparent;
            margin: auto;
            border-radius: 50%;
        }

        .fast-track-datepicker.ui-datepicker td a:hover:before,
        .fast-track-datepicker.ui-datepicker td a.ui-state-active:before {
            background-color: #827127;
        }

        .fast-track-datepicker.ui-datepicker td a:hover,
        .fast-track-datepicker.ui-datepicker td a.ui-state-active {
            background-color: transparent;
            color: #ffffff;
        }

.fast-track-datepicker.ui-datepicker .ui-datepicker-prev,
.fast-track-datepicker.ui-datepicker .ui-datepicker-next {
    background: url("/Assets/PriorityPass/images/icons/forms/datepicker-arrows-black.png") no-repeat;
    background-size: 48px;
}

.fast-track-datepicker.ui-datepicker .ui-datepicker-prev {
    right: 77px;
    left: initial;
    top: 14px;
    background-position: 3px center;
}

.fast-track-datepicker.ui-datepicker .ui-datepicker-next {
    right: 48px;
    top: 14px;
    background-position: -21px center;
}

.fast-track-datepicker.ui-datepicker .ui-datepicker-title {
    text-align: left;
    margin-left: 58px;
}

.show-datepicker-overlay .fast-track-datepicker.ui-datepicker {
    z-index: 9 !important;
}

.show-datepicker-overlay:before {
    content: "";
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.show-datepicker-overlay .fast-track-booking-detail-form .form-field.date {
    position: relative;
    z-index: 9;
}

    .show-datepicker-overlay
    .fast-track-booking-detail-form
    .form-field.date
    .stylish-text > span {
        background-color: #f9f9f9;
    }

/* cta module basic */
.mod-cta {
    padding: 42px 0;
}

    .mod-cta h2 {
        text-align: center;
        text-transform: uppercase;
        padding-bottom: 17px;
        font-size: 2rem;
        letter-spacing: 0.08rem;
        font-family: 'Roboto', Helvetica, Arial, sans-serif;
    }

    .mod-cta .ctas-container,
    .mod-cta .mod-desc {
        text-align: center;
    }

    .mod-cta .ctas-container {
        display: table;
        margin: 0 auto;
        border-spacing: 25px 0;
        table-layout: fixed;
    }

        .mod-cta .ctas-container .cta.box {
            display: table-cell;
            width: 50%;
            vertical-align: middle;
            min-height: 28px;
            font-size: 2rem;
            padding: 9px 25px 9px 32px;
            letter-spacing: 0.13rem;
            font-family: 'Roboto', Helvetica, Arial, sans-serif;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
        }

            .mod-cta .ctas-container .cta.box.black {
                background-color: #000000;
                border-color: #000000;
            }

        .mod-cta .ctas-container a.cta.box {
            margin-left: 10px;
            margin-right: 10px;
            margin-bottom: 15px;
        }

        .mod-cta .ctas-container .cta [class^="icon-"] {
            padding-left: 12px;
        }

    /* cta module dark-theme */
    .mod-cta.alt-theme {
        padding: 93px 0 100px;
        background-color: #000;
    }

        .mod-cta.alt-theme:hover {
            /*background: #000 !important;*/
            -webkit-transform: scale(2);
                    transform: scale(2);
            opacity: 1;
            -webkit-transform: translateY(0px);
                    transform: translateY(0px);
        }

        .mod-cta.alt-theme h2 {
            font-family: 'Roboto', Helvetica, Arial, sans-serif;
            font-size: 4.8rem;
            line-height: 5.8rem;
            letter-spacing: 0.05rem;
            text-align: center;
            text-transform: none;
            font-weight: 600;
            color: #ffffff;
            padding-bottom: 20px;
        }

        .mod-cta.alt-theme .mod-desc {
            color: #ffffff;
        }

        .mod-cta.alt-theme .ctas-container .cta [class^="icon-"] {
            display: none;
        }

        .mod-cta.alt-theme .ctas-container {
            padding-top: 41px;
            border-spacing: 20px 0;
        }

            .mod-cta.alt-theme .ctas-container .cta.box {
                min-height: 0;
                font-family: 'Roboto', Helvetica, Arial, sans-serif;
                font-size: 1.4rem;
                line-height: 2.2rem;
                letter-spacing: 0.1rem;
                padding: 13px 25px;
            }

                .mod-cta.alt-theme .ctas-container .cta.box.black {
                    background-color: #827127;
                    border-color: #827127;
                }

                    .mod-cta.alt-theme .ctas-container .cta.box.black:hover,
                    .mod-cta.alt-theme .ctas-container .cta.box.black:focus {
                        background-color: #746632;
                        border-color: #746632;
                    }

                .mod-cta.alt-theme .ctas-container .cta.box.inverse {
                    border: 1px solid #ffffff;
                }

                    .mod-cta.alt-theme .ctas-container .cta.box.inverse:hover,
                    .mod-cta.alt-theme .ctas-container .cta.box.inverse:focus {
                        background: transparent;
                        color: #757575;
                        border: 1px solid #757575;
                    }

/* generic information-cta module */
.information-cta {
    text-align: center;
    background-color: #f9f9f9;
}

    .information-cta h1 {
        font-size: 3.6rem;
        line-height: 7.2rem;
        letter-spacing: 0.06rem;
        text-transform: none;
        font-family: 'Roboto', Helvetica, Arial, sans-serif;
        margin-top: 50px;
    }

        .information-cta h1:after {
            content: "";
            display: block;
            background-color: #541cc4;
            width: 30px;
            height: 2px;
            margin: auto;
            position: relative;
            top: 5px;
        }

    .information-cta h2 {
        font-size: 2.4rem;
        letter-spacing: 0.05rem;
        font-family: 'Roboto', Helvetica, Arial, sans-serif;
        margin-top: 29px;
        margin-bottom: 21px;
    }

    .information-cta .cta {
        font-family: 'Roboto', Helvetica, Arial, sans-serif;
        font-size: 1.4rem;
        line-height: 2.1rem;
        letter-spacing: 0.1rem;
        padding: 14px 126px;
        margin: 71px 0 88px;
    }

    .information-cta h1,
    .information-cta h2,
    .information-cta .information-cta-info {
        padding: 0 35px;
    }

/* base results container styles */
.results-container {
    position: absolute;
    left: 0;
    top: 4.6rem;
    display: none;
    width: 56rem;
    padding: 2rem 2rem 3rem;
    background: #ffffff;
    cursor: default;
    -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
    -webkit-overflow-scrolling: touch;
}

    .results-container::before {
        content: "";
        position: absolute;
        left: 5.5rem;
        top: -0.5rem;
        width: 10px;
        height: 10px;
        background: #ffffff;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
                box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
    }

    .results-container::after {
        content: "";
        position: absolute;
        left: 5rem;
        top: 0;
        width: 2rem;
        height: 1rem;
        background: #ffffff;
    }

    .results-container a,
    body.locusmaps-visible:not(.locusmaps-full-page) .results-container a {
        cursor: pointer;
        display: block;
        text-align: left;
        color: #000000;
        font-size: 1.8rem;
        line-height: 3rem;
    }

        .results-container a .underline {
            position: relative;
        }

            .results-container a .name,
            .results-container a .underline:before {
                font-weight: bold;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

            .results-container a .underline:before {
                content: "";
                position: absolute;
                width: 100%;
                left: 0;
                bottom: 1px;
                border-bottom: 1px solid #000000;
            }

        .results-container a:hover .name {
            color: #00c7b2;
        }

        .results-container a:hover .underline:before {
            border-color: #00c7b2;
        }

    .results-container li.focus > a {
        background-color: #f5f1e6;
    }

    .results-container.hide-focus li.focus > a {
        background-color: transparent;
    }

    .results-container li > a:focus {
        border-bottom: none;
    }

.mobile .results-container > ul {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

    .mobile .results-container > ul::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 0.3rem;
    }

    .mobile .results-container > ul::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .mobile .results-container > ul::-webkit-scrollbar-thumb {
        border-radius: 0.8rem;
        background-color: #827127;
        background-color: rgba(152, 134, 66, 0.75);
    }

/* helper classes
   ============================ */
table.vertical-centre,
table.vertical-centre tbody,
table.vertical-centre tr,
table.vertical-centre td {
    table-layout: fixed;
    min-height: 100%;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

a.vertical-centre:before,
div.vertical-centre-align:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.vertical-align {
    vertical-align: middle;
}

.spacer-60 {
    height: 6rem;
}
.page-banner.bg-beige {
    background: #000;
}

.bg-beige {
    background-color: #faf9f5;
}

.bg-grey {
    background-color: #f9f9f9;
}

.bg-white {
    background-color: #ffffff;
}

.bg-gold {
    background-color: #827127;
}

.bg-aqua {
    background-color: #77d6cc;
}

.no-text-spacing {
    letter-spacing: 0;
}

.text-spacing {
    letter-spacing: 0.1rem;
}

h4.text-spacing {
    letter-spacing: 0.2rem;
}

.centre-title,
.text-centre {
    text-align: center;
}

.uppercase {
    text-transform: uppercase;
}

.nowrap {
    white-space: nowrap;
}

.page-padding {
    padding: 5rem 0 6rem;
    clear: both;
}

.page-padding-small {
    padding: 3.5rem 0;
    clear: both;
}

.table {
    float: none;
    display: table;
}

.table-cell {
    float: none !important;
    display: table-cell;
    height: 100%;
}

.title-container {
    text-align: center;
}

.title-underline {
    position: relative;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 3.6rem;
    line-height: 7.2rem;
    letter-spacing: 0.06rem;
    text-align: center;
    text-transform: none;
    color: #000000;
}

    .title-underline:after {
        content: "";
        position: absolute;
        bottom: 13px;
        width: 30px;
        height: 2px;
        left: 0;
        right: 0;
        margin: auto;
        background-color: #541cc4;
    }

.title-underline-transport-hub:after {
    content: none;
}

.title-underline.oops-text {
    padding: 60px 0;
}

    .title-underline.oops-text h4 {
        font-family: 'Roboto';
        font-size: 24px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: rgba(0, 0, 0, 0.6);
        padding-bottom: 25px;
    }

    .title-underline.oops-text .oops-txt-des {
        font-family: 'Roboto';
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: rgba(0, 0, 0, 0.6);
        display: block;
    }

    .title-underline.oops-text p:empty {
        display: none;
    }

.airport-carousel.transport-hub-carousel .carousel .loader {
    top: -55px;
}

.airport-carousel.transport-hub-carousel .slide .content .sub-content-2 {
    background: #faf9f5;
    display: inline;
    padding: 3px 10px;
    text-transform: uppercase;
    font-family: 'Roboto';
    font-size: 14px;
    color: #827127;
}

.airport-carousel.transport-hub-carousel .slide .content h5 {
    font-family: 'Roboto';
    font-size: 15px;
}

    .airport-carousel.transport-hub-carousel .slide .content h5.special {
        color: #827127;
    }

    .airport-carousel.transport-hub-carousel .slide .content h5.standard {
        color: #363534;
    }

#carousel-list {
    position: relative;
}

    #carousel-list .inventory-loader {
        background-color: rgba(255, 255, 255, 0.5);
        background-image: url(/Assets/PriorityPass/images/icons/loader-small.gif);
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 4;
    }

.hidden-visibility {
    visibility: hidden;
}

.disable-pointer-events {
    pointer-events: none;
}

/* jQuery UI datepicker
   ============================ */
.ui-state-disabled {
    cursor: default !important;
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-datepicker {
    background: #ffffff;
    width: 17em;
    padding: 0.5em 0.5em 0;
    display: none;
    -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: 0.2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        border: 1px solid #ffffff;
        position: absolute;
        top: 2px;
        width: 3rem;
        height: 3rem;
        background: url("/Assets/PriorityPass/images/icons/forms/datepicker-arrows.png") no-repeat left center;
        cursor: pointer;
        border-radius: 50%;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .ui-datepicker .ui-datepicker-next {
        background-position: right center;
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

        .ui-datepicker .ui-datepicker-prev:hover,
        .ui-datepicker .ui-datepicker-next:hover {
            border-color: #d0d1d1;
        }

        .ui-datepicker .ui-datepicker-prev.ui-state-disabled,
        .ui-datepicker .ui-datepicker-next.ui-state-disabled {
            display: none;
        }

        .ui-datepicker .ui-datepicker-prev span,
        .ui-datepicker .ui-datepicker-next span {
            display: block;
            position: absolute;
            left: 50%;
            margin-left: -8px;
            top: 50%;
            margin-top: -8px;
        }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        table-layout: fixed;
        font-size: 0.9em;
        border-collapse: collapse;
        margin: 0 0 0.4em;
    }

    .ui-datepicker th {
        padding: 0.7em 0.3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            padding: 0.2em;
            text-align: center;
            text-decoration: none;
        }

        .ui-datepicker td span {
            color: #8e8e8e;
        }

        .ui-datepicker td a:hover {
            background-color: #00c7b2;
            color: #ffffff;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: 0.7em 0 0 0;
        padding: 0 0.2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: 0.5em 0.2em 0.4em;
            cursor: pointer;
            padding: 0.2em 0.6em 0.3em 0.6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Verify membership page css */
.update-details-form section.verify-membership-block {
    padding-top: 50px;
}

.verify-membership-block h3 {
    font-family: 'Roboto';
    font-size: 36px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #000;
}

.verify-membership-block .verify-description {
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #000;
    padding: 40px 0;
}

.verify-membership-block .row.form-field {
    margin-top: 0;
    margin-bottom: 40px;
}

    .verify-membership-block .row.form-field.error .left input {
        border: 1px solid #e02020;
        color: #000;
    }

    .verify-membership-block .row.form-field.error .left span {
        outline: none;
    }

    .verify-membership-block .row.form-field.error .right div {
        color: #e02020;
        font-size: 14px;
        padding-left: 29px;
    }

    .verify-membership-block .row.form-field:nth-last-child(-n + 2) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .verify-membership-block .row.form-field .left input {
        font-family: 'Roboto';
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #000;
    }

.verify-membership-block .form-field .label {
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #000;
    padding: 0 0 10px 0;
    font-family: 'Roboto';
}

.verify-membership-block .message {
    width: 48%;
    float: right;
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #000;
}

.verify-membership-block .cta {
    width: 186px;
    height: 42px;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: 1px;
}

    .verify-membership-block .cta[disabled] {
        background: #d6d6d6;
        color: #fff;
    }

.stylish-form .verify-membership-block .last-card-numbers .stylish-text {
    width: 44px;
    float: left;
    margin-right: 10px;
}

    .stylish-form .verify-membership-block .last-card-numbers .stylish-text input {
        font-family: 'Roboto';
        text-align: center;
        color: #000;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
    }

.verify-membership-block .lounge-search {
    height: auto;
}

.verify-membership-block .inventory-lounge-search {
    height: auto;
}

.verify-membership-block .fwp-lounge-search .stylish-text input {
    padding-left: 40px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000;
}

.verify-membership-block .icon-search::before {
    content: "";
    width: 24px;
    height: 24px;
    background: url(/Assets/PriorityPass/images/icons/search.svg) no-repeat center center;
}

.verify-membership-block .icon-search {
    position: absolute;
    z-index: 1;
    top: 8px;
    left: 10px;
}

.verify-membership-block .form-field .right-col input::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #757575;
}

.verify-membership-block .form-field .right-col input::-moz-placeholder {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #757575;
}

.verify-membership-block .form-field .right-col input::-ms-input-placeholder {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #757575;
}

.verify-membership-block .form-field .right-col input::placeholder {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #757575;
}

.verify-membership-block .form-field .right-col input {
    border: 1px solid #a6afb9;
}

.enrolment-form .verify-membership-block .err-msgs .icon.alert.red {
    width: 19px;
    height: 19px;
    background: url(/Assets/PriorityPass/images/icons/error-icon.svg) no-repeat;
    background-size: 100%;
    top: 5px;
}

.verify-membership-block
.fwp-lounge-search
.fwp-lounge-search__results--active {
    width: 48%;
    -webkit-box-shadow: 0 2px 6px 0 #cccccc;
    box-shadow: 0 2px 6px 0 #cccccc;
    overflow: hidden;
    border-radius: 10px;
}

.verify-membership-block .fwp-lounge-search .fwp-lounge-search__results ul {
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 19px 0 19px 0;
    background: #ffffff;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.verify-membership-block
.fwp-lounge-search
.ui-autocomplete
.ui-autocomplete-category:first-child {
    margin-top: 0;
}

.verify-membership-block
.fwp-lounge-search
.ui-autocomplete
.ui-autocomplete-category {
    margin-top: 30px;
    pointer-events: none;
}

.verify-membership-block .fwp-lounge-search .ui-autocomplete a,
.verify-membership-block
.fwp-lounge-search
.ui-autocomplete
.ui-autocomplete-message {
    font-size: 1.6rem;
    line-height: 3rem;
    letter-spacing: 0.04rem;
    cursor: pointer;
    display: block;
    text-align: left;
    color: #000000;
    padding: 0 19px 0 24px;
}

.verify-membership-block
.fwp-lounge-search
.ui-autocomplete
.ui-autocomplete-child
a {
    padding-left: 50px;
}

.verify-membership-block .fwp-lounge-search .ui-autocomplete-term {
    text-decoration: underline;
}

.verify-membership-block .fwp-lounge-search .ui-autocomplete a .name,
.verify-membership-block .fwp-lounge-search .ui-autocomplete a:hover .name,
.verify-membership-block .fwp-lounge-search .ui-autocomplete a:focus .name {
    display: block;
    font-weight: bold;
    color: #000000;
}

.verify-membership-block .fwp-lounge-search .ui-autocomplete a:hover,
.verify-membership-block .fwp-lounge-search .ui-autocomplete a:focus,
.verify-membership-block .fwp-lounge-search .ui-autocomplete .ui-state-active {
    background-color: #f8f8f8;
}

.verify-membership-block .fwp-lounge-search .ui-autocomplete a .country {
    display: block;
}

.enrolment-form .verify-membership-block .last4Digits {
    position: inherit;
}

    .enrolment-form .verify-membership-block .last4Digits .left {
        width: auto;
    }

    .enrolment-form .verify-membership-block .last4Digits .last4Digits {
        float: left;
        margin-bottom: 0;
    }

        .enrolment-form .verify-membership-block .last4Digits .last4Digits .err-msgs {
            padding-top: 0;
        }

    .enrolment-form .verify-membership-block .last4Digits.error .err-msgs {
        position: absolute;
        right: 0;
        top: auto;
        padding: 0;
    }

    .enrolment-form .verify-membership-block .last4Digits.error .valid input {
        color: #000;
        border: 1px solid #a6afb9;
    }

.enrolment-form .verify-membership-block .row.error .stylish-text > span {
    outline: none;
    border: 1px solid #d82d2d;
}

.enrolment-form .verify-membership-block .last4Digits.error .valid span {
    outline: none;
    border: 1px solid #a6afb9;
}

.enrolment-form .verify-membership-block .right-col .right {
    padding: 6px 0 0 0;
}

.enrolment-form
.verify-membership-block
.last4Digits.error
.last4Digits.error
.err-msgs {
    display: none;
}

.enrolment-form
.verify-membership-block
.last4Digits.valid
.last4Digits.error
.err-msgs {
    display: block;
}

.update-details-form
.billing-details-payment-verification
.form-actions
.left-col {
    width: 29.6%;
}

    .update-details-form
    .billing-details-payment-verification
    .form-actions
    .left-col
    .icon.alert.bg-red {
        position: relative;
        top: 4px;
    }

#billing-details-loungevisit.billing-details-payment-verification.hide {
    display: none;
}

.pp-billing-details-block .state-field select,
.pp-billing-details-block .state-field .stylish-select,
.pp-billing-details-block .state-field.dropdown input,
.pp-billing-details-block .state-field.dropdown .stylish-text {
    display: none;
}

.pp-billing-details-block .state-field.dropdown select,
.pp-billing-details-block .state-field.dropdown .stylish-select {
    display: block;
}

.airport-guide-content {
    white-space: normal;
}

    .airport-guide-content p {
        font-family: 'Roboto';
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        padding: 60px 0 30px 0;
    }

    .airport-guide-content .cta.box {
        width: 191px;
        height: auto;
        padding: 6px 0;
        font-family: 'Roboto';
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 1px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

    .airport-guide-content .form-edit .submit {
        padding: 10px 0;
    }

@media screen and (max-width: 768px) {
    .airport-guide-content .cta.box {
        width: 100%;
    }

    .update-details-form
    .billing-details-payment-verification
    .form-actions
    .left-col {
        width: auto;
    }

    .verify-membership-details .enrolment-form {
        padding-top: 50px;
    }

    .verify-membership-block h3 {
        font-size: 30px;
        line-height: 1.13;
        letter-spacing: normal;
        padding-bottom: 0;
    }

    .verify-membership-block .verify-description {
        font-size: 16px;
        line-height: 1.5;
    }

    .verify-membership-block .message {
        width: 100%;
        font-size: 16px;
        line-height: 1.5;
        padding-bottom: 40px;
    }

    .enrolment-form .verify-membership-block .form-actions {
        padding-top: 50px;
    }

    .enrolment-form .verify-membership-block .last4Digits.error .err-msgs {
        top: auto;
        bottom: -34px;
        clear: inherit;
    }

    .enrolment-form .verify-membership-block .err-msgs .icon.alert.red {
        top: 10px;
    }

    .verify-membership-block .row.form-field.error .right div {
        padding-left: 25px;
        padding-top: 6px;
    }

    .verify-membership-block
    .fwp-lounge-search
    .fwp-lounge-search__results--active {
        width: 100%;
    }

    .enrolment-form .verify-membership-block .right-col .right {
        padding: 0;
    }

    .verify-membership-block .row.form-field {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .enrolment-form .verify-membership-block .last4Digits.error .err-msgs {
        bottom: -58px;
    }

    .title-underline.oops-text {
        padding: 60px 15px;
    }

        .title-underline.oops-text .oops-txt-des {
            line-height: normal;
            display: block;
        }
}

/* DMC popup css */

.member-card-lightbox .dmc-main .inner .bordered .row {
    padding: 0;
}

.dmc-first-block {
    padding: 20px;
}

.dmc-logo {
    width: 142px;
    margin: 0 auto;
    padding-top: 10px;
}

.dmc-bar-code {
    width: 140px;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
}

    .dmc-bar-code img {
        padding: 15px;
        height: 84px;
        background: #fff;
    }

.dmc-content {
    padding: 20px;
    border-top: 1px solid #827127;
}

    .dmc-content .cf {
        text-align: center;
    }

.member-card-lightbox .inner.dmc-block-center {
    padding: 40px 110px;
}

    .member-card-lightbox .inner.dmc-block-center .popup-box-shadow {
        border: none;
        -webkit-box-shadow: 0 5px 20px 0 rgba(57, 70, 85, 0.3);
                box-shadow: 0 5px 20px 0 rgba(57, 70, 85, 0.3);
        background: rgb(255, 255, 255);
        background: -o-linear-gradient( 350deg, rgba(255, 255, 255, 1) 40%, rgba(233, 233, 233, 1) 100% );
        background: linear-gradient( 100deg, rgba(255, 255, 255, 1) 40%, rgba(233, 233, 233, 1) 100% );
        border-radius: 8px;
    }

.dmc-logos {
    text-align: center;
    padding-top: 30px;
}

    .dmc-logos img {
        max-width: 150px;
        max-height: 64px;
        margin: -8px 0 -12px;
        vertical-align: middle;
    }

        .dmc-logos img:nth-child(2n + 2) {
            margin-left: 20px;
        }

.mod-lightbox .dmc-main .actions .cta {
    width: 168px;
    padding: 6px 10px;
}

.mod-lightbox-bg .mod-lightbox {
    max-width: 85rem;
}

.dmc-content-text {
    font-family: 'Roboto';
    color: #000;
    opacity: 0.6;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
}

.dmc-content-text2 {
    color: #000;
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    font-weight: bold;
}

    .dmc-content-text h5, .dmc-content-text2 h5 {
        padding-bottom: 5px;
    }

.dmc-print .mod-lightbox .mod-lightbox-close {
    display: none;
}

.dmc-print .mod-lightbox .mod-lightbox-content:focus {
    outline: none;
}

.dmc-print .member-card-lightbox .dmc-main .inner .right .half {
    padding-bottom: 10px;
}

.member-card-lightbox .dmc-main .inner .right > div {
    padding-top: 0;
}

.member-card-lightbox .dmc-main .inner .right .half ~ .half {
    padding-left: 0;
}

/* Member support Contact us */
.contact-form .contact-form-wrapper {
    display: none;
    position: relative;
    background: #ffffff;
    padding: 1.5rem 2rem 0;
    margin-top: 3rem;
}

.contact-form .form-success {
    display: none;
}

.contact-form.enquiry-form .row.error .stylish-text > span,
.contact-form.enquiry-form .row.error .stylish-textarea > textarea,
.contact-form.enquiry-form .row.error .stylish-select > span,
.contact-form.enquiry-form .row.error .stylish-ds > span {
    outline: 3px solid #d82d2d;
}

.contact-form.enquiry-form .cta-holder .cta {
    margin-bottom: 20px;
    font-size: 16px;
}

.contact-form.enquiry-form .form-holder .inner {
    border-top: 1px solid #eceded;
}

.contact-form.enquiry-form .form-holder .form-section .label {
    font-size: 20px;
}

.contact-form.enquiry-form {
    padding-bottom: 30px;
}

    .contact-form.enquiry-form .stylish-ds + .detail {
        padding-top: 0;
        margin-top: -8px;
        font-size: 16px;
    }

    .contact-form.enquiry-form .submit {
        padding-top: 35px;
    }

    .contact-form.enquiry-form .terms-check-title {
        font-weight: bold;
        padding-top: 2rem;
    }

    .contact-form.enquiry-form .mandatory-field-label {
        font-weight: normal;
        font-size: 18px;
        padding-left: 20px;
    }

    .contact-form.enquiry-form .form-holder .inner p {
        font-size: 18px;
        padding-bottom: 15px;
    }

    .contact-form.enquiry-form .form-holder .inner h3 {
        font-weight: bold;
    }

    .contact-form.enquiry-form .heading-underlined {
        font-size: 1.8rem;
    }

    .contact-form.enquiry-form .actions button.cta.box.inverse {
        padding: 4px 28px;
        font-size: 16px;
    }

    .contact-form.enquiry-form .right-col .left .stylish-select,
    .contact-form.enquiry-form .right-col .left select {
        width: 100%;
        max-width: initial;
    }

    .contact-form.enquiry-form
    .form-holder
    #contactus-form
    .form-section
    .padded-sides {
        margin: 0;
    }

.enquiry-form .form-section-instructions {
    padding-top: 10px;
}

/* Airport guide button and p tag css */
.airport-guide-content p {
    font-family: 'Roboto';
    padding: 60px 0 30px 0;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
}

.airport-guide-content .form-edit .submit a {
    width: auto;
    font-family: 'Roboto';
    height: 42px;
    padding: 10px 20px;
    line-height: normal;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 1px;
}

/* App confirmation page for enrolment */
.join-landing.enrolment-landing.enrolment-form-landing
.campaign-confirmation-banner
.title
h1 {
    font-family: 'Roboto';
    padding-bottom: 20px;
    font-size: 36px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
}

.enrolment-form-landing
.campaign-confirmation-banner
.pp-plans
.items
.item
.inner
.top
h4.small {
    font-family: 'Roboto';
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    padding-bottom: 0;
    font-weight: bold;
}

.enrolment-form-landing
.campaign-confirmation-banner
.pp-plans
.items
.item
.inner
.content {
    background: rgba(255, 255, 255, 0.85);
}

    .enrolment-form-landing
    .campaign-confirmation-banner
    .pp-plans
    .items
    .item
    .inner
    .content
    .details {
        background: none;
    }

        .enrolment-form-landing
        .campaign-confirmation-banner
        .pp-plans
        .items
        .item
        .inner
        .content
        .details
        div {
            font-family: 'Roboto';
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
        }

.new-enrolment-confirmation
#enrolment-confirmation
.section-holder > div.card-holder,
.new-enrolment-confirmation
#enrolment-confirmation
.section-holder > div.confirm-title {
    margin-top: 0;
}

.new-enrolment-confirmation .confirm-title {
    padding: 26px 28px 30px 28px;
}

    .new-enrolment-confirmation .confirm-title h3 {
        font-family: 'Roboto';
        padding-bottom: 0;
        font-size: 24px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
    }

.new-enrolment-confirmation
#enrolment-confirmation
.section-holder > div.payment-details-mobile {
    margin-top: 30px;
}

.enrolment-form.new-enrolment-confirmation {
    padding-bottom: 30px;
}

#enrolment-confirmation .section-holder .member-alert-blue {
    background-color: rgba(0, 145, 255, 0.1);
    border: 1px solid #0091ff;
    padding: 20px 15px;
}

    #enrolment-confirmation .section-holder .member-alert-blue p {
        font-family: 'Roboto';
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
    }

.new-enrolment-confirmation #enrolment-confirmation .card-holder .inner .title {
    padding: 0;
}

.new-enrolment-confirmation #enrolment-confirmation .card-holder .title h1 {
    font-family: 'Roboto';
    font-size: 36px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
}

.new-enrolment-confirmation
#enrolment-confirmation
.card-holder
.half
.img-holder.digital-card-img-holder
.name {
    font-family: 'Roboto';
    padding-left: 0;
    padding-top: 15px;
    padding-bottom: 5px;
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
}

.new-enrolment-confirmation
#enrolment-confirmation
.payment-details-mobile
.details-holder {
    padding: 30px 28px;
}

    .new-enrolment-confirmation
    #enrolment-confirmation
    .payment-details-mobile
    .details-holder
    h4 {
        font-family: 'Roboto';
        font-size: 24px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
    }

    .new-enrolment-confirmation
    #enrolment-confirmation
    .payment-details-mobile
    .details-holder
    .half
    .content {
        font-family: 'Roboto';
    }

.new-enrolment-confirmation #enrolment-confirmation .card-holder-content {
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
}

.new-enrolment-confirmation #enrolment-confirmation .half ~ .half,
.new-enrolment-confirmation #enrolment-confirmation .details-holder .info-bar {
    margin-top: 20px;
}

/* Access Lounge button on click popup */
.access-lounge-btn {
    text-align: center;
}

.access-lounge-overlay {
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    z-index: 99;
}

    .access-lounge-overlay.access-lounge-modal-is-on {
        opacity: 1;
        visibility: visible;
    }

        .access-lounge-overlay.access-lounge-modal-is-on .access-lounge-modal-content {
            opacity: 1;
            visibility: visible;
            top: 0;
        }

    .access-lounge-overlay .access-lounge-modal-content {
        background: #fff;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 630px;
        height: 528px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        padding: 80px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        text-align: center;
        border-radius: 4px;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.24);
        -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.24);
        -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.24);
    }

#accessLoungeOk {
    font-size: 15px;
    color: #999;
    cursor: pointer;
}

.access-lounge-modal-content img {
    height: 70px;
}

.access-lounge-modal-content h3 {
    font-family: 'Roboto';
    font-size: 24px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    padding-bottom: 10px;
    padding-top: 20px;
    font-weight: bold;
}

.access-lounge-modal-content p {
    font-family: 'Roboto';
    opacity: 0.6;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    padding-bottom: 10px;
}

    .access-lounge-modal-content p:last-child {
        padding-bottom: 0;
    }

#accessLoungeOk .cta {
    font-family: 'Roboto';
    width: 190px;
    height: 42px;
    margin-top: 30px;
    font-size: 14px;
    line-height: normal;
}

@media screen and (max-width: 768px) {
    .access-lounge-overlay .access-lounge-modal-content {
        width: 93%;
        height: 540px;
        padding: 50px 35px 35px 35px;
    }

    .new-enrolment-confirmation #enrolment-confirmation .card-holder .inner {
        padding: 30px 28px;
    }

    .airport-guide-content .form-edit .submit a {
        width: 100%;
    }

    .contact-form.enquiry-form .cta-holder .cta {
        margin-bottom: 20px;
    }

    .contact-form.enquiry-form .submit {
        padding-top: 30px;
    }

        .contact-form.enquiry-form .submit .cta {
            width: 100%;
        }

    .contact-form.enquiry-form .actions button.cta.box.inverse.toggle-form {
        margin-top: 15px;
        width: 100%;
    }

    .contact-form.enquiry-form .right-col .left .stylish-select,
    .contact-form.enquiry-form .right-col .left select {
        max-width: 25rem;
    }

    .verify-membership-details .enrolment-form {
        padding-top: 50px;
    }

    .verify-membership-block h3 {
        font-size: 30px;
        line-height: 1.13;
        letter-spacing: normal;
        padding-bottom: 0;
    }

    .verify-membership-block .verify-description {
        font-size: 16px;
        line-height: 1.5;
    }

    .verify-membership-block .message {
        width: 100%;
        font-size: 16px;
        line-height: 1.5;
        padding-bottom: 40px;
    }

    .verify-membership-block .cta {
        width: 100%;
    }

    .enrolment-form .verify-membership-block .form-actions {
        padding-top: 50px;
    }

    .verify-membership-block
    .fwp-lounge-search
    .fwp-lounge-search__results--active {
        width: 100%;
    }

    /* DMC popup mobile css */
    .member-card-lightbox .inner.dmc-block-center {
        padding: 10px;
    }

    .dmc-print .member-card-lightbox .inner.dmc-block-center {
        padding: 15px;
    }

    .dmc-logos img {
        width: 89px;
        height: 38px;
    }

        .dmc-logos img:nth-child(2n + 2) {
            margin-left: 5px;
        }

    .dmc-content {
        padding: 20px 30px 30px;
    }

    .dmc-print .member-card-lightbox .inner .actions {
        padding-top: 29px;
    }

        .dmc-print .member-card-lightbox .inner .actions .cta {
            width: 100%;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            margin-bottom: 20px;
        }

    .dmc-print .member-card-lightbox .inner .right {
        width: 100%;
    }

        .dmc-print .member-card-lightbox .inner .right .half,
        .dmc-print .member-card-lightbox .inner .right .half ~ .half {
            padding-bottom: 10px;
        }

    /* DMC - Co-branding mobile popup */

    .dmc-print .mod-lightbox-bg.events-bound .mod-lightbox {
        width: 100% !important;
        max-width: 100% !important;
        top: 0 !important;
        left: 0 !important;
        height: 100% !important;
        max-height: 100% !important;
        overflow: scroll;
        border-radius: 0;
    }

    .dmc-print .dmc-main,
    .dmc-print .mod-lightbox .mod-lightbox-content .mod-lightbox-content-inner {
        height: 100% !important;
    }
}

@media all and (max-width: 4800px) and (min-width: 1349px) {
    .dmc-print .mod-lightbox-bg.events-bound .mod-lightbox {
        top: 8% !important;
        height: 560px !important;
        max-height: none;
    }

    .dmc-print .member-card-lightbox .dmc-main {
        width: 100%;
    }

    .dmc-print .mod-lightbox .mod-lightbox-content {
        height: 680px !important;
    }

    .dmc-print .member-card-lightbox .inner.dmc-block-center {
        padding: 40px 110px;
    }
}

@media all and (max-width: 1700px) and (min-width: 1349px) {
    /* with DMC logos */
    .mod-lighbox-dmc.dmc-print .mod-lightbox-bg.events-bound .mod-lightbox {
        top: 10px !important;
        height: 630px !important;
        max-height: none;
    }

    .mod-lighbox-dmc.dmc-print .member-card-lightbox .dmc-main {
        width: 100%;
        height: 630px !important;
    }

    .mod-lighbox-dmc.dmc-print .mod-lightbox .mod-lightbox-content {
        height: 655px !important;
    }

        .mod-lighbox-dmc.dmc-print
        .mod-lightbox
        .mod-lightbox-content
        .mod-lightbox-content-inner {
            height: 630px !important;
        }

    .mod-lighbox-dmc.dmc-print .member-card-lightbox .inner.dmc-block-center {
        padding: 40px 110px;
    }
}

@media all and (max-width: 4800px) and (min-width: 1700px) {
    .mod-lighbox-dmc.dmc-print .mod-lightbox-bg.events-bound .mod-lightbox {
        top: 16% !important;
        height: 630px !important;
        max-height: none;
    }

    .mod-lighbox-dmc.dmc-print .member-card-lightbox .dmc-main {
        width: 100%;
        height: 630px !important;
    }

    .mod-lighbox-dmc.dmc-print .mod-lightbox .mod-lightbox-content {
        height: 655px !important;
    }

        .mod-lighbox-dmc.dmc-print
        .mod-lightbox
        .mod-lightbox-content
        .mod-lightbox-content-inner {
            height: 630px !important;
        }

    .mod-lighbox-dmc.dmc-print .member-card-lightbox .inner.dmc-block-center {
        padding: 40px 110px;
    }
}

/*
* ----------------
* CSS Animations
* ----------------
*/
@-webkit-keyframes mapToggle {
    25% {
        -webkit-transform: translate3d(4px, -4px, 0);
                transform: translate3d(4px, -4px, 0);
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(4px, -4px, 0);
                transform: translate3d(4px, -4px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@keyframes mapToggle {
    25% {
        -webkit-transform: translate3d(4px, -4px, 0);
                transform: translate3d(4px, -4px, 0);
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(4px, -4px, 0);
                transform: translate3d(4px, -4px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}

/* retina
   ============================ */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min--moz-device-pixel-ratio: 1.5), screen and (-o-min-device-pixel-ratio: 3/2), screen and (min-resolution: 144dpi) {
    .update-details-form .stylish-ds[data-type="checkbox"] > span.checked,
    .update-details-form
    .editing
    .stylish-ds[data-type="checkbox"] > span.checked {
        background-image: url("/Assets/PriorityPass/images/icons/forms/checkbox-tick@2x.png");
        background-size: 1rem;
    }

    .enrolment-form .stylish-ds[data-type="checkbox"] > span.checked {
        background-image: url("/Assets/PriorityPass/images/icons/forms/checkbox-tick-large@2x.png");
        background-size: 1.5rem;
    }

    .fast-track .stylish-form .stylish-select span .ico {
        background: url("/Assets/PriorityPass/images/icons/down-black-arrow.svg") no-repeat center center;
        background-size: 8px;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        background-image: url("/Assets/PriorityPass/images/icons/forms/datepicker-arrows.png");
        background-size: 6rem;
    }

    .b2b-campaign-landing .submit form .error .icon.alert {
        background-image: url("/Assets/PriorityPass/images/icons/alert-large@2x.png");
        background-size: 2.8rem;
    }
}

@media screen and (min-width: 1244px) {
    .fast-track-datepicker#ui-datepicker-div {
        width: 411px;
    }
}

/* main - height based */
@media screen and (max-height: 900px) {
    #homepage .title,
    .campaign-page .title {
        padding: 2.5rem 0;
    }
}

@media screen and (max-height: 800px) {
    #homepage .title,
    .campaign-page .title {
        padding: 1.8rem 0;
    }
}

/* main - width based */
@media screen and (max-width: 1290px) {
    .wrapper {
        min-width: 0;
        width: 100%;
    }
}

@media screen and (max-width: 1260px) {
    .gdpr-form-section .data-processing .detail {
        max-width: 80%;
    }

    #main.gdpr-consent-page {
        background: transparent;
    }

    .gdpr-consumer-consent-form.enrolment-form {
        margin: 50px auto;
        background: #ffffff;
        overflow: hidden;
    }

    #main.gdpr-consent-page,
    .gdpr-cta-box-container {
        width: auto;
        padding: 0 6px;
    }

    .gdpr-consumer-consent-form-section .form-section-errors.errors {
        left: -105px;
    }

    .gdpr-cta-box {
        padding-bottom: 140px;
    }

        .gdpr-cta-box h1 {
            padding-top: 50px;
        }

        .gdpr-cta-box a.button {
            bottom: 30px;
        }
}

@media screen and (max-width: 1120px) {
    .checkboxes-group.two-col {
        width: 100%;
        margin: 15px 0 25px;
    }

        .checkboxes-group.two-col .rows-col .row.form-field:first-child {
            margin-top: 0;
        }

        .checkboxes-group.two-col .rows-col .row.form-field,
        .checkboxes-group.two-col .rows-col .row.form-field:last-child,
        .checkboxes-group.two-col .rows-col .row.form-field:first-child {
            width: 100%;
            max-width: none;
            padding-right: 0;
            margin-bottom: 12px;
        }

        .checkboxes-group.two-col .rows-col:last-child .row.form-field:last-child {
            margin-bottom: 0;
        }
}

@media screen and (max-width: 1030px) {
    .wrapper .padded-sides,
    .my-offers.wrapper > .padded-sides .holder-1030 {
        margin-left: 35px;
        margin-right: 35px;
        width: auto;
    }

    .holder-830 > .padded-sides,
    .holder-1030 > .padded-sides {
        margin-left: 0;
        margin-right: 0;
    }

    .wrapper > .padded-sides .holder-830,
    .wrapper > .padded-sides .holder-1030,
    .wrapper > .padded-sides .holder-1030 .holder-830 {
        width: 100%;
    }

    .wrapper > .padded-sides .holder-850 {
        max-width: none;
    }

    .holder-830 .item .left img {
        width: 100%;
    }

    /* member links */
    .member-nav .title .padded-sides {
        margin: 0;
    }

    .member-banner .member-nav .title .cta {
        min-width: 11rem;
        font-size: 1.2rem;
        line-height: 2.6rem;
        top: 0.5rem;
        display: block;
    }

    /* join form */
    #join-process > .title {
        padding-top: 0;
    }

    /* my offers */
    .my-offers .item {
        margin: 2.5rem 0;
    }

        .my-offers .item .right .inner {
            padding: 2.5rem;
        }

    /* package summary */
    .package-summary .promo-text,
    .package-summary .packages {
        float: none;
        width: auto;
        padding: 0 2.5rem 3rem;
    }

        .package-summary .packages > div {
            padding: 1rem 1.2rem;
        }

            .package-summary .packages > div .package-description > h3 {
                font-size: 1.1rem;
                line-height: 2rem;
            }

                .package-summary .packages > div .package-description > h3:after {
                    width: 7.5rem;
                }

            .package-summary .packages > div .package-description p {
                font-size: 1.2rem;
                line-height: 1.6rem;
            }

            .package-summary .packages > div .package-pricing {
                font-size: 1.1rem;
                line-height: 2.4rem;
            }

                .package-summary .packages > div .package-pricing .old-price {
                    font-size: 1.4rem;
                    margin-right: 0.5rem;
                }

                .package-summary .packages > div .package-pricing .new-price {
                    font-size: 2.4rem;
                }

            .package-summary .packages > div.more-details {
                display: none;
            }

        .package-summary .packages > h2.heading {
            font-size: 1.6rem;
            line-height: 1.6rem;
            padding: 1.3rem;
        }

            .package-summary .packages > h2.heading.variation-1 .text-2 {
                font-size: 4.4rem;
                line-height: 3.2rem;
                padding-left: 0.8rem;
            }

            .package-summary .packages > h2.heading.variation-2 .text-1 {
                padding: 0.8rem 0;
                font-size: 1.8rem;
            }

            .package-summary .packages > h2.heading.variation-3 .text-1 {
                font-size: 4.4rem;
                line-height: 3.2rem;
            }

            .package-summary .packages > h2.heading.variation-3 .text-2 {
                padding-left: 0.8rem;
            }

            .package-summary .packages > h2.heading.variation-4 .text-1 {
                font-size: 1.6rem;
                line-height: 1.6rem;
            }

            .package-summary .packages > h2.heading.variation-4 .text-2 {
                font-size: 4.4rem;
                line-height: 3.2rem;
                padding-left: 0.8rem;
                padding-right: 0.8rem;
            }

            .package-summary .packages > h2.heading.variation-4 .text-3 {
                font-size: 1rem;
                line-height: 1.1rem;
            }

            .package-summary .packages > h2.heading.variation-5 {
                padding: 0.8rem 1.3rem 0.4rem;
            }

                .package-summary .packages > h2.heading.variation-5 .text-1 {
                    font-size: 21px;
                    font-size: 2.1rem;
                }

                .package-summary .packages > h2.heading.variation-5 .text-2 {
                    font-size: 31px;
                    font-size: 3.1rem;
                    line-height: 31px;
                    line-height: 3.1rem;
                }

    /* tab carousel (ppc, microsite) */
    .tab-carousel {
        padding: 0;
    }

        .tab-carousel h5 {
            text-align: left;
            font-size: 3rem;
            line-height: 3.3rem;
        }

        .tab-carousel .carousel .step.prev,
        .tab-carousel .carousel.wide .step.prev {
            left: 0;
        }

        .tab-carousel .carousel .step.next,
        .tab-carousel .carousel.wide .step.next {
            right: 0;
        }

        .tab-carousel .carousel .viewport {
            margin: 0;
        }

        .tab-carousel .carousel.wide .viewport {
            margin: 0 3.4rem;
        }

        .tab-carousel .carousel .slide > div,
        .tab-carousel .carousel.wide .slide > div {
            margin: 0;
        }

            .tab-carousel .carousel .slide > div img {
                margin-bottom: 2rem;
            }

                .tab-carousel .carousel .slide > div img + div {
                    padding: 0 2.8rem;
                }

        .tab-carousel .carousel .slide .logo {
            height: 16.6rem;
            line-height: 16.6rem;
        }

    /* ppc text with media */
    .ppc-text-with-media.image .text,
    .ppc-text-with-media.video .text {
        padding: 2rem 1.5rem 0;
    }

    .ppc-text-with-media .image,
    .ppc-text-with-media .video {
        position: relative;
        width: 100%;
        max-width: none;
        height: auto;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
    }

    /* site footer logo */
    .social-media-holder .footer-logo {
        width: 27.5%;
    }

    /* table tooltip */
    table.tooltip-table .tooltip-trigger {
        position: static;
    }

        table.tooltip-table .tooltip-trigger .tooltip {
            position: absolute;
            margin-top: 1rem;
        }

    /* gdpr forms */
    .wrapped-checkbox {
        margin: 0;
        padding: 6px 12px;
    }

        .wrapped-checkbox.full-width-content .title h2,
        .gdpr-consumer-consent-form-section h2 {
            margin-top: 0;
            padding-bottom: 0;
        }

    .gdpr-consumer-consent-form-section .form-section-errors.errors {
        padding: 8px 50px;
        left: -50px;
    }

    .gdpr-consumer-consent-form-section .gdpr-captcha-field.left,
    .gdpr-consumer-consent-form-section .actions.right.align-with-captcha,
    .gdpr-consumer-consent-form-section .gdpr-captcha-field.left .err-msgs,
    .gdpr-consumer-consent-form-section
    .gdpr-captcha-field.left
    .right-col
    .left {
        display: table;
        float: none;
        width: 100%;
    }

    .gdpr-consumer-consent-form-section .gdpr-captcha-field {
        margin-top: 30px;
    }

    .gdpr-consumer-consent-form-section .actions.right.align-with-captcha {
        width: auto;
        margin: 40px auto 0 auto;
    }

    .gdpr-consumer-consent-form-section .gdpr-captcha-field.left .err-msgs {
        margin-top: 5px;
    }

    .gdpr-cta-box .intro-text,
    .gdpr-consumer-consent-form-section .intro-text {
        padding: 0 10px;
    }

    /* cta module dark-theme */
    .mod-cta.alt-theme {
        padding: 74px 0;
    }

        .mod-cta.alt-theme h2 {
            font-size: 3.8rem;
            letter-spacing: 0.04rem;
            padding-bottom: 15px;
        }

    /* fast track
       ============================ */
    /* forms */
    .fast-track .mod-form .holder-850 .forms-col.half-col {
        width: 48.3%;
    }

        .fast-track .mod-form .holder-850 .forms-col.half-col + .half-col {
            margin-left: 3.4%;
        }

    /* back to form */
    .back-to-form {
        padding-left: 31px;
        padding-right: 35px;
    }
}

@media screen and (max-width: 1000px) {
    body.one-trust {
        padding-top: 120px !important;
    }

    .title-underline {
        font-size: 2.8rem;
        line-height: 4.4rem;
        letter-spacing: 0.05rem;
    }

        .title-underline:after {
            bottom: 2px;
        }

    /* Dashboard tables - my vouchers
       ------------------------------ */

    /* responsive table */
    table.pp-table .desktop-only {
        display: none;
    }

    table.pp-table .mobile-only {
        display: block;
    }

    table.pp-table thead th,
    table.pp-table thead td {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    /* table cell dividers */
    table.pp-table .no-border:before {
        visibility: hidden;
    }

    table.pp-table .more-info {
        padding: 0 0.5rem 2rem;
    }

        table.pp-table .more-info .qr-code {
            float: none;
            margin: 0;
        }

            table.pp-table .more-info .qr-code .image {
                margin: initial;
            }

        table.pp-table .more-info dl {
            margin: 0;
            white-space: initial;
        }

        table.pp-table .more-info dt,
        table.pp-table .more-info dd {
            margin: 0;
        }

        table.pp-table .more-info dd {
            padding: 0 0 1rem;
            word-wrap: break-word;
        }

    /* fast-track
       ============================ */
    .fast-track .wrapper > .padded-sides .holder-630 {
        max-width: none;
    }

    .fast-track .mod-form .grid-container .forms-col.grid-item {
        margin-bottom: 30px;
    }

    .fast-track .mod-form .grid-container .accordions-col {
        float: none;
        display: table;
        width: 100%;
        max-width: 460px;
        margin: 0 auto 30px;
    }

        .fast-track .mod-form .grid-container .accordions-col + .accordions-col {
            margin-left: auto;
        }

    .fast-track-intro h2 {
        font-size: 2.8rem;
        letter-spacing: 0.05rem;
        line-height: 7.2rem;
    }

    .fast-track-intro header {
        margin: 6px auto 25px;
    }

    .form-col.form-col-sixty {
        width: 65.2%;
    }

        .form-col.form-col-sixty + .form-col-forty {
            width: 31.9%;
            margin-left: 2.9%;
        }

    .form-col-fifty {
        width: 47.85%;
    }

        .form-col-fifty + .form-col-fifty {
            margin-left: 4.3%;
        }

    .form-col-eighty + .form-col-twenty {
        padding-left: 21px;
    }

    .fast-track-datepicker#ui-datepicker-div {
        width: calc(65.2% - 46px);
    }

    /* product selection */
    .fast-track .fast-track-product-selection-form.mod-form {
        padding-bottom: 18px;
    }

    /* booking details */
    .fast-track-booking-detail-form
    .form-info-details + .form-actions
    .partial-submit.centered {
        width: 100%;
        max-width: 250px;
    }

    /* payment form */
    .fast-track .mod-form.fast-track-payment-form {
        padding-bottom: 50px;
    }

        .fast-track .mod-form.fast-track-payment-form .holder-850 .forms-col.half-col,
        .fast-track .mod-form.fast-track-payment-form .form-section-errors {
            float: none;
            width: 100%;
            max-width: 460px;
            margin-left: auto;
            margin-right: auto;
        }

            .fast-track
            .mod-form.fast-track-payment-form
            .holder-850
            .forms-col.half-col + .half-col {
                margin-left: auto;
            }

        .fast-track
        .mod-form.fast-track-payment-form
        .holder-850
        .forms-col.half-col {
            margin-bottom: 29px;
        }

            .fast-track
            .mod-form.fast-track-payment-form
            .holder-850
            .forms-col.half-col:last-child {
                margin-bottom: 0;
            }

        .fast-track
        .mod-form.fast-track-payment-form
        .forms-col.half-col
        .form-col-fifty + .form-col-fifty {
            padding-left: 21px;
        }

    .fast-track-payment-form .form-actions .partial-submit.centered {
        width: 100%;
        max-width: 260px;
        margin-bottom: 0;
    }

    .fast-track-payment-form .terms-conditions {
        margin-top: 12px;
    }

        .fast-track-payment-form .terms-conditions .extra-info {
            width: 95%;
        }

    .fast-track-payment-form.stylish-form .terms-conditions label {
        width: 100%;
    }

    /* confirmation */
    .fast-track-booking-confirmation header h2 {
        font-size: 3.8rem;
        line-height: 5.2rem;
        letter-spacing: 0.04rem;
    }

    .fast-track .fast-track-booking-confirmation .cta-holder .cta.centered {
        width: 100%;
        max-width: 260px;
        margin-bottom: 48px;
    }

    .fast-track-booking-confirmation .content {
        padding: 0;
    }

    .fast-track-booking-confirmation .booking-reference {
        font-size: 2.2rem;
        line-height: 3.41rem;
    }

    .minimal-select.stylish-form .stylish-select .selected {
        padding-right: 0;
    }
}

@media screen and (max-width: 865px) {
    /* image and text items - carousels, benefits listing, etc. */
    .holder-830 .item .left {
        width: 47.5%;
    }

    .holder-830 .item .right {
        width: 52.5%;
    }

        .holder-830 .item .left .content,
        .holder-830 .item .right .content {
            padding: 2rem 2.5rem;
        }

    .related-content .item,
    .related-content .item.first {
        width: 48%;
        padding-left: 4%;
        clear: none;
    }

        .related-content .item:nth-child(2n - 1) {
            clear: both;
            padding-left: 0;
        }

    /* image carousel */
    .img-carousel.lounge-carousel .title,
    .img-carousel.lounge-carousel .title h3 {
        display: block;
        clear: both;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .img-carousel.lounge-carousel .pagination-controls {
        bottom: 0;
    }

    /* campaign pages */
    .campaign-plans .pp-plans {
        padding: 2.5rem 3.5rem;
    }

        .campaign-plans .pp-plans h4 strong {
            color: #000;
            -webkit-filter: invert(1) contrast(1);
                    filter: invert(1) contrast(1);
        }

    /* b2b plan listing variant */
    .pp-plans.plans-listing .items .item .inner,
    .pp-plans.plans-listing .items .item .inner .top,
    .pp-plans.plans-listing .items .item .inner .content,
    .pp-plans.plans-listing .items .item.partner-info .top,
    .pp-plans.plans-listing .items .item.partner-info .content {
        width: auto;
        display: block;
    }

    .pp-plans.plans-listing .items .item.partner-info .content {
        padding-bottom: 0;
    }

    .pp-plans.plans-listing .items .item .inner .content .info ~ div {
        padding-top: 2rem;
    }

    .b2b-campaign-landing .content .bottom .left {
        width: 30%;
    }

        .b2b-campaign-landing .content .bottom .left ~ .right {
            margin-left: 5%;
            width: 65%;
        }

    .b2b-campaign-landing .content .bottom .campaign-form .left {
        width: 100%;
    }

        .b2b-campaign-landing .content .bottom .campaign-form .left ~ .right {
            margin-left: 0;
            width: 100%;
        }

    .b2b-campaign-landing .content .campaign-form .left-col,
    .b2b-campaign-landing .content .campaign-form .right-col {
        width: 100%;
        float: left;
    }

    .b2b-campaign-landing .content .campaign-form .right.err-msgs {
        padding-top: 0.5rem;
    }

    .b2b-campaign-landing .content .campaign-form .right-col .right.err-msgs {
        width: 100%;
        margin: 0;
    }

    .campaign-form .form-field .label,
    .campaign-form .err-msgs div {
        text-align: left;
    }

    .b2b-campaign-landing .submit input[type="text"] {
        width: 20rem;
    }

    .b2b-campaign-landing .submit form,
    .b2b-campaign-landing .submit form > div {
        display: block;
    }

        .b2b-campaign-landing .submit form > div:first-child {
            padding-right: 0;
            white-space: normal;
        }

        .b2b-campaign-landing .submit form .error {
            margin-top: 0.5rem;
        }

            .b2b-campaign-landing .submit form .error .icon.alert {
                display: block;
                position: absolute;
                top: 6px;
                top: 0.6rem;
                left: 0;
                background: url(/Assets/PriorityPass/images/icons/alert-large.png) no-repeat center center;
                width: 28px;
                width: 2.8rem;
                height: 28px;
                height: 2.8rem;
            }

    /* dmc campaign landing */
    .dmc-campaign-landing .content .bottom .enrolment-form {
        width: 100%;
    }

        .dmc-campaign-landing
        .content
        .bottom
        .enrolment-form
        .thirds.hide ~ .thirds {
            margin-left: 0;
            margin-bottom: 0.5rem;
            width: 100%;
        }

        .dmc-campaign-landing .content .bottom .enrolment-form .form-actions .cta {
            position: static;
        }

    .enrolment-form .tooltip {
        position: static;
        left: 0;
        bottom: 100%;
        top: auto;
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

        .enrolment-form .tooltip .tooltip-trigger {
            margin-left: 0;
        }

            .enrolment-form .tooltip .tooltip-trigger img {
                display: block;
            }

    .enrolment-form .tooltip-content {
        left: -1.3rem;
        bottom: 5rem;
        top: auto;
        width: 100%;
    }

        .enrolment-form .tooltip-content:after {
            left: 1.6rem;
            top: 100%;
            -webkit-transform: rotate(225deg);
                    transform: rotate(225deg);
        }

    .dmc-campaign-banner .plan {
        padding: 2rem;
    }

    /* member details */
    .update-details-form section .form-message {
        position: static;
        width: 62%;
        float: right;
        padding: 1rem 0;
    }

    .update-details-form .row .left-col {
        width: 35%;
    }

    .update-details-form .row .right-col {
        width: 62%;
    }

        .update-details-form .row .right-col .left,
        .update-details-form .row .right-col .right-row .left,
        .update-details-form .row .right-col .right,
        .update-details-form .row .right-col .right-row .right {
            width: auto;
            float: none;
        }

        .update-details-form .row .right-col .right-row .left,
        .update-details-form .row .right-col .right-row .right {
            background: #f1f1f1;
            padding-left: 6%;
            padding-right: 6%;
        }

        .update-details-form .row .right-col .right-row .right {
            padding-bottom: 1rem;
        }

        .update-details-form .row .right-col .right-row > .bg {
            display: none;
        }

    /* enrolment form */
    #enrolment-confirmation .details-holder .info-bar .item {
        padding-right: 2rem;
    }

    #enrolment-confirmation .details-holder .info-bar > div,
    #enrolment-confirmation .details-holder .info-details .content {
        padding-left: 4rem;
    }

    .enrolment-form-landing .pp-plans .items .item.b2b-plan {
        border-left: none;
    }

    #enrolment-confirmation .details-holder .info-bar .price-info {
        width: 60%;
    }

    /* affinity plans */
    .enrolment-form-landing
    .pp-plans.affinity
    .items
    article.item > div.inner > div.col {
        width: 100%;
        margin: 0;
    }

    /* footer */
    .popular-lounges {
        padding: 0;
    }

        .popular-lounges .padded-sides {
            display: none;
        }

        .popular-lounges .mobile-dropdown {
            display: block;
        }

    /* site footer logo */
    .social-media-holder .footer-logo {
        width: 26.5%;
    }

    /* fast track
       ============================ */
    .fast-track .mod-form .holder-850 .forms-col.half-col {
        width: 48%;
    }

        .fast-track .mod-form .holder-850 .forms-col.half-col + .half-col {
            margin-left: 4%;
        }

    /* password criteria */
    .edit-account-details .password-criteria {
        margin-top: 42px;
    }

    .edit-account-details [data-field-id="NewPassword"] .err-msgs {
        position: absolute;
        top: 40px;
    }
}

@media screen and (max-width: 768px) {
    /* cbsi and dmc registrations */
    .join-landing.dmc-campaign-landing {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: -10px;
    }

        .join-landing.dmc-campaign-landing .content {
            padding-right: 28px;
            padding-left: 28px;
        }

        .join-landing.dmc-campaign-landing .padded-sides {
            margin: 0;
        }

        .join-landing.dmc-campaign-landing h2 {
            font-size: 1.7rem;
            line-height: 2.3rem;
            text-align: left;
            font-family: 'Roboto';
        }

    .dmc-campaign-landing .content .bottom .enrolment-form {
        padding-bottom: 0;
    }

    .join-landing.enrolment-landing + .enrolment-form .tooltip,
    .join-landing.dmc-campaign-landing .enrolment-form .tooltip {
        position: absolute;
        right: 36px;
        width: 24px;
        bottom: 109%;
        left: auto;
    }

    .join-landing.enrolment-landing + .enrolment-form
    .form-field.date-field
    .tooltip,
    .join-landing.dmc-campaign-landing
    .enrolment-form
    .form-field.date-field
    .tooltip {
        margin-bottom: 4px;
    }

    .join-landing.dmc-campaign-landing .enrolment-form .label.left-col {
        margin-bottom: 8px;
    }

    .join-landing.dmc-campaign-landing
    .content
    .bottom
    .enrolment-form
    .thirds.hide + .thirds {
        margin-right: 4%;
    }

    .join-landing.dmc-campaign-landing
    .content
    .bottom
    .enrolment-form
    .thirds.hide ~ .thirds {
        width: 48%;
        clear: none;
    }

    .dmc-campaign-landing
    .content
    .bottom
    .enrolment-form
    .form-actions
    button.full-submit {
        width: 100%;
        margin-top: 25px;
    }

    .join-landing.dmc-campaign-landing .enrolment-form .section-wrapper {
        font-size: 1.7rem;
        padding-top: 18px;
    }

    .join-landing.dmc-campaign-landing
    .content
    .bottom
    .enrolment-form
    .left.field {
        width: 100%;
        max-width: none;
    }

    .join-landing.enrolment-landing + .enrolment-form .tooltip-content,
    .join-landing.dmc-campaign-landing .enrolment-form .tooltip-content {
        width: 96%;
        left: 0;
        bottom: 100px;
        font-size: 1.3rem;
    }

        .join-landing.enrolment-landing + .enrolment-form .tooltip-content:after,
        .join-landing.dmc-campaign-landing .enrolment-form .tooltip-content:after {
            left: auto;
            right: 3px;
        }

    .join-landing.enrolment-landing + .enrolment-form .left-col,
    .join-landing.enrolment-landing + .enrolment-form .right-col .left {
        width: 100%;
    }

    .join-landing.enrolment-landing + .enrolment-form
    .form-actions
    .padded-sides {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    #join-process .join-landing.enrolment-landing + .enrolment-form .cta {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

    .join-landing.enrolment-landing + .enrolment-form .cta + .cta {
        margin: 0 0 28px;
    }

    .join-landing.enrolment-landing + .enrolment-form .stylish-ds + .detail {
        padding-top: 0;
    }

    .join-landing.enrolment-landing + .enrolment-form .right-col .right {
        float: left;
        width: 100%;
    }

    .join-landing.enrolment-landing + .enrolment-form
    .form-field.error
    .right-col
    .right.err-msgs {
        margin-bottom: 10px;
    }

    .join-landing.enrolment-landing + .enrolment-form .err-msgs div {
        font-family: 'Roboto', Helvetica, Arial, sans-serif;
    }

    .join-landing.enrolment-landing + .enrolment-form .form-section-errors {
        display: none;
        padding-left: 10px;
        padding-bottom: 39px;
        font-family: 'Roboto', Helvetica, Arial, sans-serif;
    }

        .join-landing.enrolment-landing + .enrolment-form
        .form-section-errors.errors {
            display: block;
            margin-top: -3px;
        }

    .join-landing.dmc-campaign-landing .row.form-field + .form-field {
        margin-top: 30px;
    }

    .join-landing.dmc-campaign-landing .img-adjust-container {
        display: none;
    }

    .join-landing.enrolment-landing + .enrolment-form {
        padding-top: 36px;
    }

    .join-landing.enrolment-landing .dmc-campaign-banner {
        padding-top: 37px;
    }

        .join-landing.enrolment-landing .dmc-campaign-banner h1 {
            padding-bottom: 40px;
        }

    .join-landing.enrolment-landing + .enrolment-form
    .padded-sides.section-wrapper
    .form-field.error + .form-field {
        margin-top: 15px;
    }

    .join-landing.enrolment-landing + .enrolment-form
    .row.form-field.error[data-field-id="EmailAddress"] {
        margin-bottom: -26px;
    }

    .padded-sides.section-wrapper .form-field + .form-field {
        margin-top: 37px;
    }

    /* gdpr forms */
    .checkboxes-group .form-field span.detail,
    .join-landing.enrolment-landing + .enrolment-form
    .checkboxes-group
    .stylish-ds + .detail {
        padding-top: 7px;
    }

    .checkboxes-group.two-col .detail {
        max-width: none;
    }

    .checkboxes-group.two-col .rows-col {
        width: 100%;
        margin-right: 0;
    }

    #join-process .gdpr-form-section .intro-text {
        margin-bottom: 0;
    }

    .enrolment-form .gdpr-form-section .left-col {
        width: 100%;
    }

    .gdpr-form-section.padded-sides.section-wrapper .form-field + .form-field {
        margin-top: 0;
    }

    .gdpr-form-section.padded-sides.section-wrapper .form-field p {
        padding-bottom: 8px;
    }

    .gdpr-form-section .profiling-tracking .stylish-ds,
    .gdpr-form-section .data-processing .stylish-ds {
        display: block;
        float: left;
    }

    .gdpr-form-section .data-processing .detail {
        max-width: 75%;
    }

    .gdpr-form-section .enrolment-form .form-actions .submit {
        text-align: center;
    }

    /* airport guides
       ============================ */

    /* cta module basic */
    .mod-cta {
        padding: 21px 0 17px;
    }

        .mod-cta .ctas-container {
            width: 100%;
            border-spacing: 0;
        }

            .mod-cta .ctas-container a.cta.box {
                display: block;
                width: 100%;
                margin-left: 0;
                margin-right: 0;
            }

        /* cta module dark-theme */
        .mod-cta.alt-theme {
            padding: 21px 0 17px;
        }

            .mod-cta.alt-theme .ctas-container a.cta.box {
                display: block;
                margin-left: 0;
                margin-right: 0;
            }

    /* generic information-cta module */
    .information-cta h1 {
        font-size: 2.8rem;
    }

    .information-cta h2 {
        font-size: 2.2rem;
    }

    .information-cta h1,
    .information-cta h2 {
        padding: 0;
    }

    .information-cta .cta {
        margin: 23px 0 55px;
    }

    .join-landing.join-b2c .pp-plans__residence-selector-label {
        margin: 0;
    }
    /* worldpay challenge iframe */
    .iframe__block {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

        .iframe__block iframe {
            width: 90%;
            border: 0;
            margin: 0 18px;
        }

    /* end of worldpay challenge iframe */
    /*3DS payment failure pop up*/
    .modalPopup,
    .threedsmodalPopup {
        width: 80%;
    }

    .threedsmodalPopup {
        width: 92%;
        padding: 60px 0 60px;
        overflow-y: auto;
        max-height: 100%;
    }

    #popup-button,
    #threedspopup-button {
        width: 100%;
    }

    .modalContent .modalContent--main,
    .threedsmodalContent .modalContent--main {
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0.69px;
        text-align: center;
        color: #4b4f54;
    }

    /*END of 3DS payment failure pop up*/

    #billing-details .holder-830 {
        width: auto;
    }
}

@media screen and (max-width: 760px) {
    /* global grid - v2 */
    .wrapper .padded-sides,
    .my-offers.wrapper > .padded-sides .holder-1030 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .verify-membership-details .enrolment-form .padded-sides {
        margin-left: 15px;
        margin-right: 15px;
    }

    /* google map */
    .gmap .map-holder {
        height: auto;
        background: transparent;
    }

    .gmap #airports-map,
    .gmap .overlay .inner .close {
        display: none;
    }

    .gmap .overlay {
        max-width: none;
        padding: 0;
        text-align: center;
    }

        .gmap .overlay .inner {
            padding: 1.5rem 2.5rem 3rem;
            display: inline-block;
            background: rgba(255, 255, 255, 0.92);
        }

            .gmap .overlay .inner h3 {
                color: #000000;
                text-transform: none;
                font-size: 2.2rem;
                line-height: 2.4rem;
            }

    .gmap .mobile-map,
    .gmap .mobile-map img {
        display: block;
    }

    .gmap .wrapper {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    .page-side-nav ul li a {
        background: rgba(0, 0, 0, 0.04);
    }

    .faqs .page-side-nav {
        padding-top: 0;
    }

    .related-content {
        padding: 3rem 0;
    }

    /* site search bars */
    .search-bar .clearable {
        width: 35rem;
    }

    /* image carousel */
    .img-carousel.lounge-carousel .title a {
        display: block;
    }

    /* campaign pages */
    .campaign-plans .pp-plans {
        padding: 2.5rem;
    }

    .pp-plans .title {
        padding-bottom: 1.5rem;
    }

        .pp-plans .title h3 {
            padding-bottom: 1rem;
        }

    .pp-plans .items .item,
    .pp-plans .items .item:first-child {
        float: none;
        width: 100%;
        display: block;
        margin: 20px auto 0;
    }

        .pp-plans .items .item:first-child {
            margin-top: 0;
        }

    /* search results */
    #search-results .items .item .left {
        width: 35%;
    }

        #search-results .items .item .left ~ .right {
            width: 65%;
        }

    /* enrolment */
    .enrolment-landing .campaign-plans .pp-plans {
        padding: 0;
    }

    /* enrolment form */
    .enrolment-form-landing .pp-plans .items .item {
        margin: auto;
    }

    #enrolment-confirmation .half,
    #enrolment-confirmation .half:first-child {
        padding-right: 0;
        float: none;
        width: 100%;
        max-width: 34rem;
        margin: auto;
        clear: both;
    }

        #enrolment-confirmation .half ~ .half {
            margin-top: 3rem;
        }

    #enrolment-confirmation .details-holder .info-bar {
        text-align: left;
    }

        #enrolment-confirmation .details-holder .info-bar .item {
            padding-right: 1.5rem;
        }

        #enrolment-confirmation .details-holder .info-bar > div,
        #enrolment-confirmation .details-holder .info-details .content {
            padding-left: 0;
        }

            #enrolment-confirmation .details-holder .info-bar > div,
            #enrolment-confirmation .details-holder .info-bar > div > strong {
                float: none;
                display: block;
                padding-right: 0;
            }

        #enrolment-confirmation .details-holder .info-bar > div {
            padding-bottom: 1rem;
        }

        #enrolment-confirmation .details-holder .info-bar .price-info {
            width: 100%;
            padding-bottom: 1.5rem;
        }

    #join-process > .title small,
    #recovery-process > .title small {
        margin-left: 0;
        display: block;
    }

    /* form page landing panel b2b */
    .enrolment-form-landing
    .pp-plans
    .items
    .item.b2b-plan
    .inner
    .top
    .holder
    img {
        max-width: 20rem;
    }

    /* icon text module */
    .text-icon-module {
        padding: 4rem 2.4rem 3rem;
    }

        .text-icon-module > div,
        .text-icon-module > div > div {
            display: block;
        }

            .text-icon-module > div .icon {
                display: none;
            }

            .text-icon-module > div .text {
                padding-left: 0;
            }

                .text-icon-module > div .text h2 {
                    font-size: 2.6rem;
                    line-height: 3.2rem;
                }

                .text-icon-module > div .text p,
                .text-icon-module > div .text a[href^="mailto:"],
                .text-icon-module > div .text a[href^="tel:"] {
                    font-size: 1.6rem;
                    line-height: 2.4rem;
                }

    /* tooltip */
    .tooltip-component {
        position: relative;
    }

    .tooltip-trigger {
        position: static;
    }

        .tooltip-trigger.active .tooltip {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            left: auto;
            width: 100%;
        }

        .tooltip-trigger .tooltip img {
            position: relative;
            z-index: 2;
            width: 100%;
            max-width: 7rem;
            height: auto;
            margin-right: 2rem;
            -ms-flex-item-align: center;
                align-self: center;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
        }

        .tooltip-trigger .tooltip > span {
            margin: 0;
        }

        .tooltip-trigger .tooltip .tip {
            position: absolute;
            top: 100%;
        }

            .tooltip-trigger .tooltip .tip:after {
                left: -0.7rem;
                margin-left: 0;
            }

    /* table tooltips */
    table.tooltip-table .tooltip-trigger .tooltip .tip:after {
        left: 0.5rem;
    }

    /* cta module basic */
    .mod-cta .mod-desc {
        padding-left: 40px;
        padding-right: 40px;
    }

    /* cta module dark-theme */
    .mod-cta.alt-theme {
        padding: 51px 0 62px;
    }

        .mod-cta.alt-theme h2 {
            line-height: 4.8rem;
        }

        .mod-cta.alt-theme .ctas-container {
            width: 100%;
            border-spacing: 0;
            margin: 0;
            padding-top: 10px;
        }

            .mod-cta.alt-theme .ctas-container .cta.box {
                position: relative;
                display: inline-block;
                width: 100%;
                border-spacing: 0;
                margin-bottom: 23px;
            }

                .mod-cta.alt-theme .ctas-container .cta.box:last-child {
                    margin-bottom: 0;
                }

    /* fast track
       ============================ */
    /* global */
    .wrapper > .padded-sides .holder-630 {
        max-width: none;
    }

    .fast-track-intro h3,
    .fast-track .mod-form .forms-col-title-holder .forms-col-title,
    .fast-track .mod-form .forms-col-title-holder .price-label {
        font-size: 2.2rem;
        line-height: 3.3rem;
        letter-spacing: 0.05rem;
    }

    /* back to form */
    .back-to-form {
        padding-left: 11px;
        padding-right: 15px;
    }

    /* forms */
    .form-row {
        margin-bottom: 0;
    }

    .form-col,
    .form-col.form-col-sixty,
    .form-col.form-col-fifty,
    .form-col.form-col-forty,
    .form-col.form-col-sixty + .form-col-forty,
    .form-col.form-col-sixty .form-col-fifty,
    .form-col.form-col-sixty .form-col-fifty + .form-col-fifty,
    .fast-track-payment-form .forms-col.half-col .form-col-fifty.single-field {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
    }

        .form-col.form-col-eighty {
            width: 68%;
        }

            .form-col.form-col-eighty + .form-col-twenty {
                width: 32%;
                padding-left: 15px;
            }

    .fast-track
    .mod-form.fast-track-payment-form
    .forms-col.half-col
    .form-col-fifty + .form-col-fifty {
        padding-left: 15px;
    }

    .form-col .form-field {
        margin-bottom: 22px;
    }

    .fast-track .form-info-details {
        margin-top: 8px;
        max-width: none;
    }

    .fast-track .form-actions .partial-submit.centered,
    .fast-track .cta-holder .cta.centered {
        width: calc(100% - 44px);
        margin: 48px auto 0;
        padding: 14px;
    }

    .fast-track .form-field .field-value {
        font-size: 2.2rem;
        line-height: 2.2rem;
        margin-bottom: 24px;
    }

    .fast-track .form-section-title {
        padding-bottom: 33px;
    }

    .fast-track .fast-track-alert {
        margin-bottom: 24px;
    }

    .fast-track .mod-form .grid-container.single-grid-item .forms-col.grid-item {
        width: 100%;
    }

    .fast-track .mod-form,
    .fast-track .fast-track-product-selection-form.mod-form {
        padding-bottom: 61px;
        padding-top: 0;
    }

        .fast-track .mod-form .holder-850 .forms-col.half-col {
            width: 100%;
            margin-bottom: 40px;
        }

            .fast-track .mod-form .holder-850 .forms-col.half-col + .half-col {
                margin-left: 0;
            }

        /* grid forms */
        .fast-track .mod-form .grid-container .forms-col.grid-item {
            width: 100%;
            margin-bottom: 40px;
        }

        .fast-track .mod-form .grid-container .accordions-col + .accordions-col {
            margin-left: 4%;
        }

        .fast-track .mod-form .grid-container .accordions-col {
            width: 48%;
        }

    /* landing intro */
    .fast-track-intro header {
        margin: 8px auto 15px;
    }

    .fast-track-intro h2 {
        font-size: 2.8rem;
        line-height: 6.6rem;
        letter-spacing: 0.05rem;
    }

    .fast-track-intro h3 {
        padding-top: 6px;
    }

    .fast-track-intro .intro-content {
        margin-bottom: 28px;
    }

    /* product selection form */
    .fast-track
    .mod-form.fast-track-product-selection-form
    .holder-850
    .forms-col.half-col:last-child {
        margin-bottom: 0;
    }

    .fast-track-product-selection-form .form-section .form-actions {
        padding: 0 6px;
    }

    /* booking details form */
    .fast-track-datepicker#ui-datepicker-div {
        width: auto;
        left: 15px !important;
        right: 15px;
    }

    .fast-track-datepicker.ui-datepicker .ui-datepicker-header {
        display: table;
        width: 100%;
        max-width: 390px;
        margin: 0 auto;
    }

    .fast-track .fast-track-booking-detail-form.mod-form {
        padding-bottom: 54px;
    }

    .fast-track .fast-track-booking-detail-form .form-info-details {
        margin-top: 5px;
        max-width: none;
    }

        .fast-track
        .fast-track-booking-detail-form
        .form-info-details + .form-actions {
            width: auto;
            margin: 0 24px;
        }

            .fast-track
            .fast-track-booking-detail-form
            .form-info-details + .form-actions
            .partial-submit.centered {
                max-width: none;
                margin-top: 45px;
            }

    /* passenger details form */
    .fast-track .mod-form.fast-track-passenger-detail-form {
        padding-bottom: 50px;
    }

        .fast-track .mod-form.fast-track-passenger-detail-form .form-row {
            margin-bottom: 0;
        }

        .fast-track .mod-form.fast-track-passenger-detail-form .form-info-details {
            margin-top: 6px;
        }

            .fast-track .mod-form.fast-track-passenger-detail-form .form-info-details p {
                padding-bottom: 20px;
            }

                .fast-track
                .mod-form.fast-track-passenger-detail-form
                .form-info-details
                p:last-child {
                    padding-bottom: 0;
                }

            .fast-track
            .mod-form.fast-track-passenger-detail-form
            .form-info-details + .form-actions
            .partial-submit.centered {
                margin-top: 27px;
                margin-bottom: 6px;
            }

    /* booking payment form */
    .fast-track-payment-form .terms-conditions {
        margin-top: 0;
    }

    .fast-track-payment-form .total {
        margin-top: 27px;
    }

    .fast-track-payment-form.stylish-form .terms-conditions label,
    .fast-track-payment-form .terms-conditions .extra-info {
        width: 100%;
    }

    .fast-track .fast-track-payment-form.mod-form .form-section-title {
        padding-bottom: 35px;
    }

    .fast-track
    .fast-track-payment-form.mod-form
    .form-section
    .content.summary-content {
        padding-top: 9px;
        padding-bottom: 24px;
    }

    .fast-track
    .fast-track-payment-form.mod-form
    .holder-850
    .forms-col
    .group.summary-group {
        margin-bottom: 0;
    }

    .fast-track
    .fast-track-payment-form.mod-form
    .form-section
    .forms-col
    .header
    h3 {
        padding-top: 16px;
    }

    .fast-track
    .fast-track-payment-form.mod-form
    .holder-850
    .forms-col
    .group.card-details-group {
        margin-bottom: 15px;
    }

    .fast-track .mod-form.fast-track-payment-form .radio-input-holder,
    .fast-track .mod-form.fast-track-payment-form .checkbox-input-holder {
        margin-bottom: 16px;
    }

    .fast-track
    .mod-form.fast-track-payment-form
    .form-actions
    .partial-submit.centered {
        max-width: none;
        margin-top: 28px;
        margin-bottom: 0;
    }

    .fast-track
    .mod-form.fast-track-payment-form
    .holder-850
    .forms-col.half-col {
        max-width: none;
        margin-bottom: 26px;
        margin-left: 0;
    }

    .fast-track .mod-form.fast-track-payment-form .form-section-errors {
        max-width: none;
    }

    .fast-track .mod-form.fast-track-payment-form {
        padding-bottom: 51px;
    }

        .fast-track .mod-form.fast-track-payment-form .card-details {
            margin-top: 2px;
        }

    /* booking confirmation */
    .fast-track-booking-confirmation header h2 {
        font-size: 3.8rem;
        line-height: 5.2rem;
        letter-spacing: 0.04rem;
    }

    .fast-track-booking-confirmation header {
        padding-bottom: 3px;
    }

    .fast-track-booking-confirmation .booking-reference {
        width: 100%;
        font-size: 2.2rem;
        line-height: 3.41rem;
        letter-spacing: normal;
        padding: 13px 45px;
        margin-bottom: 43px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

        .fast-track-booking-confirmation .booking-reference .booking-nr {
            display: inline-block;
            width: 100%;
        }

    .fast-track .fast-track-booking-confirmation .cta-holder .cta.centered {
        margin-top: 41px;
        margin-bottom: 47px;
    }

    #enrolment-confirmation
    .card-holder
    .half
    .img-holder.digital-card-img-holder
    .name {
        position: relative;
    }
}

@media screen and (max-width: 700px) {
    /* image and text items - carousels, benefits listing, etc. */
    .holder-830 .item,
    .holder-830 .item .left,
    .holder-830 .item .right,
    .holder-830 .item .left img {
        display: block;
        float: none;
        width: 100%;
    }

    .lounge-carousel,
    .lounge-carousel ~ .lounge-carousel {
        padding: 0;
    }

    .wrapper .lounge-carousel .padded-sides {
        margin: 0;
    }

    .holder-830 .item .left .content,
    .holder-830 .item .right .content {
        padding: 2.5rem;
    }

    .latest-lounges.wrapper .padded-sides,
    .latest-lounges .wrapper .padded-sides {
        margin: 0;
    }

    .latest-lounges h4 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .update-details-form .err-msgs div {
        padding-left: 33px;
    }

        .update-details-form .err-msgs div .icon {
            top: 2px;
            width: 24px;
            height: 24px;
        }

    .update-details-form .password-criteria > div {
        background-size: 24px;
        margin-bottom: 6px;
    }

    .password-criteria > div:after {
        background-size: 24px;
    }

    .update-details-form .password-criteria {
        padding: 6px 20px 11px;
    }

    .update-details-form .form-section-errors > div {
        background-size: 25px;
        padding-left: 33px;
    }

    .update-details-form
    .user-consent-form-section
    .row.wrapped-checkbox
    .error
    .right.err-msgs {
        left: -2px;
    }

    .gdpr-cta-box-container h1 {
        font-size: 4rem;
        line-height: 6rem;
        margin-top: 30px;
    }

    .gdpr-consumer-consent-form-section .checkboxes-group .row {
        max-width: none;
    }

    /* gdpr marketing prospect form */
    .gdpr-marketing-prospect-form
    .gdpr-consumer-consent-form-section
    .checkboxes-group
    .row {
        float: none;
        max-width: none;
    }
}

@media screen and (max-width: 630px) {
    /* affinity plans */
    .enrolment-form-landing
    .pp-plans.affinity
    .items
    article.item > div.inner > div.col {
        height: auto !important;
    }

        .enrolment-form-landing
        .pp-plans.affinity
        .items
        article.item > div.inner > div.col > div {
            width: 100%;
            margin: 0;
            display: block;
            border-left: 0;
        }

            .enrolment-form-landing
            .pp-plans.affinity
            .items
            article.item > div.inner > div.col > div.top {
                float: left;
            }

                .enrolment-form-landing
                .pp-plans.affinity
                .items
                article.item > div.inner > div.col > div.top.aqua,
                .enrolment-form-landing
                .pp-plans.affinity
                .items
                article.item > div.inner > div.col > div.top.gold {
                    width: calc(100% - 5rem);
                }

    .enrolment-form-landing
    .pp-plans.affinity
    .items
    article.item > div.inner > div.affinity-info {
        margin-top: 3rem;
    }

        .enrolment-form-landing
        .pp-plans.affinity
        .items
        article.item > div.inner > div.affinity-info
        .info
        p {
            padding-bottom: 2rem;
        }

    .join-landing.enrolment-landing + .enrolment-form .tooltip-content,
    .join-landing.dmc-campaign-landing .enrolment-form .tooltip-content {
        width: 95%;
    }
}

@media screen and (max-width: 600px) {
    /* wrappers */
    .wrapper .padded-sides,
    .my-offers.wrapper > .padded-sides .holder-1030,
    form.gdpr-consumer-consent-form > .padded-sides {
        margin-left: 17px;
        margin-right: 17px;
        width: auto;
    }

    .holder-830 > .padded-sides,
    .holder-1030 > .padded-sides,
    .update-details-form #billing-details .form-section > .padded-sides {
        margin-left: 0;
        margin-right: 0;
    }

    /* gdpr forms */
    .wrapped-checkbox {
        margin: 0;
    }

    /* image and text items - carousels, benefits listing, etc. */
    .holder-830 .item .left .content,
    .holder-830 .item .right .content {
        padding: 1.5rem;
    }

    /* help-contact module */
    .help-contact .content {
        text-align: center;
        float: none;
    }

        .help-contact .content div {
            display: block;
            margin-bottom: 0.5rem;
        }

        .help-contact .content .cta {
            margin-left: 0;
        }

    /* member banner */
    .member-banner .member-nav .title .cta {
        top: 0.2rem;
    }

    .member-banner .member-nav .title h4 {
        padding-right: 15rem;
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .member-banner .member-nav .name-highlight {
        display: block;
    }

    /* site search bars */
    .search-bar .clearable {
        width: 25rem;
    }

    /* campaign pages */
    .campaign-plans .pp-plans {
        padding: 1.5rem;
    }

    .campaign-plans .padded-sides {
        margin: 0;
    }

    /* join process */
    #join-process .holder-1030.bordered {
        margin: 1.5rem 0;
    }

        #join-process .holder-1030.bordered .padded-sides {
            padding: 1.5rem;
        }

    .enrolment-form-landing .pp-plans .items .item,
    .enrolment-form-landing .pp-plans .items .item .inner,
    .enrolment-form-landing .pp-plans .items .item .inner .top,
    .enrolment-form-landing .pp-plans.b2b-plan .items .item .inner .top,
    .enrolment-form-landing .pp-plans .items .item .inner .content,
    .enrolment-form-landing .pp-plans .items .item .inner .content .info,
    .enrolment-form-landing .pp-plans .items .item .inner .content .details {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }

        .enrolment-form-landing .pp-plans .items .item .inner .content {
            padding: 2.5rem 2rem 3rem;
        }

            .enrolment-form-landing .pp-plans .items .item .inner .content .info {
                padding: 1rem 0;
            }

            .enrolment-form-landing .pp-plans .items .item .inner .content .details {
                padding: 0;
            }

        .enrolment-form-landing .pp-plans .items .item:first-child {
            margin-top: 0;
        }

    /* form page landing panel b2b */
    .enrolment-form-landing .pp-plans.b2b-plan .items .item {
        border-left: none;
    }

        .enrolment-form-landing .pp-plans.b2b-plan .items .item .inner .content {
            padding-top: 0;
        }

        .enrolment-form-landing .pp-plans.b2b-plan .items .item .inner .top .holder {
            padding-left: 2rem;
            padding-right: 2rem;
        }

            .enrolment-form-landing
            .pp-plans.b2b-plan
            .items
            .item
            .inner
            .top
            .holder
            img {
                max-width: 100%;
            }

        .enrolment-form-landing
        .pp-plans.b2b-plan
        .items
        .item
        .inner
        .content
        .details {
            padding-left: 0;
            padding-right: 0;
        }

    /* b2b plan listing variant */
    .pp-plans.plans-listing .items {
        padding: 3rem 2rem;
    }

        .pp-plans.plans-listing .items .item .inner .content {
            padding-left: 2rem;
            padding-right: 2rem;
        }

    /* b2b campaign landing */
    .b2b-campaign-landing .content .bottom.table,
    .b2b-campaign-landing .content .bottom .left.vertical-align {
        display: block;
    }

    .b2b-campaign-landing .submit form > div:first-child {
        text-align: center;
    }

    /* member details */
    .update-details-form section {
        padding: 3rem 0;
    }

    .update-details-form .row.form-actions .right-col {
        margin-top: 12px;
        margin-top: 1.2rem;
    }

    .update-details-form section .form-message,
    .update-details-form .row .left-col,
    .update-details-form .row .right-col {
        width: auto;
        float: none;
        text-align: left;
    }

        .update-details-form .row .right-col .right-row .left,
        .update-details-form .row .right-col .right-row .right {
            padding-left: 5%;
            padding-right: 5%;
        }

        .update-details-form .row .right-col .thirds,
        .update-details-form .row .right-col .thirds:first-child,
        .update-details-form .row .right-col .thirds.hide + .thirds {
            width: 100%;
            margin-left: 0;
            margin-bottom: 0.5rem;
        }

    .update-details-form
    .stylish-form
    .preferred-language-select
    .stylish-select {
        display: table;
    }

    .update-details-form
    .user-consent-form-section
    .row.wrapped-checkbox
    .error-border {
        left: -10px;
        right: -10px;
        width: calc(100% + 20px);
    }

    /* campaign pages */
    .join-landing ~ #main {
        margin-top: 0;
    }

    .join-landing {
        padding: 5rem 0;
    }

        .join-landing .content {
            padding: 3rem 4rem;
        }

            .join-landing .content h1 {
                font-size: 4rem;
                line-height: 4rem;
            }

            .join-landing .content h2 {
                line-height: 3rem;
                padding-bottom: 2rem;
            }

            .join-landing .content hr {
                padding-top: 3rem;
            }

            .join-landing .content .bottom .left {
                float: none;
                width: 100%;
                text-align: center;
                padding-bottom: 1.5rem;
            }

                .join-landing .content .bottom .left.field {
                    padding-bottom: 0;
                }

                .join-landing .content .bottom .left img {
                    display: inline-block;
                }

                .join-landing .content .bottom .left ~ .right {
                    float: none;
                    width: 100%;
                    margin-left: 0;
                    text-align: center;
                }

        .join-landing .submit input ~ input {
            margin-top: 1rem;
        }

        .join-landing .submit input.cta.box {
            margin-left: 0;
        }

    .b2b-campaign-landing .content hr {
        padding-top: 0;
    }

    .b2b-campaign-landing .submit input ~ input {
        margin-top: 0;
    }

    .b2b-campaign-landing .submit > div {
        text-align: center;
    }

    .b2b-campaign-landing .submit a.cta.box {
        margin: 0 auto;
    }

    .join-landing.b2b-campaign-landing .submit form {
        text-align: center;
    }

        .join-landing.b2b-campaign-landing .submit form .error.server-error {
            display: inline-block;
            margin: 0.5rem auto;
        }

    /* search results */
    #search-results .items .item .left {
        display: none;
    }

        #search-results .items .item .left ~ .right {
            width: auto;
            float: none;
        }

    /* enrolment */
    .join-landing.enrolment-landing .inner .content {
        padding: 0;
    }

        .join-landing.enrolment-landing .inner .content .top,
        .join-landing.enrolment-landing .inner .content .deal-info {
            padding: 3rem;
        }

        .join-landing.enrolment-landing .inner .content .bottom {
            padding-top: 0;
            border-top: none;
        }

    .price-info .thirds {
        width: 100%;
        border-left: none;
        margin-bottom: 1px;
        float: none;
        clear: both;
    }

    #enrolment-confirmation .card-holder .inner {
        padding: 2rem 2.5rem;
    }

    #enrolment-confirmation .card-holder .half .img-holder .name {
        bottom: 1.3rem;
    }

    #enrolment-confirmation .card-holder .half:first-child .img-holder .name {
        bottom: 2.5rem;
    }

    /* dmc campaing landing */
    .dmc-campaign-landing .content .bottom .enrolment-form .left.field,
    .dmc-campaign-landing .content .bottom .enrolment-form .right.err-msgs {
        max-width: none;
        width: 100%;
        text-align: left;
    }

    /* detail recovery */
    .details-recovery-form .right.form-actions {
        text-align: center;
        padding-top: 1rem;
    }

    /* my offers */
    .my-offers .item {
        margin: 1.5rem 0;
    }

        .my-offers .item .left,
        .my-offers .item .left ~ .right {
            float: none;
            width: auto;
        }

        .my-offers .item .right .inner {
            padding: 2rem 1.5rem;
        }

    /* affinity plans */
    .enrolment-form-landing .pp-plans.affinity .items article.item > div.inner {
        padding: 3rem 0;
    }

    /* package summary */
    .package-summary .promo-text,
    .package-summary .packages {
        padding: 0 1.5rem 2rem;
    }

    /* footer */
    .popular-lounges h4 {
        word-wrap: break-word;
    }

    /* fast track
       ============================ */
    /* booking details form */
    .fast-track-datepicker#ui-datepicker-div {
        left: 17px !important;
        right: 17px;
    }

    /* member/update details - v2 */
    .update-details-form .billing-details-payment-verification .form-section {
        padding-bottom: 18px;
    }

        .update-details-form
        .billing-details-payment-verification
        .form-section:last-child {
            padding-bottom: 31px;
        }
}

@media screen and (max-width: 580px) {
    .map-popup-holder {
        top: 0;
    }

    .map-popup.map-active .toggle-map {
        top: 4px;
        left: 10px;
        right: auto;
    }

    .map-popup.map-active .map-popup-holder {
        height: 100%;
    }

    body.-LLfullpage.locusmaps-full-page .LocusLabs .locusmaps {
        top: 46px;
        position: relative;
        height: calc(100% - 46px) !important;
    }

    body.-LLfullpage.locusmaps-full-page .LocusLabs .mobileSearch-Header,
    body.-LLfullpage.locusmaps-full-page
    .LocusLabs
    .mobileSearch-Header > .topHeader {
        top: 0;
        min-height: 46px;
    }

    body.-LLfullpage.locusmaps-full-page #main .LocusLabs.-mobile .-mobileFull {
        top: 0 !important;
        height: 100%;
    }

    body.-LLfullpage.locusmaps-full-page
    .map-active
    .LocusLabs
    div.mobileLevelIndicator {
        top: 46px;
        line-height: 1.4rem;
    }

    body.-LLfullpage.locusmaps-full-page
    .LocusLabs.-mobile > .map-container > .map-logo,
    body.-LLfullpage.locusmaps-full-page .context-menu.-zoombarTrigger {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    /* generic template */
    .related-content .item,
    .related-content .item.first,
    .related-content .item:nth-child(2n - 1) {
        width: auto;
        float: none;
        padding-left: 0;
        clear: both;
    }

    /* google map */
    .gmap .overlay .inner {
        padding: 2rem;
    }

        .gmap .overlay .inner h3 {
            padding-bottom: 1rem;
        }

    /* site search bars */
    .search-bar .clearable {
        width: 100%;
        float: none;
    }

        .search-bar .clearable .icon.close {
            right: 3.6rem;
        }

    .search-bar .icon-search {
        left: auto;
        right: 0;
        width: 3.6rem;
        cursor: pointer;
    }

    #search-container .search-bar {
        display: block;
    }

        #search-container .search-bar input[type="text"],
        .search-bar .clearable input[type="text"] {
            padding-left: 1.2rem;
            padding-right: 7.2rem;
        }

    .search-bar .cta {
        display: none;
    }

    /* enrolment form */
    .join-landing.enrolment-landing + .enrolment-form .tooltip-content,
    .join-landing.dmc-campaign-landing .enrolment-form .tooltip-content {
        width: 93%;
    }

    /* consent details */
    .gdpr-consumer-consent-form-section h1,
    .gdpr-cta-box .intro-text,
    .gdpr-consumer-consent-form-section .intro-text {
        padding: 0 15px;
    }

    .gdpr-consumer-consent-form-section .button {
        float: none;
        display: block;
        margin: 107px auto 0 auto;
    }

    .gdpr-cta-box .button {
        float: none;
        display: block;
        margin: -100px auto 0 auto;
    }

    .gdpr-consumer-consent-form-section .button,
    .gdpr-consumer-consent-form-section .button.inverse.dark,
    .gdpr-consumer-consent-form-section + .actions:not(.align-with-captcha)
    .button {
        display: table;
        float: none;
        margin: 27px auto 0 auto;
    }

        .gdpr-consumer-consent-form-section .button.inverse.dark.skip-gdpr-consent,
        .gdpr-consumer-consent-form-section .button.inverse.dark.go-back-cta {
            margin-top: 27px;
        }

    .gdpr-cta-box h1 {
        padding-right: 15px;
        padding-left: 15px;
    }

    /* campaign pages */
    .b2b-campaign-landing .content {
        padding: 3rem;
    }

    .b2b-campaign-landing .submit {
        padding-bottom: 2rem;
    }

        .b2b-campaign-landing .submit input[type="text"] {
            width: 21rem;
        }

        .b2b-campaign-landing .submit input ~ input {
            clear: both;
            margin-top: 0.5rem;
        }

    .dmc-campaign-banner .plan > img {
        float: none;
        margin: 0 0 2rem;
    }

    /* join pp plans */
    .join-landing.join-b2c .pp-plans__residence-selector {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}

@media screen and (max-width: 400px) {
    /* campaign pages */
    .b2b-campaign-landing .content {
        padding: 1.5rem;
    }

    /* captcha */
    .bot-detect .BDC_CaptchaImageDiv {
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
    }

    .bot-detect .BDC_CaptchaIconsDiv {
        margin-left: -2rem !important;
    }

    .b2b-campaign-landing .bot-detect .BDC_CaptchaIconsDiv {
        position: relative;
        left: -1.2rem;
    }

    .b2b-campaign-landing .bot-detect .BDC_CaptchaIconsDiv,
    .b2b-campaign-landing .bot-detect .BDC_CaptchaImageDiv {
        margin-left: -3rem !important;
    }

    /* enrolment form */
    .join-landing.enrolment-landing + .enrolment-form .tooltip-content,
    .join-landing.dmc-campaign-landing .enrolment-form .tooltip-content {
        width: 92%;
    }
}

@media screen and (max-width: 375px) {
    .join-landing.enrolment-landing + .enrolment-form .tooltip-content,
    .join-landing.dmc-campaign-landing .enrolment-form .tooltip-content {
        width: 91.5%;
    }
}

@media screen and (max-width: 340px) {
    /* b2b plan listing variant */
    .pp-plans.plans-listing .items .item.partner-info .content {
        padding-left: 0;
        padding-right: 0;
    }

    .pp-plans.plans-listing .items .item .inner .content .details > div,
    .pp-plans.plans-listing
    .items
    .item
    .inner
    .content
    .details > div:first-child {
        float: none;
        padding: 0;
        width: 100%;
    }

        .pp-plans.plans-listing
        .items
        .item
        .inner
        .content
        .details > div:first-child {
            margin-bottom: 1rem;
        }

    /* enrolment form */
    .join-landing.enrolment-landing + .enrolment-form .tooltip-content,
    .join-landing.dmc-campaign-landing .enrolment-form .tooltip-content {
        width: 90.5%;
    }

    /* booking details form */
    .fast-track-datepicker.ui-datepicker td a:before {
        left: -2px;
    }
}

@media screen and (max-height: 414px) {
    .pp-plans .items .item {
        display: block;
        margin-right: auto;
    }

        .pp-plans .items .item,
        .pp-plans .items .item:first-child {
            margin-left: auto;
        }
}

/* Product listing */

section#product-listing {
    padding-bottom: 30px;
}

.product-listing > .p-listing-sub .holder-1030 {
    width: 83.74%;
    margin: auto;
}

.product-listing .pp-plans {
    padding: 4rem 0rem;
    background: #f9f9f9;
    position: relative;
}

.product-listing .p-title {
    text-align: center;
    padding-top: 2rem;
    background: #fff;
    margin-top: -2rem;
    position: relative;
}

.product-listing .pp-plans .btn-p {
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

    .product-listing .pp-plans .btn-p .cta.white,
    .product-listing .pp-plans .btn-p a.cta.white {
        background: #000;
        color: #fff;
    }

.product-listing .pp-plans .items .item .inner .top {
    padding-bottom: 1rem;
}

    .product-listing .pp-plans .items .item .inner .top .price .price-label {
        padding-bottom: 12px;
    }

.product-listing .img-adjust-container {
    position: static;
}

.ppc-join-membership-plan-container {
    display: inline;
    margin: 1rem;
}

.product-listing
.pp-plans
.items
.item
.inner
.price
.promotions.default
.value {
    font-weight: bold;
}

.product-listing .pp-plans .items .item .inner .top h4 {
    padding-bottom: 0.5rem;
}
.product-listing .pp-plans .items .item .inner .top h5 {
    padding-bottom: 1rem;
    font-family: 'Roboto';
}

.product-listing-sub .btn-p a.cta.box.white:hover {
    border: 1px solid rgba(255, 255, 255, 0.75);
    background: rgb(255 255 255);
    color: #64582b;
}

@media screen and (max-width: 1024px) {
    .product-listing > .p-listing-sub .holder-1030 {
        width: 91%;
    }

    .product-listing .p-title {
        margin: 0;
    }

    .product-listing .pp-plans {
        padding-bottom: 4rem;
    }

        .product-listing .pp-plans .items .item {
            margin: 0;
            width: 100%;
            max-width: 100%;
            padding: 0 30px 10px 30px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
        }

    #product-listing .pp-plans .items a {
        width: 100%;
        max-width: none;
        margin-left: 0;
    }

    .product-listing .pp-plans .items .item .inner .top {
        overflow: hidden;
        padding-bottom: 2rem;
    }

    .product-listing .price-h {
        float: left;
        vertical-align: middle;
        padding-top: 15px;
    }

    .product-listing .pp-plans .items .item .inner .top .price {
        padding-bottom: 0;
        float: right;
    }

    .product-listing .pp-plans .items .item .inner .top h4 {
        text-align: left;
        font-size: 28px;
        letter-spacing: 0.16px;
    }

    .product-listing .pp-plans .items .item .inner .top h5 {
        text-align: left;
    }

    .product-listing
    .pp-plans
    .items
    .item
    .inner
    .price
    .promotions.default
    .value {
        margin-bottom: 0;
        font-size: 56px;
        letter-spacing: 0.31px;
    }

    .product-listing .pp-plans .items .item .inner .price .item-box-name {
        font-size: 12px;
        letter-spacing: 0.07px;
        text-align: right;
    }

    .product-listing .pp-plans .items .item .inner .top .price .price-label {
        text-align: right;
        font-size: 12px;
        letter-spacing: 0.07px;
    }

    .product-listing .pp-plans .btn-p {
        padding-top: 1rem;
    }

        .product-listing .pp-plans .btn-p .cta {
            font-size: 16px;
            padding: 0 8px;
        }

            .product-listing .pp-plans .btn-p .cta .icon-caret-right {
                padding-left: 0.9rem;
            }
}

@media all and (max-width: 1030px) and (min-width: 1024px) {
    .sticky-step-tracker.sticky-tracker-fixed {
        padding: 18px 30px 0px 40px !important;
    }

    .sticky-tracker-fixed .join-step-tracker {
        width: 955px !important;
    }
}

@media screen and (max-width: 768px) {
    .product-listing > .p-listing-sub .holder-1030 {
        width: 100%;
    }

    .product-listing .pp-plans {
        padding: 2rem 0rem;
        padding-bottom: 4rem;
    }

        .product-listing .pp-plans .btn-p {
            width: 100%;
            display: block;
            float: left;
        }

        .product-listing
        .pp-plans
        .items
        .item
        .inner
        .price
        .promotions.default
        .value {
            font-size: 40px;
            letter-spacing: 0.22px;
        }

        .product-listing .pp-plans .items .item .inner .top h4 {
            font-size: 24px;
        }

        .product-listing .pp-plans .items .item .inner .top h5 {
            font-size: 16px;
        }
}

@media screen and (max-height: 414px) {
    .product-listing .pp-plans .items .item {
        display: inline-block;
        margin-left: 2%;
    }

        .product-listing .pp-plans .items .item,
        .product-listing .pp-plans .items .item:first-child {
            margin-left: 2%;
        }
}

@media screen and (max-width: 460px) {
    .product-listing .price-h {
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    table.show-scroll {
        width: 100% !important;
        overflow: scroll;
        display: block;
    }

    #sign-in-process .enrolment-form .err-msgs div,
    #join-process .enrolment-form .err-msgs div {
        padding-left: 2.6rem;
    }

    #sign-in-process .enrolment-form .err-msgs .icon.alert.red,
    #join-process .enrolment-form .err-msgs .icon.alert.red {
        top: 4px;
        width: 19px;
        height: 19px;
        background-size: 100%;
    }
}


/* Web pin error css */
.web-pin-error {
    font-family: 'Roboto';
}

    .web-pin-error .title {
        padding: 60px 0;
    }

    .web-pin-error .holder-1030 .padded-sides {
        padding: 0;
    }

    .web-pin-error h3.web-pin-heading {
        position: relative;
        padding-left: 64px;
        padding-bottom: 31px;
        font-size: 35px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.3px;
        color: #000000;
        font-family: 'Roboto';
    }

        .web-pin-error h3.web-pin-heading span {
            position: absolute;
            background: #c9021c;
            width: 48px;
            line-height: 48px;
            border-radius: 100%;
            text-align: center;
            left: 0;
            top: -2px;
            font-size: 24px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            letter-spacing: 0.13px;
            color: #ffffff;
        }

    .web-pin-error p {
        padding-top: 25px;
        padding-bottom: 0;
        font-size: 21px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.18px;
        color: #000000;
        font-family: 'Roboto';
    }

        .web-pin-error p a {
            font-weight: bold;
        }

    .web-pin-error .form-actions {
        padding-top: 40px;
    }

    .web-pin-error .cta,
    .web-pin-page .cta {
        padding: 11px 25px;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: 1px;
        text-align: center;
        color: #ffffff;
    }

    .web-pin-error .error-sub-text {
        font-family: 'Roboto';
        padding: 0;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: right;
        font-size: 16px;
        color: #000;
    }

/* Web pin page */
.web-pin-page {
    padding: 61px 0;
    font-family: 'Roboto';
}

    .web-pin-page h3 {
        padding-bottom: 31px;
        font-size: 35px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.3px;
        color: #000000;
        font-family: 'Roboto';
    }

.dnt-web-pin {
    font-family: 'Roboto';
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: 0.09px;
    color: #59c4b3;
}

    .dnt-web-pin:focus {
        outline: none;
    }

/* FWP error msg css */
.error-notification {
    margin-bottom: 20px;
}

.error-notification-text {
    border: 1px solid #e02020;
    background: rgba(224, 32, 32, 0.1);
    padding: 20px 15px;
    margin-bottom: 40px;
}

    .error-notification-text p {
        padding: 10px 0 0 35px;
        font-size: 16px;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        font-family: 'Roboto';
    }

    .error-notification-text .alert-icon {
        background: url(/Assets/PriorityPass/images/icons/error-icon.svg) no-repeat;
        font-size: 18px;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        padding: 0 0 0 35px;
        font-family: 'Roboto';
        font-weight: bold;
    }

.error-notification .error-ntf-link {
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: right;
    font-family: 'Roboto';
}

.error-notification .error-sub-text .error-ntf-link {
    font-family: 'Roboto';
    font-size: 16px;
}

#billing-details .member-alert {
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 16px;
}

#billing-details .billing-details-payment-verification {
    border-top: 0;
    padding-top: 10px;
}

.pp-divider {
    height: 30px;
    background: #f9f9f9;
    margin: 0 -20px;
}

.pp-divider-2 {
    background: #f9f9f9;
    height: 30px;
    margin: 1px;
    border-top: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
    margin-top: 20px;
}

.fast-track
.fast-track-payment-form.mod-form
.form-section
.forms-col
.pp-billing-details-block
.header {
    margin-bottom: 15px;
}

    .fast-track
    .fast-track-payment-form.mod-form
    .form-section
    .forms-col
    .pp-billing-details-block
    .header
    h3 {
        padding: 20px;
        display: block;
        margin: 0 -19px;
        border-bottom: 1px solid #eaeaea;
    }

/* Airport new page */

.airport-details-new.lounge-page {
    padding-top: 0;
}

    .airport-details-new.lounge-page .lounge-details {
        padding: 0;
    }

    .airport-details-new.lounge-page .row {
        padding-bottom: 0;
    }

.airport-details-new .carousel-block {
    padding-bottom: 30px;
}

.airport-details-new .airport-travel-tip {
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 40px;
}

.airport-details-new.lounge-page .back-to-form {
    border: none;
    padding: 10px 0 18px;
    margin-top: 10px;
}

    .airport-details-new.lounge-page .back-to-form .back-to-form-link {
        font-family: 'Roboto';
        width: 24px;
        margin-right: 2px;
        height: 24px;
        line-height: normal;
        top: 2px;
        text-decoration: none;
        display: inline-block;
    }

.airport-details-new .mod-carousel > fieldset .step.next,
.airport-details-new .mod-carousel > fieldset .step.prev {
    border: none;
    border-radius: 100%;
    width: 58px;
    height: 58px;
}

.airport-details-new .mod-carousel > fieldset .step.next {
    background: url(/Assets/PriorityPass/images/icons/left-arrow-1.svg) rgba(255, 255, 255, 0.7) no-repeat center;
}

    .airport-details-new .mod-carousel > fieldset .step.next:hover {
        background: url(/Assets/PriorityPass/images/icons/left-arrow-1.svg) rgba(255, 255, 255) no-repeat center;
    }

.airport-details-new .mod-carousel > fieldset .step.prev {
    background: url(/Assets/PriorityPass/images/icons/right-arrow-1.svg) rgba(255, 255, 255, 0.7) no-repeat center;
}

    .airport-details-new .mod-carousel > fieldset .step.prev:hover {
        background: url(/Assets/PriorityPass/images/icons/right-arrow-1.svg) rgba(255, 255, 255) no-repeat center;
    }

.airport-details-new .mod-carousel > fieldset .step:focus {
    outline: none;
}

.airport-details-new .left-col-2 {
    width: 49%;
    float: left;
    position: relative;
}

.airport-details-new .right-col-2 {
    width: 42%;
    float: left;
    margin-left: 30px;
}

    .airport-details-new .right-col-2 .airport-heading-1 {
        font-family: 'Roboto';
        font-size: 36px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: normal;
        color: #000;
        text-transform: initial;
        padding-bottom: 10px;
    }

    .airport-details-new .right-col-2 .airport-heading-5 {
        font-family: 'Roboto';
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #000;
        padding-bottom: 20px;
    }

        .airport-details-new .right-col-2 .airport-heading-5:first-child {
            padding-bottom: 0;
        }

    .airport-details-new .right-col-2 .airport-heading-6 {
        font-family: 'Roboto';
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        padding-top: 20px;
    }

    .airport-details-new .right-col-2 .box.inverse.btn-login,
    .airport-details-new .right-col-2 .btn-join {
        width: 300px;
        display: block;
        font-family: 'Roboto';
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: 1px;
        text-align: center;
        padding: 10px 0;
        margin-top: 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        height: 42px;
    }

    .airport-details-new .right-col-2 .box.inverse.btn-login {
        margin-top: 0;
    }

    .airport-details-new .right-col-2 .inventory-offer-redeem .btn-join {
        margin-top: 0;
    }

    .airport-details-new .right-col-2 .btn-join:first-child {
        margin-top: 0;
    }

.airport-details-new .carousel .slide-container > div img.lounge-image {
    display: block;
    position: relative;
    width: 100%;
    height: 354px;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
}

.airport-details-new .mod-carousel > .pagination-controls > button {
    background: #ddd;
    opacity: 40%;
}

    .airport-details-new .mod-carousel > .pagination-controls > button.active {
        background: #000;
        opacity: 40%;
        border: none;
    }

    .airport-details-new .mod-carousel > .pagination-controls > button:hover {
        opacity: 1;
    }

    .airport-details-new .mod-carousel > .pagination-controls > button:focus {
        outline: none;
    }

.airport-details-new.lounge-page .lounge-details .detail-box h4 {
    font-family: 'Roboto';
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000;
    text-transform: uppercase;
    padding-bottom: 5px;
    font-weight: bold;
}

.airport-details-new.lounge-page .lounge-details .detail-box span {
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
}

.airport-details-new.lounge-page .lounge-details .detail-box p,
.airport-details-new.lounge-page .lounge-details .detail-box p.detail-des {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    padding-top: 5px;
    white-space: break-spaces;
}

.airport-details-new.lounge-page
.lounge-details
.facilities
.listing
.img-holder
.img {
    width: 24px;
    height: 24px;
    background: #ddd;
    border-radius: 100%;
    padding: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: normal;
}

.airport-details-new.lounge-page
.lounge-details
.facilities
.listing
.img-holder
.caption {
    padding-top: 0;
    padding-left: 34px;
    font-family: 'Roboto';
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    font-weight: bold;
}

.airport-details-new.lounge-page
.lounge-details
.facilities
.listing
.img-holder {
    margin-bottom: 20px;
}

.airport-details-new.lounge-page .lounge-details .facilities .inner h4 {
    font-family: 'Roboto';
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 10px;
}

/* Sticky step tracker */
.sticky-step-section {
    height: 100%;
}

    .sticky-step-section.full-width-div {
        width: 100%;
    }

.sticky-tracker-fixed {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9;
    padding-top: 20px;
    min-height: 115px;
    -webkit-box-shadow: 0 1px 9px -4px #a9a9a9;
    box-shadow: 0 1px 9px -4px #a9a9a9;
}

    .sticky-tracker-fixed .join-step-tracker {
        width: 1030px;
        margin: 0 auto;
    }

.sticky-step-tracker {
    background: #fff;
    margin: 0;
}

    .sticky-step-tracker.sticky-tracker-fixed {
        background: #fff;
        padding: 18px 0px 0px 15px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

#join-process .enrolment-form-join .form-section .form-loading > div {
    top: 58%;
}

    #join-process
    .enrolment-form-join
    .form-section
    .form-loading > div > span.icon {
        height: 40px;
    }

    #join-process
    .enrolment-form-join
    .form-section
    .form-loading > div > div.label {
        font-size: 16px;
    }

#summary-details .join-summary__accordion-title {
    z-index: 0;
}

#join-process .sticky-step-section .join-step-tracker__step,
#join-process .sticky-step-section .join-step-tracker__link {
    height: 57px;
    width: 57px;
}

#join-process .sticky-step-section .join-step-tracker__step--current {
    border: 0;
    height: 57px;
    width: 57px;
}

#join-process
.enrolment-form--step-tracker.stylish-form
section
.stylish-select > .dropdown-list.show-above {
    bottom: auto;
}

.join-step-tracker ol li {
    width: 57px;
    height: 57px;
}

#join-process .join-step-tracker__step--current::before {
    width: 40px;
    height: 40px;
}

#join-process .sticky-step-section .join-step-tracker__step,
#join-process .sticky-step-section .join-step-tracker__link {
    width: 58px;
    height: 58px;
    border: none;
}

@media screen and (max-width: 768px) {
    #join-process .enrolment-form-join .form-section .form-loading > div {
        top: 50%;
        left: 55%;
    }
    /* sticky step tracker mobile css */
    #join-process .join-step-tracker__step--current::before {
        width: 29px;
        height: 29px;
    }

    .join-step-tracker ol li {
        width: 40px;
        height: 40px;
    }

    .sticky-step-section .join-step-tracker {
        width: auto;
        margin-bottom: 0;
    }

    #join-process .padded-sides.sticky-tracker-fixed {
        width: 100%;
        top: 0;
        left: 0;
        padding: 15px 23px 13px 23px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        z-index: 9;
        min-height: auto;
    }

    #join-process .space-remover,
    #join-process .space-remover .title h3 {
        padding-top: 0;
    }

    #join-process .enrolment-form .mandatory-message {
        margin-left: 0;
        margin-top: 10px;
    }

    #join-process .sticky-step-section .join-step-tracker__step,
    #join-process .sticky-step-section .join-step-tracker__link {
        height: 40px;
        width: 40px;
    }

    #join-process .sticky-step-section .join-step-tracker__step--current {
        border: 0;
        height: 40px;
        width: 40px;
    }
    /* Airport details new page mobile css */
    .airport-details-new .left-col-2,
    .airport-details-new .right-col-2 {
        width: 100%;
        margin-left: 0;
    }

        .airport-details-new .right-col-2 .box.inverse.btn-login,
        .airport-details-new .right-col-2 .btn-join {
            width: 100%;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
        }

    .lounge-finder-results.airport-details-new > .padded-sides > .holder-1030 {
        margin: 0;
    }

        .lounge-finder-results.airport-details-new > .padded-sides > .holder-1030
        .carousel-block {
            padding: 0;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
        }

            .lounge-finder-results.airport-details-new > .padded-sides > .holder-1030
            .carousel-block
            .airport-content {
                padding: 20px 15px 30px 15px;
                background: rgba(221, 221, 221, 0.1);
            }

    .airport-details-new .airport-travel-tip {
        padding: 40px 15px 50px 15px;
    }

    .airport-details-new.lounge-page
    .lounge-details
    .facilities
    .listing
    .img-holder,
    .airport-details-new.lounge-page
    .lounge-details
    .facilities
    .listing
    .img-holder:nth-child(odd) {
        width: 44%;
        float: left;
        clear: inherit;
        font-family: 'Roboto';
        margin-right: 20px;
        font-weight: bold;
    }

    .airport-details-new .right-col-2 .airport-heading-1 {
        padding-top: 20px;
    }

    .airport-details-new .carousel .slide-container > div img.lounge-image {
        height: 254px;
    }

    .airport-details-new.lounge-page .back-to-form {
        padding: 18px 15px;
        margin-top: 0;
    }

    .airport-details-new .mod-carousel > fieldset .step {
        display: none !important;
    }
    /* heading web pin */
    #join-process .padded-sides {
        margin: 0 15px;
    }

        #join-process .padded-sides .padded-sides {
            margin: 0;
        }

    .web-pin-error .padded-sides,
    .web-pin-page .padded-sides {
        margin: 0 15px !important;
    }

        .web-pin-error .padded-sides .padded-sides,
        .web-pin-page .padded-sides .padded-sides {
            margin: 0 !important;
        }

    .web-pin-error .title {
        padding: 33px 0;
        padding-bottom: 60px;
    }

    .web-pin-error h3.web-pin-heading {
        padding-left: 0;
        font-size: 28px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.36;
        letter-spacing: -0.24px;
        color: #000000;
    }

        .web-pin-error h3.web-pin-heading span {
            position: relative;
            width: 32px;
            line-height: 32px;
            top: 0;
            display: inline-block;
            margin-right: 15px;
        }

    .web-pin-error p {
        font-size: 16px;
        line-height: 22px;
        padding-top: 0;
        letter-spacing: -0.14px;
        padding-bottom: 16px;
    }

    .web-pin-error .cta {
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

    .error-notification .error-ntf-link {
        text-align: left;
    }

    .error-notification {
        margin-bottom: 5px;
    }

    .error-notification-text p {
        padding: 10px 0 0 35px;
    }

    .web-pin-error .error-sub-text {
        text-align: left;
    }
    /* web pin page */
    .web-pin-page h3 {
        font-size: 28px;
        letter-spacing: -0.24px;
    }

    .dnt-web-pin {
        padding-top: 8px;
        top: 0;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        letter-spacing: 0.09px;
        color: #59c4b3;
        position: relative;
    }

    #join-process .title h3 {
        padding-top: 10px;
    }

    #join-process .step-1 .form-actions {
        padding-bottom: 60px;
    }
}

.hideState {
    display: none;
}
.visually-hidden-search {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.page-help-app-banner .page-banner__content h1 {
    font-family: 'Roboto';
    font-size: 36px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
}

.page-help-app-content .help-app-sub-content h2 {
    font-size: 28px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    font-family: 'Roboto';
    color: #000;
    padding: 0;
}

#main .page-help-app-content {
    padding-bottom: 40px;
}

.help-app-sub-content .download-apps {
    display: block;
}

.download-apps {
    text-align: center;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 50px;
}

    .download-apps ul {
        clear: both;
    }

    .download-apps li {
        display: inline-block;
        padding-left: 15px;
    }

        .download-apps li:first-child {
            padding-left: 0;
        }

.help-app-sub-content p {
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    font-family: 'Roboto';
    padding-bottom: 20px;
}

.app-des .new-p {
    padding-top: 40px;
}

    .app-des .new-p p {
        font-family: 'Roboto';
        padding-bottom: 0;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
    }

.help-app-content-box {
    background: #f9f9f9;
    padding: 40px 84px 40px 124px;
    clear: both;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 40px;
}

.left-content-box {
    width: 33%;
    float: left;
}

    .left-content-box img {
        width: 222px;
    }

.right-content-box {
    width: 58%;
    min-height: 443px;
    float: right;
    position: relative;
    text-align: left;
}

.content-middle {
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
}

.page-help-app-content .help-app-content-box h2 {
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    font-family: 'Roboto';
    padding-bottom: 10px;
    font-weight: bold;
}

.page-help-app-content .help-app-content-box p {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    font-family: 'Roboto';
}

.page-help-app-banner .desktop-img {
    width: 100%;
    position: absolute;
    display: block;
}

    .page-help-app-banner .desktop-img img {
        width: 100%;
    }

.page-help-app-banner .mobile-img {
    display: none;
}

.app-download.help-app-btm-second-banner {
    padding-top: 30px;
}

    .app-download.help-app-btm-second-banner .item {
        display: block;
        min-height: 369px;
    }

        .app-download.help-app-btm-second-banner .item .left {
            width: 30%;
            float: left;
            display: grid;
            padding-top: 32px;
        }

        .app-download.help-app-btm-second-banner .item .right {
            width: 65%;
            float: right;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            display: inline-block;
        }

            .app-download.help-app-btm-second-banner .item .right .inner {
                width: 100%;
                top: 50%;
                -webkit-transform: translateY(20%);
                        transform: translateY(20%);
            }

                .app-download.help-app-btm-second-banner .item .right .inner h5 {
                    font-family: 'Roboto';
                    font-size: 36px;
                    font-weight: 500;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.17;
                    letter-spacing: normal;
                    padding-bottom: 20px;
                }

                .app-download.help-app-btm-second-banner .item .right .inner p {
                    font-family: 'Roboto';
                    font-size: 16px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.5;
                    letter-spacing: normal;
                }

                .app-download.help-app-btm-second-banner .item .right .inner li:first-child {
                    padding-left: 0;
                }

                .app-download.help-app-btm-second-banner .item .right .inner li {
                    display: inline-block;
                    padding-top: 30px;
                    padding-left: 15px;
                }

                    .app-download.help-app-btm-second-banner .item .right .inner li a img {
                        width: auto;
                        height: 45px;
                    }

.app-download .right .inner .bottom li a img {
    width: 100%;
    height: 40px;
}
/* campaign benefit block css new */

.campaign-benefits-grid.cb-grid-member.page-link-panels .item .content h4 {
    padding-bottom: 10px;
}

.campaign-benefits-grid.cb-grid-member.page-link-panels .item {
    width: 30%;
    margin-left: 2.14%;
    display: inline-block;
    margin-top: 0;
    float: none;
}

.campaign-benefits-grid.page-link-panels .item .content {
    padding: 1.5rem 5rem;
}

.campaign-benefits-grid.cb-grid-member.page-link-panels .item .content div {
    text-align: left;
}

.campaign-benefits-grid.cb-grid-member.page-link-panels .item.first {
    margin-left: 0;
    clear: none;
}

/* Airport locus lab map */
.locusmaps-holder {
    padding-top: 20px;
    padding-bottom: 15px;
}

.airport-map {
    height: 594px;
}

    .airport-map .eZSSnE {
        z-index: 1 !important;
    }


#homepage .page-banner.bg-beige.img-adjust-container:hover img {
    -webkit-transform: none;
            transform: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.site-header--transition .site-header__links-list img {
    display: none;
}
h1.recommended {
    font-size: 18px;
    padding: 0;
    letter-spacing: 0;
    background: url(/Assets/PriorityPass/images/icons/recommended-icon.png) no-repeat left center #3a4556;
    background-position: 12px;
    font-weight: bold;
    text-align: left;
    background-size: 35px;
}

.item-featured h1.recommended {
    line-height: 20px;
    margin-bottom: 10px;
    padding: 15px 10px 15px 17%;
    position: absolute;
    top: -72px;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    word-wrap: break-word;
    text-align: center;
    border: 17px solid #c75300;
}
@media all and (max-width: 960px) and (min-width: 768px) {
    h1.recommended {
        font-size: 16px;
        background-size: 30px;
    }

    .item-featured h1.recommended {
        position: static;
        border: none;
    }
}

@media screen and (max-width: 768px) {
    .campaign-benefits-grid.cb-grid-member.page-link-panels .item {
        width: 100%;
        margin-left: 0;
    }

    .help-app-sub-content .download-apps {
        margin-bottom: 0;
        padding-bottom: 40px;
    }

    .help-app-sub-content p {
        font-family: 'Roboto';
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: center;
    }

    .campaign-benefits-grid.cb-grid-member.page-link-panels .item .content {
        padding: 1.5rem;
    }

    .app-download.help-app-btm-second-banner {
        margin-top: 0;
        padding-top: 0;
    }

    .page-help-app-banner .desktop-img {
        display: none;
    }

    .page-help-app-banner .mobile-img {
        position: absolute;
        width: 100%;
        display: block;
    }

        .page-help-app-banner .mobile-img img {
            width: 100%;
            height: 100%;
        }

    #main .page-help-app-content {
        background: #fff;
        padding-bottom: 0;
    }

    .app-des .new-p {
        padding: 30px 15px;
    }

    .left-content-box {
        width: 100%;
        text-align: center;
    }

    .right-content-box {
        width: 100%;
        min-height: auto;
    }

    .help-app-content-box {
        padding: 0;
        padding-top: 40px;
    }

    .content-middle {
        position: relative;
        top: auto;
        -webkit-transform: none;
                transform: none;
        padding: 30px 15px;
        text-align: center;
    }

    .page-help-app-content .help-app-content-box h2 {
        text-align: center;
    }

    .page-help-app-content .padded-sides.cf {
        margin: 0;
    }

    .help-app-sub-content {
        margin: 0 17px;
    }

    .app-download.help-app-btm-second-banner .item {
        height: auto;
        padding-top: 0;
    }

        .app-download.help-app-btm-second-banner .item .left {
            width: 100%;
            padding-top: 30px;
            height: 398px;
            text-align: center;
        }

            .app-download.help-app-btm-second-banner .item .left img {
                display: initial;
            }

        .app-download.help-app-btm-second-banner .item .right {
            width: 100%;
            background: #faf9f5;
        }

            .app-download.help-app-btm-second-banner .item .right .inner {
                -webkit-transform: none;
                        transform: none;
                top: auto;
            }
}

.header-api-table table {
    width: 100%;
    margin-bottom: 30px;
}

    .header-api-table table td, .header-api-table table th {
        padding: 10px 20px;
        width: 35%;
    }

        .header-api-table table th h4 {
            padding-bottom: 0;
            font-size: 2.4rem;
        }

    .header-api-table table th {
        background-color: #746632d9;
        color: #fffefe;
    }

.entitlement-bar {
    display: none;
}

@media screen and (max-width: 380px) {
    .toggle-button-find-lounges {
        cursor: pointer;
        color: #827127;
        font-size: 26px;
        position: absolute;
        z-index: 1;
        bottom: -10px;
        right: 23px;
    }

    .lounge-search__overlay {
        font-size: 13px;
    }

    .toggle-content-find-lounges {
        display: none;
    }

    .site-header__spacer.site-header__spacer--fixed {
        display: none;
    }
}

@media screen and (min-width: 381px) {
    .toggle-button-find-lounges {
        display: none;
    }

    .toggle-content-find-lounges {
        display: block !important;
    }
}
/*Excelence award logo css*/
.airport-details-new .carousel-block {
    position: relative;
    overflow: hidden;
}

img.excellence-logo-img {
    max-width: 100%;
    height: auto;
    /*filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, .3));*/
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 230px;
}

@media screen and (max-width: 1199px) {
    .excellence-logo {
        width: 70%;
        text-align: center
    }

    img.excellence-logo-img {
        position: static;
        width: 200px;
    }
}
@media screen and (max-width: 768px) {
    .excellence-logo {
        width: 100%;
    }

    img.excellence-logo-img {
        position: static;
    }
    .item-featured h1.recommended {
        position: static;
        border: none;
    }
}


/* Changes to fix different heights of tables on b2b join step 2 - part of TDEW-9015 */
/* .equal-heights-holder {
    display: flex;
    justify-content: space-between;
}

.equal-heights {
    flex: 1;
    display: flex;
    align-items: stretch;
} */
/*-------*/



/* Changes for TDEW-7722 - to make cardtype dropdowns readonly for Tokenex scenarios*/
div.form-field.large-select.tokenex-card-type {
    pointer-events: none;
    opacity: 0.5;
}

    div.form-field.large-select.tokenex-card-type span.ico {
        pointer-events: none;
    }
/* small change for TDEW-8025*/
div.tokenex-cardtype .stylish-select {
    pointer-events: none;
    color: rgba(0, 0, 0, 0.5); /* Makes text appear 50% transparent */
}


#billing-details-membercard > div.padded-sides > div.row.form-field.cf.large-select.tokenex-cardtype.disabled select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    pointer-events: none;
    color: rgba(0, 0, 0, 0.5); /* Makes text appear 50% transparent */
}

#billing-details > div.section-holder > div.section-wrapper > div > div.row.form-field.cf.width-50.pre-large-select.valid select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    pointer-events: none;
    color: rgba(0, 0, 0, 0.5); /* Makes text appear 50% transparent */
}

    div.tokenex-cardtype span.ico {
        pointer-events: none;
    }
/**********/

/* Styles to make a dropdown look like a textbox as per TDEW-7468 */
.stylish-form .astextbox {
    pointer-events: none;
}

    .stylish-form .astextbox .stylish-select span .ico {
        display: none;
    }

div.form-field.tokenex-card-type span.ico {
    pointer-events: none;
    display: none;
}

div.tokenex-cardtype span.ico {
    pointer-events: none;
    display: none;
}
/*mod carousel*/
.mod-carousel > .pagination-controls > button.active {
    background: #8F8F8F;
}

.accordion > .group > .header .row-trigger {
    margin-bottom: 30px;
}

.visit-history table th {
    background-color: #737373 !important;
}


.enrolment-country .ui-state-active {
    outline-style: solid;
    outline-color: rgb(0, 95, 204);
    outline-offset: -5px;
    outline-width: 2px;
}
.lounge-header1 {
    text-transform: none;
    font-size: 3rem;
    line-height: 3.4rem;
    letter-spacing: normal;
}

.lounge-header2 {
    font-size: 2rem;
    line-height: 2.4rem;
    letter-spacing: 0;
}

.lounge-header2-2 {
    font-size: 3rem;
    line-height: 3.4rem;
}

.lounge-paragraph {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: normal;
    margin: 0;
    padding-bottom: 2rem;
}

.lounge-header3 {
    font-weight: 700;
    font-size: 1em;
}

.filter-container {
    padding-bottom: 0 !important;
}

.item-container {
    padding-left: 1rem !important;
}

.show-me-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0 !important;
}

.filter-list {
    padding-top: 0 !important;
}

.lounge-p {
    font-size: 1.8rem;
}


.lounge-header3-country {
    font-family: 'Roboto';
    font-size: 2.4rem;
    line-height: 0rem;
    font-weight: normal;
    letter-spacing: -0.1rem;
}

.lounge-header4 {
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin: 0;
    padding-bottom: 2rem;
    color: #bb1e1e;
    font-weight: bold;
    letter-spacing:normal !important;
}
/* accessibility skip link */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #ffffff;
    color: white;
    padding: 8px;
    z-index: 12;
    transition: background 0.2s ease, text-decoration 0.2s ease, color 0.2s ease, -webkit-text-decoration 0.2s ease;
}

.skip-link:focus {
    width: 183px;
    height: 25px;
    top: 0.3rem;
    left: 2rem;
    outline: 2px solid rgb(0, 95, 204);
    border-radius: 6px;
    padding: 2rem;
    outline-offset: 0px !important;
    font-size: 2rem;
}

.stylish-ds[data-type="checkbox"] > span.checked {
    background-color: #00A393 !important;
}

.aopc-landing-form .small {
    color: #827127;
    /*font-size: 20px;*/
    padding-bottom: 0;
}

.aopc-landing-form .small span {
    padding-right: 10px;
    font-size: 2rem;
}

#membership-details .aopc-member-field, #paymentcard-details .aopc-payment-card {
    padding: 0 20px;
}

#paymentcard-details .form-actions .padded-sides {
    margin: 0;
}

#join-process #membership-details .form-actions .padded-sides {
    margin: 0;
}

#join-process .aopc-landing-form .register-form .section-wrapper {
    border-top: 1px solid #e3e4e3;
    border-bottom: 1px solid #e3e4e3;
    /*padding-top: 30px;*/
}

#paymentcard-details .form-actions .padded-sides .submit button {
    margin-left: 2px;
}

.lounge-carousel.single-centre .lounge-of-the-year-new {
    position: absolute;
    top: 57%;
}

.lounge-carousel.single-centre .carousel .slide-container .lounge-of-the-year-new img {
    height: 75px;
    width: 100%;
    padding-bottom: 15px;
}

.lounge-carousel .lounge-of-the-year-new {
    position: absolute;
    top: 42%;
}

.lounge-carousel .carousel .slide-container .lounge-of-the-year-new img {
    height: 75px;
    width: 100%;
    padding-bottom: 15px;
}

.lounge-of-year-recommended {
    margin-bottom: 15px;
}

    .lounge-of-year-recommended li {
        padding: 10px 0 0 25px;
        font-size: 18px;
        position: relative;
    }

        .lounge-of-year-recommended li img {
            width: 20px;
            position: absolute;
            left: 0;
        }

#join-process #membership-details .form-actions {
    padding: 25px 0 45px 0;
}
.member-section {
    padding: 4rem 0 !important;
}

label[for="MembershipNumber_FormField"] {
    margin-top: 0px !important;
}
/*Campaign Landing Page*/
.campaign-container .error-border {
    border: 2px solid red;
}

.campaignerror {
    display: none;
}

.campaign-container {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

    .campaign-container #error-message {
        width: 48%;
        margin-left: 10px;
    }

@media screen and (max-width: 768px) {
    .campaign-container {
        display: block;
    }
}

.paddingBottomZero {
    padding-bottom: 0px;
    margin-bottom: 20px;
}

/* Fix for TDEW-8066 - MPP-03*/
.mod-carousel .slide.visible {
    display: block;
}
.mod-carousel .slide {
    display: none;
}
/******/
.mod-carousel > fieldset button.play {
    left: 10%;
    border-left: 30px solid #827127;
}

.mod-carousel > fieldset button.stop {
    left: 10%;
    border: none;
    border-left: 10px solid #827127;
    border-right: 10px solid #827127;
}
/*MPP-100*/
.ariaLiveAnnouncements {
    position:absolute;
    left:-9999px !important;
    width:1px;
    height:1px;
    overflow:hidden;
}
/* MPP-49 */
.page-banner--img .right .content h2 {
    font-size: 2.4rem;
    padding-bottom: 5px;
    line-height: 2rem;
}
.app-download h2.uppercase {
    font-size: 3.6rem;
}
.campaign-benefits-grid h2.uppercase, .latest-lounges h2.uppercase {
    font-size: 3rem;
    line-height: 3.4rem;
    padding-bottom: 20px;
    letter-spacing: -0.1rem;
}
.campaign-benefits-grid article h3.uppercase {    
    font-size: 2.2rem;
    line-height: 3rem;
    padding-bottom: 10px;
    letter-spacing: -0.1rem;
}
.product-listing .pp-plans .items .item .inner .top h3 {
    padding-bottom: 0.5rem;
    font-size: 2rem;
    line-height: 2.4rem;
}
.member-banner .member-nav .title h1 {
    font-family: 'Roboto';
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-weight: normal;
    letter-spacing: -0.1rem;
    text-transform: initial;
}
.no-text-spacing, .lounge-rating__heading {
    letter-spacing: 0;
    font-size: 3rem;
    line-height: 3.4rem;
    text-transform: initial;
}
.update-details-form section h2 {
    font-size: 3rem;
    line-height: 3.4rem;
    padding-bottom: 0;
}
#billing-details-membercard h2, #billing-details-loungevisit h2, #billing-details .form-actions h2 {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 700;
    padding-top: 4px;
}
.update-details-form dl, .dmc-content dl,
.update-details-form dd, .dmc-content dd {
    margin: 0 !important;
}
dl#account-details, dl#member-details {
    margin: auto !important;
    margin-bottom: 3.4rem !important;
    padding: 0 11% 3% 11%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
}
dl#member-details h2, dl#account-details h2 {
    font-size: 3rem;
    line-height: 3.4rem;
    padding-bottom: 0;
}
dl#member-details {
    border-bottom: 1px solid #e3e4e3;
    padding-bottom: 30px;
    padding-top: 2rem;
}
dl#account-details {
    margin-bottom: 0 !important;
}
/* MPP-94 */
.focus-style {
    outline: 2px solid rgb(0, 95, 204) !important;
    outline-offset: 5px !important;
}

.join-landing .cta {
    scroll-margin-bottom: 160px; /* adjust based on sticky footer height */
}
.visually-hidden-error-msg {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}


/*MPP-05*/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

/*MPP-64*/
.vertical-centre-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
section.page-banner.img-adjust-container.join-module .padded-sides.vertical-centre-wrapper .vertical-centre-wrapper {
    height: 100%;
}
/*Mpp-93*/
.page-link-panels .item .img-holder > .img-wrapper {
    z-index: 1;
    background: #fff;
}

.page-link-panels .item a {
    display: block;
    overflow: hidden;
    color: #ffffff;
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 3px 0px #b6b6b6;
            box-shadow: 0px 0px 3px 0px #b6b6b6;
}

    .page-link-panels .item a:hover .img-wrapper {
        opacity: 1 !important;
    }

.page-link-panels .item .img-holder > .img-wrapper.img-wrapper-no-image {
    background: #fff;
}

.page-link-panels .item .anchor-no-image .text-holder .h4 {
    color: #ffffff;
}

.page-link-panels .item .img-holder:hover > .img-wrapper.img-wrapper-no-image .img-wrapper-white-text .h4 {
    color: #fff;
}

.page-link-panels .item .img-holder .img-wrapper-white-text .h4:hover {
    color: #ffffff;
}

.page-link-panels .item .img-holder:hover .img-wrapper.img-wrapper-no-image {
    background: #000000;
}

.page-link-panels .item .img-holder:hover .text-holder.img-wrapper-white-text .h4 {
    color: #000000;
    background: none;
}
/* MPP-49 */

.app-download h2.uppercase {
    font-size: 3.6rem;
}
.campaign-benefits-grid h2.uppercase, .latest-lounges h2.uppercase {
    font-size: 3rem;
    line-height: 3.4rem;
    padding-bottom: 20px;
    letter-spacing: -0.1rem;
}
.campaign-benefits-grid article h3.uppercase {
    font-size: 2.2rem;
    line-height: 3rem;
    padding-bottom: 10px;
    letter-spacing: -0.1rem;
}
.product-listing .pp-plans .items .item .inner .top h3 {
    padding-bottom: 0.5rem;
    font-size: 2rem;
    line-height: 2.4rem;
}
.member-banner .member-nav .title h1 {
    font-family: 'Roboto';
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-weight: normal;
    letter-spacing: -0.1rem;
    text-transform: initial;
}
.no-text-spacing, .lounge-rating__heading {
    letter-spacing: 0;
    font-size: 3rem;
    line-height: 3.4rem;
    text-transform: initial;
}
.update-details-form section h2 {
    font-size: 3rem;
    line-height: 3.4rem;
    padding-bottom: 0;
}
/*MPP-16*/
.page-link-panels .img-adjust-container .img-adjust-img {
    -webkit-filter: brightness(50%);
            filter: brightness(50%);
}
/*Zoom Removed*/
.page-link-panels .item a:hover .img-wrapper {
    opacity: 0.8;
    -webkit-transform: scale(1);
    transform: scale(1);
}
#billing-details-membercard h2 {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 700;
    padding-top: 4px;
}
@media screen and (max-width: 768px) {
    dl#account-details, dl#member-details {
        padding: 0 0% 3% 0%;
    }
    .wrapper #billing-details .padded-sides {
        margin: 0;
    }
}
.margin-label {
    display: block;
    margin-bottom: 10px;
}
.accordion > .group > .content {
  display: none;
}
.accordion > .group > .header .row-trigger,
.accordion > .group > .header button {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  cursor: pointer;
  margin-bottom: 20px;
}
.accordion > .group > .header .row-trigger a {
  display: inline-block;
}
.accordion > .group > .header .row-trigger p {
  padding-bottom: 0;
}
.accordion > .group a[name] {
  cursor: pointer;
}
.accordion[data-first-active="true"] > .group:first-child > .content {
  display: block;
}

.accordion.forms-col > .group > .header .row-trigger {
  position: relative;
  padding: 11px 0 0;
}
.accordion.forms-col > .group > .header .row-trigger h4 {
  position: relative;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.04rem;
  padding-right: 40px;
  padding-bottom: 15px;
}
.accordion.forms-col > .group > .header .row-trigger .icon-holder {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -17px;
  width: 40px;
  height: auto;
}
.accordion.forms-col > .group > .header .row-trigger .icon-caret-down {
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  width: 9px;
  height: 9px;
  color: #000000;
  padding: 0;
  margin: auto;
  background: url("/Assets/PriorityPass/images/icons/down-black-arrow.svg")
    no-repeat center;
  background-size: 9px;
  -webkit-transition: all 0.33s cubic-bezier(0.74, 0.5, 0.12, 0.82);
  -o-transition: all 0.33s cubic-bezier(0.74, 0.5, 0.12, 0.82);
  transition: all 0.33s cubic-bezier(0.74, 0.5, 0.12, 0.82);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.accordion.forms-col > .group > .header .row-trigger .icon-caret-down:before {
  content: none;
}
.accordion.forms-col
  > .group
  > .header
  .row-trigger
  .icon-holder.icon-rotate-90
  .icon-caret-down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.airport-carousel .title-underline {
  margin-left: -30px;
}

.airport-carousel {
  padding-top: 47px;
  padding-bottom: 18px;
}
.airport-carousel h4.title-underline {
  font-family: 'Roboto';
  font-size: 36px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.7;
  letter-spacing: normal;
  padding-bottom: 0;
}
.airport-carousel.airport-tips .slide .content h4 {
  padding: 20px;
  min-height: 182px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.airport-carousel {
  padding-top: 60px;
  padding-bottom: 0;
}
.airport-carousel:last-child {
  padding-bottom: 60px;
}
.airport-carousel.single-centre .mod-carousel {
  width: 48.9%;
}
.airport-carousel.single-centre .slide .item .left {
  max-height: 354px;
}
.airport-carousel.double-centre .mod-carousel {
  width: 66.666%;
}
.airport-carousel.double-centre .slide:first-child {
  padding-right: 15px;
}
.airport-carousel.double-centre .slide:last-child {
  padding-left: 15px;
}
.airport-carousel.single-centre .slide:last-child,
.airport-carousel.double-centre .slide:last-child {
  padding-right: 0;
}

.airport-carousel .carousel {
  position: relative;
  margin: 0 auto;
  padding-bottom: 0;
}
.airport-carousel .carousel .loader {
  background-color: #f9f9f9;
}
.airport-carousel .title-underline + .mod-carousel {
  padding-top: 30px;
}
.airport-carousel .mod-carousel > fieldset .step.prev,
.airport-carousel .mod-carousel > fieldset .step.next {
  top: 0;
  bottom: 0;
  width: 100px;
  height: 100px;
  margin: auto;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.27);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.27);
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 100px;
  overflow: hidden;
  border: none;
  outline: none;
  background-size: 37px;
  -webkit-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.airport-carousel .mod-carousel > fieldset .step.prev {
  left: 0;
  background-image: url("/Assets/PriorityPass/images/icons/arrow-right_black.svg");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.airport-carousel .mod-carousel > fieldset .step.next {
  right: 30px;
  background-image: url("/Assets/PriorityPass/images/icons/arrow-right_black.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.airport-carousel .mod-carousel > fieldset .step.step-hidden {
  visibility: hidden;
  opacity: 0;
}

.airport-carousel .wrapper {
  max-width: 1350px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 30px;
}
.airport-carousel.single-centre .wrapper,
.airport-carousel.double-centre .wrapper {
  max-width: 1290px;
  width: 100%;
  padding-left: 0;
}
.airport-carousel.single-centre .title-underline,
.airport-carousel.double-centre .title-underline {
  margin-left: 0;
}
.airport-carousel .viewport {
  overflow: visible;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.airport-carousel .carousel .viewport:after {
  display: none;
}

.airport-carousel .carousel .slide-container {
  display: table;
  background: #f9f9f9;
}
.airport-carousel .slide {
  display: inline-block;
  height: 100%;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.airport-carousel .slide .img-holder {
  position: relative;
}
.airport-carousel .slide .item {
  position: relative;
  display: block;
  height: 100%;
  border-radius: 8px;
  border: 1px solid #e3e4e3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
  background: #fff;
}
.airport-carousel .slide.visible:hover .item,
.airport-carousel .slideslide.visible:focus .item {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
}

.airport-carousel .slide .item .right {
  padding: 20px;
  padding-top: 23px;
  background-color: #ffffff;
}
.airport-carousel .slide .item .left {
  max-height: 230px;
  overflow: hidden;
}
.airport-carousel .slide .item .left,
.airport-carousel .slide .item .right {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}
.airport-carousel .slide:not(.visible):not(.rotating) .left,
.airport-carousel .slide:not(.visible):not(.rotating) .right {
  opacity: 0.5;
}
.airport-carousel .slide:not(.visible):not(.rotating) .img-holder:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.airport-carousel .slide:not(.visible):not(.rotating) .item-link {
  display: none;
}

.airport-carousel .slide .content h5 {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.05rem;
  color: #541cc4;
}
.airport-carousel .slide .content p {
  font-family: 'Roboto';
  font-size: 30px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  padding-top: 10px;
  padding-bottom: 0;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.airport-carousel .slide .item-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
  font-size: 0;
}
.airport-carousel.single-centre .carousel .pagination-controls {
  display: none !important;
}
.airport-carousel .carousel .pagination-controls {
  position: relative;
  bottom: 0;
  float: left;
  display: none !important;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: 26px;
  margin-left: 0 !important;
}
.airport-carousel .carousel .pagination-controls > button {
  width: 10px;
  height: 10px;
  background: #cccccc;
  margin-left: 12px;
  margin-top: 5px;
}
.airport-carousel .carousel .pagination-controls > button:last-child {
  margin-right: 12px;
}
.airport-carousel .carousel .pagination-controls > button:hover {
  background: #666666;
}
.mobile .airport-carousel .carousel .pagination-controls > button:hover {
  background: #cccccc;
}

.mobile .airport-carousel .carousel .pagination-controls > button:hover {
  background: #cccccc;
}
.airport-carousel .carousel .pagination-controls > button.active,
.mobile .airport-carousel .carousel .pagination-controls > button.active {
  background: #000000;
}

.airport-carousel.airport-tips .title-underline + .mod-carousel {
  padding-top: 51px;
}

.airport-carousel.airport-tips {
  position: relative;
  overflow: hidden;
  padding-top: 51px;
  padding-bottom: 96px;
}
.airport-carousel.airport-tips .slide .item {
  border: none;
}
.airport-carousel.airport-tips .slide.visible:hover .item,
.airport-carousel.airport-tips .slideslide.visible:focus .item {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.airport-carousel.airport-tips .mod-carousel {
  padding-top: 14px;
}
.airport-carousel.airport-tips .slide .content p {
  font-size: 1.6rem;
  line-height: 2.5rem;
  letter-spacing: 0.04rem;
  padding: 0 20px 20px;
}

.airport-carousel.airport-tips.airport-tips-travel {
  padding-top: 51px;
  padding-bottom: 114px;
}
.airport-carousel.airport-tips.airport-tips-travel
  .slide-container
  .slide
  .item {
  -webkit-box-shadow: 0px 0px 11px 0px #00000008;
          box-shadow: 0px 0px 11px 0px #00000008;
}
.airport-carousel.airport-tips.airport-tips-travel .slide-container .slide h4 {
  padding: 20px;
  min-height: 182px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.airport-carousel.airport-tips.airport-tips-travel .slide-container .slide p {
  padding: 0 20px 20px;
}

.airport-carousel.airport-tips.airport-tips-terminal {
  padding-bottom: 148px;
  padding-top: 50px;
}
.diners-logo {
  text-align: center;
  padding-bottom: 30px;
}
.diners-logo img {
  height: 40px;
  padding-top: 10px;
  margin-right: 15px;
}
.diners-logo p {
  font-family: 'Roboto';
  opacity: 0.5;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  padding-bottom: 0;
  padding-top: 30px;
  width: 50%;
  margin: 0 auto;
}
@media screen and (max-width: 1290px) {
  .airport-carousel .wrapper {
    max-width: none;
  }
  .airport-carousel.single-centre .wrapper,
  .airport-carousel.double-centre .wrapper {
    padding-left: 0;
  }
}

@media screen and (max-width: 1030px) {
  .airport-carousel {
    padding-top: 14px;
    padding-bottom: 16px;
  }
  .airport-carousel .mod-carousel > fieldset .step.prev,
  .airport-carousel .mod-carousel > fieldset .step.next {
    display: none;
  }

  .airport-carousel .wrapper {
    padding-left: 35px;
  }
  .airport-carousel .slide {
    padding-right: 35px;
  }
  .airport-carousel.airport-tips .slide .content {
    display: table;
    max-width: 458px;
    margin: 0 auto;
  }
  .airport-carousel .mod-carousel > fieldset .step.next {
    right: 35px;
  }
}

@media screen and (max-width: 1000px) {
  .airport-carousel.airport-tips,
  .airport-carousel.airport-tips.airport-tips-travel {
    padding-top: 29px;
    padding-bottom: 26px;
    border-top: 1px solid #e3e4e3;
  }
  .airport-carousel.airport-tips .carousel .pagination-controls {
    margin-top: 22px;
  }
  .airport-carousel.airport-tips.airport-tips-travel
    .carousel
    .pagination-controls {
    margin-top: 60px;
  }
  .airport-carousel.airport-tips .title-underline + .mod-carousel {
    padding-top: 28px;
  }

  .airport-carousel .title-underline {
    margin-left: 0;
    padding-bottom: 0;
  }
  .airport-carousel .title-underline + .mod-carousel {
    padding-top: 20px;
  }
  .airport-carousel .viewport {
    overflow: hidden;
  }

  .airport-carousel.lounge-carousel .carousel .pagination-controls {
    margin-top: 0;
  }

  .airport-carousel .mod-carousel > fieldset .step.prev,
  .airport-carousel .mod-carousel > fieldset .step.next {
    display: none !important;
  }
  .airport-carousel .slide .content p {
    font-size: 30px;
    padding-top: 10px;
  }
  .airport-carousel .slide .item .right {
    padding: 20px 20px 16px;
  }
  .airport-carousel .slide .item .left {
    max-height: 350px;
  }
  .airport-carousel .slide .item .left .img-holder img {
    width: 100%;
  }
  .airport-carousel .slide,
  .airport-carousel.single-centre .slide:last-child,
  .airport-carousel.double-centre .slide:last-child {
    padding: 0 35px;
  }
  .airport-carousel.double-centre .slide:first-child {
    padding-right: 15px;
  }
  .airport-carousel .carousel .pagination-controls {
    display: block !important;
    padding: 10px 0 0;
  }
  .airport-carousel .slide.visible:hover .item,
  .airport-carousel .slideslide.visible:focus .item {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .airport-carousel.single-centre .mod-carousel,
  .airport-carousel.double-centre .mod-carousel {
    width: 100%;
  }
  .airport-carousel .wrapper {
    padding-left: 0;
  }

  .airport-carousel.airport-tips.airport-tips-terminal {
    padding-bottom: 30px;
    padding-top: 54px;
  }
  .airport-carousel.airport-tips.airport-tips-terminal
    .carousel
    .pagination-controls {
    margin-top: 18px;
  }
}

@media screen and (max-width: 768px) {
  .airport-carousel.airport-tips.airport-tips-travel
    .carousel
    .pagination-controls {
    margin-top: 36px;
  }
  .diners-logo {
    text-align: left;
    padding: 0 15px 20px 15px;
  }
  .diners-logo p {
    width: 100%;
    padding-top: 20px;
  }
  .airport-carousel .slide .item .left .img-holder img {
    width: 100%;
    height: 193px;
  }
}

@media screen and (max-width: 760px) {
  .airport-carousel .slide,
  .airport-carousel.single-centre .slide:last-child,
  .airport-carousel.double-centre .slide:last-child {
    padding: 0 15px;
  }
  .airport-carousel.airport-tips .slide .content {
    max-width: none;
  }
}

@media screen and (max-width: 700px) {
  .airport-carousel.lounge-carousel {
    padding-bottom: 40px;
    padding-top: 0;
    margin-top: 0;
  }
  .airport-carousel.lounge-carousel:last-child {
    padding-bottom: 50px;
  }
  .airport-guides .wrapper .terminal-set.padded-sides {
    padding-bottom: 60px;
  }

  .airport-carousel.lounge-carousel h4.title-underline {
    text-align: left;
    margin-left: 15px;
  }
}

@media screen and (max-width: 480px) {
  .airport-carousel .slide .item .left {
    max-height: 193px;
  }
}

.airport-guide-link {
  padding: 27px 30px 30px;
  border-top: 24px solid #f9f9f9;
  background-color: #827127;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.airport-guide-link__title,
.airport-guide-link__anchor,
.airport-guide-link__anchor:hover,
.airport-guide-link__anchor:focus,
.airport-guide-link__anchor:visited {
  position: relative;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #ffffff;
  letter-spacing: 0.05rem;
  text-align: left;
}
.airport-guide-link__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.airport-guide-link__anchor {
  padding-right: 25px;
}
.airport-guide-link__anchor::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 12px;
  width: 7px;
  height: 12px;
  background: url("/Assets/PriorityPass/images/icons/right-white-arrow.svg")
    no-repeat;
  background-size: cover;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.airport-guide-link__anchor:hover::after,
.airport-guide-link__anchor:focus::after {
  right: 9px;
}

@media screen and (max-width: 865px) {
  .airport-guide-link {
    border-top-width: 20px;
  }
}

@media screen and (max-width: 768px) {
  .airport-guide-link {
    width: calc(100% + 30px);
    left: -15px;
    right: 0;
    margin-top: 18px;
    margin-bottom: 0;
    padding: 23px 10px 23px 18px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background-color: #f9f9f9;
  }
  .airport-guide-link__img,
  .airport-guide-link__title {
    display: none !important;
  }
  .airport-guide-link__overlay {
    background-color: rgba(0, 0, 0, 0) !important;
  }
  .airport-guide-link__anchor {
    font-size: 2rem;
    line-height: 2.4rem;
    letter-spacing: 0.06rem;
    color: #000000;
  }
  .airport-guide-link__anchor::after {
    top: 8px;
    background: url("/Assets/PriorityPass/images/icons/right-black-arrow.svg")
      no-repeat;
  }
  .airport-guide-link__anchor {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

@media screen and (max-width: 760px) {
  .airport-guide-link {
    padding-left: 15px;
  }
}

@media print {
  .airport-guide-link {
    display: none;
  }
}

.airport-guides-filter {
  padding: 26px 0 100px;
  text-align: center;
}

.airport-guides-filter__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.airport-guides-filter__item {
  vertical-align: top;
  font-size: 1.6rem;
  padding: 0 12px;
  text-align: center;
}
.airport-guides-filter__item:first-child {
  padding-left: 0;
}
.airport-guides-filter__item:last-child {
  padding-right: 0;
}
.airport-guides-filter__filter {
  position: relative;
  outline: none;
  padding: 0;
  vertical-align: middle;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #000000;
  letter-spacing: 0.1rem;
}
.airport-guides-filter__filter[disabled] {
  color: #a9a9a9;
  cursor: default;
}
.airport-guides-filter__filter::after {
  content: "";
  position: absolute;
  width: 0;
  bottom: -6px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: transparent;
  border-radius: 2px;
  -webkit-transition: all 0.33s cubic-bezier(0.74, 0.5, 0.12, 0.82);
  -o-transition: all 0.33s cubic-bezier(0.74, 0.5, 0.12, 0.82);
  transition: all 0.33s cubic-bezier(0.74, 0.5, 0.12, 0.82);
}
.airport-guides-filter__filter--active::after {
  width: auto;
  left: 0;
  right: 0;
  background-color: #541cc4;
}
.airport-guides-filter__filter--active,
.airport-guides-filter__select {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  color: #541cc4;
}
.airport-guides-filter__select {
  display: none;
}

.airport-guides-filter__grid {
  display: none;
  position: relative;
  padding-top: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.airport-guides-filter__grid--popular {
  display: block;
}
.airport-guides-filter__grid-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px;
}
.airport-guides-filter__grid-item {
    display: none;
    overflow: hidden;
    background-color: #757575;
    border-radius: 8px;
    margin: 0 10px 20px;
    width: calc(33.3% - 20px);
    position: relative;
}
.airport-guides-filter__grid-item--show {
  display: block;
}
.airport-guides-filter__grid-item,
.airport-guides-filter__grid-item .airport-guides-filter__img {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.33s cubic-bezier(0.74, 0.5, 0.12, 0.82);
  -o-transition: all 0.33s cubic-bezier(0.74, 0.5, 0.12, 0.82);
  transition: all 0.33s cubic-bezier(0.74, 0.5, 0.12, 0.82);
}
.airport-guides-filter__grid-item:hover {
  z-index: 3;
  -webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.4);
}
.airport-guides-filter__grid-item:hover .airport-guides-filter__img {
  -webkit-filter: blur(5px);
          filter: blur(5px);
}

.airport-guides-filter__figure {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: #757575;
  overflow: hidden;
  border-radius: 8px;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.airport-guides-filter__figure::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #757575;
  opacity: 0.4;
  border-radius: 8px;
}
.airport-guides-filter__grid-content {
  z-index: 1;
  width: 100%;
  height: 0;
  padding-bottom: 59%;
}
.airport-guides-filter__grid-content-inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  color: #ffffff;
}
.airport-guides-filter__code {
  position: relative;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.04rem;
  padding-bottom: 2px;
}
.airport-guides-filter__code::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 8px;
  height: 1px;
  margin: auto;
  background-color: #ffffff;
}
.airport-guides-filter__name {
  font-size: 2.4rem;
  letter-spacing: 0.05rem;
  line-height: normal;
  padding-top: 5px;
  padding-bottom: 0;
}
.airport-guides-filter__link {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  font-size: 0px;
}

.airport-guides-filter__loading {
  display: none;
  margin: 40px auto 0;
  width: 40px;
  height: 40px;
}

.airport-guides-filter__load-more {
  display: none;
  margin: 20px auto 0;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.12rem;
  color: #7e6f27;
  outline: none;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.airport-guides-filter__load-more:hover,
.airport-guides-filter__load-more:focus {
  color: #746632;
}

@media screen and (max-width: 1030px) {
  .airport-guides-filter {
    padding: 26px 0 30px;
  }
  .airport-guides-filter .padded-sides {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .airport-guides-filter__nav {
    display: table;
    width: auto;
    min-width: 320px !important;
    margin: 0 auto;
  }
  .airport-guides-filter__list {
    display: none;
  }
  .airport-guides-filter__select {
    display: block;
  }

  .airport-guides-filter__grid {
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 22px;
    padding-bottom: 32px;
  }
  .airport-guides-filter__grid-item {
    width: calc(50% - 20px);
  }
  .airport-guides-filter__grid-item:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .airport-guides-filter__grid-item:hover .airport-guides-filter__img {
    -webkit-filter: none;
            filter: none;
  }

  .airport-guides-filter__nav .stylish-form .stylish-select > span.selected {
    height: auto;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    border: 1px solid #e4e4e4;
    border-left: none;
    border-right: none;
    background: #f9f9f9;
    line-height: 2.2rem;
    padding: 12px 0;
    text-align: center;
  }
}

@media screen and (max-width: 760px) {
  .airport-guides-filter {
    padding: 0 0 22px;
  }

  .airport-guides-filter__nav {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .airport-guides-filter__grid {
    padding-top: 25px;
    padding-bottom: 6px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .airport-guides-filter__grid-inner {
    margin: 0;
  }
  .airport-guides-filter__grid-item {
    position: relative;
    width: 100%;
    margin: 0 0 15px;
  }
  .airport-guides-filter__grid-item:last-child {
    margin-bottom: 0;
  }
  .airport-guides-filter__grid-content {
    padding-bottom: 170px;
  }
}

.airport-guides-intro-text {
  background-color: #f9f9f9;
}
.airport-guides-intro-text__header {
  margin: 40px auto 40px;
}
.airport-guides-intro-text__content {
  text-align: center;
  margin-bottom: 20px;
}
.airport-guides-intro-text__content p:last-child {
  padding-bottom: 0;
}

@media screen and (max-width: 760px) {
  .airport-guides-intro-text__header {
    margin: 35px auto 0;
  }
  .airport-guides-intro-text__content {
    margin-top: 14px;
    margin-bottom: 14px;
  }
}

.airport-guides .wrapper {
  max-width: 1370px;
}
.airport-guides .padded-sides {
  margin-left: 40px;
  margin-right: 40px;
}

@media screen and (max-width: 1360px) {
  .airport-guides .padded-sides {
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media screen and (max-width: 1030px) {
  .airport-guides .wrapper .padded-sides {
    margin-left: 35px;
    margin-right: 35px;
    width: auto;
  }
}

@media screen and (max-width: 760px) {
  .airport-guides .wrapper .padded-sides {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media screen and (max-width: 480px) {
  .airport-guides .mod-cta .padded-sides {
    margin-left: 15px;
    margin-right: 15px;
  }
}

.airport-hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  min-height: 500px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 50px 0;
}
.airport-hero__container {
  margin-top: 2px;
  z-index: 2;
}
.airport-hero__name,
.airport-hero__code {
  display: block;
  position: relative;
  z-index: 1;
  padding: 0;
  text-align: center;
  color: #000000;
  -webkit-filter: invert(1) contrast(1);
          filter: invert(1) contrast(1);
}
.airport-hero__name {
  font-size: 63px;
  font-family: 'Roboto';
  line-height: 7.2rem;
  letter-spacing: 0.08rem;
  text-transform: none;
  margin-bottom: 18px;
}
.airport-hero__code {
  font-family: 'Roboto';
  font-size: 30px;
  letter-spacing: 0.05rem;
  margin-bottom: 30px;
}
.airport-hero__code:after {
  content: "";
  display: block;
  width: 18px;
  height: 2px;
  background: #ffffff;
  margin: auto;
  opacity: 0.6;
  position: relative;
  top: 18px;
}
.airport-hero__location {  
  font-size: 18px;
  text-align: center;
  color: #000000;
  -webkit-filter: invert(1) contrast(1);
          filter: invert(1) contrast(1);
  font-family: 'Roboto';
}
.airport-hero__image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  max-height: none;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 0;
}
.airport-hero__overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 1000px) {
  .airport-hero__container {
    margin-top: 31px;
  }
  .airport-hero__code {
    font-size: 18px;
    margin-bottom: 21px;
    line-height: 3.4rem;
  }
  .airport-hero__code:after {
    top: 8px;
  }
  .airport-hero__name {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 5.2rem;
    letter-spacing: 0.04rem;
  }
}

@media screen and (max-width: 760px) {
  .airport-hero {
    min-height: 360px;
    padding: 75px 0;
  }
  .airport-hero__container {
    width: 100%;
    min-height: 0;
    margin-top: 15px;
  }
  .airport-hero__name,
  .airport-hero__code {
    top: 0;
    margin-bottom: 20px;
  }
  .airport-hero__name,
  .airport-hero__code,
  .airport-hero__location {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.airport-information {
  padding-bottom: 0;
  padding-top: 21px;
}

.airport-information__title {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 2.4rem;
  line-height: 3rem;
  color: #000000;
  letter-spacing: 0.05rem;
  padding-left: 0;
  padding-top: 3px;
  padding-bottom: 32px;
}

.airport-information__facility {
  padding: 35px 0 48px;
  -webkit-transition: all 0.33s linear;
  -o-transition: all 0.33s linear;
  transition: all 0.33s linear;
  position: relative;
  width: calc(100% - 60px);
}
.airport-information__facility:first-child {
  padding-top: 0;
}

.airport-information__facility-icon {
  position: absolute;
  top: 0;
  left: -47px;
  width: 34px;
  height: 34px;
}
.airport-information__facility-icon img {
  height: 100%;
}

.airport-information__header {
  position: relative;
}

.airport-information__facility-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.airport-information__facility:nth-child(even)
  .airport-information__facility-inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.airport-information__content-holder,
.airport-information__image {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.airport-information__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 38px;
}

.airport-information__facility:nth-child(even) .airport-information__image {
  padding-right: 20px;
}
.airport-information__facility:nth-child(odd) .airport-information__image {
  padding-left: 20px;
}

.airport-information__content,
.airport-information__content p {
  color: #363534;
  line-height: 3rem;
  letter-spacing: 0.004rem;
}
.airport-information__content p:last-of-type {
  padding-bottom: 0;
}
.airport-information__content ul {
  list-style: disc;
}
.airport-information__content > ul {
  padding-left: 18px;
}

@media screen and (max-width: 1030px) {
  .airport-information {
    padding-top: 0;
    padding-bottom: 33px;
  }

  .airport-information__facility,
  .airport-information__facility:first-child {
    padding-top: 13px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e3e4e3;
  }
  .airport-information__facility:first-child {
    border-top: 1px solid #e3e4e3;
  }

  .airport-information__facility .padded-sides {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .airport-information__content {
    display: none;
    padding-top: 27px;
  }
  .airport-information__content,
  .airport-information__header {
    padding-left: 49px;
    padding-right: 36px;
  }
  .airport-information__header::after {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 15px;
    right: 4px;
    background: url("/Assets/PriorityPass/images/icons/down-arrow.svg")
      no-repeat right;
    -webkit-transition: all 0.33s cubic-bezier(0.93, 0.78, 0.39, 0.86);
    -o-transition: all 0.33s cubic-bezier(0.93, 0.78, 0.39, 0.86);
    transition: all 0.33s cubic-bezier(0.93, 0.78, 0.39, 0.86);
  }

  .airport-information__facility--active {
    padding-bottom: 27px;
  }
  .airport-information__facility--active .airport-information__header::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .airport-information__content-holder {
    width: 100%;
    padding: 0;
  }
  .airport-information__image {
    display: none;
  }

  .airport-information__title {
    font-size: 2.2rem;
    line-height: 3.41rem;
    padding-bottom: 0;
  }

  .airport-information__facility-icon {
    top: 5px;
    left: -2px;
  }

  .airport-information--listing {
    padding-top: 11px;
  }
  .airport-information--listing .airport-information__facility {
    margin: 0 35px;
  }
}

@media screen and (max-width: 760px) {
  .airport-information__facility {
    width: 100%;
  }
  .airport-information__facility .padded-sides {
    margin-right: 18px !important;
    margin-left: 18px !important;
  }

  .airport-information--listing .airport-information__facility {
    margin: 0;
  }
}

.airport-message {
  padding: 48px 0 32px;
  line-height: 2.3rem;
  background: #ffffff;
}
.airport-message .padded-sides {
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.04rem;
  color: #757575;
  max-width: 958px;
}

@media screen and (max-width: 1000px) {
  .airport-message {
    padding: 18px 0;
  }
}

.airport-offers {
  padding-top: 53px;
  background-color: #ffffff;
}
.airport-offers .title-underline {
  margin-bottom: 25px;
}
.airport-offers .offers-holder {
  position: relative;
  display: table;
  width: 100%;
  height: 0;
}
.airport-offers .offers-holder.single-grid-item {
  width: 25%;
  margin: 0 auto;
}
.airport-offers .offers-holder.single-grid-item .offers-group {
  position: relative;
}
.airport-offers .offers-group {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.airport-offers .offers-group .offer-brand {
  border: solid 1px #e3e4e3;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.airport-offers .offers-group .offer-brand img {
  display: block;
  width: 100%;
}
.airport-offers .offers-group.grid-item-locked {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.33s cubic-bezier(0.74, 0.5, 0.12, 0.82);
  -o-transition: all 0.33s cubic-bezier(0.74, 0.5, 0.12, 0.82);
  transition: all 0.33s cubic-bezier(0.74, 0.5, 0.12, 0.82);
}
.airport-offers .offers-group.grid-item-visible:not(.grid-item-locked) {
  left: 0 !important;
  top: 0 !important;
}
.airport-offers .offers-group .offer-item {
  position: relative;
  min-height: 78px;
  background-color: #ffffff;
  border: solid 1px #e3e4e3;
  padding: 15px 29px 22px;
}
.airport-offers .offers-group .offer-item:last-child {
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}
.airport-offers .offers-group .offer-type {
  border: solid 1px #e3e4e3;
  border-bottom: none;
  background-color: #ffffff;
  padding: 29px 30px 0;
}
.airport-offers .offers-group .offer-type + .offer-item,
.airport-offers .offers-group .offer-item + .offer-item {
  border-top: none;
}
.airport-offers .offers-group .offer-item + .offer-item {
  min-height: 89px;
}
.airport-offers .offers-group .offer-type h5 {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  padding-bottom: 0;
  font-size: 1.2rem;
  letter-spacing: 0.05rem;
  line-height: normal;
  text-transform: uppercase;
  color: #541cc4;
}
.airport-offers .offers-group .offer-item .discount {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 2.4rem;
  line-height: 3rem;
  letter-spacing: 0.05rem;
  font-weight: normal;
  text-align: left;
  color: #0aa371;
  margin: 0 0 10px;
}
.airport-offers .offers-group .offer-item .offer-description {
  font-size: 2.4rem;
  line-height: 3rem;
  letter-spacing: 0.05rem;
  text-align: left;
  padding-bottom: 16px;
  padding-top: 10px;
}
.airport-offers .offers-group .offer-type + .offer-item .offer-description {
  padding-top: 0;
}
.airport-offers .offers-group .offer-cta {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* airport offers - mobile */
.airport-offers.mobile-mode {
  padding: 15px 0 20px;
}
.airport-offers.mobile-mode .title-underline {
  margin-bottom: 16px;
}
.airport-offers.mobile-mode .offers-holder.single-grid-item {
  width: 100%;
}
.airport-offers.mobile-mode .offers-group {
  margin-bottom: 20px;
}
.airport-offers.mobile-mode .offers-group:last-child {
  margin-bottom: 0;
}
.airport-offers.mobile-mode .offers-group .offer-item .offer-description {
  font-size: 1.6rem;
  line-height: 2.496rem;
  letter-spacing: 0.04rem;
}
.airport-offers.mobile-mode .offers-group .offer-item .discount {
  font-size: 1.6rem;
  line-height: 2.608rem;
  letter-spacing: 0.04rem;
}
.airport-offers.mobile-mode .offers-group .offer-item {
  padding-top: 20px;
  padding-bottom: 11px;
}

.airport-summary {
  padding-top: 50px;
  padding-bottom: 15px;
  text-align: center;
}
.airport-summary__content {
  padding-bottom: 15px;
  margin-top: 19px;
}
.airport-summary__content,
.airport-summary__content p {
  font-size: 1.6rem;
  line-height: 3rem;
}
.airport-summary__content p:last-child {
  padding-bottom: 0;
}

@media screen and (max-width: 1000px) {
  .airport-summary {
    padding-top: 48px;
    text-align: left;
  }
  .airport-summary__content {
    margin-top: 11px;
  }
}

@media screen and (max-width: 600px) {
  .airport-summary {
    padding-top: 31px;
  }
}

.airport-travel-tip {
  padding: 38px 0;
  position: relative;
  background: #ffffff;
}
.airport-travel-tip__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.airport-travel-tip__col {
  width: 50%;
}
.airport-travel-tip__col--image {
  padding-left: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.airport-travel-tip__img {
  display: block;
}
.airport-travel-tip__heading {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.5rem;
  letter-spacing: 0.05rem;
  color: #541cc4;
  text-transform: uppercase;
  padding-bottom: 28px;
}
.airport-travel-tip__info {
  max-width: 400px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 2.4rem;
  line-height: 3rem;
  letter-spacing: 0.05rem;
  color: #000000;
  padding-right: 28px;
}
.airport-travel-tip__info p:last-child {
  padding-bottom: 0;
}

@media screen and (max-width: 1000px) {
  .airport-travel-tip {
    padding: 57px 0 37px;
  }
  .airport-travel-tip__info {
    font-size: 2.2rem;
    line-height: normal;
    max-width: none;
    padding-right: 27px;
  }
}

@media screen and (max-width: 768px) {
  .airport-travel-tip {
    padding: 19px 0 20px;
  }
  .airport-travel-tip__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .airport-travel-tip__col {
    width: 100%;
  }
  .airport-travel-tip__col--image {
    padding-left: 0;
    margin-bottom: 31px;
  }
  .airport-travel-tip__heading {
    padding: 0 0 8px;
  }
  .airport-travel-tip__info {
    max-width: none;
    font-size: 2.2rem;
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 580px) {
  .airport-travel-tip {
    padding: 20px 0;
  }
  .airport-travel-tip__col {
    width: 100%;
  }
  .airport-travel-tip__img {
    margin-left: 0;
    width: 100%;
    max-width: 100%;
    max-height: 218px;
    position: relative;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .airport-travel-tip__heading {
    padding-left: 0;
  }
  .airport-travel-tip__info {
    margin-top: -3px;
    padding-left: 0;
  }
}

html.noscroll {
  overflow: hidden;
}

#modalOverlay {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  height: 100%;
  width: 100%;
  display: none;
}

.modalPopup {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  width: 50%;
  padding: 30px 0 30px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.modalPopup.modalPopup-2 {
  width: 55%;
}

.modalPopup-2 .modalContent {
  padding: 0 4em;
}
.modalContent {
  padding: 0 2em;
}

.modalContent .modalContent--main {
  text-align: center;
  max-width: 42.7rem;
  margin: auto;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.86px;
  text-align: center;
  color: #4b4f54;
  padding-bottom: 28px;
}

.modalContent--heading {
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.3px;
  text-align: center;
  color: #4b4f54;
  text-transform: inherit;
  padding-top: 28px;
  padding-bottom: 16px;
}

.headerBar {
  width: 100%;
  background: #edcb04;
}

.headerBar img {
  margin: 1em 0.7em;
}

.buttonStyle {
  border: transparent;
  border-radius: 0;
  background: #6d6d6d;
  color: #eee !important;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  padding: 6px 25px;
  text-decoration: none;
}

.buttonStyle:hover {
  background: #1e1e1e;
  color: #fff;
}

#popup-button {
  width: 230px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  position: inherit;
}

.modalPopup.modalPopup-2.modalPopup-3 {
  width: 45.7%;
  padding: 80px 0 80px;
}
.modalPopup.modalPopup-2.modalPopup-3 img {
  width: 148px;
  height: 98px;
}
.modalPopup.modalPopup-3 .modalContent--heading.modal-popup-heading {
  font-family: 'Roboto';
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  padding-top: 30px;
  margin-top: -7px;
  padding-bottom: 10px;
  color: #000;
}

.modalPopup.modalPopup-3 .modalContent .modalContent--main.modal-popup-content {
  margin: 0;
  width: 100%;
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000;
  padding-bottom: 30px;
  opacity: 60%;
}

.modalPopup.modalPopup-3 .cta {
  width: 198px;
  height: 42px;
  font-family: 'Roboto';
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: 1px;
}

@media screen and (max-width: 768px) {
  /* Lightbox */
  .modalPopup {
    width: 80%;
  }

  #popup-button {
    width: 100%;
  }

  .modalContent .modalContent--main {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.69px;
    text-align: center;
    color: #4b4f54;
  }
  .page-overlay-loader img {
    top: 40%;
    left: 40%;
  }
  .modalPopup-2 .modalContent {
    padding: 0 2em;
  }
  .modalPopup.modalPopup-2.modalPopup-3 {
    width: 91%;
    padding: 60px 0 60px;
  }
  .modalPopup.modalPopup-2.modalPopup-3 .modalContent {
    padding: 0 30px;
  }
}

.member-alert p {
  padding-bottom: 0;
}
/* light box css */
.modalPopup {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  width: 50%;
  padding: 60px 0 40px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.page-overlay-loader {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9;
  height: 100%;
  width: 100%;
}

.page-overlay-loader img {
  position: fixed;
  top: 47%;
  left: 47%;
}

.member-alert p {
  padding-bottom: 0;
}

.modalPopup .modalContent--heading.modal-popup-heading {
  font-size: 28px;
  font-family: 'Roboto';
  line-height: 1.14;
  letter-spacing: 0.35px;
}

.modalPopup .modalContent .modalContent--main.modal-popup-content {
  max-width: unset;
  width: 96%;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.69px;
}

.modalPopup .modal-button-des {
  padding-top: 20px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.69px;
  color: #4b4f54;
}

/* AOPC detail pages css */

.aopc-step-tracker #personal-details,
.aopc-step-tracker #account-details,
.aopc-step-tracker #billing-details {
  width: 92%;
}

#join-process .aopc-step-tracker .section-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

.aopc-step-tracker .join-step-tracker {
  margin-bottom: 80px;
}

.aopc-step-tracker .sticky-tracker-fixed .join-step-tracker {
  width: 1050px;
  margin: 0 auto;
}

.aopc-step-tracker .section-wrapper h3 {
  font-family: 'Roboto';
  font-size: 36px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  padding-bottom: 30px;
}
.aopc-card-type-dropdown-disabled + span.selected {
  
}

.aopc-step-tracker .section-wrapper h5 {
  font-family: 'Roboto';
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  padding-bottom: 40px;
}

.aopc-step-tracker .section-wrapper h6,
#billing-address .title .left-col strong {
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.04px;
  margin: 0;
  padding-bottom: 30px;
}
#billing-address .title .left-col strong {
  padding-top: 20px;
  display: block;
  padding-bottom: 0;
}

.aopc-step-tracker section .title h3 {
  font-family: 'Roboto';
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  padding-bottom: 40px;
}

.aopc-go-account-btn a {
  color: #fff;
  text-decoration: none;
}

#join-process .aopc-step-tracker .left-col.disclaimer-text {
  width: 100%;
  font-family: 'Roboto';
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  margin: 0;
}

.aopc-confirmation .member-success-banner {
  margin: 0;
}

.aopc-confirmation .form-actions .padded-sides {
  margin: 0;
}

#join-process .aopc-step-tracker .pre-large-select .right-col .left {
  width: 300px;
}

#join-process
  .aopc-step-tracker.gdpr-form-visible
  #billing-details
  .form-actions {
  padding-top: 50px;
}

.aopc-step-tracker .right-col {
  padding-bottom: 30px;
}

.aopc-step-tracker .checkboxes-group .right-col {
  padding-bottom: 0;
}

.aopc-step-tracker #personal-details .right-col {
  padding-bottom: 58px;
}

.aopc-step-tracker
  #personal-details
  .section-wrapper:last-child
  .row:first-child
  .right-col {
  padding-bottom: 30px;
}

#join-process
  .aopc-step-tracker
  #personal-details
  .section-wrapper
  .row:last-child
  .right-col {
  padding-bottom: 0;
}

.aopc-step-tracker #billing-details .section-wrapper .row {
  padding-left: 0;
  padding-bottom: 0;
}

.aopc-step-tracker #billing-details .section-wrapper .row.large-select {
  width: 300px;
}

.aopc-step-tracker #billing-details .section-wrapper .state-field.large-select {
  width: 48%;
}

.aopc-step-tracker #billing-details .section-wrapper .row.date-field .thirds {
  width: 190px;
}

.aopc-join-step-tracker__step--complete.join-step-tracker__step--current::before {
  border-color: #00c7b2;
}

#join-process
  .aopc-step-tracker
  #billing-details
  .gdpr-form-section.padded-sides {
  margin: 0 3rem 0 3rem;
}

#join-process
  .aopc-step-tracker
  #billing-details
  .gdpr-form-section.padded-sides
  p {
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
}

.aopc-step-tracker #billing-details .section-holder {
  padding-top: 50px;
}
.aopc-step-tracker
  #billing-details
  .section-holder
  .gdpr-form-section
  .left-col {
  width: 100%;
}

#join-process .aopc-step-tracker .gdpr-form-section .intro-text {
  margin-bottom: 0;
  padding-bottom: 30px;
}

#join-process .aopc-step-tracker .gdpr-form-section h2 {
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
}

.checkboxes-group.two-col {
  margin-left: 0;
}

#join-process
  .aopc-step-tracker
  #billing-details
  .gdpr-form-section
  .wrapped-checkbox {
  margin-top: 20px;
}

.aopc-step-tracker
  #billing-details
  .section-wrapper
  .user-consent-form-section {
  padding-top: 20px;
  margin: 0;
}

.aopc-step-tracker #billing-details .section-wrapper #billing-address .title {
  padding: 0 0 30px 0;
}

.aopc-step-tracker #billing-details .section-wrapper .stylish-ds span {
  width: 21px;
  height: 21px;
  border: 1px solid #827127;
}

.aopc-step-tracker #billing-details .section-wrapper .stylish-ds span span {
  border: none;
}

.aopc-step-tracker
  #billing-details
  .section-wrapper
  .checkboxes-group
  .right-col
  .stylish-ds
  span {
  border: 1px solid #827127;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.aopc-step-tracker
  #billing-details
  .section-wrapper
  .checkboxes-group
  .right-col
  .stylish-ds
  span
  span {
  border: none;
}

.aopc-step-tracker
  #billing-details
  .section-wrapper
  .checkboxes-group
  .right-col
  .stylish-ds
  span.checked {
  border: 1px solid #258605;
}

#join-process
  .aopc-step-tracker
  .stylish-ds[data-type="checkbox"]
  > span.checked {
  background-image: url(/Assets/PriorityPass/images/icons/forms/checkbox-tick-green-large.png);
  background-color: #258605;
  border-color: #258605;
}

.aopc-step-tracker #billing-details .section-wrapper .checkboxes-group {
  padding-top: 30px;
  padding-bottom: 21px;
}

.aopc-step-tracker
  #billing-details
  .gdpr-form-section
  .checkboxes-group.two-col
  .stylish-ds
  + .detail {
  font-family: 'Roboto';
  padding-left: 4rem;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
}

#join-process .aopc-step-tracker .form-actions .cta {
  width: 190px;
  height: 42px;
  margin-right: 30px;
  margin-left: 0;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1px;
  padding: 0;
  opacity: 1;
}

#join-process .aopc-step-tracker .form-actions .cta.disabled {
  background: #d6d6d6;
  color: #fff;
  border: 1px solid #d6d6d6;
  opacity: 1;
}

#join-process .aopc-step-tracker .form-actions .cta.partial-submit:disabled {
  background: #d6d6d6;
  color: #fff;
  border: 1px solid #d6d6d6;
}

#join-process .aopc-step-tracker .form-actions {
  padding-top: 50px;
}

#join-process .aopc-step-tracker .label {
  font-family: 'Roboto';
  width: 520px;
  padding: 0 0 10px 0;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
}

#join-process .aopc-step-tracker .right-col .left {
  width: 520px;
}

#join-process .aopc-step-tracker .aopc-card-security-number .right-col .left {
  width: 190px;
  padding-bottom: 20px;
}

.aopc-step-tracker section .section-wrapper .row .get-value {
  border: 1px solid #a6afb9;
  color: #000;
}

.aopc-step-tracker section .section-wrapper .row .get-value:disabled {
  border: none;
}
.aopc-step-tracker
  section#billing-details
  .section-wrapper
  .row
  .get-value:disabled {
  border: 1px solid #a6afb9;
}
.aopc-step-tracker section .section-wrapper .row .left span {
  height: 44px;
}

.aopc-step-tracker
  section
  .section-wrapper
  .row
  .left
  .stylish-select
  span.selected
  span {
  border: none;
}

#join-process .aopc-step-tracker .section-wrapper .row .stylish-select {
  max-width: 190px;
}

#join-process
  .aopc-step-tracker
  #billing-details
  .section-wrapper
  .row
  .stylish-select {
  max-width: none;
}

#join-process
  .aopc-step-tracker
  #account-details
  .section-wrapper
  .row
  .stylish-select {
  max-width: none;
}

#join-process .aopc-step-tracker .err-msgs {
  font-family: 'Roboto';
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  padding-top: 0;
  color: #e02020;
}

#join-process .aopc-step-tracker .err-msgs div {
  line-height: normal;
  padding-left: 34px;
}

.aopc-step-tracker #account-details .err-msgs {
  padding-top: 11px;
}

#join-process .aopc-step-tracker .err-msgs .icon.alert.red {
  width: 24px;
  height: 24px;
  background-size: contain;
}

.aopc-step-tracker .row .right-col .field-message {
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  padding-top: 0;
}

.aopc-step-tracker .password-criteria p {
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000;
}

.aopc-step-tracker .password-criteria div {
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000;
}

.aopc-step-tracker .password-criteria > div:not(.valid) {
  background-image: url(/Assets/PriorityPass/images/icons/forms/icon-circle-tick-light-grey.png);
}

.aopc-step-tracker .password-criteria > div:after {
  background-image: url(/Assets/PriorityPass/images/icons/forms/icon-circle-tick-green.png);
}

.aopc-step-tracker .sticky-tracker-fixed {
  min-height: 125px;
}

.aopc-step-tracker .form-section .section-wrapper .row {
  margin: 0;
}

.aopc-step-tracker section .section-wrapper .checkboxes-group .row .left span {
  padding-top: 0;
}

.aopc-step-tracker #billing-details .gdpr-form-section .wrapped-checkbox {
  margin-top: 20px;
  background: rgba(0, 145, 255, 0.1);
  border: 1px solid #0091ff;
}

.aopc-step-tracker
  #billing-details
  .gdpr-form-section
  .wrapped-checkbox
  .right-col
  .detail {
  font-family: 'Roboto';
  padding-top: 0;
  height: auto;
  margin: 0;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  padding-left: 30px;
}

.aopc-step-tracker
  #billing-details
  .gdpr-form-section
  .wrapped-checkbox
  .right-col
  .left {
  width: 100%;
}

.aopc-step-tracker .gdpr-form-section .data-processing .disclaimer-text p {
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  margin: 0;
}

.aopc-step-tracker .gdpr-form-visible #billing-details .form-actions {
  padding-top: 50px;
}

.aopc-step-tracker .gdpr-form-section .data-processing .disclaimer-text {
  width: 100%;
  opacity: 1;
}

.aopc-step-tracker .form-field:last-child .right-col {
  padding-bottom: 0;
}

#join-process
  .aopc-step-tracker
  .checkboxes-group.two-col
  .rows-col
  .row.form-field {
  margin: 0 0 20px 0;
}

.aopc-payment-title {
  padding-bottom: 30px;
}

#account-details .form-field:nth-child(4) .err-msgs {
  width: 100%;
}

#account-details .form-field:nth-child(5) .err-msgs {
  width: 100%;
}

#join-process
  .aopc-step-tracker
  #billing-details
  .gdpr-form-section
  .wrapped-checkbox
  .err-msgs {
  width: 100%;
}

#join-process
  .aopc-step-tracker
  #billing-details
  .gdpr-form-section
  .data-processing
  div.err-msgs
  .icon.alert.red {
  left: 0;
}
#join-process
  .aopc-step-tracker
  #billing-details
  .gdpr-form-section
  .data-processing {
  padding: 20px 15px;
}

#join-process .aopc-step-tracker .aopc-step-tracker-fixed {
  width: 100%;
  position: fixed;
  background: #fff;
  left: 0;
  z-index: 9;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 1px 9px -4px #a9a9a9;
  box-shadow: 0 1px 9px -4px #a9a9a9;
  top: 0;
}

.aopc-step-tracker-fixed .join-step-tracker {
  width: 1030px;
  margin: 0 auto;
}

.aopc-step-tracker .aopc-step-tracker-fixed .join-step-tracker {
  margin-bottom: 30px;
}

.aopc-step-tracker #billing-details .member-banner {
  display: none;
}

.aopc-step-tracker #billing-details .member-banner.show {
  display: block;
}

.aopc-step-tracker #billing-details .member-success-banner {
  display: none;
}

.aopc-step-tracker #billing-details .member-success-banner {
  display: none;
}

.accountpagelink {
  display: none !important;
}

.aopc-step-tracker #billing-details .member-alert {
  width: 91.74%;
  padding: 20px 15px;
  margin-top: 0;
  margin-bottom: 40px;
  background: rgba(224, 32, 32, 0.1);
  border: 1px solid #e02020;
}

.aopc-step-tracker #billing-details .member-alert .inner {
  margin-left: 0;
  padding-left: 34px;
}

.aopc-step-tracker #billing-details .member-alert .inner .icon {
  width: 24px;
  height: 24px;
  background: url(/Assets/PriorityPass/images/icons/alert-small-red.svg)
    no-repeat top left;
}

.aopc-step-tracker #billing-details .member-alert h5 {
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  padding-bottom: 10px;
}

.aopc-step-tracker #billing-details .member-alert p {
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
}

#join-process .apoc-member-div #membership-details .form-actions {
  padding-top: 0;
}

.enrolment-form .apoc-member-div #membership-details .label {
  margin: 0;
}

.enrolment-form #membership-details .validation-code {
  padding-top: 0px;
}

.enrolment-form #membership-details .validation-code .right-col .field-message {
    padding-bottom: 20px;
    padding-top: 10px;
}

.enrolment-form #membership-details .validation-code .right-col .label {
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
}

#join-process
  .aopc-step-tracker.enrolment-form-join
  .form-section
  .form-loading
  > div {
  top: 50%;
  left: 0;
  width: 100%;
  margin: 0;
}

.i-icon {
  width: 28px;
  height: 28px;
  background: url(/Assets/PriorityPass/images/icons/i-icon.svg) no-repeat;
  position: absolute;
  left: 205px;
  top: 42px;
}

.i-icon-des {
  display: none;
  font-family: 'Roboto';
  background: #394655;
  text-align: center;
  color: #fff;
  padding: 20px 15px;
  position: absolute;
  bottom: -37px;
  width: 290px;
  border-radius: 8px;
  z-index: 1;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: 65px;
}

.i-icon:hover + .i-icon-des {
  display: block;
}

#join-process .aopc-step-tracker .aopc-card-security-number {
  position: relative;
}

#join-process
  .aopc-step-tracker.enrolment-form
  #billing-details
  .gdpr-form-section
  .wrapped-checkbox
  .error-border {
  border: none;
}

.aopc-join-step-tracker__step--complete,
.aopc-join-step-tracker__link--complete,
.aopc-join-step-tracker__step--complete.join-step-tracker__step--current {
  background-color: #00c7b2;
  background-image: url("/Assets/PriorityPass/images/icons/tick-white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px auto;
}

.aopc-join-step-tracker__step--complete.join-step-tracker__step--current::before {
  border-color: #00c7b2;
}

/* AOPC success confirmation banner */
.member-success-banner {
  background: rgba(29, 135, 46, 0.1);
  border: 1px solid #1d872e;
  padding: 20px 15px;
  margin-top: 40px;
}

.member-success-banner .inner {
  position: relative;
  padding-left: 34px;
}

.member-success-banner .icon.alert {
  width: 25px;
  height: 25px;
  background: url(/Assets/PriorityPass/images/icons/green-tick.svg) no-repeat;
  position: absolute;
  left: 0;
}

.member-success-banner .aopc-success-header {
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  padding-bottom: 10px;
}

.member-success-banner .aopc-success-text {
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  padding-bottom: 0;
}

@media screen and (max-width: 768px) {
  #join-process .padded-sides .member-success-banner.padded-sides {
    margin-top: 50px;
  }
 
  .i-icon-des {
    width: 256px;
  }

  .enrolment-form .apoc-member-div #membership-details .label {
    padding-bottom: 0;
  }

  .enrolment-form #membership-details .validation-code .label {
    padding-bottom: 20px;
    margin-bottom: 0;
  }

  #join-process
    .aopc-step-tracker.enrolment-form-join
    .form-section
    .form-loading
    > div {
    top: 50%;
    left: 0;
    width: 100%;
    margin: 0;
  }

  #join-process .aopc-step-tracker #billing-details .member-alert {
    width: 100%;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .aopc-step-tracker-fixed .join-step-tracker {
    width: 100%;
  }

  .aopc-step-tracker .aopc-step-tracker-fixed .join-step-tracker {
    margin-bottom: 0;
  }

  #join-process .aopc-step-tracker .pre-large-select .right-col .left {
    width: 190px;
  }

  .aopc-payment-title {
    padding-bottom: 20px;
  }

  #join-process
    .aopc-step-tracker
    #billing-details
    .gdpr-form-section.padded-sides {
    margin: 0;
  }

  #join-process .aopc-step-tracker .left-col,
  #join-process .aopc-step-tracker .right-col .left {
    width: 100%;
  }

  #join-process .aopc-step-tracker .label {
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
  }

  .aopc-step-tracker #personal-details .right-col {
    padding-bottom: 20px;
  }

  .aopc-step-tracker .padded-sides.section-wrapper .form-field + .form-field {
    margin-top: 0;
  }

  #join-process .aopc-step-tracker {
    padding-top: 30px;
    padding-bottom: 0;
  }

  .aopc-step-tracker .sticky-tracker-fixed .join-step-tracker {
    width: 100%;
  }

  #join-process .aopc-step-tracker section .padded-sides {
    margin: 0;
  }

  .aopc-step-tracker #personal-details,
  .aopc-step-tracker #account-details,
  .aopc-step-tracker #billing-details {
    width: 100%;
    margin: 50px 0 0 0;
  }

  .aopc-step-tracker .join-step-tracker {
    margin-bottom: 0;
  }

  .aopc-step-tracker .section-wrapper h3 {
    font-family: 'Roboto';
    font-size: 30px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    padding-bottom: 20px;
  }

  .aopc-step-tracker .section-wrapper h5,
  .aopc-step-tracker .title h3 {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    padding-bottom: 30px;
  }

  #join-process .aopc-step-tracker .title h3 {
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    padding: 0 0 30px;
  }

  .aopc-step-tracker .right-col {
    padding-bottom: 20px;
  }

  #join-process .aopc-step-tracker .err-msgs,
  #join-process .aopc-step-tracker .row .right-col .field-message {
    font-family: 'Roboto';
    padding-top: 10px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
  }

  .aopc-step-tracker .password-criteria {
    padding: 0;
    margin: 7px 0 0;
  }

  .aopc-step-tracker .password-criteria div:last-child {
    margin-bottom: 0;
  }

  #join-process .aopc-step-tracker .form-actions .cta {
    width: 100%;
    margin: 0 0 20px;
  }

  #join-process .aopc-step-tracker .form-actions .cta.partial-submit {
    margin-bottom: 0;
  }

  #join-process .aopc-step-tracker .form-actions {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .aopc-step-tracker #billing-details .section-wrapper .row.date-field .thirds {
    width: 164px;
    clear: none;
  }

  .aopc-step-tracker
    #billing-details
    .section-wrapper
    .row.date-field
    .thirds:nth-child(2n + 1) {
    margin-left: 15px;
  }

  .aopc-step-tracker #billing-details .section-wrapper .row.large-select {
    width: 164px;
  }

  .aopc-step-tracker
    #billing-details
    .section-wrapper
    .state-field.large-select {
    width: 100%;
  }

  .aopc-step-tracker
    #billing-details
    .gdpr-form-section
    .wrapped-checkbox
    .right-col
    .detail {
    max-width: 100%;
    padding-left: 20px;
  }

  #join-process
    .aopc-step-tracker
    #billing-details
    .gdpr-form-section
    .wrapped-checkbox {
    padding: 16px;
  }

  #join-process .aopc-step-tracker .left-col.disclaimer-text,
  #join-process .aopc-step-tracker .left-col.disclaimer-text p {
    padding-bottom: 0;
  }

  .aopc-step-tracker #billing-details .section-wrapper .checkboxes-group {
    margin: 0;
  }

  #join-process .aopc-step-tracker.enrolment-form .err-msgs div {
    font-family: 'Roboto';
    padding-left: 34px;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
  }

  .aopc-step-tracker #billing-details .section-wrapper .row.large-select {
    width: 100%;
  }

  .aopc-step-tracker #billing-details .section-holder {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .aopc-step-tracker #billing-details .section-holder .section-holder {
    padding-bottom: 0;
  }
}

@media all and (max-width: 1024px) and (min-width: 769px) {
  .aopc-step-tracker-fixed .join-step-tracker {
    width: 90%;
  }

  .primary-nav__item {
    padding: 0 20px !important;
  }

  #join-process .aopc-step-tracker .aopc-step-tracker-fixed {
    padding: 15px 38px;
  }

  .aopc-step-tracker-fixed .join-step-tracker {
    width: 100%;
  }
}

/* Changes to address TDEW-8025*/
.aopc-step-tracker section#billing-details div.section-holder div.section-wrapper div.padded-sides div.row.form-field.pre-large-select div.right-col div.left.field div.stylish-select span.selected span.ico {
    display: none;
}

.aopc-step-tracker section#billing-details div.section-holder div.section-wrapper div.padded-sides div.row.form-field.pre-large-select div.right-col div.left.field div.stylish-select span.selected span.text {
    opacity: 0.6;
}

.aopc-step-tracker section#billing-details div.section-holder div.section-wrapper div.padded-sides div.row.form-field.pre-large-select div.right-col div.left.field div.stylish-select {
    pointer-events: none;
}
/*********/



/* mobile app banner */
.app-banner {
  display: table;
  padding: 0 5px;
  border-spacing: 10px;
  width: 100%;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.app-banner.hidden {
  display: none;
}
.app-banner > div {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.app-banner .app-icon-holder {
  position: relative;
  width: 64px;
  height: 64px;
  padding: 8px;
}
.app-banner .app-icon-holder:after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  width: 64px;
  height: 64px;
  margin: auto;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.app-banner .app-icon-holder img {
  position: relative;
  z-index: 1;
  width: 100%;
  vertical-align: middle;
}
.app-banner > div h4,
.app-banner > div p {
  margin-bottom: 0;
}
.app-banner > div h4 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding-bottom: 0;
}
.app-banner > div p,
.app-banner > .description-holder {
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.app-banner > .description-holder > p {
  padding-bottom: 0;
}
.app-banner .close {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  border: none;
  outline: none;
}
.app-banner .close-btn-holder {
  width: 9px;
}
.app-banner .open-app-btn-holder {
  text-align: right;
}
.app-banner .button.cta.transparent {
  min-width: unset;
  padding-left: 15px;
  padding-right: 15px;
}

.app-download {
  position: relative;
}
.app-download img {
  display: block;
}
.app-download .wrapper.title,
#homepage .app-download .wrapper.title {
  padding: 0 0 2rem;
}
.app-download .wrapper.title {
  display: none;
}
.app-download .wrapper.title h4 {
  padding-bottom: 0;
}
.app-download .item {
  display: table;
  table-layout: fixed;
  width: 100%;
  min-height: 43rem;
}
.app-download .left {
  width: 59%;
  display: table-cell;
  vertical-align: bottom;
}
.app-download .right {
  width: 41%;
  display: table-cell;
  vertical-align: middle;
}
.app-download .right .inner {
  width: 78.388%;
  position: relative;
  padding-bottom: 5rem;
}
.app-download .right .inner .content {
  padding: 3rem;
}
.app-download .right .inner .bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60rem;
  text-align: right;
}
.app-download .right .inner .bottom li {
  display: inline-block;
  padding: 0 0.4rem;
}
.app-download .wrapper .item p {
  padding-bottom: 0;
}

.generic-content ~ .app-download .wrapper.title {
  padding-top: 0;
}

@media screen and (max-width: 865px) {
  .app-download .item {
    min-height: 0;
  }
  .app-download .left {
    width: 48%;
  }
  .app-download .right {
    width: 52%;
    padding: 5rem 0;
  }
  .app-download .right .inner {
    padding: 0;
    width: auto;
  }
  .app-download .wrapper .item .bottom {
    position: static;
    width: auto;
    text-align: left;
  }
  .app-download .wrapper .item .bottom ul {
    padding: 0 2rem;
  }
  .app-download .wrapper .item .bottom li {
    padding-top: 1rem;
  }
  .app-download .wrapper .item .bottom li:nth-child(2n - 1) {
    padding-left: 0;
    clear: both;
  }
  .app-download .wrapper .item .right .content {
    padding: 0 2.5rem 1rem 2rem;
  }
}

@media screen and (max-width: 700px) {
  .app-download {
    margin-top: 3rem;
  }
  .app-download .title,
  .app-download .item .left {
    background-color: #faf9f5;
  }
  .app-download .wrapper.title,
  #homepage .app-download .wrapper.title {
    padding: 3rem 0 0;
  }
  .app-download .padded-sides {
    margin: 0;
  }
  .app-download .holder {
    background: transparent;
  }
  .app-download .item,
  .app-download .item .left,
  .app-download .item .right,
  .app-download .wrapper .item .bottom {
    display: block;
    width: auto;
    text-align: center;
  }
  .app-download .item .left img {
    margin: auto;
  }
  .app-download .wrapper .item .right .content {
    padding: 0 0 1rem;
  }
  .app-download .item .right {
    padding: 3rem 1.5rem;
  }
  .app-download .wrapper .item .bottom li,
  .app-download .wrapper .item .bottom li:nth-child(2n - 1) {
    padding: 0 0.4rem;
  }
}

@media screen and (max-width: 700px) {
  .app-download .wrapper.title h4 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media screen and (max-width: 600px) {
  .app-download .padded-sides {
    margin: 0;
  }
}

.arrivals-departures {
  padding-top: 63px;
}

.arrivals-departures__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  padding-top: 37px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.arrivals-departures__button--active {
  color: #827127;
}
.arrivals-departures__button {
  position: relative;
  z-index: 1;
  overflow: visible;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 2.198rem;
  letter-spacing: 0.04rem;
  text-align: center;
  padding: 14px 73px;
  background-color: transparent;
  color: #827127;
  outline: none;
}
.arrivals-departures__button:after {
  content: "";
  position: absolute;
  bottom: -2px;
  height: 3px;
  width: 100%;
  border-radius: 3px;
  background-color: transparent;
  -webkit-transition: all 0.2s cubic-bezier(0.93, 0.78, 0.39, 0.86);
  -o-transition: all 0.2s cubic-bezier(0.93, 0.78, 0.39, 0.86);
  transition: all 0.2s cubic-bezier(0.93, 0.78, 0.39, 0.86);
}
.arrivals-departures__button:first-child:after {
  right: -100%;
}
.arrivals-departures__button:last-child:after {
  left: -100%;
}
.arrivals-departures__button--active,
.arrivals-departures__button:hover,
.arrivals-departures__button:focus {
  color: #746632;
}
.arrivals-departures__button--active:after {
  background-color: #746632;
}
.arrivals-departures__button--active:first-child:after {
  right: 0;
}
.arrivals-departures__button--active:last-child:after {
  left: 0;
}

.arrivals-departures__content-holder {
  position: relative;
  z-index: 0;
  border-top: 1px solid #e3e4e3;
  border-bottom: 1px solid #e3e4e3;
  margin: 0;
  padding-top: 49px;
}
.arrivals-departures__content {
  display: none;
}
.arrivals-departures__content--active {
  display: block;
}

@media screen and (max-width: 1030px) {
  .arrivals-departures {
    padding-top: 0;
  }
  .arrivals-departures .title-underline {
    display: none;
  }

  .arrivals-departures__controls {
    width: 100%;
    margin: 0;
    padding: 0 35px;
  }
  .arrivals-departures__button {
    width: 50%;
    padding: 21px 14px;
  }
  .arrivals-departures__button:after {
    bottom: -1px;
  }

  .arrivals-departures__content-holder {
    margin-right: 35px;
    margin-left: 35px;
    padding-top: 0;
    border-top: none;
  }
  .arrivals-departures__content-holder > .padded-sides {
    margin: 0;
  }
}

@media screen and (max-width: 760px) {
  .arrivals-departures__controls {
    padding: 0;
  }

  .arrivals-departures__content-holder {
    margin-right: 0;
    margin-left: 0;
  }
}

/* b2c membership benefits */
.benefits-breakdown {
  background-color: #f9f9f9;
  padding-top: 52px;
  padding-bottom: 101px;
}
.benefits-breakdown--view-more {
  padding-bottom: 59px;
}
.benefits-breakdown__intro {
  padding: 0 15px;
}
.benefits-breakdown__intro-text {
  margin-top: 27px;
  text-align: center;
}
.benefits-breakdown__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-height: none;
  overflow: hidden;
  margin-top: 85px;
  -webkit-transition: all 0.65s cubic-bezier(0.5, -0.52, 0.07, 0.99);
  -o-transition: all 0.65s cubic-bezier(0.5, -0.52, 0.07, 0.99);
  transition: all 0.65s cubic-bezier(0.5, -0.52, 0.07, 0.99);
}
.benefits-breakdown__item {
  text-align: center;
  padding: 0 30px;
  width: 33.333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.benefits-breakdown__item:nth-child(n + 4) {
  margin-top: 72px;
}
.benefits-breakdown__item h3 {
  padding: 10px 0 12px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 2.4rem;
  letter-spacing: 0.05rem;
}
.benefits-breakdown__icon {
  width: 100%;
  max-width: 68px;
  max-height: 68px;
}
.benefits-breakdown__more {
  display: none;
  position: relative;
  margin: 23px auto 0;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: 0.01rem;
  color: #827127;
  text-transform: uppercase;
  outline: none;
}
.benefits-breakdown--view-more .benefits-breakdown__more {
  display: block;
}
.benefits-breakdown__more:hover {
  color: #746632;
}
.benefits-breakdown__more:after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border: 1px solid #827127;
  border-bottom: none;
  border-left: none;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  right: -16px;
  top: 8px;
}

@media screen and (max-width: 1000px) {
  .benefits-breakdown {
    padding-top: 30px;
    padding-bottom: 12px;
  }
  .benefits-breakdown--view-more {
    padding-bottom: 49px;
  }
  .benefits-breakdown__intro-text {
    margin-top: 31px;
  }
  .benefits-breakdown > p {
    text-align: center;
    padding: 0 23px 20px;
  }
  .benefits-breakdown__item h3 {
    font-size: 2.2rem;
  }
  .benefits-breakdown__grid {
    margin-top: 24px;
  }
  .benefits-breakdown__item {
    padding: 0 30px;
    width: 50%;
  }
  .benefits-breakdown__item:nth-child(n + 3) {
    margin-top: 32px;
  }
  .benefits-breakdown__more {
    margin: 16px auto 0;
  }
}

@media screen and (max-width: 480px) {
  .benefits-breakdown--view-more {
    padding-bottom: 30px;
  }
  .benefits-breakdown p {
    padding: 20px 23px;
  }
  .benefits-breakdown__intro p {
    padding: 0 10px;
  }
  .benefits-breakdown__grid {
    margin-top: 52px;
  }
  .benefits-breakdown__item p {
    padding-top: 0;
  }
  .benefits-breakdown__item {
    width: 100%;
    padding: 0 23px;
  }
  .benefits-breakdown__item:nth-child(n + 2) {
    margin-top: 34px;
  }
  .benefits-breakdown__more {
    margin: 4px auto 0;
  }
}

.benefits-grid {
  border-bottom: 1px solid #e3e4e3;
  padding: 50px 0 0;
}
.benefits-grid .items {
  padding: 1.5rem 0 3rem;
}
.benefits-grid .item {
  float: left;
  width: 33.33%;
  text-align: center;
  padding-bottom: 3rem;
}
.benefits-grid .item.first {
  clear: both;
}
.benefits-grid .item.first + .item {
  width: 33.34%;
}
.benefits-grid .item .img-holder {
  position: relative;
}
.benefits-grid .item .img-holder img {
  width: 100%;
  display: block;
}
.benefits-grid .item .img-holder .title {
  width: 80%;
  padding: 1rem 10% 1.6rem;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.8);
}
.benefits-grid .item .img-holder img ~ .title {
  position: absolute;
  left: 0;
  bottom: 0;
}
.benefits-grid .item .img-holder .title h5 {
  display: inline-block;
  padding: 0 1rem 0.4rem;
  border-bottom: 1px solid #000000;
}
.benefits-grid .item .content {
  padding: 0.5rem 10% 0;
}

@media screen and (max-width: 760px) {
  .benefits-grid .item,
  .benefits-grid .item.first,
  .benefits-grid .item.first + .item {
    width: 50%;
  }
  .benefits-grid .item.first {
    clear: none;
  }
  .benefits-grid .item:nth-child(2n - 1) {
    clear: both;
  }
}

@media screen and (max-width: 480px) {
  .benefits-grid .item,
  .benefits-grid .item.first,
  .benefits-grid .item.first + .item,
  .benefits-grid .item:nth-child(2n - 1) {
    width: 100%;
    clear: both;
  }
}

.benefits-listing {
  padding: 5rem 0 6rem 0;
}
.benefits-listing .items {
  padding-top: 1rem;
}
.benefits-listing h4 ~ .items {
  padding-top: 0;
}
.benefits-listing .item {
  margin-top: 3rem;
  display: table;
}
.benefits-listing .item:first-child {
  margin-top: 0;
}
.benefits-listing .holder-830 .item h4 {
    font-size: 1.8rem;
}
.generic-content ~ .benefits-listing,
.generic-content ~ .benefits-listing .items {
    padding-top: 0;
}

@media screen and (max-width: 700px) {
  .benefits-listing {
    padding: 4rem 0 5rem;
  }
  .benefits-listing .item {
    display: block;
    float: none;
    width: 100%;
  }
}

.campaign-page .benefits-rows {
  padding: 4rem 0;
}
.campaign-benefits-grid + .benefits-rows {
  padding-top: 0;
}
.benefits-rows {
  padding: 6rem 0;
}
.benefits-rows .items .item {
  width: 48.5%;
  float: left;
  margin-left: 3%;
  margin-top: 2rem;
  padding: 2rem 0;
}
.benefits-rows .items .item.first {
  margin-left: 0;
}
.benefits-rows .items .item:first-child,
.benefits-rows .items .item:first-child + .item {
  margin-top: 0;
}
.benefits-rows .items .item .inner {
  padding: 0 3rem 0 9.2rem;
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
.benefits-rows .items .item .inner img {
  position: absolute;
  top: 50%;
  left: 2rem;
  max-width: 9rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 600px) {
  .benefits-rows .items .item,
  .benefits-rows .items .item.first {
    width: 100%;
    float: none;
    margin-left: 0;
  }
  .benefits-rows .items .item:first-child + .item {
    margin-top: 2rem;
  }
}

.campaign-benefits-grid.page-link-panels {
  text-align: center;
  margin-bottom: -30px;
}
.campaign-benefits-grid.page-link-panels .item {
  text-align: center;
  background: #f9f9f9;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 20px;
}
.campaign-benefits-grid.page-link-panels .item .content {
  padding: 1.5rem 6rem;
}
.campaign-benefits-grid.page-link-panels .item .content h5 {
  padding: 0;
}

@media screen and (max-width: 865px) {
  .campaign-benefits-grid.page-link-panels .holder-1030 .padded-sides {
    margin: 0;
  }
}

@media screen and (max-width: 600px) {
  .campaign-benefits-grid.page-link-panels .item .content {
    display: block;
  }
}

/* cookie bar */
.cookie-bar {
  background: #ffffff;
  position: fixed;
  bottom: -100%;
  left: 2rem;
  padding: 4rem 2rem 1.5rem;
  max-width: 44rem;
  z-index: 100;
  -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
.cookie-bar.show {
  bottom: 2rem;
}
.cookie-bar p,
.cookie-bar h4 {
  padding-bottom: 1rem;
}
.cookie-bar .panel-close {
  color: #827127;
  text-transform: uppercase;
  position: absolute;
  right: 2rem;
  top: 2rem;
  cursor: pointer;
}
.cookie-bar .panel-close .icon {
  padding-left: 1.1rem;
}
.cookie-bar .cta-holder {
  padding-top: 0.5rem;
}
.cookie-bar .cta {
  padding: 1rem 1.5rem;
  font-size: 1.4rem;
  margin-bottom: 1.5rem;
  margin-right: 1rem;
}
.cookie-bar .cta ~ .cta {
  margin-right: 0;
}

@media screen and (max-width: 600px) {
  .cookie-bar {
    max-width: none;
    width: 100%;
    left: 0;
    padding: 3.5rem 1.5rem 1rem;
    font-size: 1.4rem;
    line-height: 1.9rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .cookie-bar.show {
    bottom: 0;
  }
  .cookie-bar .cta {
    margin-right: 0.5rem;
    font-size: 1.2rem;
  }
}

@media print {
  .cookie-bar {
    display: none;
  }
}

.country-autocomplete__input[type="text"] {
  width: auto;
  max-width: 100%;
  border: none;
  height: 3.6rem;
  text-align: left;
}
.country-autocomplete__results {
  display: none;
  padding: 1rem 0 2rem;
  position: relative;
  background: #ffffff;
}
.country-autocomplete__results--active {
  display: block;
  border: 1px solid #a2a4a3;
  border-top-color: #ffffff;
  margin-top: -1px;
}
.country-autocomplete .ui-autocomplete {
  top: 0 !important;
  left: 0 !important;
  width: calc(100% - 20px) !important;
  max-height: 20rem;
  overflow-y: auto;
  background: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.country-autocomplete .ui-menu-item-wrapper {
  color: #000000;
  font-size: 1.8rem;
  line-height: 3rem;
  cursor: pointer;
  text-align: left;
  padding: 0 2rem 0 3.6rem;
}
.country-autocomplete .ui-state-active {
  color: #00c7b2;
}

.digital-membership.name-on-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  padding: 0;
  min-height: 450px;
}
.digital-membership__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  color: #ffffff;
  padding: 71px 64px;
}
.digital-membership__background {
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.digital-membership__card {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  padding-right: 40px;
}
.digital-membership__title {
  font-size: 2.7rem;
  letter-spacing: 0.005rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.digital-membership__description,
.digital-membership__membership-number-label {
  font-size: 1.8rem;
  letter-spacing: 0.01rem;
}
.digital-membership__device {
  background: url("/assets/PriorityPass/images/CONTENT_IMAGES/join/digital-membership-smartphone.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
  position: relative;
  width: 378px;
  min-height: 248px;
  height: 100%;
  margin: auto;
}
.digital-membership__device:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  max-width: 161px;
  max-height: 161px;
  background: url("/assets/PriorityPass/images/CONTENT_IMAGES/join/digital-membership-qr.png");
  background-repeat: no-repeat;
  position: absolute;
  bottom: 150px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
.digital-membership__device .stylish-text {
  position: absolute;
  bottom: 86px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 283px;
  height: 32px;
}
.digital-membership__device .stylish-text span {
  height: 32px;
  border: none;
}
.digital-membership__cardholder-name {
  padding: 0 10px !important;
}

.digital-membership--confirmation .digital-membership__membership-number {
  font-weight: 600;
}
.digital-membership--confirmation .digital-membership__app-label {
  font-size: 2.7rem;
  letter-spacing: 0.005rem;
  line-height: normal;
  margin-top: 55px;
}
.digital-membership--confirmation .digital-membership__cardholder-name {
  width: calc(100% - 80px);
  text-align: center;
  text-transform: uppercase;
  color: #827127;
  font-weight: 600;
  letter-spacing: 0.067rem;
  position: absolute;
  bottom: 80px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
.digital-membership--confirmation .digital-membership__app-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.digital-membership--confirmation
  .digital-membership__app-link
  + .digital-membership__app-link {
  margin-left: 16px;
}
.digital-membership--confirmation .digital-membership__app-link img {
  max-width: none;
}


#personal-details .name-on-card .digital-membership__device .stylish-text,
#personal-details .name-on-card .digital-membership__device .stylish-text #CardholderName {
    text-align: center;
    width: 300px;
}

@media screen and (max-width: 768px) {
    .digital-membership__title {
    font-size: 2.4rem;
    margin-bottom: 17px;
    padding-bottom: 0;
  }
  .digital-membership__description,
  .digital-membership__membership-number-label {
    font-size: 1.4rem;
  }
  .digital-membership.name-on-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 50px -70px;
  }
  .digital-membership__card {
    padding: 0 34px;
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
  }
  .digital-membership__content {
    text-align: center;
    margin-bottom: 32px;
    padding: 29px 64px 0;
  }
  .digital-membership__device {
    width: 303px;
    min-height: 314px;
  }
  .digital-membership__device:after {
    background-size: 121px;
    bottom: 128px;
    max-width: 121px;
    max-height: 121px;
  }
  .digital-membership__device .stylish-text {
    bottom: 66px;
    width: 235px;
  }

  .digital-membership--confirmation .digital-membership__device {
    width: 303px;
    min-height: 209px;
    background-position: 0 0;
  }
  .digital-membership--confirmation .digital-membership__device:after {
    background-size: 86px;
    bottom: 67px;
    max-width: 86px;
    max-height: 86px;
  }
  .digital-membership--confirmation .digital-membership__app-label {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 48px;
  }
  .digital-membership--confirmation .digital-membership__cardholder-name {
    bottom: 20px;
    font-size: 1.4rem;
    letter-spacing: 0.052rem;
  }
  .digital-membership--confirmation .digital-membership__app-links {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 760px) {
  .digital-membership.name-on-card {
    margin: 50px -34px;
  }
}

@media screen and (max-width: 320px) {
  .digital-membership__device {
    width: 100%;
  }
  .digital-membership__device:after {
    bottom: 95px;
  }
  .digital-membership__device .stylish-text {
    bottom: 50px;
    width: 205px;
  }

  .digital-membership--confirmation .digital-membership__device:after {
    bottom: 67px;
  }
}

.discount-bar {
  padding: 1.5rem 0;
  font-size: 1.8rem;
  color: #827127;
  line-height: 3rem;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  text-align: center;
}
.discount-bar p {
  margin: 0;
  padding: 0;
}
.discount-bar b,
.discount-bar strong,
.discount-bar .highlight {
  font-size: 2.2rem;
  font-weight: bold;
}

.enquiry-form .wrapped-checkbox.error {
  border: 1px solid #d82d2d;
}

.enquiry-form .stylish-ds > input[type="checkbox"] {
  top: 0;
  left: 0;
}
.enquiry-form .stylish-ds {
  width: 4rem;
  height: 4rem;
  border: none;
}
.enquiry-form .stylish-ds[data-type="checkbox"] > span,
.enquiry-form .stylish-ds[data-type="checkbox"] > span.checked {
  position: static;
  display: block;
  padding: 0;
  width: 3.8rem;
  height: 3.8rem;
  border: 1px solid #a2a4a3;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
}
.enquiry-form .stylish-ds[data-type="checkbox"] > span.checked {
  background-image: url("/Assets/PriorityPass/images/icons/forms/checkbox-tick-large.png");
  background-color: #00c7b2;
  border-color: #00c7b2;
}
.enquiry-form .stylish-ds + .detail {
  display: block;
  padding-left: 5rem;
  padding-top: 0.7rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.enquiry-form .err-msgs .icon.alert.red {
  top: 0;
  width: 28px;
  height: 28px;
  background: url("/Assets/PriorityPass/images/icons/alert-large.png");
  background-position: 0;
  background-repeat: no-repeat;
}

.enquiry-form .checkboxes-group.two-col {
  margin-bottom: 95px;
}
.enquiry-form .checkboxes-group.two-col .rows-col:empty {
  display: none;
}
.enquiry-form .checkboxes-group.two-col .rows-col .row.form-field {
  position: relative;
}
.enquiry-form .checkboxes-group.two-col .rows-col .label.left-col + .right-col {
  position: absolute;
  top: 0;
}
.enquiry-form .checkboxes-group.two-col .rows-col .label.left-col {
  display: block !important;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding-left: 50px;
  padding-top: 7px;
}
.enquiry-form .checkboxes-group.two-col .rows-col .row.form-field {
  white-space: normal;
}
.enquiry-form .checkboxes-group.two-col .rows-col .row.form-field:last-child {
  max-width: 200px;
}
.enquiry-form .row.form-field + .checkboxes-group.two-col {
  margin: 0;
}
.enquiry-form .row.form-field + .checkboxes-group.two-col .rows-col:first-child,
.enquiry-form
  .row.form-field
  + .checkboxes-group.two-col
  .rows-col:empty
  + .rows-col {
  margin-top: 15px;
}
.enquiry-form .row.form-field + .checkboxes-group.two-col .rows-col:last-child {
}
.enquiry-form .row.field-description {
  margin-top: 0;
  padding-bottom: 20px;
}
.enquiry-form .row.field-description p:last-child {
  padding-bottom: 0;
}
.enquiry-form .row .marketing-title {
  margin-top: 40px;
}
.enquiry-form .actions button.cta.box.inverse.toggle-form {
  font-size: 1.4rem;
  line-height: 1.4rem;
  padding: 10px 28px;
  margin-top: 0;
}

.title ~ .enquiry-form {
  padding-top: 2.5rem;
}
.enquiry-form .cta-holder .cta {
  margin: 2rem;
  padding: 0.5rem 1.5rem;
}
.enquiry-form .form-holder {
  display: none;
  font-size: 1.8rem;
}
.enquiry-form .form-holder .inner {
  padding: 3rem;
  border: 1px solid #eceded;
  border-top: none;
}
.page-editor .enquiry-form .form-holder {
  display: block;
}

.enquiry-form .wrapped-checkbox {
  border: 1px solid #a2a4a3;
  margin: 16px -16px 0 -16px;
  padding: 22px 16px 22px;
}
.enquiry-form .wrapped-checkbox .label {
  margin-bottom: 25px;
}
.enquiry-form .row.wrapped-checkbox .right-col .right.field-message {
  width: 51.76%;
  float: left;
  clear: both;
  margin-top: 15px;
  color: #9c9b9b;
}

.enquiry-form .row {
  clear: both;
  margin-top: 1.5rem;
  line-height: 2.8rem;
}
.enquiry-form .row .right-col .left,
.enquiry-form .row .left-col.bot-detect {
  width: 51.76%;
  float: left;
  clear: both;
}
.enquiry-form .row .right-col .right {
  width: 40.74%;
  float: right;
}
.enquiry-form .row .stylish-textarea > span {
  height: 13.5rem;
}
#recapchaWidget .stylish-textarea span {
    display: none;
}
.enquiry-form .row .stylish-textarea > textarea {
  padding: 1rem;
  border: 1px solid #a2a4a3;
  line-height: 2.4rem;
}
.enquiry-form .row.error .stylish-ds > span,
.enquiry-form .row.error .stylish-text > span,
.enquiry-form .row.error .stylish-select > span,
.enquiry-form .row.error .stylish-password > span,
.enquiry-form .row.error .stylish-email > span,
.enquiry-form .row.error .stylish-textarea > textarea {
  outline: 0.2rem solid #d82d2d !important;
  border-color: #ffffff;
}
.enquiry-form .row.error .stylish-textarea > textarea {
  outline: 0.2rem solid #d82d2d !important;
}

.enquiry-form .right-col .left select,
.enquiry-form .right-col .left .stylish-select {
  max-width: 13rem;
  width: 100%;
}
.enquiry-form .large-select .right-col .left select,
.enquiry-form .large-select .right-col .left .stylish-select,
.enquiry-form .right-col .left.large-select select,
.enquiry-form .right-col .left.large-select .stylish-select {
  max-width: none;
}

.enquiry-form .hide {
  display: none;
}

.enquiry-form .err-msgs {
  padding-top: 0.5rem;
  color: #d82d2d;
  font-weight: bold;
  font-size: 1.4rem;
}
.enquiry-form .err-msgs div {
  min-height: 2.8rem;
  position: relative;
  padding-left: 3.6rem;
  line-height: 2.8rem;
}
.enquiry-form .err-msgs .icon {
  position: absolute;
  top: 0.3rem;
  left: 0;
}

.enquiry-form .form-actions {
  padding-top: 5rem;
}
.enquiry-form .form-actions .cta {
  float: left;
  margin-top: 0.4rem;
  min-width: 8.7rem;
  font-size: 1.4rem;
}
.enquiry-form .form-actions .submit {
  float: right;
  margin-left: 2rem;
}
.enquiry-form .form-actions .submit .cta {
  margin-top: 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min--moz-device-pixel-ratio: 1.5),
  screen and (-o-min-device-pixel-ratio: 3/2),
  screen and (min-resolution: 144dpi) {
  .enquiry-form .stylish-ds[data-type="checkbox"] > span.checked {
    background-image: url("/Assets/PriorityPass/images/icons/forms/checkbox-tick-large@2x.png");
    background-size: 1.5rem;
  }
}

@media screen and (max-width: 1120px) {
  .enquiry-form .checkboxes-group.two-col {
    width: 100%;
    margin: 15px 0 25px;
  }
  .enquiry-form .checkboxes-group.two-col .rows-col .row.form-field:last-child {
    width: 100%;
    max-width: none;
    padding-right: 0;
    margin-bottom: 12px;
  }
  .enquiry-form .row .marketing-title {
    margin-top: 10px;
  }
  .enquiry-form
    .row.form-field
    + .checkboxes-group.two-col
    .rows-col:last-child {
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 700px) {
  .enquiry-form .row.wrapped-checkbox .right-col .right.field-message {
    width: 100%;
    margin-top: 25px;
  }

  .enquiry-form .row .right-col .left,
  .enquiry-form .row .right-col .right,
  .enquiry-form .row .left-col.bot-detect {
    width: 100%;
  }

  .enquiry-form .wrapped-checkbox {
    margin: 16px -31px 0 -31px;
    padding: 22px 29px 22px;
  }
}

@media screen and (max-width: 600px) {
  .enquiry-form .form-holder .inner {
    padding: 2.5rem;
  }
  .enquiry-form .row .right-col .left,
  .enquiry-form .row .right-col .right {
    width: 100%;
    float: none;
  }
  .enquiry-form .form-actions {
    text-align: center;
    padding-top: 3rem;
  }
  .enquiry-form .form-actions .cta,
  .enquiry-form .form-actions .submit {
    float: none;
  }
  .enquiry-form .form-actions .submit {
    padding-bottom: 0.5rem;
  }

  .enquiry-form .wrapped-checkbox {
    margin: 16px -26px 0 -26px;
    padding: 22px;
  }
}

@media screen and (max-width: 480px) {
  .enquiry-form .form-holder .inner {
    padding: 2.5rem 1.5rem;
  }

  .enquiry-form .wrapped-checkbox {
    margin: 16px -16px 0 -16px;
    padding: 22px 15px;
  }
}

.enrolment-country {
  max-width: 50rem;
  margin: auto;
  padding: 10.2rem 0 11rem;
}
.enrolment-country h1 {
 color: #000000;
 -webkit-filter: invert(1) contrast(1);
         filter: invert(1) contrast(1);
}
.enrolment-country__selector {
  position: relative;
  margin: auto;
  -webkit-transition: max-width 0.3s;
  -o-transition: max-width 0.3s;
  transition: max-width 0.3s;
}
.enrolment-country__input-outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.enrolment-country__selector .enrolment-country__input-inner {
  max-width: 100%;
}
.enrolment-country__selector--focus .enrolment-country__input-inner {
  -webkit-box-shadow: 0 0 0.4rem rgba(31, 26, 19, 0.4);
          box-shadow: 0 0 0.4rem rgba(31, 26, 19, 0.4);
}
.enrolment-country__selector--focus .enrolment-country__input-inner:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.4rem;
  background: #ffffff;
  z-index: 10;
}
.enrolment-country__input[type="text"] {
  width: auto;
  min-width: 410px;
  max-width: 100%;
  border: none;
  height: 3.6rem;
  text-align: left;
}
.enrolment-country__input[type="text"]::-webkit-input-placeholder {
    color: #000;
}
.enrolment-country__input[type="text"]::-moz-placeholder {
    color: #000;
}
.enrolment-country__input[type="text"]::-ms-input-placeholder {
    color: #000;
}
.enrolment-country__input[type="text"]::placeholder {
    color: #000;
}
.enrolment-country__results {
  display: none;
  padding: 1rem 0 2rem;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.enrolment-country__results--active {
  display: block;
  -webkit-box-shadow: 0 0 0.4rem rgba(31, 26, 19, 0.4);
          box-shadow: 0 0 0.4rem rgba(31, 26, 19, 0.4);
}
.enrolment-country .ui-autocomplete {
  top: 0 !important;
  left: 0 !important;
  width: calc(100% - 20px) !important;
  max-height: 20rem;
  overflow-y: auto;
  background: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.enrolment-country .ui-menu-item-wrapper {
  color: #000000;
  font-size: 1.8rem;
  line-height: 3rem;
  cursor: pointer;
  text-align: left;
  padding: 0 2rem 0 3.6rem;
}
.enrolment-country .ui-state-active {
  color: #00c7b2;
}

.enrolment-country--b2c {
  padding: 0;
  margin: auto -45px auto -45px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.enrolment-country--b2c .enrolment-country__selector {
  max-width: 410px;
}
.enrolment-country--b2c .enrolment-country__input-outer {
  display: block;
}
.enrolment-country--b2c
  .enrolment-country__selector--focus
  .enrolment-country__input-outer,
.enrolment-country--b2c
  .enrolment-country__selector--focus
  .enrolment-country__input-inner {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.enrolment-country--b2c
  .enrolment-country__selector--focus
  .enrolment-country__input-inner:after {
  display: none;
}
.enrolment-country--b2c .enrolment-country__input-inner .icon.close {
  z-index: 2;
  top: 1px;
  bottom: 1px;
  height: auto;
  text-indent: 9999px;
  color: transparent;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" enable-background="new 0 0 36 36"><path d="M30 8.4 27.6 6 18 15.6 8.4 6 6 8.4 15.6 18 6 27.6 8.4 30 18 20.4 27.6 30 30 27.6 20.4 18z"></path></svg>')
    no-repeat 3px center;
  background-size: 12px;
  background-color: #ffffff;
}
.enrolment-country--b2c .enrolment-country__input[type="text"] {
  padding: 11px 45px 13px 20px;
  font-size: 2rem;
  line-height: 2.5rem;
  letter-spacing: 0.04rem;
  color: #000000;
  height: auto;
  width: 100%;
  min-width: 100%;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.enrolment-country--b2c .enrolment-country__view-list {
  position: absolute;
  top: 0;
  right: 17px;
  bottom: 0;
  width: 9px;
  height: 9px;
  background: url(/Assets/PriorityPass/images/icons/down-black-arrow.svg)
    no-repeat center center;
  margin: auto;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.enrolment-country--b2c
  .enrolment-country__selector--focus
  .enrolment-country__view-list {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.enrolment-country--b2c .enrolment-country__results {
  padding: 0;
}
.enrolment-country--b2c .enrolment-country__results--active {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.enrolment-country--b2c .ui-autocomplete {
  z-index: 2;
  background: #f9f9f9;
  padding: 0;
  border: 1px solid #e3e4e3;
  border-top: none;
  -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100% !important;
}
.enrolment-country--b2c .ui-menu-item-wrapper {
  background: #f9f9f9;
  color: #000000;
  text-align: left;
  padding: 5px 16px;
  font-size: 1.6rem;
  line-height: 2.5rem;
}
.enrolment-country--b2c .ui-state-active {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

@media screen and (max-width: 1000px) {
  .enrolment-country--b2c .enrolment-country__selector {
    max-width: 375px;
  }
}

@media screen and (max-width: 600px) {
  .enrolment-country {
    padding: 3.2rem 0 6rem;
  }
  .enrolment-country--b2c {
    padding: 0;
  }
}

@media screen and (max-width: 480px) {
  .enrolment-country--b2c {
    margin: 24px 0 0;
  }
  .enrolment-country--b2c .enrolment-country__selector {
    width: calc(100vw - 48px);
  }
  .enrolment-country__input[type="text"] {
    min-width: 0;
    width: 100vw;
  }
}

.enrolment-form {
  padding: 5rem 0;
  position: relative;
}
.enrolment-form .form-secure {
  width: 7rem;
  position: absolute;
  top: 3rem;
  right: 1.5rem;
}
.enrolment-form .form-secure table,
.enrolment-form .form-secure table td {
  width: 100%;
}
.enrolment-form .form-secure a {
  display: block;
}
.enrolment-form .form-secure a img {
  width: 100%;
  max-width: none;
}
.enrolment-form .gdpr-form-section .row {
  margin-top: 7px;
}

.enrolment-form-join .form-section .form-loading {
  background: rgba(255, 255, 255, 0.5);
}
.enrolment-form-join .form-section .form-loading > div {
  text-align: center;
  top: 50%;
  margin-top: -80px;
  left: 50%;
  margin-left: -80px;
  position: fixed;
}
.enrolment-form-join .form-section .form-loading > div > span.icon {
  display: inline-block;
  width: 120px;
  height: 120px;
  background: url("/Assets/PriorityPass/images/icons/loader-small.gif")
    no-repeat center center;
}
.enrolment-form-join .form-section .form-loading > div > div.label {
  font-size: 2.2rem;
}

.enrolment-form--step-tracker .form-section .form-loading {
  background: rgba(255, 255, 255, 0.5);
}
.enrolment-form--step-tracker .form-section:not(:first-of-type) .cancel {
  display: none;
}
.enrolment-form--step-tracker .form-section:first-of-type .back {
  display: none;
}
.enrolment-form--step-tracker .form-section:first-of-type .back + .cancel {
  margin-left: 0;
}

.enrolment-form .title {
  background: #e3e4e3;
  padding: 1.5rem 0;
  margin-top: 0.2rem;
  line-height: 5rem;
  text-align: right;
}
.enrolment-form--step-tracker .title {
  padding: 0;
}
.enrolment-form .title .padded-sides {
  min-height: 5rem;
  padding-left: 7rem;
  position: relative;
}
.enrolment-form .title h3 {
  float: left;
  text-align: left;
  padding-bottom: 0;
  font-size: 2.4rem;
  line-height: 5rem;
}
.enrolment-form .title .message {
  text-align: left;
  font-size: 1.8rem;
  line-height: 1.5em;
  padding-top: 1.3rem;
}
.enrolment-form .title .number {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -2.5rem;
  width: 5rem;
  height: 5rem;
  font-size: 2.4rem;
  line-height: 5rem;
  text-align: center;
  background: #ffffff;
  border-radius: 50%;
}
.enrolment-form .title .cta [class*="icon-"] {
  color: #00c7b2;
}

.enrolment-form .section-wrapper {
  padding: 2rem 0;
  font-size: 1.6rem;
}
.enrolment-form .section-wrapper .title {
  background: transparent;
  text-align: left;
  line-height: 2.4rem;
  padding: 1rem 0;
}
.enrolment-form .section-wrapper .title .right-col {
  font-size: 1.6rem;
}
.enrolment-form .section-wrapper .title ~ .title {
  padding-top: 3rem;
}

.enrolment-form .state-field select,
.enrolment-form .state-field .stylish-select,
.enrolment-form .state-field.dropdown input,
.enrolment-form .state-field.dropdown .stylish-text {
  display: none;
}
.enrolment-form .state-field.dropdown select,
.enrolment-form .state-field.dropdown .stylish-select {
  display: block;
}

.enrolment-form .hide {
  display: none;
}
.enrolment-form .row {
  margin-top: 1rem;
}
.enrolment-form .right-col {
  clear: both;
}
.enrolment-form .left-col {
  padding: 0.3rem 0;
}
.enrolment-form .left-col,
.enrolment-form .right-col .left {
  width: 48%;
  float: left;
  position: relative;
}
.enrolment-form .right-col .left select,
.enrolment-form .right-col .left .stylish-select {
  max-width: 13rem;
  width: 100%;
}
.enrolment-form .large-select .right-col .left select,
.enrolment-form .large-select .right-col .left .stylish-select,
.enrolment-form .right-col .left.large-select select,
.enrolment-form .right-col .left.large-select .stylish-select {
  width: 100%;
  max-width: none;
}
.enrolment-form .right-col .left .stylish-select select {
  width: 100%;
}
.enrolment-form .right-col .left .thirds {
  width: 30%;
  float: left;
  margin-left: 5%;
}
.enrolment-form .right-col .left .thirds:first-child,
.enrolment-form .right-col .left .thirds.hide + .thirds {
  margin-left: 0;
}
.enrolment-form .right-col .left .thirds .stylish-select,
.enrolment-form .right-col .left .thirds select {
  width: 100%;
  max-width: none;
}
.enrolment-form .right-col .left.small-input input,
.enrolment-form .right-col .left.small-input .stylish-text {
  max-width: 10rem;
}
.enrolment-form .right-col .right {
  width: 48%;
  float: right;
}
.enrolment-form .wrapped-checkbox .left-col {
  padding: 0;
}

.enrolment-form .stylish-ds > input[type="checkbox"] {
  top: 0;
  left: 0;
}
.enrolment-form .stylish-ds {
  width: 4rem;
  height: 4rem;
  border: none;
}
.enrolment-form .stylish-ds[data-type="checkbox"] > span,
.enrolment-form .stylish-ds[data-type="checkbox"] > span.checked {
  position: static;
  display: block;
  padding: 0;
  width: 3.8rem;
  height: 3.8rem;
  border: 1px solid #a2a4a3;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
}
.enrolment-form .stylish-ds[data-type="checkbox"] > span.checked {
  background-image: url("/Assets/PriorityPass/images/icons/forms/checkbox-tick-large.png");
  background-color: #00c7b2;
  border-color: #00c7b2;
}
.enrolment-form .stylish-ds + .detail {
  display: block;
  padding-left: 5rem;
  padding-top: 0.7rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.enrolment-form .err-msgs,
.enrolment-form .row .right-col .field-message {
  padding-top: 0rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.enrolment-form .err-msgs {
  color: #d82d2d;
  font-weight: bold;
}
.enrolment-form .err-msgs div {
  min-height: 2.8rem;
  position: relative;
  padding-left: 3.6rem;
  line-height: 2.8rem;
}
.enrolment-form .err-msgs .icon {
  position: absolute;
  top: 0.3rem;
  left: 0;
}
.enrolment-form .err-msgs .icon.alert.red {
  top: 0;
  width: 28px;
  height: 28px;
  background: url("/Assets/PriorityPass/images/icons/alert-large.png");
  background-position: 0;
  background-repeat: no-repeat;
}
.enrolment-form .form-actions {
  padding: 50px 0;
  text-align: right;
}

.enrolment-form--step-tracker .form-actions {
    text-align: left;
}
.enrolment-form .form-actions .cta + .cta {
  margin-left: 48px;
  height: 45px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.enrolment-form .section-holder {
  display: none;
}
.enrolment-form .editing .title {
  background: transparent;
}
.enrolment-form .editing .title .number {
  background: #e3e4e3;
}
.enrolment-form .editing .form-actions,
.enrolment-form .editing .section-wrapper {
  display: block;
}
.enrolment-form .editing .section-holder {
  display: block;
}
.enrolment-form .valid .section-holder {
  display: none;
}
.enrolment-form .form-section .editing .section-holder {
  display: block;
}

.enrolment-form .valid .title .cta,
.enrolment-form .full-submit-attempted .title .cta,
.enrolment-form .editing ~ .form-section.full-submit-attempted .title .cta {
  display: inline-block;
}
.enrolment-form .confirmation-title-holder .cta,
.enrolment-form .editing .title .cta,
.enrolment-form .editing ~ .form-section .title .cta,
.enrolment-form .full-submit-attempted.editing .title .cta,
.enrolment-form
  .editing
  ~ .form-section.full-submit-attempted.editing
  .title
  .cta {
  display: none;
}

.page-editor .enrolment-form .row .right-col .field-message {
  clear: right;
}
.page-editor .enrolment-form .row .right-col .field-message:before {
  content: "field message: ";
}
.page-editor .enrolment-form .section-holder {
  display: block;
}
.page-editor .enrolment-form .title {
  background: #e3e4e3;
}
.page-editor .enrolment-form .title .number {
  background: #ffffff;
}
.page-editor .enrolment-form .title .cta,
.page-editor .enrolment-form .editing ~ .form-section .title .cta {
  display: inline-block;
}
.page-editor .enrolment-form .section-wrapper .title {
  background: transparent;
}

.enrolment-form .postage-info.box {
  width: 48%;
}
.enrolment-form .postage-info.box .box {
  padding: 1.5rem 2.5rem;
}

/* disabled fields */
.enrolment-form .row.disabled .stylish-text > span,
.enrolment-form .row.disabled .stylish-text > input,
.enrolment-form .row.disabled .stylish-select > span,
.enrolment-form .row.disabled .stylish-password > span {
  background: #f0f0f0;
  opacity: 50%;
}
.enrolment-form .row.disabled .stylish-select select {
  visibility: hidden !important;
}
.enrolment-form .row.disabled .stylish-select ul {
  display: none !important;
}
.enrolment-form .row.disabled .stylish-select > span.selected {
  cursor: default;
}
.enrolment-form .row.disabled .stylish-select > span.selected .ico {
  background-color: #67c8be;
}

.enrolment-form #billing-address-read-only {
  display: none;
  margin-left: 5.5rem;
}
.enrolment-form #billing-address-read-only .stylish-text > span,
.enrolment-form #billing-address-read-only .stylish-text > input,
.enrolment-form #billing-address-read-only .stylish-select > span,
.enrolment-form #billing-address-read-only .stylish-password > span {
  background: #f0f0f0;
}
.enrolment-form
  #billing-address-read-only
  .stylish-select
  > span.selected
  .ico {
  background-color: #67c8be;
}
.enrolment-form #billing-address-read-only .stylish-ds,
.enrolment-form #billing-address-read-only .stylish-ds > span {
  width: 3rem;
  height: 3rem;
}
.enrolment-form #billing-address-read-only .stylish-ds > span.checked {
  background-color: #a2a4a3;
  border-color: #a2a4a3;
}
.enrolment-form #billing-address-read-only .stylish-text {
  padding-left: 1rem;
}

.enrolment-form #billing-address-read-only.business-address-toggle {
  margin-left: 0;
}
.enrolment-form #billing-address-read-only.business-address-toggle .left-col {
  display: block;
}
.enrolment-form
  #billing-address-read-only.business-address-toggle
  .stylish-text
  > span,
.enrolment-form
  #billing-address-read-only.business-address-toggle
  .stylish-text
  > input {
  background: #f0f0f0;
  height: 4rem;
}

/* enrolment errors */
.enrolment-form .form-section-errors {
  padding: 0;
  min-height: 0;
  color: #d82d2d;
  font-weight: bold;
}
.enrolment-form .form-section-errors > div {
  margin: 0.5rem 0;
  padding-left: 2.5rem;
  background: url("/Assets/PriorityPass/images/icons/alert-sprite.png")
    no-repeat 0 -19px;
}
.enrolment-form .row.error .stylish-ds > span,
.enrolment-form .row.error .stylish-text > span,
.enrolment-form .row.error .stylish-email > span,
.enrolment-form .row.error .stylish-select > span,
.enrolment-form .row.error .stylish-password > span,
.enrolment-form .row.username-error .stylish-text > span {
  outline: 0.2rem solid #d82d2d;
  border-color: #ffffff;
}
.enrolment-form .row.error input,
.enrolment-form .row.error span.selected,
.enrolment-form .row.username-error input {
  color: #e01010;
}
.enrolment-form .row.error .err-msgs ~ .field-message {
  display: none;
}

.enrolment-form .row.username-error [data-validation="availableUsername"] {
  display: block !important;
}
.enrolment-form
  .row.loading[data-validation*="availableUsername"]
  .left.field
  input {
  padding-right: 40px;
}
.enrolment-form
  .row.loading[data-validation*="availableUsername"]
  .left.field:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: url("/Assets/PriorityPass/images/icons/loader-join.gif") no-repeat
    center center;
  background-size: 30px;
}
.enrolment-form .has-username-field .partial-submit[disabled] {
  outline: 1px solid #e3e4e3;
  background: #ffffff;
  color: #cccccc;
}

/* enrolment billing step gdpr */
.enrolment-form #billing-details .gdpr-form-section.padded-sides {
  margin-left: 0;
  margin-right: 0;
}
.enrolment-form
  #billing-details
  .gdpr-form-section.padded-sides
  .gdpr-form-section-intro-text {
  padding-top: 30px;
  padding-bottom: 15px;
}
.enrolment-form
  #billing-details
  .gdpr-form-section.padded-sides
  .gdpr-form-section-intro-text
  + .row.cf {
  margin-top: 0;
}
.enrolment-form
  #billing-details
  .gdpr-form-section.padded-sides
  .gdpr-form-section-intro-text
  p {
  font-weight: 700;
  text-align: left;
  line-height: 2.4rem;
  background: transparent;
  padding: 0;
}
.enrolment-form
  #billing-details
  .gdpr-form-section
  .checkboxes-group.two-col
  .stylish-ds
  + .detail,
.enrolment-form #billing-details .gdpr-form-section .title p,
.enrolment-form #billing-details .gdpr-form-section .title strong {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 700;
}
.enrolment-form #billing-details .gdpr-form-section .title p {
  padding: 0;
}
.enrolment-form #billing-details .gdpr-form-section .wrapped-checkbox {
  margin-top: 60px;
}
.enrolment-form
  #billing-details
  .gdpr-form-section
  .wrapped-checkbox
  .error-border {
  border: 1px solid #a2a4a3;
}
.enrolment-form
  #billing-details
  .gdpr-form-section
  .wrapped-checkbox
  .error
  + .error-border {
  border: 1px solid #d82d2d;
}
.enrolment-form
  #billing-details
  .gdpr-form-section
  .checkboxes-group.two-col
  .rows-col:last-child
  .row.form-field {
  margin-bottom: 0;
}
.enrolment-form #billing-details .gdpr-form-section .title .marketing-title p {
  padding: 0;
}
.enrolment-form
  #billing-details
  .gdpr-form-section
  .wrapped-checkbox
  .supporting-text {
  margin-bottom: 8px;
  opacity: 0.5;
}
.enrolment-form.gdpr-form-visible #billing-details .form-actions {
  padding-top: 30px;
}

.enrolment-form .gdpr-form-section .title {
  text-align: left;
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: normal;
  padding-bottom: 16px;
}
.enrolment-form .gdpr-form-section .title p {
  padding-top: 35px;
  padding-bottom: 20px;
}
.enrolment-form .gdpr-form-section .wrapped-checkbox .title p {
  padding: 0;
}

/* [TEDX-3044] temporary fix */
.enrolment-form .mandatory-message {
  display: none;
}

@media screen and (max-width: 1120px) {
  .enrolment-form
    #billing-details
    .gdpr-form-section
    .checkboxes-group.two-col
    .rows-col:last-child
    .row.form-field {
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 1030px) {
  .enrolment-form {
    padding-top: 6rem;
  }
  .enrolment-form .form-secure {
    top: 0.7rem;
    right: 2.5rem;
  }
}

@media screen and (max-width: 1000px) {
  .enrolment-form .right-col .left .thirds {
    width: 45%;
    margin-left: 5%;
  }
  .enrolment-form .right-col .left .thirds:nth-child(2n + 1) {
    margin-left: 0;
    margin-bottom: 0.5rem;
    clear: both;
  }
}

@media screen and (max-width: 768px) {
  /* [TEDX-3044] temporary fix */
  .enrolment-form [data-field-id="Title"] .field-message {
    display: none !important;
  }
  .enrolment-form .mandatory-message {
    display: block;
    margin: 26px 15px 8px;
  }
}

@media screen and (max-width: 760px) {
  .enrolment-form .title .message {
    float: none;
    width: auto;
    clear: both;
  }
}

@media screen and (max-width: 600px) {
  .enrolment-form .row.error .err-msgs ~ .field-message {
    display: block;
  }

  .enrolment-form .left-col,
  .enrolment-form .right-col .left,
  .enrolment-form .right-col .right,
  .enrolment-form .postage-info.box {
    display: block;
    float: none;
    width: 100%;
    clear: both;
  }
  .enrolment-form .right-col .left.credit-card-fields-group {
    display: table;
  }
  .enrolment-form .right-col .left .thirds,
  .enrolment-form .right-col .left .thirds:nth-child(2n + 1) {
    width: 100%;
    margin-left: 0;
    margin-bottom: 0.5rem;
  }
  .enrolment-form .form-actions,
  .enrolment-form .section-wrapper + .form-actions {
    padding: 2rem 0 3.5rem;
  }
  .enrolment-form
    #billing-details
    .gdpr-form-section.padded-sides
    .gdpr-form-section-intro-text {
    padding-bottom: 10px;
  }

  .enrolment-form .form-secure {
    right: 1.5rem;
  }

  .enrolment-form .title {
    text-align: left;
  }
  .enrolment-form .title h3 {
    font-size: 2rem;
  }
  .enrolment-form .valid .title h3 {
    line-height: 2.5rem;
    float: none;
  }
  .enrolment-form .valid .title .cta {
    display: block;
    float: left;
    margin-top: 0.5rem;
  }
  .enrolment-form .editing .title .cta {
    display: none;
  }
  .enrolment-form .editing .title h3,
  .enrolment-form .editing ~ .form-section .title h3 {
    line-height: 5rem;
  }
}

@media screen and (max-width: 480px) {
  .enrolment-form .row.disabled {
    margin-left: 0;
  }
}

.faqs-widget {
  padding: 4rem 0 5rem;
}
.faqs-widget .faq-wrap {
  padding-left: 7.5rem;
}
.faqs-widget .title {
  padding-bottom: 1.6rem;
}
.faqs-widget .categories {
  padding-bottom: 0.7rem;
}
.faqs-widget h4 {
  font-family: 'Roboto';
  padding-top: 1.2rem;
  padding-bottom: 0;
  position: relative;
  padding-left: 1.8rem;
}
.faqs-widget h4.small {
  font-family: 'Roboto';
}
.faqs-widget h4 [class^="icon-"] {
  position: absolute;
  top: 1.3rem;
  left: 0.2rem;
  font-size: 1.6rem;
  line-height: 3.6rem;
}
.faqs-widget h4.small [class^="icon-"] {
  line-height: 2.4rem;
}

.faqs-widget.all-faqs p {
  padding-bottom: 0.5rem;
}
.faqs-widget.all-faqs .category-holder > .header > button {
  border-bottom: 1px solid #e3e4e3;
  padding-bottom: 1rem;
}
.faqs-widget.all-faqs .category-holder > .content > .accordion {
  padding-top: 1.7rem;
  padding-bottom: 4rem;
}

@media screen and (max-width: 865px) {
  .faqs-widget .faq-wrap {
    padding-left: 2.5rem;
  }
}

@media screen and (max-width: 760px) {
  .faqs-widget .faq-wrap {
    padding-left: 1rem;
  }
  .faqs-widget .title {
    padding-bottom: 0;
  }
  .faqs-widget .title h3 {
    padding-bottom: 1rem;
  }
}

.feedback-widget {
  position: fixed;
  z-index: 12;
  right: -400px;
  top: 0;
  width: 100%;
  max-width: 400px;
  height: 100%;
  -webkit-box-shadow: 0 0 10px -4px #a9a9a9;
          box-shadow: 0 0 10px -4px #a9a9a9;
  background-color: #f5f5f5;
  -webkit-transition: right 0.45s cubic-bezier(0.76, 0.14, 0.08, 1);
  -o-transition: right 0.45s cubic-bezier(0.76, 0.14, 0.08, 1);
  transition: right 0.45s cubic-bezier(0.76, 0.14, 0.08, 1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.feedback-widget--no-transition {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.feedback-widget--active {
  right: 0;
}
.feedback-widget__form {
  bottom: 0;
  height: auto;
}
.feedback-widget--active .feedback-widget__form {
  -webkit-box-shadow: 0 0 20px -8px #a9a9a9;
          box-shadow: 0 0 20px -8px #a9a9a9;
}
.feedback-widget__form,
.feedback-widget__form iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.feedback-widget__form iframe {
  height: 100%;
}
.feedback-widget__button--desktop {
  right: 400px;
}
.feedback-widget__button {
  position: absolute;
  z-index: 12;
  top: 50%;
  padding: 15px 40px;
  font-size: 1.4rem;
  letter-spacing: 0.06rem;
  line-height: 2.1rem;
  background-color: #827127;
  -webkit-box-shadow: 0 4px 10px -3px rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 10px -3px rgba(0, 0, 0, 0.25);
  border-radius: 0 0 5px 5px;
  outline: none;
  -webkit-transition: all 0.45s cubic-bezier(0.76, 0.14, 0.08, 1);
  -o-transition: all 0.45s cubic-bezier(0.76, 0.14, 0.08, 1);
  transition: all 0.45s cubic-bezier(0.76, 0.14, 0.08, 1);
  -webkit-transform: rotate(90deg) translateX(50%);
          transform: rotate(90deg) translateX(50%);
  -webkit-transform-origin: top right;
          transform-origin: top right;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.feedback-widget__button--mobile {
  bottom: 0;
  display: none;
}
.feedback-widget__button-text {
  float: left;
  color: #ffffff;
  text-transform: uppercase;
  white-space: nowrap;
}
.feedback-widget__close-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  width: 30px;
  height: 30px;
  margin: auto;
}
.feedback-widget__close-icon path {
  fill: #ffffff;
}

@media screen and (max-width: 1000px) {
  .feedback-widget {
    left: 0;
    right: 0;
    top: auto;
    bottom: -100%;
    width: 100%;
    max-width: none;
    transition: all 0.45s cubic-bezier(0.76, 0.14, 0.08, 1);
    -webkit-transition: all 0.45s cubic-bezier(0.76, 0.14, 0.08, 1);
    -moz-transition: all 0.45s cubic-bezier(0.76, 0.14, 0.08, 1);
    -ms-transition: all 0.45s cubic-bezier(0.76, 0.14, 0.08, 1);
    -o-transition: all 0.45s cubic-bezier(0.76, 0.14, 0.08, 1);
  }
  .feedback-widget:not(.feedback-widget--active) {
    width: 100vw;
  }
  .feedback-widget__form {
    margin-top: 56px;
    opacity: 0;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  .feedback-widget--active .feedback-widget__form {
    opacity: 1;
  }
  .feedback-widget--active,
  .feedback-widget__button--mobile:not(.feedback-widget__button--active):not(
      .feedback-widget__button--close
    ) {
    opacity: 1;
    bottom: 0;
  }
  .feedback-widget__button--mobile {
    position: fixed;
    display: block;
    top: auto;
    left: auto;
    right: 50%;
    padding: 3px 15px 1px;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.25);
    -webkit-transform: rotate(0) translateX(50%);
            transform: rotate(0) translateX(50%);
    -webkit-transform-origin: unset;
            transform-origin: unset;
  }
  .feedback-widget__button--mobile:not(
      .feedback-widget__button--close
    ).feedback-widget__button--transition {
    bottom: -100%;
    right: 50%;
  }
  .feedback-widget__button--mobile.feedback-widget__button--close {
    right: 8px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  .feedback-widget__button--mobile.feedback-widget__button--active,
  .feedback-widget__button--mobile.feedback-widget__button--active {
    top: 7px;
    right: 8px;
    width: 44px;
    height: 40px;
    border-radius: 4px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .feedback-widget__button--mobile.feedback-widget__button--active:not(
      .feedback-widget__button--close
    ),
  .feedback-widget__button--desktop,
  .feedback-widget__button--mobile.feedback-widget__button--close.feedback-widget__button--transition.feedback-widget__button--active,
  .feedback-widget__button--mobile.feedback-widget__button--close {
    display: none;
  }
  .feedback-widget__button--mobile.feedback-widget__button--close {
    position: absolute;
    bottom: auto;
  }
  .feedback-widget__button--mobile.feedback-widget__button--close.feedback-widget__button--active,
  .feedback-widget__button--mobile.feedback-widget__button--close.feedback-widget__button--active
    .feedback-widget__close-icon {
    display: block;
  }

  /* apply spacing for button at bottom of page */
  .visitor-feedback-show {
    border-bottom: 30px solid #ffffff;
  }
}

@media print {
  .feedback-widget__button {
    display: none;
  }
}

.generic-content {
  padding-top: 6rem;
  padding-bottom: 5rem;
}
.generic-content--error {
  padding: 10rem 0 8rem;
}
.generic-content--faqs {
  padding: 6rem 0;
}

.generic-content__left {
  float: left;
  width: 20.5%;
  padding-right: 2.56%;
  min-height: 1px;
}
.generic-content__right {
  float: none;
  width: 71%;
  margin: auto;
}
.generic-content__left ~ .generic-content__right {
  float: left;
}
.generic-content__right h3 {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: normal;
    margin: 0;
    padding-bottom: 2rem;
}
.generic-content__right h2 {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: normal;
  margin: 0;
  padding-bottom: 2rem;
}
.generic-content__cta-holder {
  text-align: right;
  margin: 10px auto 15px;
}
.generic-content__meta {
  padding-bottom: 2rem;
}
.generic-content__item {
  padding-right: 1rem;
  margin-right: 0.2rem;
  display: inline;
  float: none;
  font-weight: bold;
  position: relative;
}
.generic-content__item:after {
  content: "\00B7";
  position: absolute;
  height: 1.8rem;
  width: 0.5rem;
  top: -0.2rem;
  right: 0.4rem;
  font-weight: bold;
  text-align: right;
}
.generic-content__item--link:after,
.generic-content__item--author:after {
  color: #00c7b2;
}
.generic-content__item--author {
  font-weight: normal;
}
.generic-content__item:last-child {
  padding-left: 0;
  margin-left: 0;
}
.generic-content__item:last-child:after {
  display: none;
}
.generic-content__item a:hover {
  color: #000000;
}

.rte ~ .generic-content__meta {
  padding-bottom: 0;
  padding-top: 3.3rem;
  margin-top: 2rem;
  border-top: 1px solid #e3e4e3;
}
.rte ~ .generic-content__item:after {
  right: 0;
}

@media screen and (max-width: 1030px) {
  .generic-content__left {
    width: 23.5%;
    padding-right: 3%;
  }
  .generic-content__right {
    width: 90%;
  }
  .generic-content__left ~ .generic-content__right {
    width: 73.5%;
  }
}

@media screen and (max-width: 865px) {
  .generic-content__right {
    width: 95%;
  }
}

@media screen and (max-width: 760px) {
  .generic-content,
  .generic-content--faqs {
    padding: 4rem 0;
  }
  .generic-content__left,
  .generic-content__right,
  .generic-content__left ~ .generic-content__right {
    width: auto;
    float: none;
    padding-right: 0;
  }
  .generic-content__left {
    margin-bottom: 3rem;
  }
  .generic-content__left--title {
    margin-bottom: 0;
  }
  .generic-content__right > .padded-sides {
    margin: 0;
  }
}

.hero-lounge-search {
  background-size: cover;
  background-position: center;
  padding: 70px 0 102px;
}
.hero-lounge-search ~ #main {
  margin-top: -44px;
  padding-top: 0;
}

.hero-lounge-search__mobile-bg {
  display: none;
}
.hero-lounge-search__inner {
  position: relative;
  background: rgba(151, 134, 66, 0.85);
  width: 57%;
  color: #ffffff;
  padding: 30px 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.hero-lounge-search__title {
  font-size: 8rem;
  line-height: 9.6rem;
}
.hero-lounge-search__description {
  font-size: 2.4rem;
  line-height: 3rem;
  margin-bottom: 20px;
}
.hero-lounge-search__prompt {
  margin-top: 32px;
}
.hero-lounge-search__cta {
  margin-left: 20px;
}

@media screen and (max-width: 1000px) {
  .hero-lounge-search {
    background-image: none !important;
    padding: 0;
  }
  .hero-lounge-search ~ #main {
    margin-top: 0;
  }

  .hero-lounge-search__mobile-bg {
    display: block;
    height: 50vw;
  }
  .hero-lounge-search__inner {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .hero-lounge-search__mobile-bg {
    height: 60vw;
  }
  .hero-lounge-search__inner {
    padding: 30px 30px 20px;
  }
  .hero-lounge-search__title {
    font-size: 4.8rem;
    line-height: 5.8rem;
  }

  .hero-lounge-search__cta {
    margin-left: 0;
    margin-top: 12px;
  }
}

.iframe-embed {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  margin-bottom: 3rem;
}
.iframe-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*inventory hero lounge search*/
.inventory-hero-lounge-search {
  background-size: cover;
  background-position: center;
  padding: 70px 0 102px;
}

.inventory-hero-lounge-search ~ #main {
  margin-top: -44px;
  padding-top: 0;
}

.inventory-lounge-search {
  height: 42px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  min-width: 0;
  z-index: 10;
}

.inventory-lounge-search:hover input[type="text"].lounge-search__input {
  background-color: #746632;
  border-color: #746632;
}
.inventory-lounge-search .icon {
  position: absolute;
  z-index: 2;
  color: #ffffff;
  top: 50%;
  left: 3rem;
  height: 2rem;
  font-size: 1.8rem;
  line-height: 2rem;
  width: 2rem;
  padding: 0 !important;
  margin-top: -1rem;
  text-align: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  max-width: 0;
  overflow: hidden;
}
.inventory-lounge-search .icon-location-arrow {
  z-index: -1;
  padding-right: 1.5rem !important;
  color: #827127;
  left: auto;
  right: 0;
  opacity: 0;
  top: 9px;
  width: 44px;
  height: 44px;
  line-height: 4.4rem;
}

.inventory-lounge-search .ui-autocomplete {
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 19px 0 0;
  background: #ffffff;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}

.inventory-lounge-search .ui-autocomplete a {
  font-family: 'Roboto';
  padding: 20px 20px 20px 46px;
  display: block;
  border-bottom: 1px solid rgba(166, 175, 185, 0.2);
  color: rgba(0, 0, 0, 0.5);
  /* background: url('/Assets/PriorityPass/images/icons/search-results-icons/airoplane.svg') left no-repeat;*/
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-decoration: none;
}

.inventory-lounge-search .ui-autocomplete .ui-autocomplete-message {
  cursor: default;
  font-family: 'Roboto';
  font-size: 24px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(166, 175, 185, 0.2);
  cursor: pointer;
  display: block;
  text-align: left;
  color: #000000;
  padding: 0 15px 0 15px;
}
.inventory-lounge-search .ui-autocomplete .ui-autocomplete-message b {
  padding-bottom: 20px;
  display: block;
}
.inventory-lounge-search
  .ui-autocomplete
  .no-results-data.ui-autocomplete-message {
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.6);
  border-bottom: 0;
}

/*.inventory-lounge-search .ui-autocomplete .ui-autocomplete-child a {
    padding-left: 50px;
 }  
.inventory-lounge-search .ui-autocomplete a:hover,
.inventory-lounge-search .ui-autocomplete a:focus,
.inventory-lounge-search .ui-autocomplete .ui-state-active {
    background-color: #f8f8f8;
}*/

.inventory-lounge-search .ui-autocomplete a .name,
.inventory-lounge-search .ui-autocomplete a:hover .name,
.inventory-lounge-search .ui-autocomplete a:focus .name {
  display: block;
  font-weight: bold;
  color: #000000;
}
.inventory-lounge-search .ui-autocomplete a .name.heading {
  font-family: 'Roboto';
  font-weight: normal;
  font-size: 18px;
}

.inventory-lounge-search .ui-autocomplete a .country {
  display: block;
}
.inventory-lounge-search .ui-autocomplete .ui-autocomplete-category {
  margin-top: 30px;
}
.inventory-lounge-search
  .ui-autocomplete
  .ui-autocomplete-category:first-child {
  margin-top: 0;
}
.inventory-lounge-search .ui-autocomplete li:last-child a {
  border: none;
}
.inventory-lounge-search .ui-autocomplete-term,
.inventory-lounge-search .ui-autocomplete-airport-term {
  font-family: 'Roboto';
  color: #827127;
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
}

.inventory-lounge-search .ui-autocomplete-term span,
.inventory-lounge-search .ui-autocomplete-airport-term {
  color: #000;
}
.inventory-lounge-search .ui-autocomplete .ui-autocomplete-child {
  padding-left: 25px;
  position: relative;
}
.inventory-lounge-search .ui-autocomplete .ui-autocomplete-child:hover,
.inventory-lounge-search .ui-autocomplete .ui-autocomplete-child.hovered {
  background: rgba(0, 0, 0, 0.03);
}
.inventory-lounge-search .ui-autocomplete .ui-autocomplete-child img {
  position: absolute;
  top: 26px;
}

.inventory-lounge-search .clearSearchBtn.show {
  background: url("/Assets/PriorityPass/images/icons/search-results-icons/close-icon.svg")
    left no-repeat;
  display: inline-block;
  width: 19px;
  height: 19px;
  position: absolute;
  right: 15px;
  top: 12px;
  z-index: 1;
}
.inventory-lounge-search .clearSearchBtn.show {
  display: none;
}
.inventory-lounge-search.lounge-search--active .clearSearchBtn.show {
  display: block;
}
@media screen and (max-width: 1000px) {
  .inventory-hero-lounge-search {
    background-image: none !important;
    padding: 0;
  }

  .inventory-hero-lounge-search ~ #main {
    margin-top: 0;
  }

  .inventory-lounge-search {
    min-width: 360px;
  }

  .inventory-lounge-search .icon {
    font-size: 1.7rem;
  }

  .inventory-lounge-search .icon-location-arrow {
    top: 0;
    height: 62px;
    line-height: 62px;
    right: -5px;
    padding-right: 0 !important;
  }
  .inventory-lounge-search .icon-location-arrow:before {
    width: 100%;
    text-indent: 15px;
  }

  .inventory-lounge-search .icon.icon-search {
    opacity: 0;
    left: 10px;
  }

  .inventory-lounge-search .ui-autocomplete {
    left: 0 !important;
    top: 11px !important;
    padding: 20px 0 0;
    background-color: #f9f9f9;
  }
  .inventory-lounge-search .ui-autocomplete li:last-child {
    margin-bottom: 10px;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 480px) {
  .inventory-lounge-search {
    display: block;
    min-width: 0;
    width: 100%;
  }
}

.join-step-tracker {
  margin-bottom: 100px;
  position: relative;
}
.join-step-tracker::before {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: 8px;
  display: block;
  width: calc(100% - 16px);
  height: 2px;
  background: #979797;
}
.join-step-tracker__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.join-step-tracker--disabled .join-step-tracker__step {
  pointer-events: none;
}

.join-step-tracker__step,
.join-step-tracker__link {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  padding: 0;
  height: 73px;
  width: 73px;
  border: 8px solid transparent;
  border-radius: 100%;
  background: #e3e4e3;
  background-clip: padding-box !important;
}
.ie11 .join-step-tracker__step {
  overflow: visible;
}

.join-step-tracker__step--complete,
.join-step-tracker__link--complete {
  background-color: #00c7b2;
  background-image: url("/Assets/PriorityPass/images/icons/tick-white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px auto;
}
.join-step-tracker__step--current {
  border: 6px solid #ffffff;
  background: #99cce3;
}
.join-step-tracker__step--current::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 43px;
  height: 43px;
  background: transparent;
  border: 6px solid #ffffff;
  border-radius: 100%;
}
.join-step-tracker__text {
  position: absolute;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  color: #4b4f54;
  white-space: nowrap;
  left: 50%;
  top: calc(100% + 8px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
}

.aopc-join-step-tracker__step {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  padding: 0;
  height: 73px;
  width: 73px;
  border: 8px solid transparent;
  border-radius: 100%;
  background: #e3e4e3;
  background-clip: padding-box !important;
}
.aopc-join-step-tracker__step--complete {
  background-color: #00c7b2;
  background-image: url("/Assets/PriorityPass/images/icons/tick-white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px auto;
  width: 58px;
  border: none;
  height: 58px;
}

.ie11 .aopc-join-step-tracker__step {
  overflow: visible;
}

@media screen and (max-width: 760px) {
  .join-step-tracker {
    margin-bottom: 40px;
  }
  .join-step-tracker__list::before {
    top: calc(50% - 0.6px);
    height: 1.2px;
  }

  .join-step-tracker__step,
  .join-step-tracker__link,
  .join-step-tracker__step--current {
    height: 44px;
    width: 44px;
    border-width: 5px;
  }
  .join-step-tracker__step--current::before {
    width: 25px;
    height: 25px;
    border-width: 3px;
  }
  .join-step-tracker__step--complete,
  .join-step-tracker__link--complete {
    background-size: 14px auto;
  }
  .join-step-tracker__text {
    display: none;
  }
  .aopc-join-step-tracker__step {
    height: 44px;
    width: 44px;
    border-width: 5px;
  }
  .aopc-join-step-tracker__step--complete {
    background-size: 14px auto;
  }
}

.wrapper > .padded-sides .join-summary__editable-container .holder-1030 {
  width: 100%;
}
.join-summary__edit-summary {
  margin: 38px 0 0 1px;
  padding: 8px 27px !important;
}
.join-summary__summary-title {
  margin-bottom: 25px;
}

/* join summary accordion */
.join-summary__accordion {
  border: solid 1px #dddddd;
  border-radius: 5px;
  position: relative;
}
.join-summary__accordion + .join-summary__accordion {
  margin-top: 56px;
}
.join-summary__accordion-title {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.004rem;
  padding: 24px 27px !important;
  position: relative;
  z-index: 1;
}
.join-summary .accordion .join-summary__accordion-title:focus-visible {
    outline-style: solid;
    outline-color: rgb(0,95,204);
    outline-offset: 5px;
    outline-width: 2px;
}
.join-summary__accordion-title:before {
    content: "";
    display: block;
    position: absolute;
    width: 17px;
    height: 17px;
    border-bottom: 2px solid #827127;
    border-left: 2px solid #827127;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 30px;
    top: 27px;
}
.join-summary__accordion-title.active:before {
  border-top: 2px solid #827127;
  border-right: 2px solid #827127;
  border-bottom: none;
  border-left: none;
  top: 39px;
}

/* join summary readonly fields */
.join-summary__readonly {
  padding: 0 27px 39px;
  margin-top: 23px;
}
.join-summary__readonly-field + .join-summary__readonly-field {
  border-top: dashed 1px #dddddd;
  margin-top: 13px;
  padding-top: 29px;
  padding-bottom: 2px;
}
.join-summary__readonly-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.join-summary__readonly-label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.join-summary__readonly-value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 600;
}
.join-summary__readonly-label,
.join-summary__readonly-value {
  font-size: 1.8rem;
  letter-spacing: 0.01rem;
  border: none;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  background: none;
}

/* join summary editable fields */
.join-summary__summary-section .form-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.join-summary .form-field.hide,
.join-summary__accordion .title,
.join-summary .password-criteria,
.join-summary .name-on-card {
  display: none;
}
.join-summary__summary-section .form-field .left-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding-bottom: 13px;
  font-size: 1.8rem;
  letter-spacing: 0.01rem;
}
.join-summary .form-field .right-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.join-summary .form-field .right-col .left.field {
  width: 100%;
}
.join-summary .form-field .right.err-msgs {
  width: 100%;
}
.join-summary .form-field .right-col .stylish-select {
  max-width: none;
}
.join-summary__accordion .form-field + .form-field {
  border-top: dashed 1px #dddddd;
  margin-top: 0;
  padding-top: 13px;
  padding-bottom: 2px;
}
.join-summary__accordion .form-actions .back {
  display: none;
}
.enrolment-form .join-summary__accordion .form-actions .cancel {
  margin-left: 0;
  display: inline-block;
}
.join-summary__editable-container .field-message,
.join-summary__editable-container .mandatory-message {
  display: none !important;
}
.join-summary__editable-container--membership .join-summary__readonly {
  padding: 0;
  margin-top: 9px;
}
.join-summary__editable-container--membership .form-actions .padded-sides {
  margin-left: 0;
}
.join-summary .form-field[data-field-id="DateOfBirth"] .right-col .left.field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.join-summary
  .form-field[data-field-id="DateOfBirth"]
  .right-col
  .left.field
  .thirds {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.join-summary
  .form-field[data-field-id="DateOfBirth"]
  .right-col
  .left.field
  .thirds
  + .thirds {
  margin-left: 10px;
}
.join-summary .padded-sides.section-wrapper .form-field + .form-field {
  margin-top: 0;
}
.join-summary > .section-holder > .form-actions .cta + .cta {
  margin-top: 28px;
}
.join-summary .stylish-ds + .detail {
  max-width: 48%;
}

/* rich text below accordions */
.join-summary__lounge-directory {
  margin-bottom: 33px;
}
.join-summary .title {
  text-align: left;
}
.join-summary .gdpr-form-section.padded-sides {
  margin-left: 0;
  margin-right: 0;
}

/* membership summary */
.join-summary__accordion--membership-summary {
  margin-bottom: 37px;
}
.join-summary__readonly--membership-details
  .join-summary__readonly-field
  + .join-summary__readonly-field {
  margin-top: 22px;
  padding: 0;
  border: none;
}
.join-summary__readonly-field--membership-type {
  border-top: 1px dashed #dddddd !important;
  margin-top: 27px !important;
  padding-top: 27px !important;
}

.enrolment-form
  #summary-details
  .gdpr-form-section.padded-sides
  .gdpr-form-section-intro-text
  p {
  font-weight: 700;
  text-align: left;
  line-height: 2.4rem;
  background: transparent;
  padding: 0;
}
.enrolment-form #summary-details .gdpr-form-section .title p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 700;
}

/* stylish form overrides */
.stylish-form .join-summary .stylish-select span.selected {
  max-height: none;
  height: 100%;
  height: 49px;
}
.stylish-form .join-summary .stylish-select .selected .text {
  display: block;
  padding: 4px;
}
.stylish-form .join-summary .stylish-text > span,
.stylish-form .join-summary .stylish-email > span,
.stylish-form .join-summary .stylish-number > span,
.stylish-form .join-summary .stylish-select > span,
.stylish-form .join-summary .stylish-password > span {
  height: 50px;
}
.stylish-form
  .join-summary__readonly
  .stylish-ds[data-type="checkbox"]
  > span:not(.checked) {
  background: #eeeeee;
  border: 1px solid #a2a4a3;
}

@media screen and (max-width: 600px) {
  .join-summary__readonly-field {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .join-summary .form-field {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .join-summary .form-actions {
    padding-bottom: 0;
  }
  .join-summary__accordion--membership-summary .form-actions {
    padding-bottom: 35px;
  }
  .join-summary__readonly--membership-details
    .join-summary__readonly-field
    + .join-summary__readonly-field {
    margin-top: 33px;
  }
  .join-summary .stylish-ds + .detail {
    max-width: none;
  }
  .join-summary__readonly--delivery-details {
    margin-top: 13px;
  }
  .join-summary__readonly--delivery-details .join-summary__readonly-label {
    margin-bottom: 18px;
  }
  .join-summary__business-address-readonly-field {
    margin-bottom: 7px;
  }
}

/* banner */
.landing-banner {
  background-color: #ffffff;
  text-transform: uppercase;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.landing-banner ~ #main {
  position: relative;
  z-index: 2;
  margin-top: -50px;
  padding-top: 0;
}
.landing-banner ~ #main section.body-content .title {
  text-align: center;
  padding: 4.5rem 0;
}
.landing-banner h1,
.landing-banner ~ #main section.body-content h1 {
  font-size: 8rem;
  line-height: 7.2rem;
  color: #827127;
  padding-bottom: 0.2rem;
}
.landing-banner h2 {
  font-size: 1.8rem;
  line-height: 3.6rem;
  padding-bottom: 2.7rem;
}
.landing-banner ~ #main section.body-content h2 {
  font-family: 'Roboto';
  font-size: 2.7rem;
  line-height: 4rem;
  padding-bottom: 2.7rem;
  margin-top: 0.4rem;
}
.landing-banner .cta,
.landing-banner .cta:hover,
.landing-banner .cta:focus {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url("/Assets/PriorityPass/images/icons/landing-cta-arrow.png");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 4.1rem 2.9rem;
  font-size: 2.4rem;
  line-height: 6.1rem;
  padding: 0 6rem 0 4.5rem;
  color: #827127;
  -webkit-box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.4);
}
.landing-banner .wrapper {
  position: relative;
}
.landing-banner .wrapper .inner {
  min-height: 70rem;
  text-align: center;
  position: relative;
}
.landing-banner .wrapper .inner table {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70rem;
}
.landing-banner .wrapper .inner table td > div {
  padding-bottom: 4.5rem;
  z-index: 1;
  position: relative;
}
.landing-banner .cta.cta-gold,
.landing-banner .cta.cta-gold:hover,
.landing-banner .cta.cta-gold:focus {
  background-color: #827127;
  background-color: rgba(152, 134, 66, 0.8);
  color: #ffffff;
  background-image: url("/Assets/PriorityPass/images/icons/landing-cta-arrow-alternative.png");
}

.landing-banner .img-adjust-container,
.landing-banner .carousel,
.landing-banner .carousel .slide-container,
.landing-banner .carousel .slide-container > div {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #e3e4e3;
}
.landing-banner .carousel .slide-container > div.force-show {
  display: block !important;
}
.landing-banner .carousel .loader {
  background-image: none;
}

.landing-banner .carousel {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.landing-banner .carousel.carousel-ready,
.no-js .landing-banner .carousel {
  opacity: 1;
}

.no-js .landing-banner .carousel .slide-container > div {
  display: none;
}
.no-js .landing-banner .carousel .slide-container > div:first-child {
  display: block;
}

.landing-banner.full-width-image img {
  width: 100%;
  float: left;
}

/* image positioning when injected */
.landing-banner .carousel .slide-container > div img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  max-width: none;
  margin-left: -1085px;
  margin-top: -350px;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min--moz-device-pixel-ratio: 1.5),
  screen and (-o-min-device-pixel-ratio: 3/2),
  screen and (min-resolution: 144dpi) {
  .landing-banner .cta,
  .landing-banner .cta:hover,
  .landing-banner .cta:focus {
    background-image: url("/Assets/PriorityPass/images/icons/landing-cta-arrow@2x.png");
  }
}

@media screen and (max-height: 900px) {
  .landing-banner .wrapper .inner {
    min-height: 60rem;
  }
  .landing-banner .wrapper .inner table {
    height: 60rem;
  }
  .landing-banner .carousel .slide-container > div {
    background-size: auto 600px;
  }

  .landing-banner ~ #main {
    margin-top: -4.2rem;
  }
}

@media screen and (max-height: 800px) {
  .landing-banner h1 {
    font-size: 6.3rem;
  }
  .landing-banner .wrapper .inner {
    min-height: 48.5rem;
  }
  .landing-banner .wrapper .inner table {
    height: 48.5rem;
  }
  .landing-banner .carousel .slide-container > div {
    background-size: auto 525px;
  }

  .landing-banner ~ #main {
    margin-top: -3.5rem;
  }
}

@media screen and (max-width: 865px) {
  .landing-banner .carousel {
    position: relative;
    height: 0 !important;
    padding-bottom: 51.3%;
  }
  .landing-banner .carousel .viewport {
    position: absolute;
  }
  .landing-banner .carousel .slide-container > div {
    background-size: cover;
  }
  .landing-banner .wrapper {
    clear: both;
    padding: 4rem 0 0.5rem;
  }
  .landing-banner .wrapper .inner,
  .landing-banner .wrapper .inner table {
    position: static;
    height: auto;
    min-height: 0;
  }
  .landing-banner .wrapper .inner table td > div {
    padding-bottom: 0;
  }
  .landing-banner h2 {
    padding-bottom: 0;
  }
  .landing-banner h2 ~ .cta {
    margin-top: 1rem;
  }
  .landing-banner ~ #main {
    margin-top: 0;
  }
}

@media screen and (max-width: 700px) {
  .landing-banner h2 {
    display: none;
  }
  .landing-banner h1 {
    font-size: 3.6rem;
    line-height: 1.5em;
    padding-bottom: 0;
    color: #000000;
  }
  .landing-banner h1 ~ .cta {
    margin-top: 1rem;
  }
  .landing-banner .wrapper {
    padding: 2rem 0 0.5rem;
  }
  .landing-banner .wrapper .inner table td > div {
    padding-bottom: 1rem;
  }
}

.mod-lightbox-bg {
  z-index: 11;
  background: url("/Assets/PriorityPass/images/lightbox/lightbox-bg.png");
  background: rgba(0, 0, 0, 0.7);
}
.mod-lightbox-bg .mod-lightbox .mod-lightbox-close {
  top: 1rem;
  right: 1rem;
  z-index: 1;
  width: 4rem;
  height: 4rem;
  background: url("/Assets/PriorityPass/images/lightbox/lightbox-close.jpg")
    no-repeat center center;
  text-indent: -99999px;
}
.mod-lightbox-bg.events-bound .mod-lightbox,
.mod-lightbox-bg.events-bound .mod-video-lightbox {
  -webkit-transition: top 0.2s, left 0.2s;
  -o-transition: top 0.2s, left 0.2s;
  transition: top 0.2s, left 0.2s;
}
.mod-lightbox,
.mod-video-lightbox {
  max-width: 83rem;
  padding: 0;
  border-radius: 0.4rem;
}
.mod-lightbox .inner {
  padding: 6rem;
}
.mod-lightbox .actions .cta {
  min-width: 10rem;
}
.mod-lightbox .actions .cta:first-child {
  margin-right: 3rem;
}
.mod-lightbox-trigger.mod-video-lightbox {
  width: initial !important;
  height: initial !important;
  padding: initial;
  max-width: initial;
}
.ie .mod-lightbox-trigger.mod-video-lightbox {
  width: auto !important;
  height: auto !important;
  padding: 0;
  max-width: none;
}

.mod-lightbox.mod-video-lightbox {
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.mod-video-lightbox {
  width: 97rem !important;
  height: 60.3rem !important;
  max-width: none;
  max-height: none;
  padding: 6rem 2rem 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mod-video-lightbox .mod-lightbox-content {
  height: 0 !important;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}
.mod-lightbox.mod-video-lightbox .mod-lightbox-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 760px) {
  .mod-lightbox .inner {
    padding: 4rem;
  }
}

@media screen and (max-width: 600px) {
  .mod-lightbox .inner {
    padding: 3rem 2rem;
  }
  .mod-lightbox .actions .cta:first-child {
    margin-right: 1rem;
  }
}

/* video lightbox - importants used to override values added inline by js */
@media screen and (min-width: 1366px) and (min-height: 820px) {
  .mod-lightbox.mod-video-lightbox {
    width: 132rem !important;
    height: 80rem !important;
  }
}

@media screen and (max-width: 1000px), screen and (max-height: 820px) {
  .mod-lightbox.mod-video-lightbox {
    width: 83rem !important;
    height: 52.4rem !important;
  }
}

@media screen and (max-width: 850px), screen and (max-height: 540px) {
  .mod-lightbox.mod-video-lightbox {
    width: 60rem !important;
    height: 39.5rem !important;
  }
}

@media screen and (max-width: 650px), screen and (max-height: 400px) {
  .mod-lightbox.mod-video-lightbox {
    width: 40rem !important;
    height: 28.2rem !important;
  }
}

@media screen and (max-width: 420px), screen and (max-height: 290px) {
  .mod-lightbox.mod-video-lightbox {
    width: 29rem !important;
    height: 22rem !important;
  }
}

html.locusmaps-loading {
  height: auto !important;
}
html.locusmaps-loading body.-LLfullpage {
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #e3e4e3;
}

body.locusmaps-visible:not(.locusmaps-full-page) .airport-guides p a {
  color: #00c7b2;
}
body:not(.locusmaps-full-page) .LocusLabs .search-container,
body:not(.locusmaps-full-page)
  .LocusLabs
  .bg-primary-container:not(.zoom-selectorContainer),
body:not(.locusmaps-full-page) .LocusLabs .-floatingContainer,
body:not(.locusmaps-full-page) .LocusLabs .mobileSearch-Header,
body:not(.locusmaps-full-page) .level-selectorContainer,
body:not(.locusmaps-full-page) .LocusLabs.-mobile .-mobileFull,
body:not(.locusmaps-full-page) .LocusLabs.-mobile .level-selector,
body:not(.locusmaps-full-page)
  .LocusLabs.-mobile
  .level-selector
  > .mask-mobiler,
body:not(.locusmaps-full-page) .LocusLabs.-mobile .level-selectorTrigger_mobile,
body:not(.locusmaps-full-page) .LocusLabs .fullMask,
body:not(.locusmaps-full-page) .LocusLabs .context-menu.-mobileSubmenu,
body.-LLfullpage.locusmaps-full-page .locusmaps-overlay,
html.locusmaps-loading .LocusLabs.-mobile {
  display: none;
}
body:not(.locusmaps-full-page) .LocusLabs.-mobile,
body:not(.locusmaps-full-page)
  .LocusLabs.-mobile
  .search-container
  .show-results-map-button,
body:not(.locusmaps-full-page) .LocusLabs.-mobile .mobileLevelIndicator,
body:not(.locusmaps-full-page) .LocusLabs .mobileSearch-Header {
  position: relative;
}
body:not(.locusmaps-full-page) .LocusLabs .zoom-selectorContainer,
body:not(.locusmaps-full-page) .context-menu.-zoombarTrigger {
  z-index: 2;
  left: 70px;
}
body:not(.locusmaps-full-page) .context-menu.-zoombarTrigger:after {
  left: 8px;
}

body.-LLfullpage.locusmaps-full-page .LocusLabs .mobileSearch-Header {
  top: 57px;
}
body.-LLfullpage.locusmaps-full-page #main div.LocusLabs.-mobile {
  position: fixed;
}
body.-LLfullpage.locusmaps-full-page #main .LocusLabs.-mobile .-mobileFull {
  top: 57px !important;
}
body.-LLfullpage.locusmaps-full-page
  .map-active
  .LocusLabs
  div.mobileLevelIndicator {
  top: 107px;
}
body.-LLfullpage.locusmaps-full-page
  .LocusLabs.-mobile
  > .map-container
  > .map-logo {
  top: 140px;
  right: 0;
  bottom: auto;
}
body.-LLfullpage.locusmaps-full-page .LocusLabs.-mobile #main .-mobileFull {
  top: 57px !important;
  height: calc(100% - 57px);
}

.locusmaps-holder {
  position: relative;
}
.locusmaps-holder.locusmaps-hidden {
  height: 0;
  overflow: hidden;
}
.view-airport-map,
.view-airport-map.hidden {
  display: none;
}
.view-airport-map {
  width: 100%;
  margin: 18px auto 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.view-airport-map.wrapper .padded-sides {
  margin: 0 38px;
}
.view-airport-map button {
  width: 100%;
  font-size: 1.4rem;
  line-height: 2.198rem;
  letter-spacing: 0.1rem;
  padding: 15px 28px 14px;
}
.view-airport-map button:hover,
.view-airport-map button:focus {
  background-color: #746632;
}
.locusmaps-holder .locusmaps .LocusLabs {
  height: 594px;
}
.locusmaps-holder .locusmaps-overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 594px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.locusmaps-holder .locusmaps-overlay.hidden,
.locusmaps-holder.locusmaps-not-supported,
.locusmaps-holder.locusmaps-not-supported + .view-airport-map {
  display: none;
}
.locusmaps-holder .locusmaps-overlay p {
  width: 100%;
  vertical-align: middle;
  display: table-cell;
  font-size: 2.2rem;
  line-height: 3.3rem;
  letter-spacing: 0.05rem;
  text-align: center;
  word-break: break-word;
  color: #ffffff;
  padding: 15px;
}
.mobile .locusmaps-holder .locusmaps-overlay {
  opacity: 0;
}
.locusmaps-holder .locusmaps-overlay.visible,
.mobile .locusmaps-holder .locusmaps-overlay.visible {
  opacity: 1;
  background-color: transparent;
}
.locusmaps-holder .LocusLabs.-mobile > .map-container > .map-logo {
  top: auto;
  bottom: 0;
}

.map-popup {
  position: absolute;
  z-index: 2;
  left: 15px;
  bottom: 32px;
  overflow: hidden;
  width: 40px;
  height: 40px;
  border-radius: 2px;
  background-color: #827127;
  -webkit-box-shadow: 2px 2px 10px rgba(58, 49, 17, 0.3);
          box-shadow: 2px 2px 10px rgba(58, 49, 17, 0.3);
}
.map-popup .toggle-map {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  outline: none;
  background-color: #827127;
}
.map-popup .toggle-map .toggle-map-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 40px;
  height: 40px;
  margin: auto;
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
.map-popup .toggle-map .toggle-map-icon .cross-icon {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.map-popup .toggle-map .toggle-map-icon .cross-icon,
.map-popup.map-active .toggle-map .toggle-map-icon .expand-icon,
.map-popup .mobile-toggle-icon,
.map-popup.map-active .mobile-toggle-icon {
  display: none;
}
.map-popup .toggle-map .toggle-map-icon .cross-icon path {
  fill: #ffffff;
}
.map-popup .toggle-map:hover .toggle-map-icon svg {
  -webkit-transition: all 0.125s ease;
  -o-transition: all 0.125s ease;
  transition: all 0.125s ease;
}

.map-popup .mobile-toggle-icon {
  position: absolute;
  top: 18px;
  z-index: -1;
  display: none;
  right: 15px;
  width: 40px;
  height: 40px;
  background-color: #827127;
}

.map-popup.show-popup-bkg .toggle-map .toggle-map-icon svg,
.map-popup.map-active .toggle-map:active .toggle-map-icon svg {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
          transform: translate3d(0, 0, 0) scale(1);
}
.map-popup.map-active .toggle-map,
.map-popup:not(.map-active) .toggle-map:active,
.map-popup.show-popup-bkg .toggle-map,
html:not(.mobile) .map-popup.show-popup-bkg:not(.map-active) .toggle-map:hover,
html:not(.mobile) .map-popup.map-active .toggle-map:hover {
  -webkit-box-shadow: inset 0 0 transparent;
          box-shadow: inset 0 0 transparent;
}
html:not(.mobile) .map-popup:not(.map-active) .toggle-map:hover,
html:not(.mobile) .map-popup .toggle-map .toggle-map-icon .expand-icon > path {
  fill: transparent;
}

.map-popup.map-active {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.map-popup.map-active .locusmaps .LocusLabs {
  height: 100%;
}
.map-popup.map-active .toggle-map {
  position: absolute;
  z-index: 10;
  top: 7px;
  right: 8px;
}
.map-popup.map-active .toggle-map .toggle-map-icon .cross-icon {
  display: block;
}

.animated-popup-bkg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #827127;
  border-radius: 25%;
  opacity: 0.25;
}
.map-popup.map-active:not(.show-popup-bkg) .animated-popup-bkg {
  border-radius: 0;
}
.map-popup.show-popup-bkg .animated-popup-bkg {
  opacity: 1;
}

.map-popup-holder {
  position: absolute;
  top: 57px;
  left: 0;
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.85s ease;
  -o-transition: opacity 0.85s ease;
  transition: opacity 0.85s ease;
}
.map-popup.map-active .map-popup-holder {
  width: 100%;
  height: calc(100vh - 57px);
  visibility: visible;
  opacity: 1;
}

body.locusmaps-full-page .LocusLabs .bg-mobile-header {
  background-color: #827127;
}
body.locusmaps-full-page
  .LocusLabs
  .mobileSearch-Header
  > .topHeader
  > .icon.global-icon-logo {
  display: none;
}

@media screen and (max-width: 1000px) {
  .locusmaps-overlay {
    opacity: 0;
    visibility: visible;
  }
  .locusmaps-holder .locusmaps .LocusLabs,
  .locusmaps-holder .locusmaps-overlay {
    height: 500px;
  }
  .locusmaps-holder .locusmaps-overlay {
    visibility: visible;
  }
  .map-popup:not(.map-active),
  .map-popup:not(.map-active) .toggle-map {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .map-popup .toggle-map .expand-icon,
  .map-popup:not(.map-active) .animated-popup-bkg,
  body:not(.locusmaps-full-page) .LocusLabs .zoom-selectorContainer,
  body:not(.locusmaps-full-page) .LocusLabs .bg-primary-container,
  body:not(.locusmaps-full-page) .LocusLabs .zoom-related-mobile-icons,
  body:not(.locusmaps-full-page) .context-menu.-zoombarTrigger {
    display: none;
  }
  html:not(.mobile) .map-popup:not(.map-active) .toggle-map:hover,
  .view-airport-map {
    display: table;
  }
  .view-airport-map.wrapper .padded-sides {
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
  }
  html:not(.mobile) .map-popup:not(.map-active) .toggle-map:hover {
    background-color: transparent;
  }
}

@media screen and (max-width: 480px) {
  .view-airport-map.wrapper .padded-sides {
    max-width: none;
    margin-left: 40px;
    margin-right: 40px;
  }
}

.lounge-of-the-year {
  border-radius: 4px;
  border: 1px solid #827127;
  margin-bottom: 20px;
  padding: 12px 10px 10px;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #827127;
}
.lounge-of-the-year__title {
  margin-left: 20px;
  text-transform: uppercase;
  text-align: center;
}
.lounge-of-the-year__lines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lounge-of-the-year__lines::before,
.lounge-of-the-year__lines::after {
  content: "";
  height: 1px;
  background: #827127;
  width: 100%;
  min-width: 10px;
  max-width: 35px;
}
.lounge-of-the-year__award {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  text-transform: none;
  margin: 0 11px;
  white-space: nowrap;
  width: 100%;
}

@media screen and (max-width: 760px) {
  .lounge-of-the-year {
    border-radius: 0;
    border: none;
    margin-top: 7px;
    margin-bottom: 25px;
    padding: 0;
    background: transparent;
    font-size: 1.4rem;
  }
}

.lounge-result-visible #main {
  background-color: #f9f9f9;
}

.lounge-page {
  padding-top: 4rem;
}

.lounge-page .row {
  padding-bottom: 1.5rem;
}
.lounge-page .row ~ .row {
  padding-bottom: 4rem;
}
.lounge-page span.highlight {
  display: block;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 2.4rem;
  letter-spacing: 0.06rem;
  text-align: left;
  color: #000000;
}
.lounge-page .row .left {
  float: left;
  width: 26.21%;
  margin-right: 3.4%;
  min-height: 1px;
  position: relative;
}
.lounge-page .row .right {
  float: right;
  width: 70.39%;
}
.lounge-page .title.lounge-title {
  width: 100%;
  background-color: #f9f9f9;
}
.lounge-page .title.lounge-title #lounge-header {
  padding-left: 30px;
}
.lounge-page .title.lounge-title .right {
  float: left;
}
.lounge-page .title.lounge-title #lounge-header .pre-book-btn {
  padding: 5px 21px;
  background: #ffffff;
}
.lounge-page .title.lounge-title #lounge-header .pre-book-btn:hover {
  border-color: #746632;
  color: #746632;
}
.lounge-page .title.lounge-title #lounge-header .pre-book-btn,
.lounge-page .title.lounge-title #lounge-header .join-btn.cta {
  margin-top: 10px;
}
.lounge-page .title.lounge-title #lounge-header .pre-book-btn + .join-btn {
  margin-left: 11px;
}
.lounge-page .row.title h1,
.lounge-page .row.title h5 {
  padding-bottom: 0;
}
.lounge-page .row.title h3,
.lounge-page .row.title h5 {
  letter-spacing: 0;
}
.lounge-page .row.title h3 {
  padding-bottom: 0.5rem;
}
.lounge-page .row.title .right .inner {
  padding-left: 3rem;
}
.lounge-page h5.red {
  color: #bb1e1e;
  font-weight: bold;
}

.lounge-page .location-title {
  padding-bottom: 0;
}
.lounge-page.city-results .location-title {
  padding-bottom: 12px;
}

.lounge-finder-results > .padded-sides,
.lounge-finder-results > .padded-sides > .holder-1030 {
  margin: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lounge-finder-results .row.content .right .holder-image {
  width: 100%;
}

.lounge-page #lounge-links-accordion .airport-guides-link {
  position: relative;
}
.lounge-page #lounge-links-accordion .airport-guides-link .accordion-title {
  border-top: 1px solid #e3e4e3;
  letter-spacing: 0.04rem;
  padding: 23px 49px;
  border-top: 1px solid #e3e4e3;
  display: block;
}
.lounge-page #lounge-links-accordion .airport-guides-link .accordion-title a {
  color: #363534;
}
.lounge-page #lounge-links-accordion .accordion .group .header {
  text-transform: none;
}
.lounge-page #lounge-links-accordion .accordion .group .header ~ .content h4 {
  position: relative;
  color: #541cc4;
  text-transform: uppercase;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 2.4rem;
  letter-spacing: 0.03rem;
  text-align: left;
  padding: 5px 49px;
}
.lounge-page
  #lounge-links-accordion
  .accordion
  .group
  .header
  ~ .content:not(:nth-child(2)) {
  margin-top: 31px;
}
.lounge-page
  #lounge-links-accordion
  .accordion
  .group
  .header
  ~ .content:not(:nth-child(2))
  h4:before {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  position: absolute;
  background: #a9a9a9;
  top: -20px;
  opacity: 0.2;
}
.lounge-page #lounge-links-accordion .accordion .discount {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  color: #0aa371;
  line-height: 2.6rem;
  letter-spacing: 0.04rem;
}

.lounge-page #lounge-links-accordion .accordion .terminal-number {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 2.3rem;
  letter-spacing: 0.03rem;
  color: #757575;
}
.lounge-page #lounge-links-accordion {
  margin-top: 20px;
}

.lounge-page #lounge-links-accordion.fixed {
  position: absolute;
  width: 100%;
  padding-top: 20px;
}
.lounge-page .accordion {
  width: 100%;
  background: #f9f9f9;
  -webkit-transition: padding-top 0.3s;
  -o-transition: padding-top 0.3s;
  transition: padding-top 0.3s;
  border-top: 1px solid #e3e4e3;
}
.lounge-page .accordion:last-child {
  border-bottom: 1px solid #e3e4e3;
}
.lounge-page .accordion a,
.lounge-page .accordion button {
  display: block;
  position: relative;
  padding: 15px;
  color: #363534;
  cursor: pointer;
  text-align: left;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.lounge-page .accordion + h3 {
  margin-top: 4rem;
}
.lounge-page .accordion .group .header {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.6rem;
  text-transform: uppercase;
}
.lounge-page .accordion .group .header button {
  letter-spacing: 0.1rem;
  padding: 23px 49px;
}
.lounge-page .accordion .group .header button:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("/assets/PriorityPass/images/icons/down-arrow.svg");
  position: absolute;
  right: 0;
  top: 27px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.lounge-page .accordion .group .header button.active:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.lounge-page .accordion .group .header [class^="icon-"] {
  position: absolute;
  top: 50%;
  left: 1.8rem;
  margin-top: -0.6rem;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
  color: #00c7b2;
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
}
.lounge-page .accordion-title {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.04rem;
  color: #000000;
}
.lounge-page .accordion-icon,
.airport-guides-link.with-icon img {
  position: absolute;
  top: 19px;
}

.lounge-page .accordion .group .header button:hover [class^="icon-"],
.lounge-page .accordion .group .header button.active [class^="icon-"] {
  color: #ffffff;
}

.lounge-page .accordion .group .content {
  display: none;
}
.lounge-page .accordion .group .content a,
.lounge-page .accordion .group .content button {
  padding: 10px 49px;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 29px 27px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.lounge-page .accordion .group .content a:hover,
.lounge-page .accordion .group .content ul li a:focus,
.lounge-page .accordion .group .content ul li button:focus,
.lounge-page .accordion .group .content a.active,
.lounge-page .accordion .group .content button.active {
  background-color: #f3f2ef;
  outline: none;
}
.lounge-page .accordion.offers-accordion .group .content a:hover .offer-name,
.lounge-page .accordion.offers-accordion .group .content a:focus .offer-name,
.lounge-page .accordion.offers-accordion .group .content a.active .offer-name,
.lounge-page
  .accordion.offers-accordion
  .group
  .content
  button.active
  .offer-name {
  font-weight: bold;
}
.lounge-page .accordion .group .content a.loading,
.lounge-page .accordion .group .content button.loading {
  background-image: url("/Assets/PriorityPass/images/icons/loader-small.gif");
  background-position: 95% center;
}

.lounge-page .accordion .group .header ~ .content h4 {
  text-align: center;
  padding-bottom: 0;
  padding-top: 1.5rem;
  font-size: 2.1rem;
}
.lounge-page .accordion .group .header ~ .content ul + h4 {
  border-top: 0.1rem solid #e3e4e3;
}
.lounge-page .accordion .group .header ~ .content ul li a,
.lounge-page .accordion .group .header ~ .content ul li:first-child a {
  border: none;
}

.lounge-page .row.content .right {
  margin-bottom: 2rem;
}
.lounge-page .row.content .right .holder-image {
  display: block;
}
.lounge-page .row.content .right .left-col {
  float: left;
  width: 55.52%;
}
.lounge-page .row.content .right .right-col {
  float: right;
  width: 40%;
}
.lounge-page .row.content .right .left-col.hide ~ .right-col {
  float: none;
  width: auto;
}
.lounge-page .right .carousel,
.lounge-page .right .carousel .slide-container,
.lounge-page .right .carousel.lounge-search-carousel .slide-container > div {
  background: transparent;
  overflow: hidden;
  position: relative;
}
.lounge-page .right .carousel .slide-container > div img.lounge-image {
  display: block;
  position: relative;
  width: 100%;
}
.lounge-page .right .carousel.lounge-search-carousel.hidden-visibility {
  opacity: 0;
}
.lounge-page .right .carousel.lounge-search-carousel:not(.hidden-visibility) {
  opacity: 1;
}
.lounge-page .right .carousel {
  margin-bottom: 0.5rem;
}
.lounge-page .right .carousel.hide {
  display: none;
}
.lounge-page .right .carousel .step {
  width: 5.4rem;
  height: 5.4rem;
  margin-top: -2.7rem;
  border: none;
  border-radius: 50%;
  background: url("/Assets/PriorityPass/images/icons/carousel/carousel-arrows-sprite.png")
    no-repeat 0 0;
  background-size: 10.8rem 5.4rem;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.lounge-page .right .carousel .step.next {
  background-position: -5.4rem 0;
}
.lounge-page .right .carousel .step:hover {
  background-color: #ffffff;
}

.lounge-page .lounge-details {
  position: relative;
  padding: 3rem;
  clear: both;
}
.lounge-page .lounge-details .details {
  margin-top: 2.5rem;
  border-top: 1px solid #dbd8cf;
  padding-top: 2.5rem;
}

.lounge-page .lounge-details .offer {
  padding-top: 2.5rem;
}
.lounge-page .lounge-details .offer .offer-details h3 {
  padding-bottom: 0;
}
.lounge-page .lounge-details .offer .offer-details p {
  padding-bottom: 0;
  padding-top: 1rem;
}

.lounge-page .lounge-details .offer .redeem-offer .form-section-errors {
  display: none;
}
.lounge-page .lounge-details .offer .redeem-offer .cta {
  margin-top: 1rem;
}

.lounge-page .lounge-details .offer .offer-code {
  display: none;
}
.lounge-page .lounge-details .offer .offer-code h4 {
  font-size: 2.1rem;
  line-height: 2.4rem;
  font-family: 'Roboto';
  letter-spacing: 0;
}
.lounge-page .lounge-details .offer .offer-code .qr-code-section {
  padding-top: 2rem;
}
.lounge-page .lounge-details .offer .offer-code .qr-code-section img {
  display: block;
  float: left;
  border: 1rem solid #ffffff;
  margin-right: 2rem;
}
.lounge-page .lounge-details .offer .offer-code .qr-code-section + div {
  overflow: hidden;
}
.lounge-page .lounge-details .offer .offer-code .qr-code-section h4 {
  padding: 1.5rem 0;
}
.lounge-page .lounge-details .offer .offer-code .view-all-offers {
  color: #000000;
  font-family: 'Roboto';
}
.lounge-page
  .lounge-details
  .offer
  .offer-code
  .view-all-offers
  .icon-caret-right {
  margin-left: 0.8rem;
  color: #00c7b2;
}

.lounge-page .lounge-details .detail-box {
  margin-top: 2rem;
}
.lounge-page .lounge-details .detail-box.hide {
  display: none;
}
.lounge-page .lounge-details .detail-box:first-child {
  margin-top: 0;
}
.lounge-page .lounge-details .detail-box h4 {
  padding-bottom: 0.5rem;
  color: #e05206;
  font-weight: bold;
}
.lounge-page .lounge-details .detail-box p {
  padding-bottom: 0;
}

.lounge-page .lounge-details .facilities {
  padding-top: 0;
}
.lounge-page .lounge-details .facilities .inner h4 {
  font-weight: bold;
  padding-bottom: 0.5rem;
}
.lounge-page .lounge-details .facilities .listing .img-holder {
  position: relative;
  float: left;
  width: 47.76%;
  margin-bottom: 1.5rem;
}
.lounge-page .lounge-details .facilities .listing .img-holder:nth-child(odd) {
  margin-right: 4.48%;
  clear: both;
}
.lounge-page .lounge-details .facilities .listing .img-holder:first-child,
.lounge-page
  .lounge-details
  .facilities
  .listing
  .img-holder:first-child
  + .img-holder {
  margin-top: 0.5rem;
}
.lounge-page .lounge-details .facilities .listing .img-holder .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  text-align: center;
}
.lounge-page .lounge-details .facilities .listing .img-holder .caption {
  line-height: 2rem;
  padding-top: 0.5rem;
  padding-left: 5rem;
  word-wrap: break-word;
}

.lounge-page .lounge-details .print {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  clear: both;
  line-height: 3.7rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.lounge-page .print-title {
  text-align: center;
}
.lounge-page .print-title h1 {
  padding-bottom: 0;
}
.lounge-details-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-top: 35px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lounge-details-actions .print-lounge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lounge-details-actions .print-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lounge-details-actions #print-all-lounges-cta {
  margin-left: 40px;
}
.lounge-details-actions .print-cta,
.lounge-details-actions #print-all-lounges-cta {
  padding-right: 5px;
  font-weight: bold;
  color: #000000;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  line-height: normal;
  text-align: left;
}
.lounge-details-actions .icon-caret-right {
  color: #00c7b2;
  font-size: 1.3rem;
}

#print-all-lounges .lounge-details {
  border-top: 10px solid #e3e4e3;
}
#print-all-lounges.lounge-page {
  padding-top: 0;
}
#print-all-lounges #lounge-result-container {
  display: block;
}

.lounge-page #lounge-back-cta {
  display: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* carousel with ghosted portrait images */
.carousel.portrait-ghosted .slide-container > div.portrait {
  background-color: #dbd8cf;
  overflow: hidden;
}
.carousel.portrait-ghosted .slide-container > div.portrait img:first-child {
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  margin: 0 auto;
  z-index: 1;
}
.carousel.portrait-ghosted .slide-container > div.portrait img.ghost {
  opacity: 0.95;
  height: auto;
  width: 150%;
  max-width: none;
  margin: 0 auto;
  position: absolute;
  left: -10%;
  top: -15%;
  z-index: 0;
  -webkit-filter: blur(7px);
          filter: blur(7px);
}
.carousel.portrait-ghosted.lounge-search-carousel
  .slide:not(.single-slide).active.portrait {
  height: 0 !important;
}

/* lounge unavailable */
.lounge-unavailable {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(204, 204, 204, 0.8);
  text-align: center;
  padding: 67px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lounge-unavailable h2 {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 3.6rem;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  margin: 0;
  padding: 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min--moz-device-pixel-ratio: 1.5),
  screen and (-o-min-device-pixel-ratio: 3/2),
  screen and (min-resolution: 144dpi) {
  .lounge-page .right .carousel .step {
    background-image: url("/Assets/PriorityPass/images/icons/carousel/carousel-arrows-sprite@2x.png");
  }
}

@media screen and (max-width: 1360px) {
  .lounge-result-visible #main,
  .lounge-result-visible .lounge-page.wrapper {
    max-width: none;
  }
  .lounge-finder-results > .padded-sides > .holder-1030 {
    width: auto;
    margin-left: 30px;
    margin-right: 30px;
  }
  .lounge-finder-results > .padded-sides {
    margin: 0;
    padding: 0;
  }
}

@media screen and (max-width: 1030px) {
  .lounge-finder-results > .padded-sides > .holder-1030 {
    margin-left: 35px;
    margin-right: 35px;
  }

  .lounge-page {
    border-top: none;
  }
  .lounge-page .row.title .right .inner {
    padding-left: 0;
  }
}

@media screen and (max-width: 865px) {
  .lounge-page .row .left {
    width: 28.5%;
    margin-right: 4.25%;
  }
  .lounge-page .row .right {
    width: 67.25%;
  }
  .lounge-page .row .right.bg-beige {
    background: #f9f9f9;
  }
  .lounge-page .row.content .right .left-col,
  .lounge-page .row.content .right .right-col {
    float: none;
    width: auto;
  }
  .lounge-page .right .carousel {
    margin-bottom: 2.5rem;
  }
  .lounge-page .lounge-details {
    padding: 0;
  }
  .lounge-page .lounge-details .details,
  .lounge-page .lounge-details .facilities {
    float: none;
    width: 100%;
  }
  .lounge-page .lounge-details .details {
    margin-top: 2rem;
    padding-top: 0;
    border-top: none;
  }
  .lounge-page .lounge-details .facilities {
    padding-top: 2.5rem;
  }
  .lounge-page .lounge-details .facilities .inner {
    padding: 0;
  }
  .lounge-page .lounge-details .facilities .inner h4 {
    padding-bottom: 2rem;
  }
  .lounge-page .lounge-details .facilities .listing .img-holder {
    width: 47.5%;
  }
  .lounge-page .lounge-details .facilities .listing .img-holder:nth-child(odd) {
    margin-right: 5%;
  }
  .lounge-page
    .lounge-details
    .facilities
    .listing
    .img-holder:nth-child(2n-1) {
    clear: both;
  }
}

@media screen and (max-width: 768px) {
  .lounge-page .title.lounge-title {
    width: calc(100% + 30px);
    margin: 0 -15px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .lounge-page .title.lounge-title #lounge-header .pre-book-btn {
    width: calc(100% - 47px);
  }
  .lounge-page .title.lounge-title #lounge-header .join-btn {
    width: calc(100% - 57px);
  }
  .lounge-page .title.lounge-title #lounge-header .pre-book-btn + .join-btn {
    margin-left: 0;
  }
  .lounge-page:not(.city-results) .location-title span.highlight {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    line-height: 2.4rem;
    letter-spacing: 0.06rem;
  }
  .lounge-page .location-title {
    padding-bottom: 5px;
  }
}

@media screen and (max-width: 760px) {
  .lounge-page {
    padding-top: 0;
  }
  .lounge-page.wrapper > .padded-sides {
    margin: 0;
  }
  .lounge-page .content.row {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .lounge-page .accordion,
  .lounge-page #lounge-links-accordion.fixed {
    position: static;
    padding-top: 0;
  }
  .lounge-page .accordion a,
  .lounge-page .accordion button {
    text-align: left;
  }
  .lounge-page .accordion .group .header button {
    letter-spacing: 0.04rem;
  }
  .lounge-page .accordion .group .header button,
  .lounge-page #lounge-links-accordion .airport-guides-link .accordion-title {
    padding: 23px 62px;
  }
  .lounge-page #lounge-links-accordion .accordion-title {
    font-size: 1.6rem;
  }
  .lounge-page .accordion .group .header button:after {
    right: 30px;
  }
  .lounge-page .accordion .group .content a {
    padding: 5px 62px 11px;
  }
  .lounge-page .accordion .group .content:last-child a:last-child {
    padding-bottom: 14px;
  }
  .lounge-page .row .right {
    width: 100%;
    clear: both;
    margin: 0;
  }
  .lounge-page .row .right,
  .lounge-result-visible .lounge-page .row .left {
    display: none;
  }
  .lounge-page .row .left {
    float: none;
    width: 100%;
    clear: both;
    margin-bottom: 15px;
  }
  .lounge-page #lounge-back-cta {
    margin-bottom: 15px;
  }
  .lounge-page .title.lounge-title #lounge-header {
    padding-left: 0;
  }
  .lounge-page span.highlight {
    margin-left: 14px;
  }
  .lounge-result-visible .lounge-page #lounge-back-cta,
  .lounge-result-visible .lounge-page .row .right {
    display: block;
  }
  .lounge-result-visible .lounge-page .row .right {
    display: block;
  }
  .lounge-result-visible .lounge-page .row .right {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
  }
  .lounge-result-visible .lounge-page #lounge-back-cta {
    width: auto;
    margin: 10px 15px 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .lounge-page #result-holder-image,
  .lounge-page .accordion,
  .lounge-finder-airport-page.lounge-page #result-holder-image {
    display: none;
  }
  .lounge-finder-airport-page.lounge-page .accordion {
    display: block;
  }
  .lounge-finder-airport-page.lounge-page {
    padding-top: 40px;
  }
  .lounge-finder-airport-page.lounge-page .row .right,
  .lounge-result-visible .lounge-finder-airport-page.lounge-page .row .left {
    display: block;
  }

  .lounge-page #lounge-links-accordion.fixed {
    position: relative !important;
    top: auto !important;
    padding-top: 0;
  }
  .lounge-page .accordion-icon,
  .airport-guides-link.with-icon img {
    left: 14px;
  }
  .lounge-page #lounge-links-accordion .accordion .group .header ~ .content h4 {
    padding: 5px 62px 10px;
  }

  .lounge-finder-results > .padded-sides > .holder-1030 {
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
  }

  /* lounge unavailable */
  .lounge-unavailable {
    width: auto;
    left: -15px;
    right: -15px;
    padding: 49px 15px;
  }
  .lounge-unavailable h2 {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 480px) {
  .calc .lounge-page .row.content .right .carousel {
    width: calc(100% + 3rem);
    -webkit-transform: translateX(-1.5rem);
            transform: translateX(-1.5rem);
  }
  .lounge-page .right .carousel .step {
    width: 4rem;
    height: 4rem;
    margin-top: -2rem;
    background-size: 8rem 4rem;
  }
  .lounge-page .right .carousel .step.next {
    background-position: -4rem 0;
  }
  .lounge-page .lounge-details .facilities .listing .img-holder,
  .lounge-page .lounge-details .facilities .listing .img-holder:nth-child(odd) {
    width: auto;
    float: none;
    clear: both;
    margin-right: 0;
  }

  .lounge-details-actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  .lounge-details-actions .print-lounge {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .lounge-details-actions .print-all,
  .lounge-details-actions #print-all-lounges-cta {
    margin-left: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: right;
  }
  .lounge-page .lounge-details .print {
    line-height: normal;
    font-size: 2rem;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-bottom: 32px;
  }
}

@media print {
  .lounge-page.lounge-finder-results > .padded-sides {
    margin: 0;
  }

  .lounge-page .row .left,
  .lounge-page .right .carousel,
  .lounge-page .lounge-details-actions {
    display: none;
  }
  .lounge-page .row.content .right .right-col {
    float: none;
    width: 100%;
  }

  .lounge-page,
  .lounge-page .lounge-details,
  .lounge-page .lounge-details .details .box,
  .lounge-page .lounge-details .facilities {
    border: none;
    padding: 0;
  }
  .lounge-page .lounge-details .detail-box + .facilities {
    padding-top: 20px;
  }

  .lounge-page .row .right {
    float: none;
    width: 100%;
    margin: 0;
    background-color: transparent;
  }
  .lounge-page .row.title .right .inner {
    padding-left: 0;
    text-align: center;
  }
  #print-all-lounges .lounge-details {
    border-top: 1px solid #e3e4e3;
    padding-top: 20px;
    margin-top: 20px;
  }
  #print-all-lounges .lounge-details:first-child {
    margin-top: 0;
  }

  .lounge-result-visible body {
    padding-top: 0 !important;
  }
  .lounge-page .title.lounge-title #lounge-header {
    padding-left: 0;
  }
  .lounge-page .title.lounge-title #lounge-header .join-btn.cta {
    display: none;
  }
}

.lounge-rating-confirmation {
  text-align: center;
  margin-top: 58px;
}
.lounge-rating-confirmation__icon {
  margin-bottom: 32px;
}
.lounge-rating-confirmation__title {
  font-size: 2.6rem;
  line-height: 3.2rem;
  font-family: 'Roboto', sans-serif;
  color: #363534;
  padding-bottom: 0.8rem;
}
.lounge-rating-confirmation__cta {
  padding-top: 1rem;
  padding-bottom: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 230px;
  margin-top: 30px;
}

@media screen and (max-width: 1000px) {
  .lounge-rating-confirmation {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 75vh;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .lounge-rating-confirmation__inner {
    margin: auto;
  }
  .lounge-rating-confirmation__cta {
    margin-top: auto;
  }
}

.lounge-rating-form {
  max-width: 850px;
  margin: 0 auto;
  text-align: center;
}

.lounge-rating-form__questions {
  margin-bottom: 39px;
  padding: 30px 110px;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
  text-align: left;
}
.lounge-rating-form__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
}
.lounge-rating-form__question:first-child {
  margin-top: 0;
}

.lounge-rating-form__label--mandatory::after {
  content: " *";
}

.lounge-rating-form__rating-info {
  line-height: 2.1rem;
  letter-spacing: 0.04rem;
  text-align: center;
  color: #9b9b9b;
  margin: -8px auto 33px;
  padding: 0 121px;
}

.lounge-rating-form__stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lounge-rating-form__star {
  height: 32px;
  width: 32px;
  margin-left: 12px;
  padding: 0;
  background-size: 100%;
  background-image: url("/Assets/PriorityPass/images/icons/star-outline.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.lounge-rating-form__star:focus {
  outline: none;
}
.lounge-rating-form__star:first-child {
  margin-left: 0;
}
.lounge-rating-form__star--fill {
  background-image: url("/Assets/PriorityPass/images/icons/star-filled.svg");
}

.lounge-rating-form__textarea {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2.1rem;
  letter-spacing: 0.024rem;
  color: #4b4f54;
  background: #ffffff;
}

.lounge-rating-form__feedback {
  margin-top: 36px;
}

.lounge-rating-form__button {
  min-width: 300px;
  margin: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

@media screen and (max-width: 1000px) {
  .lounge-rating-form__questions {
    padding: 24px 24px 0;
    margin-bottom: 32px;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-align: center;
    border-top: 1px solid #e3e4e3;
  }
  .lounge-rating-form__question {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 38px;
  }

  .lounge-rating-form__stars {
    margin-top: 10px;
  }

  .lounge-rating-form__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .lounge-rating-form__button {
    margin: 0 38px;
    width: calc(100% - 72px);
    min-width: 0;
  }
  .lounge-rating-form__button:first-child {
    margin-top: 20px;
  }
}

@media screen and (max-width: 600px) {
  .lounge-rating-form__rating-info {
    padding: 0 30px;
  }
}

.lounge-rating-listing {
  width: 83.74%;
  margin: auto;
  border-top: 1px solid #a2a2a2;
  padding-bottom: 46px;
}
.lounge-rating-listing__inner {
  width: 80.584%;
  margin: auto;
}
.lounge-rating-listing__year {
  margin: 28px 0;
  font-family: 'Roboto', "Arial", sans-serif;
  font-size: 2.4rem;
  letter-spacing: 0.05rem;
  color: #000000;
}
.lounge-rating-listing__year:first-child {
  margin: 18px auto 0;
  padding-bottom: 0;
}
.lounge-rating-listing__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 27px;
}
.lounge-rating-listing__item + .lounge-rating-listing__item {
  margin-top: 40px;
}
.lounge-rating-listing__date {
  min-width: 47px;
  text-align: right;
}
.lounge-rating-listing__month {
  font-size: 1.2rem;
  letter-spacing: 0.05rem;
  color: #541cc4;
  text-transform: uppercase;
  line-height: 1.4rem;
}
.lounge-rating-listing__day {
  font-size: 2.4rem;
  letter-spacing: 0.05rem;
  color: #000000;
}
.lounge-rating-listing__image,
.lounge-rating-listing__no-image {
  display: block;
  height: 150px;
  width: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 30px;
  border-radius: 7px;
}
.lounge-rating-listing__no-image {
  border: 1px solid #cccccc;
}
.lounge-rating-listing__lounge-info {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}
.lounge-rating-listing__lounge {
  letter-spacing: 0.05rem;
  padding-bottom: 5px;
  line-height: 2.8rem;
}
.lounge-rating-listing__airport,
.lounge-rating-listing__terminal {
  font-size: 1.4rem;
  letter-spacing: 0.035rem;
  color: #757575;
  line-height: 2rem;
}
.lounge-rating-listing__terminal {
  margin-bottom: 20px;
}
.lounge-rating-listing__cta {
  padding: 11px 38px !important;
  min-width: 152px;
}

.lounge-rating-listing--form-header {
  border-top: none;
  margin-bottom: 30px;
  padding-bottom: 0;
}
.lounge-rating-listing--form-header .lounge-rating-listing__item {
  margin: 0;
  padding-left: 59px;
}
.lounge-rating-listing--form-header .lounge-rating-listing__image,
.lounge-rating-listing--form-header .lounge-rating-listing__no-image {
  height: 79px;
  width: 141px;
  margin: 0 24px 0 15px;
}
.lounge-rating-listing--form-header .lounge-rating-listing__terminal {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .lounge-rating-listing {
    width: 100%;
  }
  .lounge-rating-listing__inner {
    width: calc(100% - 60px);
  }
}

@media screen and (max-width: 600px) {
  .lounge-rating-listing {
    width: 100%;
    padding-bottom: 17px;
  }
  .lounge-rating-listing__inner {
    width: calc(100% - 34px);
  }
  .lounge-rating-listing__year {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.1rem;
    color: #4b4f54;
    padding-left: 6px;
    margin: 16px 0;
    padding-bottom: 0;
  }
  .lounge-rating-listing__year:first-child {
    margin-top: 23px;
  }
  .lounge-rating-listing__item {
    margin-top: 19px;
  }
  .lounge-rating-listing__item + .lounge-rating-listing__item {
    margin-top: 32px;
  }
  .lounge-rating-listing__date {
    text-align: center;
  }
  .lounge-rating-listing__lounge-info {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 17px;
    padding-top: 14px;
    border-radius: 3px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
  }
  .lounge-rating-listing__image-holder {
    display: none;
  }
  .lounge-rating-listing__cta {
    border-radius: 0 0 3px 3px;
    width: calc(100% - 60px);
    margin-left: -17px;
  }

  .lounge-rating-listing--form-header {
    margin-bottom: 19px;
  }
  .lounge-rating-listing--form-header .lounge-rating-listing__item {
    padding-left: 0;
  }
  .lounge-rating-listing--form-header .lounge-rating-listing__lounge-info {
    padding: 0;
    margin-left: 30px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .lounge-rating-listing--form-header .lounge-rating-listing__airport,
  .lounge-rating-listing--form-header .lounge-rating-listing__terminal {
    display: none;
  }

  .lounge-rating-listing--hide-mobile {
    display: none;
  }
}

.lounge-rating-search {
  width: 83.74%;
  margin: auto;
  padding-bottom: 15px;
  border-top: 1px solid #a2a2a2;
}
.lounge-rating-search__inner {
  width: 80.584%;
  margin: auto;
}
.lounge-rating-search__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.lounge-rating-search__airport-field,
.lounge-rating-search__datepicker-field {
  -ms-flex-preferred-size: 300px;
      flex-basis: 300px;
  margin-right: 32px;
  margin-bottom: 25px;
}
.lounge-rating-search__lounge-field {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 372px;
}
.lounge-rating-search__airport,
.lounge-rating-search__datepicker {
  max-width: 300px;
  height: 50px !important;
  display: block;
}
.lounge-rating-search__datepicker {
  background: url("/Assets/PriorityPass/images/icons/calendar.svg") right 16px
    top 15px no-repeat !important;
}
.lounge-rating-search__title {
  margin-top: 25px;
}
.lounge-rating-search__label {
  font-size: 1.4rem;
  line-height: 2.43;
  letter-spacing: 0.04rem;
  color: #757575;
}
.lounge-rating-search__submit {
  line-height: 2.8rem;
  padding: 11px 38px;
  margin-top: 34px;
  white-space: nowrap;
}
.lounge-rating-search__airport + .ui-menu {
  font-size: 1.8rem;
  z-index: 1;
  width: 300px;
  padding: 27px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 0;
  background: #ffffff;
  cursor: default;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.lounge-rating-search__airport + .ui-menu:after {
  content: "";
  position: absolute;
  left: 55px;
  top: -5px;
  width: 10px;
  height: 10px;
  background: #ffffff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.lounge-rating-search__airport + .ui-menu:before {
  content: "";
  position: absolute;
  left: 50px;
  top: 0;
  width: 20px;
  height: 10px;
  background: #ffffff;
  z-index: 2;
}
.lounge-rating-search__airport + .ui-menu .ui-menu-item {
  padding-bottom: 12px;
}
.lounge-rating-search__airport + .ui-menu .ui-menu-item:hover {
  color: #00c7b2;
  cursor: pointer;
}
.lounge-rating-search__airport + .ui-menu .ui-menu-item:last-child {
  padding-bottom: 0;
}

.lounge-rating-search
  .stylish-select
  > .dropdown-list
  .dropdown-option.group
  .dropdown-option:not(.group) {
  padding-left: 20px;
  padding-right: 20px;
}
.lounge-rating-search
  .stylish-select
  > .dropdown-list
  .dropdown-option.group
  .dropdown-option.option-selected {
  background-color: transparent;
}
.lounge-rating-search
  .stylish-select
  > .dropdown-list
  .dropdown-option.group
  .dropdown-option.option-selected:hover {
  background-color: #c2c5c8;
}
.lounge-rating-search
  .stylish-select
  > .dropdown-list
  .dropdown-option.group
  > span {
  padding: 0 10px;
}

@media screen and (max-width: 600px) {
  .lounge-rating-search {
    width: calc(100% - 34px);
  }
  .lounge-rating-search__inner {
    width: 100%;
  }
  .lounge-rating-search__airport-field,
  .lounge-rating-search__lounge-field,
  .lounge-rating-search__datepicker-field {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-right: 0;
    max-width: none;
    margin-bottom: 13px;
  }
  .lounge-rating-search__title {
    margin-top: 15px;
    padding-bottom: 5px;
    font-size: 2.1rem;
  }
  .lounge-rating-search__airport,
  .lounge-rating-search__datepicker {
    max-width: none;
  }
  .lounge-rating-search__lounge {
    min-width: 0;
  }
  .lounge-rating-search__submit {
    margin: 9px 0 16px;
  }
  .lounge-rating-search__actions {
    margin: auto;
  }
  .lounge-rating-search__datepicker-trigger {
    right: 1px;
  }
  .lounge-rating-search__ui-datepicker {
    width: calc(100% - 50px) !important;
  }
}

.lounge-rating__padded-sides {
  margin-left: 30px;
  margin-right: 30px;
}
.lounge-rating__title {
  width: 83.74%;
  margin: auto;
}
.lounge-rating__title-inner {
  width: 80.584%;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .lounge-rating__padded-sides,
  .lounge-rating__title-inner {
    margin: 0;
  }
  .lounge-rating__title {
    width: calc(100% - 60px);
  }
}

@media screen and (max-width: 600px) {
  .lounge-rating__title {
    width: calc(100% - 33px);
    margin: auto;
  }
  .lounge-rating__heading {
    font-size: 2.6rem;
    line-height: 1.6rem;
    padding-bottom: 44px;
  }
  .lounge-rating__title-inner {
    width: 100%;
  }
  .lounge-rating__padded-sides {
    margin-left: 0;
    margin-right: 0;
  }
}

a.cta.lounge-search-cta {
  padding: 0.4rem 5rem;
  font-size: 1.8rem;
  line-height: 3.5rem;
  margin: 1rem 0 2.5rem;
}
a.cta.lounge-search-cta [class^="icon-"] {
  padding-left: 0;
  padding-right: 0.9rem;
}

a.cta.lounge-search-cta--map {
  padding: 0 1.8rem;
  font-size: 1.6rem;
  margin: 0;
}

.lounge-search-results {
  padding-top: 50px;
  padding-bottom: 70px;
}
.lounge-search-results .padded-sides {
  margin: 0;
}
.lounge-search-results .section-title {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  line-height: 7.2rem;
  letter-spacing: 0.06rem;
  color: #000000;
}
.lounge-search-results .section-title .section-title-label {
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.04rem;
  margin-left: 5px;
}
.lounge-search-results .items-holder {
  position: relative;
  display: table;
  width: 100%;
  margin-top: 43px;
}
.lounge-search-results .items-holder .items-group {
  min-width: 60px;
}
.lounge-search-results .items-holder .results-col {
  display: table-cell;
  width: 33.33%;
  overflow: hidden;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lounge-search-results
  .items-holder
  .results-col
  .items-group:last-child
  .items-listing {
  padding-bottom: 0;
}
.lounge-search-results
  .items-holder
  .results-col
  .items-group:last-child
  .items-listing:after {
  display: none;
}
.lounge-search-results .items-holder .items-listing {
  position: relative;
  padding-bottom: 48px;
}
.lounge-search-results .items-holder .items-listing:after {
  content: "";
  position: absolute;
  bottom: 27px;
  width: 40px;
  height: 1px;
  background-color: #e3e4e3;
}
.lounge-search-results .items-group-header {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 2.4rem;
  line-height: normal;
  letter-spacing: 0.05rem;
  text-align: left;
  color: #541cc4;
  padding-bottom: 4px;
}
.lounge-search-results .items-holder .items-listing a {
  color: #000000;
  font-size: 1.6rem;
  line-height: 4rem;
  letter-spacing: 0.04rem;
}
.lounge-search-results .items-holder .items-listing a:hover .cta-icon,
.lounge-search-results .items-holder .items-listing a:focus .cta-icon {
  right: -3px;
  opacity: 0.6;
}
.lounge-search-results .items-holder .items-listing a:hover,
.lounge-search-results .items-holder .items-listing a:focus {
  color: #a2a4a3;
}
.lounge-search-results .items-holder .items-listing a .cta-icon {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 5px;
  height: 9px;
  margin-left: 9px;
  vertical-align: middle;
  background: url("/Assets/PriorityPass/images/icons/right-black-arrow.svg")
    no-repeat center center;
  -webkit-transition: all 0.22s cubic-bezier(0.74, 0.5, 0.12, 0.82);
  -o-transition: all 0.22s cubic-bezier(0.74, 0.5, 0.12, 0.82);
  transition: all 0.22s cubic-bezier(0.74, 0.5, 0.12, 0.82);
}

/* not grouped items */
.lounge-search-results .items-holder .not-grouped .items-listing {
  padding-bottom: 0;
}
.lounge-search-results .items-holder .not-grouped .items-listing:after {
  display: none;
}

/* city search results */
.lounge-search-results.city-search-results {
  padding-bottom: 186px;
}
.lounge-search-results.city-search-results .items-group-header {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2rem;
  letter-spacing: 0.03rem;
  color: #541cc4;
}
.lounge-search-results.city-search-results .items-holder {
  margin-top: 58px;
}
.lounge-search-results.city-search-results .items-holder .items-listing {
  padding-bottom: 56px;
}
.lounge-search-results.city-search-results .items-holder .items-listing:after {
  bottom: 29px;
}
.lounge-search-results.city-search-results
  .items-holder
  .items-group:last-child
  .items-listing {
  padding-bottom: 0;
}
.lounge-search-results.city-search-results
  .items-holder
  .items-group:last-child
  .items-listing:after {
  display: none;
}

@media screen and (max-width: 1360px) {
  .lounge-search-results .padded-sides {
    margin: 0 25px;
  }
}

@media screen and (max-width: 1030px) {
  .lounge-search-results .padded-sides {
    margin-left: 35px;
    margin-right: 35px;
  }
}

@media screen and (max-width: 1000px) {
  .lounge-search-results {
    padding-top: 18px;
  }
  .lounge-search-results .items-holder {
    margin-top: 12px;
  }
  .lounge-search-results .section-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -25px;
    right: -25px;
    width: calc(100% + 50px);
  }

  /* city search results */
  .lounge-search-results.city-search-results .items-holder {
    margin-top: 18px;
  }
}

@media screen and (max-width: 760px) {
  .lounge-search-results .padded-sides {
    margin-left: 15px;
    margin-right: 15px;
  }

  .lounge-search-results,
  .lounge-search-results.city-search-results {
    position: relative;
    padding-top: 37px;
    padding-bottom: 15px;
    margin-bottom: 50px;
  }
  .lounge-search-results .items-holder {
    margin-top: 23px;
  }
  .lounge-search-results .items-holder .results-col {
    display: block;
    width: 100%;
  }
  .lounge-search-results .section-title {
    position: relative;
    font-size: 2.4rem;
    line-height: 2.4rem;
    padding-bottom: 27px;
  }
  .lounge-search-results .section-title:after {
    bottom: 0;
    left: -25px;
    right: -25px;
    width: calc(100% + 50px);
    border-bottom: 1px solid #e3e4e3;
  }
  .lounge-search-results .items-holder .items-listing:after {
    bottom: 23px;
    left: -25px;
    right: -25px;
    width: calc(100% + 50px);
  }
  .lounge-search-results .items-holder .items-listing {
    padding-bottom: 40px;
  }
  .lounge-search-results .items-holder .items-group:last-child .items-listing {
    padding-bottom: 0;
  }
  .lounge-search-results
    .items-holder
    .items-group:last-child
    .items-listing:after {
    display: none;
  }

  /* city search results */
  .lounge-search-results.city-search-results .items-holder {
    margin-top: 21px;
  }
  .lounge-search-results.city-search-results .items-holder .items-listing {
    padding-bottom: 36px;
  }
  .lounge-search-results.city-search-results
    .items-holder
    .items-listing:after {
    bottom: 21px;
  }
}

@media screen and (max-width: 600px) {
  .lounge-search-results .padded-sides {
    margin-left: 17px;
    margin-right: 17px;
    width: auto;
  }

  .lounge-search-results .section-title:after,
  .lounge-search-results .items-holder .items-listing:after {
    left: -17px;
    right: -17px;
    width: calc(100% + 34px);
  }
}

.lounge-search {
  height: 42px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  min-width: 0;
}

.lounge-search--active {
  min-width: 410px;
}

.lounge-search__button {
  font-family: 'Roboto', "Arial", sans-serif;
  height: 42px;
  font-size: 1.6rem;
  letter-spacing: 0.06rem;
  line-height: 4.2rem;
  padding: 0 40px;
  font-style: italic;
  color: #ffffff;
  position: relative;
  z-index: 2;
  cursor: pointer;
  border-radius: 20px;
  text-transform: none;
}

.lounge-search__search-input-wrapper {
  display: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.lounge-search--active .lounge-search__search-input-wrapper {
  display: block;
}

.lounge-search__overlay {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.lounge-search--active .lounge-search__overlay {
  opacity: 0;
  z-index: 1;
}

.lounge-search__overlay-text {
  font-family: 'Roboto', "Arial", sans-serif;
  height: 42px;
  font-size: 1.6rem;
  letter-spacing: 0.06rem;
  line-height: 4.2rem;
  padding: 0 40px;
  font-style: italic;
  color: #ffffff;
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.lounge-search--active .lounge-search__overlay-text,
.lounge-search--active .lounge-search__button {
  z-index: 1;
}

input[type="text"].lounge-search__input {
  border: 1px solid #827127;
  color: #fff;
  cursor: text;
  position: absolute;
  top: 0;
  left: 0;
  letter-spacing: 0.06rem;
  height: 42px;
  width: 100%;
  z-index: 1;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  font-family: 'Roboto', "Arial", sans-serif;
  line-height: 4.2rem;
  font-size: 1.6rem;
  font-style: normal;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #827127;
  border-radius: 20px;
  padding: 0 40px;
}

.lounge-search:hover input[type="text"].lounge-search__input {
  background-color: #746632;
  /*border-color: #746632;*/
}

input[type="text"].lounge-search__input::-webkit-input-placeholder {
  color: transparent;
  text-transform: none;
  text-align: left;
}

input[type="text"].lounge-search__input:-moz-placeholder {
  color: transparent;
  text-transform: none;
  text-align: left;
}

input[type="text"].lounge-search__input::-moz-placeholder {
  color: transparent;
  text-transform: none;
  text-align: left;
}

input[type="text"].lounge-search__input:-ms-input-placeholder {
  color: transparent;
  text-transform: none;
  text-align: left;
}

.lounge-search--active input[type="text"].lounge-search__input,
.lounge-search--active:hover input[type="text"].lounge-search__input {
  color: #000000;
  padding-right: 60px;
  /*border: 1px solid #a9a9a9;*/
  background: #ffffff;
}

    .lounge-search--active
    input[type="text"].lounge-search__input::-webkit-input-placeholder {
        color: #757575;
        font-style: italic;
    }

    .lounge-search--active
    input[type="text"].lounge-search__input:-moz-placeholder {
        color: #757575;
        font-style: italic;
    }

    .lounge-search--active
    input[type="text"].lounge-search__input::-moz-placeholder {
        color: #757575;
        font-style: italic;
    }

    .lounge-search--active
    input[type="text"].lounge-search__input:-ms-input-placeholder {
        color: #757575;
        font-style: italic;
    }

.lounge-search .icon {
  position: absolute;
  z-index: 2;
  color: #ffffff;
  top: 50%;
  left: 3rem;
  height: 2rem;
  font-size: 1.8rem;
  line-height: 2rem;
  width: 2rem;
  padding: 0 !important;
  margin-top: -1rem;
  text-align: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  max-width: 0;
  overflow: hidden;
}

.lounge-search--active .icon {
  max-width: none;
  overflow: visible;
}

.lounge-search--active .icon-search {
  cursor: default;
  color: #a2a4a3;
  left: 10px;
}

.lounge-search--active .icon-search::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url("/Assets/PriorityPass/images/icons/search.svg") no-repeat
    center center;
}

.lounge-search--active .icon-search.loading {
  background: url("/Assets/PriorityPass/images/icons/loader-small.gif");
  color: transparent;
}

.lounge-search .icon-location-arrow {
  z-index: -1;
  padding-right: 1.5rem !important;
  color: #827127;
  left: auto;
  right: 0;
  opacity: 0;
  top: 9px;
  width: 44px;
  height: 44px;
  line-height: 4.4rem;
}

.lounge-search--active .icon-location-arrow {
  opacity: 1;
  z-index: 4;
  cursor: pointer;
}

.lounge-search__results {
  overflow: hidden;
  border-radius: 10px;
}

.lounge-search__results--active {
  -webkit-box-shadow: 0 2px 6px 0 #cccccc;
          box-shadow: 0 2px 6px 0 #cccccc;
}

.lounge-search .ui-autocomplete {
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 19px 0 0;
  background: #ffffff;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}

.lounge-search .ui-autocomplete a,
.lounge-search .ui-autocomplete .ui-autocomplete-message {
  font-size: 1.6rem;
  line-height: 3rem;
  letter-spacing: 0.04rem;
  cursor: pointer;
  display: block;
  text-align: left;
  color: #000000;
  padding: 0 19px 0 24px;
}

.lounge-search .ui-autocomplete .ui-autocomplete-message {
  cursor: default;
}

.lounge-search .ui-autocomplete .ui-autocomplete-child a {
  padding-left: 50px;
}

.lounge-search .ui-autocomplete a:hover,
.lounge-search .ui-autocomplete a:focus,
.lounge-search .ui-autocomplete .ui-state-active {
  background-color: #f8f8f8;
}

.lounge-search .ui-autocomplete a .name,
.lounge-search .ui-autocomplete a:hover .name,
.lounge-search .ui-autocomplete a:focus .name {
  display: block;
  font-weight: bold;
  color: #000000;
}

.lounge-search .ui-autocomplete a .country {
  display: block;
}

.lounge-search .ui-autocomplete .ui-autocomplete-category {
  margin-top: 30px;
}

.lounge-search .ui-autocomplete .ui-autocomplete-category:first-child {
  margin-top: 0;
}

.lounge-search .ui-autocomplete li:last-child {
  margin-bottom: 19px;
}

.lounge-search .ui-autocomplete-term {
  text-decoration: underline;
}

.lounge-search--hero,
.lounge-search--hero .lounge-search__overlay {
  height: 57px;
}

.lounge-search--hero input[type="text"].lounge-search__input {
  height: 57px;
  border-radius: 28px;
  padding-left: 50px;
}

.lounge-search--hero .icon-search {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

.lounge-search--hero .icon-location-arrow {
  height: 57px;
  font-size: 3rem;
  padding-right: 2rem !important;
}

@media screen and (max-width: 1360px) {
  .lounge-search--active {
    min-width: 380px;
  }
}

@media screen and (max-width: 1000px) {
  .lounge-search {
    min-width: 360px;
  }

  .lounge-search__button {
    width: 100%;
  }

  .lounge-search--active {
    width: 100%;
  }

  .lounge-search__overlay {
    text-align: center;
  }

  .lounge-search--active input[type="text"].lounge-search__input,
  .lounge-search--active:hover input[type="text"].lounge-search__input {
    border: none;
    border-radius: 0;
    width: 100vw;
    margin-left: -35px;
    margin-right: -35px;
    padding-left: 64px;
    padding-right: 80px;
    line-height: normal;
  }

  .lounge-search .icon {
    font-size: 1.7rem;
  }

  .lounge-search .icon-location-arrow {
    top: 0;
    height: 62px;
    line-height: 62px;
    right: -5px;
    padding-right: 0 !important;
  }

  .lounge-search .icon-location-arrow:before {
    width: 100%;
    text-indent: 15px;
  }

  .lounge-search .icon.icon-search {
    opacity: 0;
    left: 10px;
  }

  .lounge-search--active .icon.icon-search {
    opacity: 1;
    left: 0;
  }

  .lounge-search__results {
    width: 100vw;
    margin-left: -35px;
    margin-right: -35px;
    border-radius: 0;
  }

  .lounge-search .ui-autocomplete {
    left: 0 !important;
    top: 11px !important;
    padding: 10px 40px 0;
    background-color: #f9f9f9;
  }

  .lounge-search .ui-autocomplete li:last-child {
    margin-bottom: 10px;
  }

  .lounge-search--hero.lounge-search--active
    input[type="text"].lounge-search__input {
    width: 100%;
    border-radius: 28px;
    padding-left: 50px !important;
    margin: 0 !important;
  }

  .lounge-search--hero .icon.icon-search {
    left: 10px !important;
  }

  .lounge-search--hero .icon-location-arrow {
    height: 57px;
    font-size: 3rem;
    padding-right: 2rem !important;
    top: 9px;
    right: 0;
  }

  .lounge-search--hero .icon-location-arrow::before {
    text-indent: unset;
  }

  .lounge-search--hero .lounge-search__results {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    border-radius: 10px;
  }

  .lounge-search--hero .ui-autocomplete {
    top: 0 !important;
  }
}

@media screen and (max-width: 760px) {
  .lounge-search--active .icon.icon-search {
    left: -3px;
  }
}

@media screen and (max-width: 480px) {
  .lounge-search,
  .lounge-search--active {
    display: block;
    min-width: 0;
    width: 100%;
  }

  .lounge-search--active input[type="text"].lounge-search__input,
  .lounge-search--active:hover input[type="text"].lounge-search__input {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 44px;
    padding-right: 60px;
  }

  .lounge-search__results {
    margin-left: -15px;
    margin-right: -15px;
  }

  .lounge-search .ui-autocomplete {
    padding: 10px 20px 0;
  }
}

.lounge-updates .filters {
  padding-top: 1.5rem;
  font-size: 1.8rem;
}
.lounge-updates .filters .header {
  padding: 1rem 3rem;
}
.lounge-updates .filters .content .inner {
  padding: 0 3rem;
}
.lounge-updates .filters .content .form {
  display: table;
  width: 100%;
  vertical-align: top;
  table-layout: fixed;
  padding: 3rem 0;
}
.lounge-updates .filters .content .form .right {
  border-left: 1px solid #f9f9f9;
}

.lounge-updates .filters .content {
  border: 1px solid #f9f9f9;
}
.lounge-updates .filters .header h4 {
  padding-bottom: 0;
}
.lounge-updates .filters .content .left,
.lounge-updates .filters .content .right {
  width: 50%;
  display: table-cell;
}
.lounge-updates .filters .content .row {
  padding-top: 1.5rem;
  clear: both;
  line-height: 2rem;
}
.lounge-updates .filters .content .row:first-child {
  padding-top: 0;
}
.lounge-updates .filters .content .row label {
  margin-left: 0.5rem;
}
.lounge-updates .filters .content .row .label {
  padding-bottom: 0.3rem;
}
.lounge-updates .filters .content .row .item {
  padding: 0.5rem 0;
}
.lounge-updates .filters .content .row.date-field .item,
.lounge-updates .filters .content .right .row .item {
  width: 50%;
  float: left;
}
.lounge-updates .filters .content .row.date-field .item > div,
.lounge-updates .filters .content .right .row .item > div {
  padding-right: 1rem;
}
.lounge-updates .filters .content .row:first-child strong + .item {
  display: inline-block;
  float: none;
  width: auto;
}
.lounge-updates .filters .content .row:first-child strong + .item > div {
  padding-right: 0;
}
.lounge-updates .filters .content .row:first-child strong {
  margin-right: 1rem;
}

.lounge-updates .filters .content .actions {
  padding: 0 3rem 3rem;
}
.lounge-updates .filters .content .actions .cta {
  float: right;
  padding: 0.4rem 1.2rem;
  min-width: 14rem;
}
.lounge-updates .filters .content .actions .cta ~ .cta {
  margin-right: 2.5rem;
}
.lounge-updates .filters .content .actions a.cta {
  min-width: 11.4rem;
}

.lounge-updates .stylish-ds > input[type="checkbox"] {
  top: 0;
  left: 0;
}
.lounge-updates .stylish-ds {
  width: 2rem;
  height: 2rem;
  border: none;
  display: inline-block;
  float: none;
  top: 0.2rem;
}
.lounge-updates .stylish-ds[data-type="checkbox"] > span,
.lounge-updates .stylish-ds[data-type="checkbox"] > span.checked {
  position: static;
  display: block;
  padding: 0;
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid #a2a4a3;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
}
.lounge-updates .stylish-ds[data-type="checkbox"] > span.checked {
  background-image: url("/Assets/PriorityPass/images/icons/forms/checkbox-tick.png");
  background-color: #00c7b2;
  border-color: #00c7b2;
}

.lounge-updates .items h4 {
  padding-bottom: 0;
}
.lounge-updates .items .item {
  padding: 3rem;
  background: #f9f9f9;
  margin-top: 2rem;
}
.lounge-updates .items .item .cta {
  padding: 0.3rem 1.7rem;
  float: right;
}
.lounge-updates .items .title {
  padding-top: 4rem;
}
.lounge-updates .items .title h3 {
  padding-bottom: 0;
}
.lounge-updates .items .title ~ .title {
  border-top: 1px solid #e3e4e3;
  margin-top: 6rem;
}
.lounge-updates .items h5.red {
  color: #bb1e1e;
  font-weight: bold;
}
.lounge-updates .pagination {
  margin-top: 6rem;
}

@media screen and (max-width: 760px) {
  .lounge-updates .filters .content .inner,
  .lounge-updates .filters .content .actions {
    padding-left: 0;
    padding-right: 0;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .lounge-updates .items .item,
  .lounge-updates .filters .header {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .lounge-updates .filters .content .form {
    display: block;
  }
  .lounge-updates .filters .content .form .left,
  .lounge-updates .filters .content .form .right {
    display: block;
    float: left;
    border: none;
    width: 100%;
  }
  .lounge-updates .filters .content .form .right,
  .lounge-updates .filters .content .form .right .inner {
    padding-top: 3rem;
  }
  .lounge-updates .filters .content .form .right .inner {
    border-top: 1px solid #e3e4e3;
  }
}

@media screen and (max-width: 600px) {
  .lounge-updates .filters .content .inner,
  .lounge-updates .filters .content .actions {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .lounge-updates .items .item,
  .lounge-updates .filters .header {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lounge-updates .filters .content .actions {
    text-align: center;
  }
  .lounge-updates .filters .content .actions .cta,
  .lounge-updates .filters .content .actions .cta ~ .cta {
    float: none;
    margin: 0.5rem;
  }
  .lounge-updates .items .item {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .lounge-updates .items .item .cf {
    text-align: center;
  }
  .lounge-updates .items .item .cta {
    float: none;
  }
}

@media screen and (max-width: 480px) {
  .lounge-updates .filters .content .row.date-field .item,
  .lounge-updates .filters .content .right .row .item {
    width: 100%;
    float: none;
  }
  .lounge-updates .filters .content .row:first-child strong {
    display: block;
    margin-bottom: 0.5rem;
  }
  .lounge-updates .filters .content .row.date-field .item > div,
  .lounge-updates .filters .content .right .row .item > div {
    padding-right: 0;
  }
}

.member-alert {
  background: rgba(187, 29, 30, 0.1);
  padding: 20px 0;
  border: 1px solid #bb1d1e;
  font-size: 1.6rem;
  color: #000000;
}
.member-alert a {
  color: #000000;
  text-decoration: underline;
}
.member-alert .inner {
  margin: 0 1rem;
  padding-left: 4.5rem;
  position: relative;
}
.member-alert .inner .icon {
  position: absolute;
  top: 2px;
  left: 0;
  background: url("/Assets/PriorityPass/images/icons/alert.svg") no-repeat top
    left;
  background-size: contain;
}

.member-alert.alert-success {
  background: rgba(0, 199, 178, 0.1);
  border-color: #00c7b2;
}
.member-alert.alert-success .inner {
  padding-left: 0;
}
.member-alert.alert-success .inner .icon,
.member-alert.lounge-alert .inner .aopc-error-header {
  display: none;
}
.member-alert.lounge-alert .inner h4 {
  font-family: 'Roboto';
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
}
.member-alert.lounge-alert .inner .oops-txt-des {
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
}
.member-alert.lounge-alert {
  width: 75%;
  padding: 20px 15px;
  margin: 50px auto;
}
.member-alert.lounge-alert .inner {
  padding-left: 3rem;
  margin: 0;
}
@media screen and (max-width: 1030px) {
  .member-alert .inner {
    margin: 0 0.4rem;
    padding-left: 3rem;
  }
}

@media screen and (max-width: 768px) {
  .member-alert .inner {
    margin: 0;
  }
  .member-alert.lounge-alert {
    width: auto;
    margin: -10px 15px 50px 15px;
  }
}

.member-card-lightbox .inner {
  padding: 8rem 3rem 4rem;
}
.member-card-lightbox .inner .bordered {
  border: 1px solid #000000;
}
.member-card-lightbox .inner .bordered .row {
  border-top: 1px solid #000000;
  padding: 2.7rem 3rem;
}
.member-card-lightbox .inner .bordered .row:first-child {
  border-top: none;
}
.member-card-lightbox .inner .title {
  position: relative;
  padding-bottom: 3.5rem;
}
.member-card-lightbox .inner .title img {
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 6.6rem;
}
.member-card-lightbox .inner .title h1,
.member-card-lightbox .inner .title h2,
.member-card-lightbox .inner .title h3 {
  padding-bottom: 0;
}
.member-card-lightbox .inner .title img ~ h1,
.member-card-lightbox .inner .title img ~ h2,
.member-card-lightbox .inner .title img ~ h3 {
  padding-left: 9.4rem;
}
.member-card-lightbox .inner .left {
  width: 21.5%;
  float: left;
  padding-top: 0.5rem;
}
.member-card-lightbox .inner .left ~ .right {
  padding-left: 4.5%;
  width: 74%;
  float: left;
  padding-top: 1rem;
}
.member-card-lightbox .inner .right > div {
  padding-top: 1rem;
}
.member-card-lightbox .inner .right .half {
  width: 47.75%;
  float: left;
}
.member-card-lightbox .inner .right .half ~ .half {
  padding-left: 4.5%;
}
.member-card-lightbox .inner .actions {
  padding-top: 3rem;
  text-align: center;
}

.member-card {
  padding: 3rem 0;
}
.member-card .padded-sides {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.member-card .holder {
  display: table;
  width: 100%;
}
.member-card .holder .left,
.member-card .holder .right {
  display: table-cell;
  width: 36.4%;
  vertical-align: top;
}
.member-card .holder .right {
  width: 63.6%;
  border-left: 1px solid #e4e4e4;
}
.member-card .holder .left .inner {
  padding-right: 4.8rem;
}
.member-card .holder .left .inner .clear {
  clear: both;
}
.member-card .holder .left .inner .dmc-holder {
  width: 34.75%;
  float: left;
}
.member-card .holder .left .inner .dmc-holder,
.member-card .holder .left .inner .card-holder {
  margin-bottom: 2.5rem;
}
.member-card .holder .left .inner .dmc-holder img {
  width: 100%;
  display: block;
}
.member-card .holder .left .inner .card-holder {
  width: 17.1rem;
  position: relative;
  font-family: "Courier New", Courier, monospace;
  color: #000;
}
.member-card .holder .left .inner .dmc-holder ~ .card-holder {
  width: 56%;
  float: right;
}
.member-card .holder .left .inner .card-holder img {
  display: block;
}
.member-card .holder .left .inner .card-holder div {
  font-size: 80%;
}
.member-card .holder .left .inner .card-holder img ~ div {
  position: absolute;
  bottom: 23%;
  left: 0;
  padding: 0 5% 0 10%;
  font-size: 63%;
  line-height: 1.1;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.member-card .holder .left .inner .card-holder img ~ .expiry {
  bottom: 0;
  padding: 0;
  font-size: 30%;
  display: table;
  border-spacing: 5px 0;
  border: 5px solid transparent;
}
.member-card .holder .left .inner .card-holder img ~ .expiry > span {
  display: table-cell;
  text-align: right;
  vertical-align: bottom;
}
.member-card .holder .left .inner .card-holder img ~ .expiry .expiry-label {
  width: 100%;
  white-space: normal;
}
 .member-card .holder .left .inner .card-holder img ~ .expiry .date {
  font-size: 200%;
  line-height: 85%;
}
.member-card .holder .left .inner .cta {
  padding: 0 2.5rem;
}
.member-card .holder .left .inner .validation-code {
  padding-top: 2rem;
  border-top: 1px solid #e4e4e4;
}
.member-card .holder .left .inner .validation-code > div {
  padding-bottom: 1.5rem;
}
.member-card .holder .left .inner .validation-code form {
  position: relative;
}
.member-card .holder .left .inner .validation-code form div {
  padding-right: 11rem;
}
.member-card .holder .left .inner .validation-code form div input {
  border-right: 0;
  height: 3.6rem;
}
.member-card .holder .left .inner .validation-code .cta {
  position: absolute;
  top: 0;
  right: 0;
  width: 11rem;
  padding: 0.3rem 0.5rem;
}
.member-card .holder .right .inner {
  margin-left: 4.8rem;
}
.member-card .holder .right .inner h3 {
  padding-bottom: 1.5rem;
}
.member-card .holder .right .inner .content {
  position: relative;
}
.member-card .holder .right .inner .content.padded {
  padding-bottom: 2rem;
}
.member-card .holder .right .inner .content > img {
  max-width: 17.63%;
  float: left;
}
.member-card .holder .right .inner .content > img ~ .right-col {
  float: right;
  width: 77%;
}

.member-card .holder .float-left {
  float: left;
}
.member-card .holder .float-right {
  float: right;
}
.member-card .holder .left .inner .img-holder.align-center {
  text-align: center;
}
.member-card .holder .left .inner .img-holder.align-center .dmc-holder {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1030px) {
  .wrapper .member-card {
    padding: 2.5rem;
  }
  .wrapper .member-card .padded-sides {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .member-card .holder .left .inner .validation-code form div {
    padding-right: 0;
    padding-bottom: 0.5rem;
  }
  .member-card .holder .left .inner .validation-code form div input {
    border: 1px solid #a2a4a3;
  }
  .member-card .holder .left .inner .validation-code .cta {
    position: static;
  }
}

@media screen and (max-width: 865px) {
  .member-card .holder .left .inner .dmc-holder,
  .member-card .holder .left .inner .card-holder,
  .member-card .holder .left .inner .dmc-holder ~ .card-holder {
    width: 100%;
    float: none;
    text-align: center;
  }
  .member-card .holder .left .inner .dmc-holder {
    margin-bottom: 2rem;
  }
  .member-card .holder .left .inner .dmc-holder img {
    margin: 0 auto 1.3rem;
    width: 15rem;
  }
  .member-card .holder .left .inner {
    padding-right: 2.5rem;
  }
  .member-card .holder .right .inner {
    margin-left: 2.5rem;
  }
}

@media screen and (max-width: 760px) {
  .member-card-lightbox .inner .left {
    width: 32%;
  }
  .member-card-lightbox .inner .right {
    width: 63%;
    padding-top: 0;
  }
  .member-card-lightbox .inner .bordered .row {
    padding: 1.7rem 2rem;
  }
}

@media screen and (max-width: 700px) {
  .wrapper .member-card {
    padding: 0;
  }
  .wrapper .member-card .padded-sides {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
  .member-card .holder .left,
  .member-card .holder .right {
    display: block;
    width: 100%;
    clear: both;
    border: none;
  }
  .member-card .holder .left {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 1rem;
    margin-bottom: 3rem;
  }
  .member-card .holder .left .inner {
    padding-right: 0;
  }
  .member-card .holder .right .inner {
    margin-left: 0;
  }
  .member-card .holder .left .inner .dmc-holder {
    width: 10.5rem;
    float: left;
    text-align: left;
  }
  .member-card .holder .left .inner .card-holder,
  .member-card .holder .left .inner .dmc-holder ~ .card-holder {
    width: 17rem;
    float: left;
  }
  .member-card .holder .left .inner .dmc-holder ~ .card-holder {
    margin-left: 1.5rem;
  }

  .member-card .holder .left .inner .validation-code {
    margin-bottom: 1.5rem;
  }
}

@media screen and (max-width: 480px) {
  .member-card-lightbox .inner .left,
  .member-card-lightbox .inner .right {
    width: 100%;
    padding-top: 0;
  }
  .member-card-lightbox .inner .left {
    text-align: center;
  }
  .member-card-lightbox .inner .left img {
    display: inline-block;
  }
  .member-card-lightbox .inner .right > div {
    padding: 0;
  }
  .member-card-lightbox .inner .right .half,
  .member-card-lightbox .inner .right .half ~ .half {
    width: 100%;
    padding: 0;
  }
  .member-card-lightbox .inner .bordered .row {
    padding: 1.7rem 2rem;
  }
  .member-card-lightbox .inner .title img {
    display: none;
  }
  .member-card-lightbox .inner .title img ~ h1,
  .member-card-lightbox .inner .title img ~ h2,
  .member-card-lightbox .inner .title img ~ h3 {
    padding-left: 0;
  }
  .member-card-lightbox .inner .actions {
    text-align: center;
  }
  .member-card-lightbox .inner .actions .cta {
    display: block;
    margin: 0 0 1rem 0;
  }

  .member-card .holder .right .inner .content > img {
    position: static;
    display: block;
    margin: 0 0 1rem;
    max-width: 10rem;
    float: none;
  }
  .member-card .holder .right .inner .content > img ~ .right-col {
    padding-left: 0;
    width: auto;
    float: none;
  }
}

@media print {
  html.dmc-print #main {
    opacity: 0;
    height: 1px;
    overflow: hidden;
  }
  html.dmc-print .mod-lightbox-bg,
  html.dmc-print .mod-lightbox-bg .mod-lightbox {
    position: static;
  }
  html.dmc-print .mod-lightbox-bg .mod-lightbox .inner {
    padding: 0;
  }
  html.dmc-print .mod-lightbox-bg .mod-lightbox .actions,
  html.dmc-print .mod-lightbox-bg .mod-lightbox .mod-lightbox-close {
    display: none;
  }
}

.mention-me {
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
}
.mention-me a {
  color: #ffffff;
  text-decoration: underline;
  font-weight: bold;
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 13;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.modal--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 1;
}

.modern-form [class^='stylish-'],
.modern-form [class^='stylish-'].active {
  background: transparent;
  width: 100%;
}

.modern-form .digital-membership__device [class^='stylish-'] {
  width: 285px;
}

.modern-form .digital-membership [class^='stylish-'],
.modern-form .name-on-card [class^='stylish-'] {
  background: white;
  width: auto;
}

.modern-form .digital-membership [class^='stylish-'] > span,
.modern-form .name-on-card [class^='stylish-'] > span {
  height: auto;
  border: none !important;
}

.modern-form [class^='stylish-'] > span {
  color: rgba(57, 70, 85, 0.8);
  border: 1px solid rgba(57, 70, 85, 0.8);
  font-size: 16px;
  padding: 15px;
  border-radius: 5px;
  height: 56px;
  background: transparent;
}

.modern-form input:-webkit-autofill,
.modern-form textarea:-webkit-autofill,
.modern-form select:-webkit-autofill,
.modern-form input:-internal-autofill-selected:not([disabled]):not(:disabled) {
  -webkit-text-fill-color: #394655 !important;
  border-radius: 5px;
  border: 2px solid #394655;
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.modern-form input:-webkit-autofill,
.modern-form textarea:-webkit-autofill,
.modern-form select:-webkit-autofill,
.modern-form input:-internal-autofill-selected:not([disabled]):not(:disabled) {
  -webkit-text-fill-color: #394655 !important;
  border-radius: 5px;
  border: 2px solid #394655;
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.modern-form [class^='stylish-'] > input,
.modern-form [class^='stylish-'] > textarea {
  color: #394655;
  font-size: 16px;
  padding: 0 13px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  background: transparent;
}

.modern-form .form-field {
  position: relative;
  margin: 20px 0;
  width: 100%;
}

.modern-form .form-field.width-50,
.modern-form .width-50 {
  width: 50%;
}
.modern-form .form-field.width-100,
.modern-form .width-100 {
  width: 100%;
}

.modern-form .form-field .field,
.modern-form .form-field:not(.date-field) .err-msgs,
.modern-form .form-field:not(.date-field) .field-message {
  position: relative;
  display: block;
  float: none;
  clear: unset;
  width: auto;
  max-width: 100%;
}

.modern-form .form-field .err-msgs,
.modern-form .form-field .field-message,
.modern-form .form-field.row .right-col .err-msgs,
.modern-form .form-field.row .right-col .field-message {
  font-size: 12px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  line-height: 1.67;
  padding: 0 15px;
  font-weight: normal;
}

.modern-form .form-field .icon.alert {
  display: none;
}

.modern-form .form-field.error .icon.alert.red {
  display: block;
  position: absolute;
  top: 18px;
  right: 15px;
}

.modern-form .form-field:not(.date-field) > label,
.modern-form .form-field:not(.date-field) > .label {
  color: rgba(57, 70, 85, 0.8);
  font-size: 16px;
  background: white;
  position: absolute;
  top: 13px;
  left: 10px;
  z-index: 0;
  width: auto;
  padding: 2px 5px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.modern-form .form-field.mask-wrapper > label,
.modern-form .form-field.mask-wrapper > .label {
  z-index: 2;
}

.modern-form .form-field.blured:not(.active) [class^='stylish-'] > span {
  color: rgba(57, 70, 85, 0.8);
  border: 1px solid rgba(57, 70, 85, 0.8);
}
.modern-form .form-field.date-field .active .selected,
.modern-form .form-field.date-field .border-focus.active .selected{
    color: #394655;
    border: 2px solid #847128;
}
.modern-form .form-field.date-field .border-focus .selected{
    border: 2px solid #394655;
}
.modern-form .form-field.date-field .focus .selected {
    border: 2px solid #847128;
}
.modern-form
  .form-field.blured.active:not(.disabled)
  [class^='stylish-']
  > span {
  color: #394655;
  border: 2px solid #394655;
}

.modern-form .form-field.focused [class^='stylish-'] > span,
.modern-form
  .form-field.focused
  input:-internal-autofill-selected:not([disabled]):not(:disabled) {
  color: #394655;
  border: 2px solid #847128;
}

.modern-form .form-field.active > label,
.modern-form .form-field.active > .label {
  font-size: 12px;
  background: white;
  position: absolute;
  top: -12px;
  left: 10px;
  z-index: 2;
  width: auto;
  padding: 0px 3px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

.modern-form .form-field.active.blured:not(.disabled) > label,
.modern-form .form-field.active.blured:not(.disabled) > .label {
  color: #394655;
}

.modern-form .form-field.active.focused > label,
.modern-form .form-field.active.focused > .label {
  color: #847128;
}

.modern-form .form-field.error [class^='stylish-'] > span {
  outline: 0;
  border: solid 2px #e02020 !important;
}

.modern-form .form-field.error [class^='stylish-'] > input {
  color: #394655;
}

.modern-form .form-field.error.active > label,
.modern-form .form-field.error.active > .label {
  color: #e02020 !important;
}

.modern-form .form-field .field-message {
  color: #394655;
}

.modern-form .form-field.error .err-msgs {
  color: #e02020;
  font-weight: normal;
}

.modern-form .form-field .err-msgs div {
  padding: 0;
}

.modern-form .form-field:not([data-type='checkbox']) .err-msgs .icon.alert.red {
  display: none;
}

.modern-form .form-field[data-type='checkbox'] .err-msgs .icon.alert.red {
  position: relative;
  top: 5px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: cover;
  left: 0;
}

.modern-form [class^='stylish-'].disabled {
  background: white;
}

.modern-form .form-field.disabled [class^='stylish-'] > span {
  color: rgba(57, 70, 85, 0.3);
  border: 2px solid rgba(57, 70, 85, 0.3);
  background: white;
}

.modern-form .form-field.disabled [class^='stylish-'] > input {
  opacity: 0.5;
  color: #000000;
  background: transparent;
}

.modern-form .form-field.disabled > label,
.modern-form .form-field.disabled > .label {
  color: #000;
  opacity: 0.5;
}

.modern-form .form-field.empty [class^='stylish-'] .mask {
  color: white;
}

.modern-form .form-field.empty.active [class^='stylish-'] .mask {
  color: #394655;
}

.modern-form .stylish-select {
  width: 100%;
  max-width: 100%;
}

.modern-form .right-col .left .stylish-select {
  width: 100%;
  max-width: 100%;
}

.modern-form .stylish-select span.selected {
  padding: 15px;
}

.modern-form .stylish-select span.text {
  font-size: 16px;
  background: white;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  color: #394655;
  line-height: 20px;
  padding: 0;
  display: block;
}

.modern-form .form-field.empty .stylish-select span.text {
  color: white;
  visibility: hidden;
}

.modern-form .stylish-select span.selected .ico {
  background: url(/Assets/PriorityPass/images/icons/forms/select-arrow.svg)
    no-repeat center center;
  border: none;
  border-left: 1px solid rgba(57, 70, 85, 0.8);
  width: 55px;
}

.modern-form .stylish-select.focus,
.modern-form .stylish-select.focus > span {
  background: white;
}

.modern-form .form-field.focused .stylish-select span.selected .ico {
  border-left: 2px solid #847128;
}

.modern-form
  .form-field.active.blured:not(.focused)
  .stylish-select
  span.selected
  .ico {
  border-left: 2px solid #394655;
}

.modern-form .form-field.disabled .stylish-select span.selected {
  background: white;
  border: rgba(57, 70, 85, 0.3) solid 2px;
  color: rgba(57, 70, 85, 0.3);
}

.modern-form .form-field.error .stylish-select span.selected .ico {
  border-left: 2px solid #e02020;
}

.modern-form .form-field.disabled .stylish-select span.selected .ico {
  border-left: rgba(57, 70, 85, 0.8) solid 2px;
  background-color: transparent;
  opacity: 0.3;
}

.modern-form .form-field.error .stylish-select + .icon.alert.red {
  right: 70px;
}

.modern-form .stylish-select > .dropdown-list,
.modern-form .country-autocomplete__results {
  border: 2px solid #847128;
  margin-top: -5px;
  background: white;
}

.modern-form .stylish-select > .dropdown-list .dropdown-option,
.modern-form .country-autocomplete .ui-menu-item-wrapper {
  font-size: 16px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  padding: 10px;
}

.modern-form .country-autocomplete__results {
  padding: 0;
}

.modern-form .country-autocomplete .ui-autocomplete {
  margin: 0;
  width: 100% !important;
}

.modern-form .country-autocomplete .ui-menu-item-wrapper {
  padding: 10px;
  color: #394655;
}

.modern-form .country-autocomplete .ui-menu-item-wrapper.ui-state-active {
  background-color: #c2c5c8;
  color: #394655;
}

.modern-form .form-field .stylish-ds {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  text-align: center;
}

.modern-form .form-field .stylish-ds[data-type='checkbox'] > span,
.modern-form .form-field .stylish-ds[data-type='radio'] > span {
  width: 18px;
  height: 18px;
  margin: 0 auto;
  margin-top: 8px;
}

.modern-form .form-field.focused .stylish-ds[data-type='checkbox'],
.modern-form .form-field.focused .stylish-ds[data-type='radio'] {
  background: rgba(57, 70, 85, 0.1);
  border: 1px solid #847128;
}

.modern-form .form-field.focused .stylish-ds[data-type='checkbox'] > span,
.modern-form .form-field.focused .stylish-ds[data-type='radio'] > span {
  border: 2px solid #394655;
}

.modern-form .form-field.checked.focused .stylish-ds[data-type='checkbox'],
.modern-form .form-field.checked.focused .stylish-ds[data-type='radio'] {
  background: rgba(132, 113, 40, 0.15);
  border: 1px solid #847128;
}

.modern-form
  .form-field.checked
  .stylish-ds[data-type='checkbox']
  > span.checked,
.modern-form .stylish-ds[data-type='checkbox'] > span.checked,
.modern-form .form-field.checked .stylish-ds[data-type='radio'] > span.checked,
.modern-form .stylish-ds[data-type='radio'] > span.checked {
  background-color: #847128;
  border: 2px solid #847128;
}

.modern-form .form-section-errors.errors:not(:empty) {
  width: 100%;
  height: auto;
  margin: auto;
  padding: 15px 0;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
  border-bottom: 4px solid #e02020;
  color: #394655;
  font-weight: normal;
  font-size: 16px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  position: relative;
  margin-bottom: 10px;
}

.modern-form .form-section-errors.errors:not(:empty):after {
  content: '';
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  background: url(/Assets/PriorityPass/images/icons/alert-sprite.png) no-repeat
    0 100%;
  z-index: 1;
  top: 50%;
  margin-top: -12.5px;
  left: 10px;
}

.modern-form .form-section-errors > div {
  padding-left: 70px;
  padding-right: 20px;
  background: none;
}

/*summary*/
.modern-form .join-summary__accordion .form-field + .form-field {
  border: none;
  padding: 0;
}

.modern-form .join-summary__readonly-field .form-field {
  margin: 0;
}

.modern-form .join-summary .stylish-select .selected .text {
  padding: 0;
}

@media screen and (max-width: 768px) {
  .modern-form .form-field,
  .modern-form .form-field.width-50,
  .modern-form .width-50 {
    width: 100%;
  }

  .modern-form .form-field .err-msgs div,
  #join-process .modern-form .form-field .err-msgs div {
    padding-left: 0;
  }
}

.name-on-card {
  margin-top: 5rem;
  padding: 5rem;
}
.name-on-card .inner {
  max-width: 38rem;
  margin: auto;
  text-align: center;
}
.name-on-card .inner h4 {
  color: #827127;
  padding-bottom: 1rem;
}
.name-on-card .inner .img-holder {
  position: relative;
  max-width: 34rem;
  margin: auto;
}
.name-on-card .inner .img-holder img {
  width: 100%;
  display: block;
}
.name-on-card .inner .stylish-text {
  margin: 0 1.5rem;
}
.name-on-card .inner input,
.name-on-card .inner .stylish-text span {
  height: 3rem;
}
.name-on-card .inner .stylish-text input {
  font-family: "Courier New", Courier, monospace;
  height: 100%;
  font-size: 1.6rem;
  line-height: 1.6rem;
  text-transform: uppercase;
}
.name-on-card .inner img ~ .input-holder {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 3.5rem;
  margin: 0;
}
.name-on-card .inner .stylish-text span {
  border: none;
}
.name-on-card .err-msgs div {
  padding-left: 0;
}
.name-on-card .icon {
  position: relative;
}

@media screen and (max-width: 600px) {
  .name-on-card {
    padding: 0;
    background: transparent;
  }
}

.news-listing,
.news-listing .items {
  padding-top: 4rem;
}
.news-listing .filters .filter {
  float: right;
  min-width: 24rem;
}
.news-listing .item {
  display: block;
  float: left;
  width: 31.2%;
  padding-left: 3.2%;
  padding-bottom: 5rem;
}
.news-listing .item.first {
  padding-left: 0;
  clear: both;
}
.news-listing .item .img-holder {
  padding-bottom: 1.5rem;
}
.news-listing .item .img-holder img {
  display: block;
}
.news-listing .item .details {
  padding: 2rem 3rem 3rem;
  border: 1px solid #e4e4e4;
}
.news-listing .item .details > .uppercase {
  font-size: 1.4rem;
}
.news-listing .item .details h4 {
  padding-bottom: 0.3rem;
}
.news-listing .item .details p {
  padding-bottom: 0.7rem;
}
.news-listing .item .img-holder ~ .details {
  padding: 0;
  border: none;
}
.news-listing .stylish-select {
    width: 230px;
}

@media screen and (max-width: 760px) {
  .news-listing .item,
  .news-listing .item.first {
    width: 48%;
    padding-left: 4%;
    clear: none;
  }
  .news-listing .item:nth-child(2n - 1) {
    padding-left: 0;
    clear: both;
  }
}

@media screen and (max-width: 480px) {
  .news-listing .item,
  .news-listing .item.first,
  .news-listing .item:nth-child(2n - 1) {
    float: none;
    width: auto;
    padding-left: 0;
    clear: both;
    padding-bottom: 3rem;
  }
  .news-listing .item .details {
    padding: 1.5rem 2rem 2rem;
  }
}

.our-airports {
  padding: 5rem 0;
}
.our-airports h4 {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: normal;
  letter-spacing: normal;
}
.our-airports .holder-830 {
  min-width: 81rem;
}
.our-airports .box-link-listing {
  text-align: center;
  margin-top: 1rem;
  min-width: 75rem;
}
.our-airports .box-link-listing a.cta.box {
  padding: 0 3rem;
  margin: 0.7rem;
  width: 16.8rem;
  height: 6.5rem;
  font-size: 1.6rem;
  line-height: 1.8rem;
}

.our-airports .box-link-listing a.cta.box,
.our-airports .box-link-listing a.cta.box [class^="icon-"] {
  padding-left: 1rem;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  height: 7rem;
}

.our-airports .box-link-panels .title {
  margin-top: 1rem;
}
.our-airports .box-link-panels .title > div {
  display: inline-block;
  position: relative;
}
.our-airports .box-link-panels .title .cta,
.our-airports .box-link-panels .title .cta.gold,
.our-airports .box-link-panels .title .cta.aqua {
  cursor: default;
  width: 16.9rem;
  height: 6.7rem;
  padding: 0 2rem;
}
.our-airports .box-link-panels .title .cta.aqua {
  background: #00c7b2;
}
.our-airports .box-link-panels .title .cta.gold {
  background: #827127;
}

.our-airports .box-link-panels .title .show-all {
  cursor: pointer;
  position: absolute;
  right: 100%;
  top: 0;
  white-space: nowrap;
  padding-right: 2.5rem;
  line-height: 6.7rem;
}
.our-airports .box-link-panels .item {
  padding-top: 1.5rem;
}
.our-airports .box-link-panels .item a {
  display: block;
  width: 22.6%;
  float: left;
  margin-left: 3.2%;
  margin-top: 1rem;
}
.our-airports .box-link-panels .item a.first {
  margin-left: 0;
  clear: both;
}

.our-airports .box-link-panels,
.our-airports .box-link-panels .item,
.our-airports .box-link-listing.hide {
  display: none;
}
.our-airports .box-link-panels.show,
.our-airports .box-link-panels .item.show,
.our-airports .box-link-listing.show {
  display: block;
}

@media screen and (max-width: 865px) {
  .our-airports .holder-830 {
    min-width: 0;
  }
  .our-airports .box-link-listing {
    min-width: 0;
  }
  .our-airports .box-link-listing a.cta.box {
    margin: 0.2rem;
    width: 16rem;
    padding: 0 2.5rem 0 0.5rem;
    font-size: 1.5rem;
  }
  .our-airports .box-link-listing a.cta.box [class^="icon-"] {
    padding-left: 0.5rem;
  }
}

@media screen and (max-width: 760px) {
  .our-airports .box-link-panels .item a,
  .our-airports .box-link-panels .item a.first {
    width: 30%;
    margin-left: 2%;
    clear: none;
  }
  .our-airports .box-link-panels .item a:nth-child(3n - 2) {
    margin-left: 0;
    clear: both;
  }
  .our-airports .box-link-panels .title > div {
    display: block;
  }
  .our-airports .box-link-panels .title .show-all {
    position: static;
    display: block;
    white-space: normal;
    padding-right: 0;
    line-height: 1.2em;
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 600px) {
  .our-airports .box-link-listing div {
    display: none;
  }
  .our-airports .box-link-listing a.cta.box {
    padding: 0;
  }
  .our-airports .box-link-panels .item a,
  .our-airports .box-link-panels .item a.first,
  .our-airports .box-link-panels .item a:nth-child(3n - 2) {
    width: 48%;
    margin-left: 4%;
    clear: none;
  }
  .our-airports .box-link-panels .item a:nth-child(2n - 1) {
    margin-left: 0;
    clear: both;
  }
}

@media screen and (max-width: 480px) {
  .our-airports .box-link-listing a.cta.box {
    width: auto;
    display: block;
    height: auto;
    padding: 1.5rem;
    text-align: left;
    margin: 1rem 0;
  }
  .our-airports .box-link-panels .item a,
  .our-airports .box-link-panels .item a.first,
  .our-airports .box-link-panels .item a:nth-child(3n - 2),
  .our-airports .box-link-panels .item a:nth-child(2n - 1) {
    float: none;
    margin-left: 0;
    clear: both;
    width: auto;
    display: block;
  }
}
.our-airports .box-link-listing a.cta.box .vertical-centre-wrapper {
    padding-top: 2.25rem;
}
.package-details {
  padding: 5.5rem 0;
}

.package-details table {
  table-layout: fixed;
  width: 100%;
  border: 1px solid #e3e4e3;
  position: relative;
  margin: auto;
  margin-bottom: 1.5rem;
}
.package-details table.full-table.two-package {
  width: 76.5%;
}

.package-details table.full-table {
  display: table;
}
.package-details table.reduced-table {
  display: none;
}

.package-details table.full-table thead tr {
  background: #eeeeee;
}
.package-details table.full-table thead tr th {
  padding: 2rem;
  color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 2.2rem;
  font-weight: normal;
  vertical-align: middle;
  width: 15%;
}
.package-details table.full-table thead tr:first-child th {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.package-details table.full-table thead tr th.package {
  width: calc(28.35% + 2px);
}
.package-details table.full-table thead tr + tr th {
  padding: 1rem 2rem;
  position: relative;
  font-size: 1.4rem;
}
.package-details table.full-table thead tr + tr th .arrow {
  position: absolute;
  width: 100%;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
  left: 0;
  top: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.package-details table.full-table thead tr th.package-standard {
  background: #33d2c1;
}
.package-details table.full-table thead tr + tr th.package-standard {
  background: #70dfd3;
}
.package-details table.full-table thead tr + tr th.package-standard .arrow {
  border-top: 18px solid #70dfd3;
}
.package-details table.full-table thead tr th.package-standard-plus {
  background: #e67637;
}
.package-details table.full-table thead tr + tr th.package-standard-plus {
  background: #ed9e73;
}
.package-details
  table.full-table
  thead
  tr
  + tr
  th.package-standard-plus
  .arrow {
  border-top: 18px solid #ed9e73;
}
.package-details table.full-table thead tr th.package-prestige {
  background: #5e5d5d;
}
.package-details table.full-table thead tr + tr th.package-prestige {
  background: #7e7d7d;
}
.package-details table.full-table thead tr + tr th.package-prestige .arrow {
  border-top: 18px solid #7e7d7d;
}

.package-details table.full-table.two-package tbody tr:nth-child(odd),
.package-details table.full-table.three-package tbody tr:nth-child(odd) {
  background: #fcfcfc;
}
.package-details table.full-table.two-package tbody tr:nth-child(even),
.package-details table.full-table.three-package tbody tr:nth-child(even) {
  background: #eeeeee;
}
.package-details table.full-table.two-package tbody tr th,
.package-details table.full-table.three-package tbody tr th {
  border: 1px solid #e3e4e3;
  padding: 1rem;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: normal;
  width: 15%;
  vertical-align: middle;
}
.package-details table.full-table.two-package tbody tr td,
.package-details table.full-table.three-package tbody tr td {
  border: 1px solid #e3e4e3;
  padding: 1rem;
  font-size: 2.2rem;
  vertical-align: middle;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.package-details table.full-table.two-package tbody tr:first-child td,
.package-details table.full-table.three-package tbody tr:first-child td {
  padding-top: 2.8rem;
}

.package-details table.full-table.one-package {
  table-layout: auto;
}
.package-details table.full-table.one-package tbody tr th {
  border: none;
  padding: 2rem;
  color: #ffffff;
  font-weight: normal;
}
.package-details table.full-table.one-package tbody tr:first-child th {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 2.2rem;
  font-weight: normal;
  vertical-align: middle;
  width: 28%;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.package-details table.full-table.one-package tbody tr:first-child th .arrow {
  position: absolute;
  width: 100%;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
  left: 0;
  top: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.package-details table.full-table.one-package tbody tr th:nth-child(odd),
.package-details table.full-table.one-package tbody tr td:nth-child(odd) {
  background: #fcfcfc;
}
.package-details table.full-table.one-package tbody tr th:nth-child(even),
.package-details table.full-table.one-package tbody tr td:nth-child(even) {
  background: #eeeeee;
}
.package-details table.full-table.one-package tbody tr th.package-standard {
  background: #33d2c1;
}
.package-details
  table.full-table.one-package
  tbody
  tr:first-child
  th.package-standard
  .arrow {
  border-top: 10px solid #33d2c1;
}
.package-details
  table.full-table.one-package
  tbody
  tr
  + tr
  th.package-standard {
  background: #70dfd3;
}
.package-details
  table.full-table.one-package
  tbody
  tr
  th.package-standard-plus {
  background: #e67637;
}
.package-details
  table.full-table.one-package
  tbody
  tr:first-child
  th.package-standard-plus
  .arrow {
  border-top: 10px solid #e67637;
}
.package-details
  table.full-table.one-package
  tbody
  tr
  + tr
  th.package-standard-plus {
  background: #ed9e73;
}
.package-details table.full-table.one-package tbody tr th.package-prestige {
  background: #5e5d5d;
}
.package-details
  table.full-table.one-package
  tbody
  tr:first-child
  th.package-prestige
  .arrow {
  border-top: 10px solid #5e5d5d;
}
.package-details
  table.full-table.one-package
  tbody
  tr
  + tr
  th.package-prestige {
  background: #7e7d7d;
}
.package-details table.full-table.one-package tbody tr + tr th {
  padding-top: 2.8rem;
}
.package-details table.full-table.one-package tbody tr td {
  width: 18%;
  border: 1px solid #e3e4e3;
  padding: 1rem;
  font-size: 1.6rem;
  line-height: 1.9rem;
  vertical-align: middle;
}
.package-details table.full-table.one-package tbody tr + tr td {
  font-size: 2.6rem;
  line-height: 3rem;
}

.package-details table.reduced-table thead tr th {
  padding: 1rem;
  position: relative;
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: normal;
}
.package-details table.reduced-table thead tr th .arrow {
  position: absolute;
  width: 100%;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
  left: 0;
  top: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.package-details table.reduced-table thead tr th.package-standard {
  background: #33d2c1;
}
.package-details table.reduced-table thead tr th.package-standard .arrow {
  border-top: 10px solid #33d2c1;
}
.package-details table.reduced-table thead tr th.package-standard-plus {
  background: #e67637;
}
.package-details table.reduced-table thead tr th.package-standard-plus .arrow {
  border-top: 10px solid #e67637;
}
.package-details table.reduced-table thead tr th.package-prestige {
  background: #5e5d5d;
}
.package-details table.reduced-table thead tr th.package-prestige .arrow {
  border-top: 10px solid #5e5d5d;
}
.package-details table.reduced-table tbody tr th,
.package-details table.reduced-table tbody tr td {
  border: 1px solid #e3e4e3;
  padding: 1rem;
  vertical-align: middle;
}
.package-details table.reduced-table tbody tr th {
  background: #eeeeee;
  font-weight: normal;
  font-size: 1.2rem;
}
.package-details table.reduced-table tbody tr td {
  background: #fcfcfc;
  font-size: 1.4rem;
}
.package-details table.reduced-table tbody tr:first-child th {
  padding-top: 2.8rem;
}

.package-details table .cta.box,
.package-details table .cta.box:hover {
  font-size: 2rem;
  line-height: 4rem;
  padding: 0 2rem;
  color: #ffffff;
  border: none;
  margin: 1rem auto;
  white-space: nowrap;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.package-details table .package-standard .cta.box,
.package-details table .package-standard .cta.box:hover {
  background: #33d2c1;
}
.package-details table .package-standard-plus .cta.box,
.package-details table .package-standard-plus .cta.box:hover {
  background: #e67637;
}
.package-details table .package-prestige .cta.box,
.package-details table .package-prestige .cta.box:hover {
  background: #5e5d5d;
}

.package-details table .offer-price {
  padding: 1rem 0;
}
.package-details table .old-price {
  font-size: 2.2rem;
  font-weight: bold;
  color: #a2a2a2;
  margin-right: 1rem;
  position: relative;
}
.package-details table .old-price:after {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  border-top: 2px solid;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
.package-details table .new-price {
  font-size: 3.6rem;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.package-details table .discount-text {
  font-size: 1.2rem;
  line-height: 2rem;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.package-details table .package-standard .new-price,
.package-details table .package-standard .discount-text {
  color: #33d2c0;
}
.package-details table .package-standard-plus .new-price,
.package-details table .package-standard-plus .discount-text {
  color: #e67637;
}
.package-details table .package-prestige .new-price,
.package-details table .package-prestige .discount-text {
  color: #5d5d5d;
}

.package-details .padded-sides {
  position: relative;
}
.package-details table.full-table thead tr:first-child th.package.active {
  position: absolute;
  top: -1rem;
  margin-left: -0.1rem;
  padding: 1.5rem 0 3.6rem;
}
.package-details
  table.full-table.two-package
  thead
  tr:first-child
  th.package.active {
  width: 42.5%;
}

.package-details table.full-table td.active,
.package-details table.full-table th.active,
.package-details table.full-table.one-package.active th {
  cursor: pointer;
}
.package-details table.full-table td.package-standard.active,
.package-details table.full-table td.package-standard-plus.active,
.package-details table.full-table td.package-prestige.active {
  padding: 0.7rem;
}
.package-details table.full-table td.package-standard.active .cta.box,
.package-details table.full-table th.package-standard.active,
.package-details
  table.full-table.one-package.active
  td.package-standard
  .cta.box {
  border: 2px solid #33d2c1;
}
.package-details table.full-table td.package-standard-plus.active .cta.box,
.package-details table.full-table th.package-standard-plus.active,
.package-details
  table.full-table.one-package.active
  td.package-standard-plus
  .cta.box {
  border: 2px solid #e67637;
}
.package-details table.full-table td.package-prestige.active .cta.box,
.package-details table.full-table th.package-prestige.active,
.package-details
  table.full-table.one-package.active
  td.package-prestige
  .cta.box {
  border: 2px solid #5e5d5d;
}

.package-details table.full-table tbody tr td.active.package-standard {
  border-left: 2px solid #33d2c1;
  border-right: 2px solid #33d2c1;
}
.package-details table.full-table tbody tr td.active.package-standard-plus {
  border-left: 2px solid #e67637;
  border-right: 2px solid #e67637;
}
.package-details table.full-table tbody tr td.active.package-prestige {
  border-left: 2px solid #5e5d5d;
  border-right: 2px solid #5e5d5d;
}
.package-details
  table.full-table
  tbody
  tr:last-child
  td.active.package-standard {
  border-bottom: 2px solid #33d2c1;
}
.package-details
  table.full-table
  tbody
  tr:last-child
  td.active.package-standard-plus {
  border-bottom: 2px solid #e67637;
}
.package-details
  table.full-table
  tbody
  tr:last-child
  td.active.package-prestige {
  border-bottom: 2px solid #5e5d5d;
}

.package-details table.full-table td.package-prestige.active .cta.box {
  border: 2px solid #5e5d5d;
}
.package-details table.full-table tr:last-child th.active {
  border-top: none;
  border-bottom: none;
}
.package-details table.full-table tr:first-child th.active {
  border-bottom: none;
}
.package-details table.full-table tbody tr:first-child td {
  border-top: none;
}

.package-details table.full-table.one-package.active td.active {
  border: none;
}
.package-details
  table.full-table.one-package.active
  tr.package-standard:first-child {
  border: 2px solid #33d2c1;
  border-bottom: none;
}
.package-details
  table.full-table.one-package.active
  tr.package-standard:last-child {
  border: 2px solid #33d2c1;
  border-top: none;
}
.package-details
  table.full-table.one-package.active
  tbody
  tr
  td.package-standard {
  border-bottom: 2px solid #33d2c1;
}
.package-details
  table.full-table.one-package.active
  tr.package-standard-plus:first-child {
  border: 2px solid #e67637;
  border-bottom: none;
}
.package-details
  table.full-table.one-package.active
  tr.package-standard-plus:last-child {
  border: 2px solid #e67637;
  border-top: none;
}
.package-details
  table.full-table.one-package.active
  tbody
  tr
  td.package-standard-plus {
  border-bottom: 2px solid #e67637;
}
.package-details
  table.full-table.one-package.active
  tr.package-prestige:first-child {
  border: 2px solid #5e5d5d;
  border-bottom: none;
}
.package-details
  table.full-table.one-package.active
  tr.package-prestige:last-child {
  border: 2px solid #5e5d5d;
  border-top: none;
}
.package-details
  table.full-table.one-package.active
  tbody
  tr
  td.package-prestige {
  border-bottom: 2px solid #5e5d5d;
}

/* fix for FF and IE where border is hidden behind background color */
.firefox .package-details table.full-table tr:last-child th.active:before,
.ie .package-details table.full-table tr:last-child th.active:before,
.firefox .package-details table.full-table tr:last-child th.active:after,
.ie .package-details table.full-table tr:last-child th.active:after {
  content: "";
  position: absolute;
  z-index: 2;
  height: 100%;
  left: -3px;
  left: -0.3rem;
  bottom: 0;
}

.ie .package-details table.full-table tr:last-child th.active:before {
  left: -0.2rem;
}

.firefox .package-details table.full-table tr:last-child th.active:after {
  left: auto;
  right: -0.1rem;
}
.ie .package-details table.full-table tr:last-child th.active:after {
  left: auto;
  right: -0.2rem;
}

.firefox
  .package-details
  table.full-table
  tr:last-child
  th.package-standard.active:before,
.ie
  .package-details
  table.full-table
  tr:last-child
  th.package-standard.active:before {
  border-left: 2px solid #33d2c1;
}
.firefox
  .package-details
  table.full-table
  tr:last-child
  th.package-standard-plus.active:before,
.ie
  .package-details
  table.full-table
  tr:last-child
  th.package-standard-plus.active:before {
  border-left: 2px solid #e67637;
}
.firefox
  .package-details
  table.full-table
  tr:last-child
  th.package-prestige.active:before,
.ie
  .package-details
  table.full-table
  tr:last-child
  th.package-prestige.active:before {
  border-left: 2px solid #5e5d5d;
}

.firefox
  .package-details
  table.full-table
  tr:last-child
  th.package-standard.active:after,
.ie
  .package-details
  table.full-table
  tr:last-child
  th.package-standard.active:after {
  border-right: 2px solid #33d2c1;
}
.firefox
  .package-details
  table.full-table
  tr:last-child
  th.package-standard-plus.active:after,
.ie
  .package-details
  table.full-table
  tr:last-child
  th.package-standard-plus.active:after {
  border-right: 2px solid #e67637;
}
.firefox
  .package-details
  table.full-table
  tr:last-child
  th.package-prestige.active:after,
.ie
  .package-details
  table.full-table
  tr:last-child
  th.package-prestige.active:after {
  border-right: 2px solid #5e5d5d;
}

@media screen and (max-width: 1030px) {
  .package-details {
    padding: 1.5rem 0;
  }
  .package-details table.full-table {
    display: none;
  }
  .package-details table.reduced-table {
    display: table;
  }

  .package-details table .cta.box,
  .package-details table .cta.box:hover {
    position: relative;
    font-size: 1.2rem;
    line-height: 3.5rem;
    padding: 0 1rem;
    z-index: 5;
  }
  .package-details table .cta.box [class^="icon-"] {
    padding-left: 0.1rem;
  }

  .package-details table .offer-price {
    padding: 0;
  }
  .package-details table .old-price {
    font-size: 1.4rem;
    margin-right: auto;
  }
  .package-details table .new-price {
    font-size: 1.9rem;
  }
  .package-details table .discount-text {
    font-size: 0.85rem;
    line-height: 1.5rem;
  }
}

.page-banner {
  position: relative;
  overflow: hidden;
}
.page-banner .wrapper {
  position: relative;
}
.page-banner .wrapper .padded-sides {
  min-height: 100%;
  height: 100%;
}
.page-banner .wrapper,
.page-banner .wrapper > .padded-sides,
.page-banner .wrapper > .padded-sides > [class^="holder-"],
.page-banner .wrapper .item {
  min-height: 26.4rem;
}
.page-banner div.vertical-centre,
.page-banner table.vertical-centre {
  height: 26.4rem;
}
.page-banner__content {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 42.7rem;
  margin: auto;
  color: #ffffff;
  padding: 4rem 0;
}
.page-banner__content h1:only-child {
  padding-bottom: 0;
}
.page-banner__content p {
  font-size: 2.2rem;
  line-height: 2.8rem;
}

.page-banner.dark .page-banner__content {
  color: #000000;
} /* dark comes from Sitecore via the Model - not easily refactored to a modifier */

.page-banner.ppc-banner {
  background-color: transparent;
} /* ppc-banner comes from Sitecore via the Model - not easily refactored to a modifier */
.page-banner.ppc-banner div.vertical-centre,
.page-banner.ppc-banner table.vertical-centre {
  height: 32rem;
}
.page-banner.ppc-banner h1 {
  font-size: 4.6rem;
  line-height: 4.6rem;
  margin-bottom: 1.2rem;
}
.page-banner.ppc-banner h4.small {
  font-size: 1.5rem;
  line-height: 1.9rem;
  padding: 0;
}

.page-banner--telco .page-banner__content {
  max-width: 96rem;
}
.page-banner--telco .cta {
  font-size: 1.8rem;
  line-height: 3.6rem;
  margin: 1rem 1rem 0 1rem;
  white-space: nowrap;
}
.page-banner--telco .cta img {
  display: inline;
  vertical-align: middle;
  margin-left: 3rem;
}
.page-banner--telco .cta.inverse,
.page-banner--telco a.cta.inverse {
  background: #ffffff;
  color: #827127;
}

.page-banner--search .page-banner__content {
  max-width: none;
}

.page-banner--nav .wrapper {
  max-width: 40rem;
  width: 100%;
  float: right;
  background: rgba(54, 53, 52, 0.65);
}
.page-banner--nav .page-banner__content {
  max-width: 27rem;
  margin: auto;
}
.page-banner--nav .page-banner__content h1 {
  padding-bottom: 2rem;
}
.page-banner--nav .page-banner__content .cta {
  display: block;
  font-size: 1.6rem;
}
.page-banner--nav .page-banner__content .cta ~ .cta {
  margin-top: 1.5rem;
}
.page-banner--nav div.vertical-centre,
.page-banner--nav table.vertical-centre {
  height: 34rem;
}

.page-banner--img .right {
  padding: 9rem 0;
}
.page-banner--img .right .content {
  background-color: #ffffff;
}
.page-banner--img .right .content h2 {
  color: #827127;
  font-size: 3rem;
  line-height: 3.4rem;
}
.page-banner--img .item .right .content h2 {
    font-size: 2.4rem;
    padding-bottom: 5px;
    line-height: normal;
    color: #000;
    letter-spacing: -0.1rem;
}
.page-banner--img .right .content button {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  min-width: 210px;
}
.page-banner #float1 #float2 {
    background: #827127;
}
.page-banner #float1 #float2 a{
    color: #fff;
}
.page-editor .page-banner--img {
  background: #faf9f5;
  position: relative;
  min-height: 30rem;
}
.page-editor .page-banner--img .wrapper,
.page-editor .page-banner--img .wrapper > .padded-sides,
.page-editor .page-banner--img .wrapper > .padded-sides > [class^="holder-"],
.page-editor .page-banner--img .wrapper .item {
  min-height: 0;
}
.page-editor .page-banner--img .wrapper {
  position: static;
  min-height: 0;
}
.page-editor .page-banner--img .wrapper .right {
  position: absolute;
  display: block;
  top: 50%;
  right: 20rem;
  width: 33rem;
  padding: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 760px) {
  .page-banner--nav .wrapper {
    max-width: none;
  }
}

@media screen and (max-width: 700px) {
  .page-banner__content p {
    font-size: 1.6rem;
    line-height: 2rem;
  }

  .page-banner.ppc-banner .img-adjust-img {
    position: static;
    max-width: 100%;
    width: auto;
    height: auto;
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .page-banner.ppc-banner .wrapper,
  .page-banner.ppc-banner .wrapper > .padded-sides {
    min-height: 0;
  }
  .page-banner.ppc-banner div.vertical-centre,
  .page-banner.ppc-banner table.vertical-centre {
    height: auto;
  }
  .page-banner.ppc-banner .page-banner__content {
    padding: 2.5rem 0;
  }
  .page-banner.ppc-banner h1 {
    font-size: 3.6rem;
    line-height: 3.6rem;
    margin-bottom: 0.6rem;
  }
  .page-banner.ppc-banner h4.small {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }

  .page-banner--telco .cta {
    padding: 0.7rem 1.5rem;
    margin: 2rem 1.5rem 0rem 1.5rem;
    display: block;
  }
  .page-banner--telco .cta img {
    margin-left: 1.2rem;
  }
  .page-banner--telco .cta.inverse {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }

  .page-banner--img img.img-adjust-img {
    position: static;
    margin: 0 !important;
  }
  .page-banner--img .wrapper,
  .page-banner--img .wrapper > .padded-sides,
  .page-banner--img .wrapper > .padded-sides > [class^="holder-"],
  .page-banner--img .wrapper .item {
    min-height: 0;
  }
  .page-banner--img .wrapper .right {
    padding: 0;
  }
  .page-banner--img .wrapper .right .content {
    padding: 3rem 0;
  }
}

.title ~ .page-link-panels {
  padding-top: 4rem;
}
.page-link-panels .item {
  width: 31.24%;
  margin-left: 3.14%;
  float: left;
  margin-top: 4.5rem;
}
.page-link-panels .item:first-child,
.page-link-panels .item:first-child + .item,
.page-link-panels .item:first-child + .item + .item {
  margin-top: 0;
}
.page-link-panels .item.first {
  margin-left: 0;
  clear: both;
}

.page-link-panels .item.orange .img-wrapper {
  background: #e05206;
}
.page-link-panels .item.gold .img-wrapper {
  background: #827127;
}
.page-link-panels .item.dark .img-wrapper {
  background: #000000;
}
.page-link-panels .item.aqua .img-wrapper {
  background: #00c7b2;
}

a.youtube-link {
  position: relative;
  z-index: 1;
  display: block;
}
a.youtube-link img.play-icon,
.page-link-panels .item .img-holder > a.youtube-link img.play-icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 8rem;
  height: 8rem;
  margin: -4rem 0 0 -4rem;
}

.page-link-panels .item .img-holder {
  height: 0;
  padding-bottom: 56.1%;
  position: relative;
  z-index: 1;
}
.page-link-panels .item .img-holder > img,
.page-link-panels .item .img-holder > div,
.page-link-panels .item .img-holder > a.youtube-link > .img-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-link-panels .item .img-holder > .img-wrapper {
  z-index: 1;
  background: #fff;
}
.page-link-panels .item .img-holder > .colour-overlay {
  z-index: 2;
  background: #ffffff;
  opacity: 0;
}
.page-link-panels .item .img-holder > .text-holder {
  z-index: 3;
}
.page-link-panels .item .content {
  padding-top: 1rem;
}
.page-link-panels .item a {
  display: block;
  overflow: hidden;
  color: #ffffff;
  text-decoration: none;
}
.page-link-panels .item a .img-wrapper,
a.youtube-link .img-wrapper {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
a.youtube-link .img-wrapper img {
  display: block;
  width: 100%;
}

.page-link-panels .item a .text-holder {
  position: absolute;
  left: 0;
  height: auto;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.page-link-panels .item a .text-holder h4 {
  padding: 1rem 2rem;
  text-align: center;
  letter-spacing: 0.1rem;
  color: #000000;
  -webkit-filter: invert(1) contrast(1);
          filter: invert(1) contrast(1);
  font-family: 'Roboto';
}

/* Change to fix MPP-02*/
    .page-link-panels .item a .text-holder div.h4 {
        padding: 1rem 2rem;
        text-align: center;
        letter-spacing: 0.1rem;
        color: #000000;
        -webkit-filter: invert(1) contrast(1);
        filter: invert(1) contrast(1);
        font-family: 'Roboto';
        font-size: x-large
    }
        .page-link-panels .item a .text-holder div.h4 span.icon-caret-right {
            padding-left: 1rem;
        }

/* ************** */
.page-link-panels .item a .text-holder h4 [class^="icon-"] {
    padding-left: 1rem;
}
.page-link-panels .item a:hover .img-wrapper,
a.youtube-link:hover .img-wrapper {
  opacity: 0.8;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.page-link-panels.img-panels .img-holder,
.page-link-panels.contact-panels-large .img-holder {
  padding-bottom: 0;
  height: auto;
}
.page-link-panels.img-panels .img-holder img,
.page-link-panels.contact-panels-large .img-holder img,
.page-link-panels .item .img-holder > a.youtube-link > .img-wrapper img {
  position: static;
  display: block;
  height: auto;
}

.page-link-panels.contact-panels-large .items {
  margin-bottom: 2rem;
}
.page-link-panels.contact-panels-large .content {
  background: #f9f9f9;
  padding: 0 3rem;
}
.page-link-panels.contact-panels-large .content .details {
  background: #ffffff;
  padding: 3rem 1.5rem;
  margin-bottom: 3rem;
}
.page-link-panels.contact-panels-large .content .details div {
  word-wrap: break-word;
}
.page-link-panels.contact-panels-large .content .details .info {
  padding-top: 2rem;
}
.page-link-panels.contact-panels-large .content .details .info ul {
  list-style: disc;
  margin-left: 1.8rem;
}
.page-link-panels.contact-panels-large .item h2:focus {
  -webkit-text-decoration: underline solid #827127;
          text-decoration: underline solid #827127;
  outline: none;
}
.page-link-panels .item .details a {
  color: #827127;
  text-decoration: underline;
}
.page-link-panels + .page-link-panels {
  padding-top: 0;
  margin-top: 0;
}
.page-link-panels + .page-link-panels .holder-1030 > .padded-sides {
  border-top: 1px solid #e3e4e3;
  padding-top: 5rem;
  margin-top: 5.5rem;
}

.page-editor .page-link-panels .item a {
  display: block;
  color: #000000;
  text-align: center;
}
.page-editor .page-link-panels .item a [class^="icon-"] {
  padding-left: 1rem;
}
.empty-image-holder {
  height: 3rem;
  background: #f9f9f9;
}

@media screen and (max-width: 865px) {
  .title ~ .page-link-panels {
    padding-top: 2rem;
  }
  .page-link-panels .padded-sides {
    margin-left: 1.7rem;
    margin-right: 1.7rem;
  }
  .page-link-panels .item:first-child,
  .page-link-panels .item:first-child + .item {
    margin-top: 2rem;
  }
  .page-link-panels .item:first-child + .item + .item {
    margin-top: 4.5rem;
  }
  .page-link-panels .item,
  .page-link-panels .item.first {
    width: 46%;
    margin-left: 8%;
    clear: none;
  }
  .page-link-panels .item:nth-child(2n-1) {
    margin-left: 0;
    clear: both;
  }
  .empty-image-holder {
    height: 0;
    background: none;
  }
}

@media screen and (max-width: 600px) {
  .page-link-panels .title ~ .page-link-panels,
  .member-landing .page-link-panels {
    padding-top: 2rem;
  }
  .page-link-panels .item:first-child {
    padding-top: 0;
  }
  .page-link-panels .item,
  .page-link-panels .item:first-child + .item,
  .page-link-panels .item:first-child + .item + .item {
    margin-top: 1.5rem;
  }
  .page-link-panels .item,
  .page-link-panels .item.first,
  .page-link-panels .item:nth-child(2n-1) {
    width: 100%;
    margin-left: 0;
    clear: both;
  }
  .page-link-panels .item .content {
    display: none;
  }

  .page-link-panels.contact-panels-large .content {
    display: block;
    padding: 0;
    background: transparent;
  }
  .page-link-panels.contact-panels-large .content .details {
    padding-left: 0;
    padding-right: 0;
  }

  .page-link-panels + .page-link-panels .holder-1030 > .padded-sides {
    padding-top: 3rem;
    margin-top: 2rem;
  }
}

.pagination {
  padding: 2.5rem 0 4rem;
  margin-top: 1.3rem;
  border-top: 1px solid #dfe0e0;
}
.pagination ul {
  float: right;
}
.pagination ul li {
  float: left;
  padding: 0 0.5rem;
  color: #000000;
}
.pagination ul li a [class^="icon-"],
.pagination ul li button [class^="icon-"] {
  color: #000000;
}
.pagination ul li.ellipsis {
  font-size: 2.8rem;
  letter-spacing: 0.18rem;
  line-height: 4.1rem;
  text-indent: 3px;
  text-align: center;
}
.pagination ul li a,
.pagination ul li button {
  color: #000000;
  font-size: 1.4rem;
  line-height: 2.9rem;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.pagination ul li a:hover,
.pagination ul li button:hover,
.pagination ul li.page a:hover,
.pagination ul li.page button:hover {
        color: #747674;
        border-color: #a2a4a3;
    }

.pagination ul li a:visited,
.pagination ul li button:visited,
.pagination ul li.page a:visited,
.pagination ul li.page button:visited,
.pagination ul li a:visited [class^="icon-"],
.pagination ul li button:visited [class^="icon-"] {
  color: #000;
  border-color: #000;
}

.pagination ul li.page a,
.pagination ul li.page button {
  display: block;
  text-align: center;
  border: 1px solid #000000;
  width: 2.8rem;
  height: 2.9rem;
  text-decoration: none;
}
.pagination ul li.current,
.pagination ul li.current a,
.pagination ul li.current button,
.pagination ul li.current a:hover,
.pagination ul li.current button:hover {
  border-color: transparent;
  color: #ffffff;
  cursor: default;
}
.pagination ul li.current a,
.pagination ul li.current button {
  background: #000000;
}
.pagination ul li.last {
  padding-right: 0;
}
.pagination ul li a .icon-caret-left,
.pagination ul li button .icon-caret-left {
  padding-right: 0.6rem;
}
.pagination ul li a .icon-caret-right,
.pagination ul li button .icon-caret-right {
  padding: 0 0 0 0.6rem;
}

@media screen and (max-width: 480px) {
  .pagination ul {
    float: none;
    text-align: center;
  }
  .pagination ul li {
    float: none;
    display: inline-block;
    padding: 0 0.3rem;
  }
  .pagination ul li.current {
    padding: 0;
  }
  .pagination ul li.prev,
  .pagination ul li.next {
    display: none;
  }
}

.password-criteria {
    position: absolute;
    left: 108.3%;
    top: 0;
    max-width: 460px;
    width: 100%;
    padding: 12px 23px 11px;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

    .password-criteria p {
        padding-bottom: 11px;
    }

    .password-criteria > div {
        position: relative;
        min-height: 28px;
        font-size: 1.4rem;
        line-height: 2.8rem;
        color: #5c5c5c;
        padding-left: 35px;
        margin-bottom: 10px;
    }
        /* Changes for MPP106 */
        .password-criteria > div:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            min-height: 28px;
            visibility: hidden;
            background-image: url("/Assets/PriorityPass/images/icons/forms/validation-tick-passed.svg");
            background-repeat: no-repeat;
            background-position: left center;
        }

        .password-criteria > div:not(.valid) {
            background-image: url("/Assets/PriorityPass/images/icons/forms/validation-tick-placeholder.svg");
            background-repeat: no-repeat;
            background-position: left center;
        }

        .password-criteria > div.valid {
            color: #000000;
            background-image: none;
        }

            .password-criteria > div.valid:after {
                visibility: visible;
            }

        .password-criteria > div > img {
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            height: 23px;
            width: auto;
        }

            .password-criteria > div > img.validation-tick-placeholder {
                display: block;
            }

            .password-criteria > div > img.validation-tick-success {
                display: none;
            }

        .password-criteria > div.valid > img.validation-tick-placeholder {
            display: none;
        }

        .password-criteria > div.valid > img.validation-tick-success {
            display: block;
        }
/*************/
.edit-account-details .password-criteria,
#verify-new-password .password-criteria {
    position: relative;
    left: 0;
    max-width: none;
    margin-top: 24px;
    margin-bottom: 7px;
}

@media screen and (max-width: 600px) {
    .password-criteria {
        position: relative;
        left: 0;
        max-width: none;
        margin-top: 18px;
        margin-bottom: 14px;
        float: left;
    }

    .edit-account-details .password-criteria {
        margin-bottom: 0;
        float: none;
    }
}

.primary-nav {
  position: relative;
}

.primary-nav .wrapper {
  text-align: center;
}

.primary-nav__list {
  padding: 19px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.primary-nav__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  text-align: left;
  padding: 0 40px;
  position: relative;
}
.primary-nav__item .icon {
  display: inline;
  color: #827127;
  text-transform: uppercase;
  font-size: 1.4rem;
  line-height: 3rem;
  letter-spacing: 0.1rem;
}

.primary-nav__link,
.primary-nav__link:visited,
.primary-nav__link:hover {
  font-family: 'Roboto', "Arial", sans-serif;
  display: inline-block;
  padding: 0;
  color: #000000;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.04rem;
  -webkit-transition: background 0.3s ease-in, color 0.3s ease-in;
  -o-transition: background 0.3s ease-in, color 0.3s ease-in;
  transition: background 0.3s ease-in, color 0.3s ease-in;
  text-decoration: none;
}
.primary-nav__link:focus {
  font-weight: bold;
  border: none;
}

.primary-nav .icon-caret-down {
  position: absolute;
  top: 6px;
  right: -2px;
  width: 12px;
  height: 12px;
  background: url("/Assets/PriorityPass/images/icons/down-arrow.svg") no-repeat
    center center;
  border: none;
}
.primary-nav .icon-caret-down:before {
  display: none;
}

.primary-nav .subnav {
  display: none;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  background: #e3e4e3;
  -webkit-box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.2);
}
.primary-nav .subnav .inner {
  max-width: 97rem;
  margin: auto;
  padding: 2.3rem 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.primary-nav .subnav ul {
  float: left;
  width: 17.5%;
  padding: 0 1.2%;
}
.primary-nav .subnav ul li {
  display: block;
  text-align: left;
}
.primary-nav .subnav ul li a {
  padding: 0;
  text-transform: none;
  color: #000000;
  font-size: 1.6rem;
  line-height: 3rem;
  letter-spacing: 0;
}

.primary-nav .subnav.show .inner {
  opacity: 1;
}

@media screen and (max-width: 1360px) {
  .primary-nav .padded-sides {
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media screen and (max-width: 1030px) {
  .primary-nav .padded-sides {
    margin-left: 35px;
    margin-right: 35px;
  }
}

@media screen and (max-width: 1000px) {
  .primary-nav {
    padding: 0;
  }

  .primary-nav .padded-sides {
    margin: 0;
  }

  .primary-nav__list,
  .primary-nav__item {
    display: block;
    width: 100%;
  }

  .primary-nav .subnav {
    position: static;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .primary-nav .subnav .inner {
    padding-top: 1.3rem;
  }
  .primary-nav .subnav ul {
    float: left;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  .primary-nav .subnav ul li {
    text-align: center;
  }
  .primary-nav .subnav ul li a {
    display: block;
    padding: 0 1.5rem;
  }

  .primary-nav__list {
    padding: 0 0 9px;
  }

  .primary-nav__item {
    float: none;
    padding-left: 65px;
    padding-right: 0;
    margin-bottom: 11px;
  }
  .primary-nav__item:first-child {
    margin-top: 18px;
  }

  .primary-nav__link,
  .primary-nav__link:visited {
    font-family: 'Roboto';
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 0.04rem;
    color: #000000;
    text-transform: none;
  }

  .primary-nav .icon-caret-down {
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .primary-nav--subnav-open .icon-caret-down {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

@media screen and (max-width: 760px) {
  .primary-nav .padded-sides {
    margin: 0;
  }

  .primary-nav__item {
    padding-left: 45px;
  }
}

.read-more .content {
  overflow: hidden;
}
.read-more.open .content {
  height: auto !important;
}
.read-more .trigger {
  margin-top: 2rem;
  padding: 0;
}
.read-more.inactive .trigger {
  display: none !important;
}
.read-more .trigger.less,
.read-more.open .trigger.more {
  display: none;
}
.read-more.open .trigger.less {
  display: inline-block;
}

.join-landing.enrolment-landing + .enrolment-form.register-form .submit a.cta {
  background: #00c7b2;
  border: 1px solid #00c7b2;
}
.join-landing.enrolment-landing
  + .enrolment-form.register-form
  .submit
  a.cta:hover,
.join-landing.enrolment-landing
  + .enrolment-form.register-form
  .submit
  a.cta:focus {
  background: transparent;
  color: #00c7b2;
}

.enrolment-form.register-form .gdpr-form-section .checkboxes-group.two-col {
  margin-bottom: 20px;
}
.enrolment-form.register-form .gdpr-form-section p {
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.register-form.enrolment-form .title {
  padding-top: 0;
}
.register-form.enrolment-form .title .padded-sides {
  padding-left: 0;
  min-height: 0;
}
.register-form.enrolment-form .title .number {
  top: 0;
  margin-top: 0;
}
.register-form.enrolment-form .title .number ~ h3 {
  padding-left: 7rem;
}
.register-form.enrolment-form .title ~ .title {
  padding-top: 25px;
}
.register-form.enrolment-form .section-wrapper {
  padding: 1rem 0;
}
.register-form.enrolment-form .section-holder,
.register-form.step-1.enrolment-form .row.error .err-msgs ~ .field-message {
  display: block;
}
.register-form.enrolment-form .wrapped-checkbox {
  margin-top: 0;
}
.register-form.enrolment-form
  .gdpr-form-field
  + .gdpr-form-field
  .wrapped-checkbox {
  margin-top: 58px;
}
.register-form.enrolment-form .wrapped-checkbox .error-border {
  border: 1px solid #828282;
}

.enrolment-form.register-form
  .gdpr-form-section
  .wrapped-checkbox
  .error-border {
  border: 1px solid #a2a4a3;
}
.enrolment-form.register-form
  .gdpr-form-section
  .wrapped-checkbox
  .error
  + .error-border {
  border: 1px solid #d82d2d;
}

.enrolment-form.register-form .gdpr-form-section + .form-actions {
  padding-top: 35px;
  padding-bottom: 20px;
}
.enrolment-form.register-form .gdpr-form-section .title p {
  padding: 0;
  font-size: 1.8rem;
  line-height: 2.7rem;
}
.enrolment-form.register-form
  .gdpr-form-section
  .wrapped-checkbox
  .row.form-field {
  margin-top: 9px;
}

@media screen and (max-width: 768px) {
  .join-landing.enrolment-landing
    + .register-form.enrolment-form
    .title
    ~ .title {
    padding-top: 31px;
  }
  #join-process .register-form.enrolment-form .form-actions .submit {
    float: none;
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
  .register-form .consumer-consent.gdpr-form-section.padded-sides {
    margin-left: 17px;
    margin-right: 17px;
    width: auto;
  }
  .register-form .gdpr-form-section .data-processing.wrapped-checkbox {
    margin-left: -26px;
    margin-right: -26px;
    padding: 13px 26px 41px;
  }

  .register-form.enrolment-form .title .number ~ h3 {
    line-height: 2.5rem;
    padding-top: 1.2rem;
  }
}

.modal--session-expiry .modal__content {
  letter-spacing: 0.08rem;
  width: 565px;
  max-width: 90%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  background: #ffffff;
  z-index: 1;
  position: relative;
  padding: 3.3rem 3rem;
  border-radius: 3px;
}
.modal--session-expiry .modal__title {
  font-size: 2.6rem;
  letter-spacing: 0.08rem;
  line-height: 3rem;
  width: 65%;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 3.5rem;
}
.modal--session-expiry .modal__body {
  text-align: center;
  padding-bottom: 0;
}
.modal--session-expiry .modal__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 4rem;
}
.modal--session-expiry .modal__cta {
  width: 14.5rem;
  padding: 0;
  margin: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body.page-editor .modal--session-expiry {
  position: relative;
  margin-bottom: 20px;
  display: block;
}
body.page-editor .modal--session-expiry .modal__content {
  left: 0;
  top: 0;
  width: 100%;
  padding: 33px 0;
}

@media screen and (max-width: 480px) {
  .modal--session-expiry .modal__title {
    width: 90%;
  }
  .modal--session-expiry .modal__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .modal--session-expiry .modal__cta {
    width: 80%;
    margin: 1.6rem auto 0;
  }
  .modal--session-expiry .modal__cta:first-child {
    margin-top: 0;
  }
}

.sign-in-form-v2 {
    padding: 10px 0 5rem;
}

.sign-in-form-v2 .form-section {
    border-top: none;
    padding-top: 0;
}

.sign-in-form-v2 .accordion {
    padding: 3.5rem 0 1.5rem;
}

.sign-in-form-v2 .accordion .section-wrapper {
    padding: 0 2rem 3rem;
    margin-bottom: 3rem;
}

.sign-in-form-v2 .accordion .group:first-child .section-wrapper {
    border-bottom: 1px solid #e3e4e3;
}

.sign-in-form-v2 .form-section-errors {
    font-size: 1.4rem;
}

.sign-in-form-v2 .details {
    font-size: 1.6rem;
}
.sign-in-form-v2 .details p {
    padding: 0 0 0.5rem 0;
}

.sign-in-form-v2 .holder-1030 {
    border-top: 1px solid #e3e4e3;
    border-bottom: 1px solid #e3e4e3;
}

.sign-in-form-v2 .holder-1030 ~ .holder-1030 {
    border-top: none;
    border-bottom: none;
    padding-top: 2.5rem;
    font-size: 1.8rem;
}

.sign-in-form-v2 .form-actions {
    padding-top: 36px;
    text-align: left;
    padding-bottom: 46px;
}

.sign-in-form-v2 .single .form-section {
    padding: 35px 0 15px;
}

.sign-in-form-v2 .accordion .form-section ~ .form-section .section-wrapper {
    padding-bottom: 0;
}

.sign-in-form-v2 .accordion .header h4 {
    position: relative;
    padding-left: 2rem;
}

.sign-in-form-v2 .accordion .header h4 [class^="icon-"] {
    position: absolute;
    top: 0.2rem;
    left: 0;
}
.sign-in-form-v2 .section-wrapper {
    padding: 0;
}
.sign-in-form-v2 .left-col {
    width: 100%;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto';
}
.sign-in-form-v2 .right-col .left {
    width: 90%;
}
.sign-in-form-v2 .right-col .left input, 
.sign-in-form-v2 .right-col .left span {
    height: 44px;
    border: 1px solid #a6afb9;
    font-size: 16px;
}
.sign-in-form-v2 .right.err-msgs.form-edit {
    width: 100%;
    padding-top: 15px;
}
.sign-in-form-v2 .submit .partial-submit.disable,
.sign-in-form-v2 .submit .partial-submit{
    width: 150px;
    height: 42px;
    font-size: 14px;
    background-color: #d6d6d6;
}
.sign-in-form-v2 .submit .partial-submit {
    background: #827127;
}
.new-login-heading {
    font-size: 36px;
    font-family: 'Roboto';
}
.new-login-fields {
    width: 50%;
    float: left;
    padding-bottom: 219px;
}
.trouble-logging {
    width: 48%;
    float: right;
    padding-top: 10px;
}
.trouble-logging-header {
    font-size: 24px;
    color: #000;
    font-family: 'Roboto';
    padding-bottom: 15px;
}
.trouble-logging-activate,
.trouble-logging-forget {
    color: #000;
    font-family: 'Roboto';
    font-size: 15px;
    padding-bottom: 10px;
}
.trouble-logging-activate a, 
.trouble-logging-forget a {
    text-decoration: underline;
}
.trouble-logging-activate a:hover, 
.trouble-logging-forget a:hover {
    text-decoration: underline;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .new-login-fields {
        width: 100%;
        padding-bottom: 0;
    }
    .sign-in-form-v2 .right-col .left {
        width: 100%;
    }
    .trouble-logging {
        width: 100%;
        padding-bottom: 140px;
    }
    .trouble-logging-header {
        padding-bottom: 30px;
    }
    .sign-in-form-v2 .form-actions {
        padding: 30px 0 26px;
    }
    .sign-in-form-v2 .form-field ~ .details {
        padding-bottom: 30px;
    }
    .sign-in-form-v2 .submit .partial-submit.disable, 
    .sign-in-form-v2 .submit .partial-submit {
        width: 100%;
    }
    .trouble-logging-activate, .trouble-logging-forget {
        font-size: 16px;
        line-height: 30px;
    }
}
.sign-in-form {
  margin: 2rem 0;
  padding: 0 0 5rem;
}
.sign-in-form .form-section {
  border-top: none;
  padding-top: 0;
}
.sign-in-form .accordion {
  padding: 3.5rem 0 1.5rem;
}
.sign-in-form .accordion .section-wrapper {
  padding: 0 2rem 3rem;
  margin-bottom: 3rem;
}
.sign-in-form .accordion .group:first-child .section-wrapper {
  border-bottom: 1px solid #e3e4e3;
}
.sign-in-form .form-section-errors {
  font-size: 1.4rem;
}
.sign-in-form .details {
  font-size: 1.6rem;
}
.sign-in-form .details p {
  padding: 0 0 0.5rem 0;
}
.sign-in-form .holder-1030 {
  border-top: 1px solid #e3e4e3;
  border-bottom: 1px solid #e3e4e3;
}
.sign-in-form .holder-1030 ~ .holder-1030 {
  border-top: none;
  border-bottom: none;
  padding-top: 2.5rem;
  font-size: 1.8rem;
}
.sign-in-form .form-actions {
  padding-top: 3rem;
}
.sign-in-form .form-field ~ .details {
  padding-top: 1.5rem;
}
.sign-in-form .single .form-section {
  padding: 35px 0 15px;
}
.sign-in-form .accordion .form-section ~ .form-section .section-wrapper {
  padding-bottom: 0;
}
.sign-in-form .accordion .header h4 {
  position: relative;
  padding-left: 2rem;
  padding-bottom: 0;
}
.sign-in-form .accordion .header h4 [class^="icon-"] {
  position: absolute;
  top: 0.2rem;
  left: 0;
}

/* Forgot details css */
.main-forgot-details {
    overflow: hidden;
    margin: 0;
    padding: 0 30px;
}
.forgot-details-heading {
    font-size: 36px;
    font-weight: normal;
    font-family: 'Roboto';
    line-height: 1.17;
    letter-spacing: normal;
    padding-bottom: 45px;
}
.main-forgot-details .left-col,
.main-forgot-details .right-col .left {
    width: 90%;
}
.main-forgot-details .form-field .label {
    padding-bottom: 10px;
}
.main-forgot-details .left-col label, 
.main-forgot-details .right-col .left label{
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: normal;
    cursor: auto;
}
.main-forgot-details .right-col .left input {
    width: 100%;
    padding: 10px 15px;
}
.main-forgot-details .right-col .right {
    float: left;
    width: 100%;
    text-align: left;
    padding-top: 15px;
}
.main-forgot-details .err-msgs div {
    margin-top: 10px;
}
.new-forgot-details {
    width: 50%;
    float: left;
}
.main-forgot-details .new-forgot-details h4 {
    padding-bottom: 0;
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33;
    letter-spacing: normal;
    padding-bottom: 16px;
}
.forgot-details-username .content .section-wrapper {
    padding-bottom: 50px;
}
#forgotDetailsUsername::-webkit-input-placeholder, 
#forgotDetailsEmail::-webkit-input-placeholder {
    font-size: 16px;
}
#forgotDetailsUsername::-moz-placeholder, 
#forgotDetailsEmail::-moz-placeholder {
    font-size: 16px;
}
#forgotDetailsUsername::-ms-input-placeholder, 
#forgotDetailsEmail::-ms-input-placeholder {
    font-size: 16px;
}
#forgotDetailsUsername::placeholder, 
#forgotDetailsEmail::placeholder {
    font-size: 16px;
}
.new-forgot-details .form-actions button {
    width: 60%;
    font-size: 14px;
}
.new-forgot-details .form-actions button.btn-width {
    width: 70%;
}
.main-forgot-details .trouble-logging {
    padding-top: 0;
}

@media screen and (max-width: 768px) {
    .main-forgot-details {
        padding: 0;
    }
    .new-forgot-details {
        width: 100%;
    }
    .main-forgot-details .new-forgot-details h4 {
        padding-bottom: 0;
    }
    .main-forgot-details .left-col,
    .main-forgot-details .right-col .left {
        width: 100%;
    }
    .new-forgot-details .form-actions button,
    .new-forgot-details .form-actions button.btn-width {
        width: 100%;
    }
    .forgot-details-email .section-wrapper, 
    .forgot-details-username .section-wrapper {
        padding: 0;
    }
    .forgot-details-email {
        padding-bottom: 50px;
    }
    .main-forgot-details .trouble-logging {
        padding-bottom: 20px;
    }
}
.site-footer {
  background: #ffffff;
  color: #000000;
  border-top: 1px solid #e4e4e4;
}

.site-footer__bottom {
  border-top: 1px solid #e3e4e3;
}

.site-footer__pp-logo {
  text-align: center;
  padding: 60px 0;
}
.site-footer__pp-logo a {
    display: inline-block;
}
.site-footer__pp-logo-link:focus {
  border-bottom: 2px solid #827127;
}
.site-footer__pp-logo-img {
  max-width: 143px;
}

.site-footer__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  color: #000000;
  max-width: 1290px;
  margin: auto;
}
.site-footer__links--middle {
  padding-bottom: 5rem;
}
.site-footer__links--bottom {
  padding: 2rem 0;
}

.site-footer__links-set {
  padding-right: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 26%;
  position: relative;
}
.site-footer__links-set:nth-child(4n) {
  width: 22%;
}
.site-footer__links-set .row-trigger,
.site-footer__links-set h2.site-footer__navigation-headline {
  pointer-events: none;
  font-weight: bold;
  text-transform: uppercase;
}
.site-footer__links-set .row-trigger,
.site-footer__links-set h2.site-footer__navigation-headline,
.site-footer__links a {
  display: inline-block;
  font-family: 'Roboto';
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
  line-height: 2.1rem;
  padding-bottom: 10px;
  color: #000000;
  text-decoration: none;
}
.site-footer__links a:visited {
  color: #000000;
}
.site-footer__links a:hover,
.site-footer__links a:focus,
.site-footer__links a:visited {
  font-weight: bold;
}
.site-footer__links-set.accordion > .group .header .row-trigger {
  display: none;
}
.site-footer__links-set.accordion
  > .group
  .header
  h3.site-footer__navigation-headline {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  cursor: pointer;
  outline: 0;
}

.site-footer__social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: unset;
      flex-wrap: unset;
}
.site-footer__social-list li {
  padding-left: 18px;
}
.site-footer__social-list li:first-child {
  padding-left: 0;
}
.site-footer__social-list li.site-footer__social-item {
  padding: 0;
}

.site-footer__social-item {
  position: relative;
  margin: 0 0 0 18px;
  width: 42px;
}
.site-footer__social-item:first-child {
  margin-left: 0;
}
.site-footer__social-item a img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 42px;
}
.site-footer__social-item a img + img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.site-footer__social-item a:focus img + img,
.site-footer__social-item a:visited img + img,
.site-footer__social-item a:hover img + img {
  opacity: 1;
}
.site-footer__social-text {
  font-family: 'Roboto';
  font-size: 1.4rem;
  font-style: italic;
  line-height: 2.1rem;
  color: #746632;
  letter-spacing: 0.05rem;
  padding-bottom: 9px;
}

.site-footer__cg-logo {
  width: 100%;
  max-width: 1290px;
  margin: 4px auto 34px;
}
.site-footer__cg-logo-img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}
.site-footer__cg-logo-text, .site-footer__copyright {
    display: inline-block;
    color: #000;
    vertical-align: middle;
    font-size: 1.2rem;
    line-height: 1.9rem;
    letter-spacing: 0.04rem;
    padding-bottom: 0;
}


.site-footer__middle > .wrapper > .padded-sides,
.site-footer__bottom > .wrapper > .padded-sides {
  margin-left: 0;
  margin-right: 0;
}

@media screen and (max-width: 1360px) {
  .site-footer__middle > .wrapper,
  .site-footer__bottom > .wrapper {
    max-width: none;
  }
  .site-footer__middle > .wrapper > .padded-sides,
  .site-footer__bottom > .wrapper > .padded-sides {
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media screen and (max-width: 1030px) {
  .site-footer__bottom > .wrapper > .padded-sides {
    margin-left: 35px;
    margin-right: 35px;
    width: auto;
  }
}

@media screen and (max-width: 1000px) {
  .site-footer__pp-logo {
    padding: 37px 0 0;
  }

  .site-footer__links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .site-footer__links--bottom {
    padding-top: 15px;
    padding-bottom: 11px;
  }
  .site-footer__links--bottom ul li {
    float: none;
    text-align: left;
    padding-right: 0;
    padding-bottom: 9px;
    width: 100%;
  }
  .site-footer__links--bottom ul li:nth-child(4n) {
    width: 100%;
  }

  .site-footer__middle .padded-sides,
  .site-footer__middle > .wrapper > .padded-sides {
    margin-left: 0;
    margin-right: 0;
  }
  .site-footer__links--middle {
    position: relative;
    padding-top: 33px;
    padding-bottom: 0;
    max-width: none;
  }

  .site-footer__links-set,
  .site-footer__links-set:nth-child(4n) {
    width: 100%;
  }
  .site-footer__links--middle .site-footer__links-set {
    padding-top: 15px;
    padding-right: 50px;
    border-top: 1px solid rgba(169, 169, 169, 0.2);
  }
  .site-footer__links-set .group {
    padding-left: 35px;
  }
  .site-footer__links-set .group .header button:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: url("/assets/PriorityPass/images/icons/accordion-arrow.png");
    position: absolute;
    right: 37px;
    top: 16px;
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  .site-footer__links-set .group .header button.active:after {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
  }
  .site-footer__links-set .row-trigger {
    pointer-events: all;
  }

  .site-footer__links-set.accordion > .group .header .row-trigger {
    display: block;
  }
  .site-footer__links-set.accordion
    > .group
    .header
    .row-trigger:focus-visible {
    outline-style: auto;
    outline-color: rgb(0, 95, 204);
    outline-width: 1px;
  }
  .site-footer__links-set.accordion
    > .group
    .header
    h3.site-footer__navigation-headline {
    display: none;
  }

  .site-footer__social {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 100%;
    text-align: center;
  }
  .site-footer__social-text {
    display: none;
  }
  .site-footer__social-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 10px;
  }

  .site-footer__cg-logo {
    width: unset;
    max-width: none;
    margin: 4px auto 7px auto;
  }
  .site-footer__cg-logo-text {
    display: block;
    padding-bottom: 5px;
  }
  .site-footer__cg-logo-text,
  .site-footer__copyright {
    font-size: 1.1rem;
  }
  .site-footer__cg-logo-img {
    max-width: 114px;
    margin-left: 0;
  }
  .site-footer__links-set h2.site-footer__navigation-headline {
      display: none;
  }
}

@media screen and (max-width: 760px) {
  .site-footer__middle .padded-sides,
  .site-footer__middle > .wrapper > .padded-sides {
    margin-left: 0;
    margin-right: 0;
  }
  .site-footer__bottom > .wrapper > .padded-sides {
    margin-left: 15px;
    margin-right: 15px;
  }

  .site-footer__links--middle .site-footer__links-set {
    padding-right: 30px;
  }

  .site-footer__links-set .group {
    padding-left: 15px;
  }
  .site-footer__links-set .group .header button:after {
    right: 17px;
  }

  .site-footer__links--bottom {
    padding-bottom: 15px;
  }
  .site-footer__links-set h2.site-footer__navigation-headline {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .site-footer__bottom > .wrapper > .padded-sides {
    margin-left: 17px;
    margin-right: 17px;
    width: auto;
  }

  .site-footer__pp-logo {
    padding: 30px 0 0;
  }
  .site-footer__links-set h2.site-footer__navigation-headline {
    display: none;
  }
}

@media print {
  .site-footer {
    display: none;
  }
}

.site-header {
  width: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 9px -4px #a9a9a9;
          box-shadow: 0 1px 9px -4px #a9a9a9;
}
.site-header--fixed {
  position: fixed;
}
.site-header__spacer {
  display:none;
}
.site-header__spacer.site-header__spacer--fixed{
    display: block;
    width: 100%;
    min-height: 100px;
    max-height: 150px;
}
.site-header--transition {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.site-header--transition img {
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

.site-header__upper {
  padding: 14px 0;
  border-bottom: 1px solid #eeeeee;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.site-header__lower {
  position: relative;
  opacity: 1;
}

.site-header__upper .padded-sides,
.site-header__lower .padded-sides {
  margin-left: 0;
  margin-right: 0;
}

.site-header__upper-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.site-header__left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.site-header__right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.site-header__left-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/*.site-header__right-inner { display: flex; }*/

.site-header__logo {
  width: auto;
  position: static;
  display: block;
  height: 60px;
  max-width: none;
  margin: 0 auto;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.site-header__menu-opener {
  display: none;
}

.site-header__links-list {
  font-family: 'Roboto';
  font-size: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-top: 30px;
}
.site-header__links-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  margin-left: 30px;
  line-height: 2.2rem;
  letter-spacing: 0.04rem;
  position: relative;
  z-index: 3;
  font-size: 1.2rem;
}
.site-header__links-item:first-child {
  margin-left: 0;
}

.site-header__links-item form {
  border: none;
  padding-left: 0;
}
.site-header__links-item.site-header__links-item--account {
  position: absolute;
  right: 20px;
  top: 5px;
  margin: 0;
}
.site-header__links-item.site-header__links-item--account a {
  text-transform: uppercase;
  color: #827127;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.site-header__link {
  text-decoration: none;
}
.site-header__link,
.site-header__link:visited,
.site-header__button {
  white-space: nowrap;
  color: #000;
  display: block;
  height: 100%;
  position: relative;
  padding: 0;
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 2.2rem;
  letter-spacing: 0.04rem;
}
.ie11 .site-header__button,
.edge .site-header__button {
  height: 40px;
}
.site-header__link:hover,
.site-header__link:focus,
.site-header__button:hover,
.site-header__button:focus,
.site-header__search-panel-close:hover,
.site-header__search-panel-close:focus {
  font-weight: bold;
  color: #827127;
}

.site-header__link {
  height: auto;
  margin-left: 45px;
}
.site-header__link:first-child {
  margin-left: 0;
}

.site-header__link--account {
  white-space: normal;
  color: #827127;
  cursor: pointer;
  margin-right: 35px;
  padding-right: 17px;
  vertical-align: top;
  position: relative;
  text-align: right;
}
.site-header__link--account::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 3px;
  width: 5px;
  height: 9px;
  margin: -4.5px 0 0;
  background: url("/Assets/PriorityPass/images/icons/right-arrow.svg") no-repeat
    center center;
  background-size: cover;
}

.site-header__button--sign-out,
.site-header__button--sign-out:hover {
  background: none;
  padding: 0;
  text-decoration: none;
  border: none;
  outline: none;
  color: #827127;
}

.site-header__button--accessibility .icon-accessibility {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  padding-right: 3px;
  position: relative;
  top: -2px;
}
.site-header__button--accessibility .icon-accessibility::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url("/Assets/PriorityPass/images/icons/accessibility.svg")
    no-repeat center center;
}

.site-header__button--search {
  margin-top: 3px;
}
.site-header__button--search .icon-search {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  padding-right: 6px;
}
.site-header__button--search .icon-search::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url("/Assets/PriorityPass/images/icons/search-icon.svg") no-repeat
    center center;
}
.site-header__button--search,
.site-header__button--search:hover,
.site-header__button--search:focus,
.site-header__button--language,
.site-header__button--language:hover,
.site-header__button--language:focus {
  text-transform: capitalize;
  color: #000000;
}
.site-header__button--language .lang-dropdown-caret {
  vertical-align: middle;
  display: inline-block;
  margin-left: 3px;
  width: 12px;
  height: 12px;
  background: url("/Assets/PriorityPass/images/icons/down-arrow.svg") no-repeat
    center center;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.site-header__button--language.site-header__button--active
  .lang-dropdown-caret {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.site-header__panel {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.site-header__panel--active {
  opacity: 1;
}

.site-header__panel--language.site-header__panel--active {
  display: block;
}
.site-header__panel--language .padded-sides {
  position: relative;
}
.site-header__language-panel {
  overflow: hidden;
  -webkit-box-shadow: 0 2px 6px 0 #cccccc;
          box-shadow: 0 2px 6px 0 #cccccc;
  border-radius: 10px;
  background: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.site-header__panel--active .site-header__language-panel {
  display: block;
  position: absolute;
  z-index: 3;
  right: 0;
  min-width: 320px;
  top: -17px;
}
.site-header__language-inner {
  padding: 19px 0;
}
.site-header__language-item {
  line-height: 3rem;
  padding: 0 19px 0 24px;
}
.site-header__language-item:hover {
  background-color: #f8f8f8;
}
.site-header__language-item.ru {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

.site-header__language-link,
.site-header__language-link:hover,
.site-header__language-link:visited {
  display: block;
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-transform: capitalize;
  font-size: 1.6rem;
  letter-spacing: 0.04rem;
}
.site-header__language-item--selected .site-header__language-link {
  font-weight: bold;
}

.site-header__panel--search.site-header__panel--active {
  border-bottom: 1px solid #eeeeee;
}
.site-header__panel--search .padded-sides {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.site-header__search-bar {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.site-header__search-panel-close {
  height: 70px;
  color: #827127;
  text-transform: uppercase;
  cursor: pointer;
  padding-left: 10px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  z-index: 1;
}
.site-header__search-panel-close .icon {
  padding-left: 11px;
}
.site-header__search-panel-submit {
  display: none;
}
.site-header__panel--search .icon.close {
  display: none;
}
.site-header__panel--search input[type="text"] {
  height: 70px;
  font-size: 1.6rem;
  font-style: normal;
  line-height: 2.2rem;
  letter-spacing: 0.06rem;
  padding-left: 30px;
  color: #363534;
  border: 0;
}
    .site-header__panel--search input[type="text"]::-webkit-input-placeholder {
        font-style: italic;
        color: #757575;
    }
    .site-header__panel--search input[type="text"]:-moz-placeholder {
        font-style: italic;
        color: #757575;
    }
    .site-header__panel--search input[type="text"]::-moz-placeholder {
        font-style: italic;
        color: #757575;
    }
    .site-header__panel--search input[type="text"]:-ms-input-placeholder {
        font-style: italic;
        color: #757575;
    }
.site-header__panel--search .icon-search {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 24px;
}

.site-header__home-link--disabled,
.site-header__home-link--disabled:focus {
  cursor: default;
  text-decoration: none;
}

.site-header__mobile-language-selector {
  display: none;
}

@media screen and (max-width: 1360px) {
  .site-header .wrapper {
    max-width: none;
  }
  .site-header__upper .padded-sides {
    margin-left: 30px;
    margin-right: 30px;
  }
  .site-header__panel--search.site-header__panel--active .padded-sides {
    padding-left: 30px;
    padding-right: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

@media screen and (max-width: 1030px) {
  .site-header__upper .padded-sides {
    margin-left: 35px;
    margin-right: 35px;
  }

  .site-header__panel--search.site-header__panel--active .padded-sides {
    padding-left: 35px;
    padding-right: 35px;
  }
}

@media screen and (max-width: 1000px) {
  .site-header__spacer.site-header__spacer--fixed{
    max-height: 120px;
  }
  .site-header__upper {
    padding: 10px 0;
  }
  .site-header__lower {
    display: none;
    height: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 60px);
    border: none;
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
  .site-header--mobile-nav-open .site-header__lower {
    display: block;
  }
  .site-header__links-item.site-header__links-item--account {
    right: auto;
    top: 0;
  }
  .site-header__upper-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .site-header__left {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .site-header__left-inner {
    position: relative;
    padding-top: 11px;
    margin: 10px 0 0;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .site-header__left-inner::before {
    content: "";
    display: block;
    width: 100vw;
    height: 1px;
    background: #eeeeee;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .site-header__centre {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .site-header__right {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .site-header__menu-opener {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    visibility: hidden;
  }
  .site-header__menu-opener--show {
    visibility: visible;
  }
  .site-header__menu-opener-button {
    margin-left: auto;
  }
  .site-header__panel--accessibility .site-header__button {
    padding: 23px 30px 23px 20px;
    width: 100%;
    text-align: left;
    border-top: 1px solid #eee;
    color: #000;
    font-weight: 500;
  }
  .site-header__button--accessibility .icon-accessibility::before {
    background: url(/Assets/PriorityPass/images/icons/accessibility-mobile.svg)
      no-repeat center center;
    background-size: 70%;
    left: -7px;
    position: absolute;
  }
  .site-header--mobile-nav-open .site-header__left {
    display: none;
  }
  .site-header__logo {
    display: block;
    position: static;
    width: auto;
    max-width: none;
    margin: 0 auto;
    height: 36px;
    cursor: pointer;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  .site-header__menu-opener-button {
    height: 28px;
    width: 25px;
    top: 9px;
    right: 0;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    cursor: pointer;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    outline: 0;
    padding: 0;
  }
  .site-header__menu-opener-line {
    width: 100%;
    padding: 0.4rem 0;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.5rem;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  .site-header__menu-opener-line--top {
    top: 0;
    margin-top: 0;
  }
  .site-header__menu-opener-line--bottom {
    top: auto;
    bottom: 0;
    margin-top: 0;
  }
  .site-header__menu-opener-line:after {
    content: "";
    position: relative;
    z-index: 2;
    display: block;
    background: #827127;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    outline: 0;
    height: 2px;
  }
  .site-header--mobile-nav-open .site-header__menu-opener-button {
    right: -4px;
  }
  .site-header--mobile-nav-open .site-header__menu-opener-line--top {
    -webkit-transform: rotate(45deg) translate3d(0.65rem, 0.65rem, 0);
            transform: rotate(45deg) translate3d(0.65rem, 0.65rem, 0);
  }
  .site-header--mobile-nav-open .site-header__menu-opener-line--middle {
    opacity: 0;
  }
  .site-header--mobile-nav-open .site-header__menu-opener-line--bottom {
    -webkit-transform: rotate(-45deg) translate3d(0.65rem, -0.65rem, 0);
            transform: rotate(-45deg) translate3d(0.65rem, -0.65rem, 0);
  }

  .site-header__links-item,
  .site-header__link {
    display: none;
  }
  .site-header__links-item:first-child {
    margin-left: -5px;
  }
  .site-header__links-item--account {
    display: block;
    margin: 0 0 0 -5px;
    width: 3.6rem;
    height: 3.6rem;
    cursor: pointer;
    background: url("/Assets/PriorityPass/images/icons/mobile/user.svg")
      no-repeat center center;
    background-size: 26px;
  }
  .site-header__link--account,
  .site-header__link--sign-in {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
  }
  .site-header__link--account:after {
    display: none;
  }

  .site-header__links-item form {
    display: none;
  }

  .site-header__panel {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    border-bottom: 1px solid #eeeeee;
    opacity: 1;
    display: block;
  }

  .site-header__search-bar {
    overflow: hidden;
    text-align: center;
    padding: 15px 35px 15px 65px;
    position: relative;
  }
  .site-header__search-bar .clearable {
    width: 100%;
  }
  .site-header__search-bar .icon.close {
    display: block;
    right: -5px;
    text-indent: -9999px;
    padding: 0;
    width: 2rem;
    line-height: 3.8rem;
    cursor: pointer;
    background: url("/Assets/PriorityPass/images/icons/mobile/small-cross.svg")
      no-repeat center center;
  }
  .site-header__search-bar .icon-search {
    position: absolute;
    top: -12px;
    left: -39px;
    right: auto;
    display: block;
    width: 3.6rem;
    line-height: 3.6rem;
    cursor: pointer;
    color: #847128;
  }
  .site-header__search-bar input[type="text"] {
    font-size: 1.6rem;
    letter-spacing: 0.06rem;
    line-height: 1.6rem;
    height: 3.6rem;
    background: #ffffff;
    padding-left: 0;
    padding-right: 0;
    color: #000000;
  }
  .site-header__search-bar input::-webkit-input-placeholder {
    color: #827127;
  }
  .site-header__search-bar input:-moz-placeholder {
    color: #827127;
  }
  .site-header__search-bar input::-moz-placeholder {
    color: #827127;
  }
  .site-header__search-bar input:-ms-input-placeholder {
    color: #827127;
  }

  .site-header__search-panel-close {
    display: none;
  }

  .site-header__mobile-language-selector {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    padding: 23px 60px 23px 64px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 0.04rem;
    text-transform: none;
    color: #000000;
  }
  .site-header__mobile-language-selector--active {
    border-bottom: 0;
  }
  .site-header__mobile-language-selector:focus {
    outline: 0;
  }
  .site-header__mobile-language-selector:after {
    content: "";
    position: absolute;
    left: 32px;
    top: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    margin: auto;
    background: url("/Assets/PriorityPass/images/icons/mobile/flag.svg")
      no-repeat center center;
  }
  .site-header__mobile-language-selector .lang-dropdown-caret {
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    background: url("/Assets/PriorityPass/images/icons/down-arrow.svg")
      no-repeat center center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    margin-top: -6px;
    top: 50%;
    right: 33px;
  }
  .site-header__mobile-language-selector--active .lang-dropdown-caret {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .site-header__language-panel,
  .site-header__panel--active .site-header__language-panel {
    display: none;
    position: static;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    margin-top: -11px;
  }

  .site-header__language-inner {
    padding-top: 0;
  }
  .site-header__language-item {
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .site-header__language-link {
    text-align: left;
    padding: 3px 35px 3px 64px;
    line-height: 2.4rem;
  }
  .site-header__language-link:hover,
  .site-header__language-link:focus {
    height: auto;
    font-weight: normal;
  }
}

@media screen and (max-width: 760px) {
  .site-header__upper .padded-sides {
    margin-left: 15px;
    margin-right: 15px;
  }

  .site-header__search-bar {
    padding-left: 45px;
    padding-right: 15px;
  }

  .site-header__mobile-language-selector {
    padding-left: 50px;
    padding-right: 40px;
    font-family: 'Roboto';
  }
  .site-header__mobile-language-selector:after {
    left: 12px;
  }
  .site-header__mobile-language-selector .lang-dropdown-caret {
    right: 19px;
  }

  .site-header__language-link {
    padding: 3px 15px 3px 44px;
  }
}

@media print {
  .site-header {
    display: none;
  }
}

/* tabs */
.tab-nav.equal-sizes {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.tab-nav .hide {
  display: none;
}
.tab-nav > div {
  float: left;
  padding-left: 1rem;
}
.tab-nav.equal-sizes > div {
  float: none;
  display: table-cell;
  width: 100%;
  text-align: center;
}
.tab-nav.equal-sizes > div:first-child {
  padding-left: 0;
}
.ie10 .tab-nav.equal-sizes > div {
  width: auto;
}
.tab-nav > div a,
.tab-nav.mobile-drawers + .tab-content .mobile-drawers-trigger {
  display: block;
  padding: 1.3rem 2rem;
  line-height: 1.4rem;
  font-size: 1.4rem;
  background: #f0f7fa;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  white-space: nowrap;
  text-decoration: none;
}
.tab-nav.mobile-drawers + .tab-content .mobile-drawers-trigger {
  padding: 13px 12px;
  padding: 1.3rem 1.2rem;
}
.tab-nav.mobile-drawers
  + .tab-content
  .mobile-drawers-trigger
  .icon-caret-right,
.tab-nav.mobile-drawers
  + .tab-content
  .mobile-drawers-trigger
  .icon-caret-down {
  float: right;
  color: #827127;
}
.tab-nav > div a [class^="icon-"] {
  padding-left: 0.1rem;
  color: #5f5a5e;
  line-height: 1.4rem;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  margin-top: -0.6rem;
}
.tab-nav > div a:hover,
.tab-nav > div.more-tab:hover a {
  background: #ffffff;
}
.tab-nav > div a.offers {
  font-weight: bold;
  background: #c2deea;
  position: relative;
}
.tab-nav > div a.active,
.tab-nav > div a.offers.active,
.tab-nav.mobile-drawers + .tab-content > div.active .mobile-drawers-trigger {
  background: #ffffff;
  color: #827127;
  font-weight: bold;
}
.tab-nav.mobile-drawers + .tab-content > div.active .mobile-drawers-trigger {
  padding: 1.3rem 0 0.8rem;
  margin: 0 1.2rem 0.5rem;
  border-bottom: 1px solid #827127;
  font-weight: normal;
}
.tab-nav > div a.offers .count {
  position: absolute;
  display: block;
  color: #827127;
  right: 2rem;
  top: 50%;
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.4rem;
  text-align: center;
  line-height: 2.8rem;
  background: #ffffff;
  border-radius: 50%;
}
.tab-nav.grey > div a {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.tab-nav.grey > div a.active,
.tab-nav.grey > div a.active:hover,
.tab-nav.grey.mobile-drawers
  + .tab-content
  > div.active
  .mobile-drawers-trigger {
  background-color: #eeeeee;
  color: #000000;
}
.tab-nav.grey > div a:hover {
  background: #c2deea;
}
.tab-nav.grey + .tab-content > div {
  background-color: #eeeeee;
}
.tab-nav > div.more-tab {
  position: relative;
  padding-left: 0;
  margin-left: 1rem;
}
.tab-nav > div.more-tab > a {
  cursor: pointer;
  padding-right: 2.5rem;
}
.tab-nav > div.more-tab .results-container {
  z-index: 10;
  display: none;
  width: 22rem;
  padding: 2rem;
  left: 50%;
  margin-left: -12rem;
}
.tab-nav > div.more-tab .results-container a {
  padding: 0.5rem 0;
  background: transparent;
  white-space: normal;
}
.tab-nav > div.more-tab .results-container a:hover {
  color: #00c7b2;
}
.tab-nav > div.more-tab .results-container::before {
  left: 11.5rem;
}
.tab-nav > div.more-tab .results-container::after {
  left: 11rem;
}

.mobile-tab-nav {
  padding-bottom: 2.5rem;
}
.mobile-tab-nav,
.tab-nav.wrapping,
.tab-nav + .tab-content > div,
.tab-nav.mobile-drawers + .tab-content .mobile-drawers-trigger,
.tab-nav.mobile-drawers + .tab-content .mobile-drawers-trigger .icon-caret-down,
.tab-nav.mobile-drawers
  + .tab-content
  > div.active
  .mobile-drawers-trigger
  .icon-caret-right {
  display: none;
}
.tab-nav.wrapping ~ .mobile-tab-nav,
.tab-nav + .tab-content > div.active,
.tab-nav.mobile-drawers
  + .tab-content
  > div.active
  .mobile-drawers-trigger
  .icon-caret-down {
  display: block;
}

@media screen and (max-width: 1030px) {
  .tab-nav,
  .tab-nav.equal-sizes,
  .tab-nav.mobile-drawers + .tab-content > div > div {
    display: none;
  }
  .tab-nav.mobile-drawers + .tab-content > div,
  .tab-nav.mobile-drawers + .tab-content > div .mobile-drawers-trigger,
  .tab-nav.mobile-drawers + .tab-content > div.active,
  .tab-nav.mobile-drawers + .tab-content > div.active > div,
  .mobile-tab-nav {
    display: block;
  }
  .tab-nav.mobile-drawers + .tab-content {
    padding: 0 1.5rem;
  }
  .tab-nav.mobile-drawers + .tab-content > div {
    padding: 0;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
  }
  .tab-nav.mobile-drawers + .tab-content > div > div {
    padding: 2rem 1.2rem 1.5rem;
  }
}

.telco-text-with-media {
  padding: 5rem 10rem;
}
.telco-text-with-media .text {
  float: left;
  width: 56.5rem;
  margin-right: 8rem;
}
.telco-text-with-media .text h2 {
  color: #827127;
}
.telco-text-with-media .image,
.telco-text-with-media .video {
  float: left;
  width: 38.5rem;
  overflow: hidden;
  position: relative;
}
.telco-text-with-media .image img {
  display: block;
  width: 100%;
}
.telco-text-with-media .image .overlay {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  text-align: center;
  background: rgba(54, 53, 52, 0.8);
  -webkit-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  color: #ffffff;
}
.telco-text-with-media .image:hover .overlay,
.mobile .telco-text-with-media .image .overlay {
  opacity: 1;
}
.telco-text-with-media .image .overlay td {
  padding: 0 10%;
}

@media screen and (max-width: 1030px) {
  .telco-text-with-media {
    padding: 5rem 0 3rem;
  }
  .telco-text-with-media .text {
    float: none;
    width: auto;
    margin: 0 1.5rem;
  }
  .telco-text-with-media .image,
  .telco-text-with-media .video {
    float: none;
    width: 100%;
  }
}

.terminal-set,
.terminal-set-container {
  position: relative;
  min-height: 46px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}
.terminal-set-container:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  height: 48px;
  width: 100%;
  background-color: #ffffff;
  border-bottom: 1px solid #f1f1f1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.terminal-set .scroll-left-container,
.terminal-set .scroll-right-container {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  width: 60px;
  height: 47px;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.9);
}

.terminal-set .scroll-left-container:after,
.terminal-set .scroll-right-container:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background-color: #f9f9f9;
  background-color: rgba(250, 250, 250, 0.9);
}
.terminal-set .scroll-left-container:before,
.terminal-set .scroll-right-container:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background-color: #f1f1f1;
  background-color: rgba(241, 241, 241, 0.9);
}

.terminal-set .scroll-left-container {
  left: 0;
  z-index: 1;
}
.right.terminal-set .scroll-right-container,
.left.terminal-set .scroll-left-container {
  display: block;
}
.terminal-set .terminal-scroller {
  position: relative;
  left: 0;
  overflow-x: auto;
}
.terminal-set.scrollable .terminal-scroller:after {
  display: block;
}
.terminal-set .scroll-right,
.terminal-set .scroll-left {
  position: absolute;
  right: 26px;
  top: 19px;
  width: 9px;
  height: 9px;
  display: block;
  background: url("/Assets/prioritypass/images/icons/right-black-arrow.svg")
    no-repeat;
  cursor: pointer;
  z-index: 2;
}
.terminal-set .scroll-left {
  right: unset;
  left: 26px;
  top: 19px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.terminal-set .scroll-right.hide,
.terminal-set .scroll-left.hide {
  display: none;
}
.terminal-set .scroll-right.disabled,
.terminal-set .scroll-left.disabled {
  pointer-events: none;
}

.terminal-set .terminal-name {
  display: inline-block;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 2.2rem;
  letter-spacing: 0.1rem;
  padding: 13px 8px;
  margin-right: 24px;
  cursor: pointer;
}
.terminal-set .terminal-name:last-child {
  margin-right: 0;
}
.terminal-set .terminal-name a {
  color: #000000;
  text-decoration: none;
}
.terminal-set .terminal-name.selected,
.terminal-set .terminal-name a:hover,
.terminal-set .terminal-name a:focus {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.terminal-set .terminal-name.selected:after {
  content: "";
  display: block;
  width: auto;
  margin: 0 -8px;
  height: 3px;
  background: #000000;
  top: 12px;
  position: relative;
}

@media screen and (max-width: 1000px) {
  .terminal-set .scroll-left-container,
  .terminal-set .scroll-right-container {
    width: 40px;
  }
  .terminal-set .scroll-right {
    right: 6px;
  }
  .terminal-set .scroll-left {
    left: 6px;
  }
}

@media screen and (max-width: 768px) {
  .mobile .terminal-set {
    overflow-x: hidden;
  }
  .mobile .terminal-set .scroll-right-container,
  .mobile .terminal-set .scroll-left-container,
  .mobile .right.terminal-set:after,
  .mobile .left.terminal-set:before,
  .mobile .terminal-set.scrollable .terminal-scroller:after,
  .mobile .terminal-set .scroll-right,
  .mobile .terminal-set .scroll-left {
    display: none;
  }
}

#modalOverlay-3dsNotification {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  height: 100%;
  width: 100%;
  display: none;
}

#3dsNotification-button {
  -o-object-fit: contain;
     object-fit: contain;
  font-size: 14px;
  font-weight: 500;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  position: inherit;
}

@media screen and (max-width: 768px) {
  /* Lightbox */
  #3dsNotification-button {
    width: 100%;
  }
}

/* trip tracker
   ---------------------------- */

/* defaults */
.trip-tracker-form .form-container {
  padding: 3rem 0;
}
.trip-tracker-form .datepicker {
  cursor: pointer;
}
.trip-tracker-form .bar {
  padding: 1.1rem 1.5rem;
  color: #ffffff;
}
.trip-tracker-form .bar .detail {
  padding-right: 0.3rem;
}
.trip-tracker-form .bar .detail ~ .detail {
  padding-right: 0;
  padding-left: 0.3rem;
}
.trip-tracker-form .bar .right {
  float: right;
}
.trip-tracker-form .sections .section {
  position: relative;
  padding: 0 0 3rem 0;
  background: #ffffff;
}
.trip-tracker-form .sections .section .section-inner {
  min-height: 21.5rem;
  padding: 0 3rem;
  position: relative;
}
.trip-tracker-form .sections .section .section-inner .left table,
.trip-tracker-form .sections .section .section-inner .right table {
  height: 21.5rem;
}
.trip-tracker-form .sections .section .section-inner .left {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 15.541%;
  background: #e0eef4;
}
.trip-tracker-form .sections .section .section-inner .left .arrow {
  position: absolute;
  height: 100%;
  top: 0;
  left: 100%;
  width: 2.2rem;
}
.trip-tracker-form .sections .section .section-inner .left .inner {
  padding: 0 0.5rem 0 3rem;
}
.trip-tracker-form .sections .section .section-inner .left strong {
  font-size: 2.2rem;
  line-height: 3rem;
}

.trip-tracker-form .sections .hide,
.trip-tracker-form .sections .section.hide,
.trip-tracker-form .sections .section.hide:first-child {
  display: none;
}
.trip-tracker-form .sections .section:first-child,
.page-editor .trip-tracker-form .sections .section {
  display: block;
}

.trip-tracker-form .sections .form-actions {
  min-height: 5rem;
  padding: 3rem 3rem 0;
  text-align: right;
}
.trip-tracker-form .sections .form-actions .submit {
  float: right;
}
.trip-tracker-form .sections .form-actions .cta.box {
  min-width: 150px;
  padding: 15px 27px;
  margin-right: 20px;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.trip-tracker-form .sections .form-actions .submit .cta.box {
  margin-right: 0;
}
.trip-tracker-form .sections .form-actions .info-text {
  padding-left: 13rem;
  padding-top: 2rem;
  float: left;
}

.trip-tracker-form .stylish-form .sections .section .loading input {
  padding-right: 4.5rem;
  background-image: url("/Assets/PriorityPass/images/icons/loader-small.gif");
  background-repeat: no-repeat;
  background-position: 95% center;
}

/* error styling */
.trip-tracker-form .sections .err-msgs,
.trip-tracker-form .sections .form-section-errors {
  color: #d82d2d;
  font-size: 1.3rem;
  font-weight: bold;
}
.trip-tracker-form .sections .form-section-errors {
  padding: 1.5rem 3rem;
}
.trip-tracker-form .sections .form-section-errors > div {
  padding-left: 2.5rem;
  background: url("/Assets/PriorityPass/images/icons/alert-sprite.png")
    no-repeat 0 -19px;
}
.trip-tracker-form .sections .err-msgs > div {
  padding-left: 2.5rem;
  position: relative;
}
.trip-tracker-form .sections .err-msgs .icon {
  position: absolute;
  top: 0.1rem;
  left: 0;
}
.trip-tracker-form .sections .error .stylish-text > span {
  outline: 0.2rem solid #d82d2d;
  border-color: #ffffff;
}
.trip-tracker-form .sections .error input {
  color: #d82d2d;
}

.trip-tracker-form .sections .section.details-contact .right .err-msgs > div {
  padding-left: 0;
  line-height: 1.5em;
  margin-top: 0.8rem;
}
.trip-tracker-form
  .sections
  .section.details-contact
  .right
  .err-msgs
  > div
  .icon {
  display: none;
}

/* step 1 - flight details */
.trip-tracker-form .sections .section.details-entry .right {
  float: left;
  margin-left: 21%;
}
.trip-tracker-form .sections .section.details-entry .right .form-field {
  margin-top: 2rem;
}
.trip-tracker-form
  .sections
  .section.details-entry
  .right
  .form-field:first-child {
  margin-top: 0;
}
.trip-tracker-form .sections .section.details-entry .right .left-col {
  float: left;
  width: 23%;
  padding-top: 0.5rem;
}
.trip-tracker-form .sections .section.details-entry .right .right-col {
  float: right;
  width: 74%;
}
.trip-tracker-form
  .sections
  .section.details-entry
  .right
  .right-col
  .left-side {
  float: left;
  width: 53%;
  position: relative;
}
.trip-tracker-form
  .sections
  .section.details-entry
  .right
  .right-col
  .right-side {
  float: right;
  width: 43%;
}
.trip-tracker-form
  .sections
  .section.details-entry
  .right
  .right-col
  .err-msgs {
  padding-top: 0.7rem;
}
.trip-tracker-form
  .sections
  .section.details-entry
  .right
  .right-col
  .err-msgs
  > div {
  padding-left: 2.5rem;
  position: relative;
}
.trip-tracker-form
  .sections
  .section.details-entry
  .right
  .right-col
  .err-msgs
  .icon {
  position: absolute;
  top: 0.1rem;
  left: 0;
}

.trip-tracker-form .autocomplete-results {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 5rem;
  display: none;
  width: 100%;
  padding: 2rem 2rem 3rem;
  background: #ffffff;
  cursor: default;
  -webkit-overflow-scrolling: touch;
}
.trip-tracker-form .autocomplete-results--show {
  display: block;
  -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
}
.trip-tracker-form .autocomplete-results::before {
  position: absolute;
  left: 5.5rem;
  top: -0.5rem;
  width: 10px;
  height: 10px;
  background: #ffffff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
}
.trip-tracker-form .autocomplete-results::after {
  position: absolute;
  left: 5rem;
  top: 0;
  width: 2rem;
  height: 1rem;
  background: #ffffff;
}
.trip-tracker-form .autocomplete-results--show::before,
.trip-tracker-form .autocomplete-results--show::after {
  content: "";
}
.trip-tracker-form .ui-autocomplete {
  overflow-y: auto;
  left: 0 !important;
  top: 0 !important;
  max-height: 20rem;
}
.trip-tracker-form .ui-menu-item-wrapper {
  cursor: pointer;
  display: block;
  text-align: left;
  color: #000000;
  font-size: 1.8rem;
  line-height: 3rem;
}
.trip-tracker-form .ui-state-active {
  color: #00c7b2;
}

/* step 2 - confirmation */
.trip-tracker-form .sections .section.details-confirm .right {
  width: 65%;
  float: left;
  margin-left: 18%;
}
.trip-tracker-form .sections .section.details-confirm .right .inner {
  padding: 3.5rem 6rem;
}
.trip-tracker-form
  .sections
  .section.details-confirm
  .right
  .inner
  > div:first-child {
  line-height: 2rem;
  padding-bottom: 0.5rem;
}
.trip-tracker-form .sections .section.details-confirm .right .left-col,
.trip-tracker-form .sections .section.details-confirm .right .right-col {
  float: left;
  width: 33.8%;
}
.trip-tracker-form .sections .section.details-confirm .right .right-col {
  padding-left: 4%;
}

/* step 3 - user details */
.trip-tracker-form .sections .section.details-contact .right {
  margin-left: 18%;
}
.trip-tracker-form .sections .section.details-contact .right .left-col {
  width: 60%;
  float: left;
}
.trip-tracker-form .sections .section.details-contact .right .left-col .label {
  padding-bottom: 0.5rem;
}
.trip-tracker-form
  .sections
  .section.details-contact
  .right
  .left-col
  .label
  ~ .label {
  padding-top: 2.5rem;
}
.trip-tracker-form
  .sections
  .section.details-contact
  .right
  .left-col
  .left-side,
.trip-tracker-form
  .sections
  .section.details-contact
  .right
  .left-col
  .right-side {
  width: 41.3%;
  float: left;
  padding-right: 2%;
}
.trip-tracker-form .sections .section.details-contact .right .right-col {
  width: 39%;
  float: right;
}
.trip-tracker-form .sections .section.details-contact .right .right-col .label {
  line-height: 1em;
}
.trip-tracker-form
  .sections
  .section.details-contact
  .right
  .right-col
  .label
  + div {
  padding-bottom: 0.5rem;
}
.trip-tracker-form
  .sections
  .section.details-contact
  .right
  .right-col
  .additional-emails
  .form-field {
  padding-top: 1rem;
}
.trip-tracker-form
  .sections
  .section.details-contact
  .right
  .right-col
  .additional-emails
  .form-field:first-child {
  padding-top: 0;
}

/* confirmation */
.trip-tracker-form .sections .section.confirmation .right {
  width: 80%;
}
.trip-tracker-form .sections .section.confirmation .inner {
  margin-top: 4rem;
  padding-left: 13rem;
  background: url("/Assets/PriorityPass/images/icons/forms/triptracker-plane.png")
    no-repeat left center;
}
.trip-tracker-form .sections .section.confirmation h3 {
  line-height: 4rem;
  padding: 0;
  font-family: 'Roboto';
}
.trip-tracker-form .sections .section.confirmation h3 ~ h3 {
  padding-top: 0.5rem;
}

/* error panel */
.trip-tracker-form .sections .section.confirmation.error .inner {
  background-image: url("/Assets/PriorityPass/images/icons/forms/triptracker-error.jpg");
}
.trip-tracker-form .sections .section.confirmation.error .inner h3:first-child {
  color: #d82d2d;
}

/* trip tracker listing */
.trip-tracker-form ~ .trip-tracker-listing,
.trip-tracker-listing ~ .trip-tracker-form,
.trip-tracker-listing .item {
  padding-top: 3rem;
}
.trip-tracker-listing .item:first-child {
  padding-top: 0;
}
.trip-tracker-listing .item .details-top,
.trip-tracker-listing .item .details-bottom {
  padding: 3rem;
}
.trip-tracker-listing .item .inner {
  min-height: 10rem;
  position: relative;
}
.trip-tracker-listing .item .details-top .inner {
  padding-left: 14rem;
}
.trip-tracker-listing .item .details-top .date {
  position: absolute;
  height: 7rem;
  width: 7rem;
  padding: 1.5rem 1rem;
  left: 1rem;
  top: 50%;
  margin-top: -5rem;
  background: #ffffff;
}
.trip-tracker-listing .item .details-top .date .date-month {
  font-size: 2.2rem;
}
.trip-tracker-listing .item .details-top .date .date-day {
  font-size: 3.8rem;
}
.trip-tracker-listing .item .details-top .date .date-year {
  font-size: 1.2rem;
}
.trip-tracker-listing .item .details {
  width: 61.477%;
  float: left;
}
.trip-tracker-listing .item .details .left-col,
.trip-tracker-listing .item .details .right-col {
  float: left;
  width: 33.8%;
}
.trip-tracker-listing .item .details .right-col {
  padding-left: 4%;
}
.trip-tracker-listing .item .details > div:first-child {
  line-height: 2rem;
  padding-bottom: 0.5rem;
}
.trip-tracker-listing .item .cta-holder {
  position: absolute;
  bottom: 0;
  right: 0;
}
.trip-tracker-listing .item .cta-holder .cta {
  min-width: 10.4rem;
  padding: 0.5rem 1.2rem;
}

.trip-tracker-listing .item .details-bottom {
  padding-top: 0;
}
.trip-tracker-listing .item .details-bottom .inner {
  padding: 3rem 1rem 0;
  border-top: 1px solid #f6f6f6;
}
.trip-tracker-listing .item .details-bottom .inner h4 {
  font-size: 2.2rem;
  font-weight: bold;
}
.trip-tracker-listing .item .details-bottom .details {
  width: auto;
  float: none;
}
.trip-tracker-listing .item .details-bottom .details .left-col,
.trip-tracker-listing .item .details-bottom .details .right-col {
  width: 26%;
  line-height: 2.4rem;
}
.trip-tracker-listing
  .item
  .details-bottom
  .details
  .left-col
  > div:first-child,
.trip-tracker-listing
  .item
  .details-bottom
  .details
  .right-col
  > div:first-child {
  padding-bottom: 3rem;
}
.trip-tracker-listing .item .details-bottom .cta-holder {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  max-width: 36%;
}
.trip-tracker-listing .item .details-bottom .cta-holder > div {
  font-size: 1.2rem;
  padding-top: 0.5rem;
}
.trip-tracker-listing .item .details-bottom .cta-holder.delete .cta {
  border-color: #d82d2d;
  color: #d82d2d;
}
.trip-tracker-listing .item .details-bottom .cta-holder.delete .cta:hover {
  background: #d82d2d;
  color: #ffffff;
}

.trip-tracker-listing .item .details-bottom,
.trip-tracker-listing .item .details-top .cta-holder .cta .open,
.trip-tracker-listing .item.open .details-top .cta-holder .cta .closed {
  display: none;
}
.trip-tracker-listing .item.open .details-bottom {
  display: block;
}
.trip-tracker-listing .item.open .details-top .cta-holder .cta .open {
  display: inline;
}
.page-editor .trip-tracker-listing .item .details-bottom,
.page-editor .trip-tracker-listing .item .details-top .cta-holder .cta .open,
.page-editor .trip-tracker-listing .item .details-top .cta-holder .cta .closed {
  display: block !important;
}

.trip-tracker-listing .pagination {
  margin-top: 4rem;
  padding-bottom: 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min--moz-device-pixel-ratio: 1.5),
  screen and (-o-min-device-pixel-ratio: 3/2),
  screen and (min-resolution: 144dpi) {
  .trip-tracker-form .sections .section.confirmation .inner {
    background-image: url("/Assets/PriorityPass/images/icons/forms/triptracker-plane@2x.png");
    background-size: 8rem;
  }
}

@media screen and (max-width: 1030px) {
  /* trip tracker form */
  .trip-tracker-form .form-container {
    padding: 3rem;
  }
  .trip-tracker-form .sections .section .section-inner .left .inner {
    padding-left: 1.5rem;
  }
  .trip-tracker-form .sections .section .section-inner .left strong {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .trip-tracker-form .sections .section.details-confirm .right {
    width: 70%;
  }
  .trip-tracker-form .sections .section.details-confirm .right .left-col,
  .trip-tracker-form .sections .section.details-confirm .right .right-col {
    width: 48%;
  }
  .trip-tracker-form
    .sections
    .section.details-contact
    .right
    .left-col
    .left-side,
  .trip-tracker-form
    .sections
    .section.details-contact
    .right
    .left-col
    .right-side {
    width: 47%;
  }
  .trip-tracker-form .sections .form-actions .info-text {
    float: none;
    text-align: right;
    padding-top: 0;
    padding-bottom: 1rem;
  }

  /* trip tracker listing */
  .trip-tracker-listing .item .details {
    width: 68%;
  }
  .trip-tracker-listing .item .details .left-col,
  .trip-tracker-listing .item .details .right-col {
    width: 48%;
  }
  .trip-tracker-listing .item .details-bottom .details .left-col,
  .trip-tracker-listing .item .details-bottom .details .right-col {
    width: 30%;
  }
}

@media screen and (max-width: 760px) {
  /* trip tracker form */
  .trip-tracker-form .sections .section .section-inner .left {
    position: relative;
    top: auto;
    left: auto;
    width: 18rem;
    margin-left: -3rem;
    height: auto;
    padding: 2rem 1rem;
    margin-bottom: 3rem;
  }
  .trip-tracker-form .sections .section .section-inner .left .inner {
    padding-left: 2rem;
  }
  .trip-tracker-form .sections .section .section-inner .left table,
  .trip-tracker-form .sections .section .section-inner .right table {
    height: auto;
  }

  .trip-tracker-form .sections .section.details-entry .right,
  .trip-tracker-form .sections .section.details-entry .right .left-col,
  .trip-tracker-form .sections .section.details-entry .right .right-col,
  .trip-tracker-form
    .sections
    .section.details-entry
    .right
    .right-col
    .left-side,
  .trip-tracker-form
    .sections
    .section.details-entry
    .right
    .right-col
    .err-msgs,
  .trip-tracker-form .sections .section.details-confirm .right,
  .trip-tracker-form .sections .section.details-contact .right,
  .trip-tracker-form .sections .section.details-contact .right .left-col,
  .trip-tracker-form .sections .section.details-contact .right .right-col,
  .trip-tracker-form
    .sections
    .section.details-contact
    .right
    .left-col
    .left-side,
  .trip-tracker-form
    .sections
    .section.details-contact
    .right
    .left-col
    .right-side,
  .trip-tracker-form .sections .section.confirmation .right {
    width: auto;
    float: none;
    padding: 0;
    margin: 0;
  }

  .trip-tracker-form .sections .section.details-entry .right .left-col {
    padding-bottom: 0.2rem;
  }
  .trip-tracker-form .sections .section.details-entry .right .form-field {
    margin-top: 1rem;
  }

  .trip-tracker-form .sections .section.details-confirm .right .inner {
    padding: 3rem 3.5rem;
  }

  .trip-tracker-form
    .sections
    .section.details-contact
    .right
    .left-col
    .label
    ~ .label {
    padding-top: 2rem;
  }
  .trip-tracker-form
    .sections
    .section.details-contact
    .right
    .left-col
    .left-side {
    padding-bottom: 0.5rem;
  }
  .trip-tracker-form .sections .section.details-contact .right .right-col {
    padding-top: 3rem;
  }
  .trip-tracker-form .sections .section.details-contact .right .err-msgs > div {
    padding-left: 2.5rem;
    line-height: 2.4rem;
  }
  .trip-tracker-form
    .sections
    .section.details-contact
    .right
    .err-msgs
    > div
    .icon {
    display: block;
  }

  .trip-tracker-form .sections .err-msgs,
  .trip-tracker-form .sections .form-section-errors {
    font-size: 1.4rem;
  }
  .trip-tracker-form .sections .err-msgs > div {
    margin-top: 0.8rem;
  }

  /* trip tracker listing */
  .trip-tracker-listing .item .details-top,
  .trip-tracker-listing .item .details-bottom {
    padding: 2.5rem;
  }
  .trip-tracker-listing .item .details-bottom {
    padding-top: 0;
  }
  .trip-tracker-listing .item .details-bottom .inner {
    padding: 2.5rem 0 0;
  }
  .trip-tracker-listing .item .details {
    width: auto;
    float: none;
  }
  .trip-tracker-listing .item .details-top {
    position: relative;
    padding-bottom: 8.5rem;
  }
  .trip-tracker-listing .item .cta-holder {
    bottom: -6rem;
  }
  .trip-tracker-listing .item .details-bottom .cta-holder {
    position: static;
    max-width: none;
    padding-top: 2rem;
  }
  .trip-tracker-listing .item .details-bottom .details .left-col,
  .trip-tracker-listing .item .details-bottom .details .right-col {
    width: 48%;
  }
}

@media screen and (max-width: 600px) {
  /* trip tracker form */
  .trip-tracker-form .bar .right {
    float: none;
    text-align: right;
  }
  .trip-tracker-form.wrapper .padded-sides {
    margin-left: 0;
    margin-right: 0;
  }
  .trip-tracker-form.wrapper .title {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    width: auto;
  }
  .trip-tracker-form .form-container {
    padding: 2.5rem 1.5rem;
  }
  .trip-tracker-form .sections .section .section-inner {
    padding: 0 1.5rem;
  }
  .trip-tracker-form .sections .form-actions,
  .trip-tracker-form .sections .form-actions .info-text {
    text-align: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .trip-tracker-form .sections .form-actions .submit {
    float: none;
  }
  .trip-tracker-form .sections .form-actions .cta.box {
    min-width: 14.4rem;
    margin-right: 0;
    margin-top: 1rem;
  }
  .trip-tracker-form .sections .form-actions .submit .cta.box {
    margin-top: 0;
  }

  .trip-tracker-form .sections .section.details-confirm .right .left-col,
  .trip-tracker-form .sections .section.details-confirm .right .right-col {
    width: auto;
    padding: 0.5rem 0;
    float: none;
  }
  .trip-tracker-form .sections .section.details-confirm .right .right-col {
    padding-top: 1.5rem;
  }

  /* trip tracker listing */
  .trip-tracker-listing .item .details-top,
  .trip-tracker-listing .item .details-bottom {
    padding: 1.5rem;
  }
  .trip-tracker-listing .item .details-bottom {
    padding-top: 0;
  }
  .trip-tracker-listing .item .details {
    width: auto;
    float: none;
  }
  .trip-tracker-listing .item .details-top .date {
    margin-top: 0;
    top: 0;
    left: 0;
    padding: 1rem;
    line-height: 0.95;
    height: 6rem;
    width: 6rem;
  }
  .trip-tracker-listing .item .details-top .date .date-month {
    font-size: 1.8rem;
  }
  .trip-tracker-listing .item .details-top .date .date-day {
    font-size: 3.2rem;
  }
  .trip-tracker-listing .item .details-top .inner {
    padding-left: 0;
  }
  .trip-tracker-listing .item .details-top .details > div:first-child {
    padding-left: 10rem;
    height: 8rem;
    display: table-cell;
    vertical-align: middle;
  }
  .trip-tracker-listing .item .details .left-col,
  .trip-tracker-listing .item .details .right-col {
    width: auto;
    float: none;
    padding: 0;
  }
  .trip-tracker-listing .item .details .right-col {
    padding-top: 1rem;
  }

  .trip-tracker-listing .item .details > div:first-child,
  .trip-tracker-listing
    .item
    .details-bottom
    .details
    .left-col
    > div:first-child,
  .trip-tracker-listing
    .item
    .details-bottom
    .details
    .right-col
    > div:first-child {
    padding-bottom: 1.5rem;
  }
  .trip-tracker-listing .item .details-bottom .cta-holder {
    text-align: center;
  }

  .trip-tracker-listing .item .cta-holder {
    position: static;
    text-align: center;
    padding-top: 1.5rem;
  }
  .trip-tracker-listing .item .details-bottom .details .left-col,
  .trip-tracker-listing .item .details-bottom .details .right-col {
    width: 100%;
    padding-left: 0;
  }
}

.video-item {
  padding: 6rem 0;
}
.video-item.no-spacing-above {
  padding-top: 0;
}
.video-item.no-spacing-below {
  padding-bottom: 0;
}
.video-item .item {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.video-item .item .left,
.video-item .item .right {
  display: table-cell;
  vertical-align: top;
  width: 48.45%;
}
.video-item .item .right {
  width: 51.55%;
  vertical-align: middle;
}
.video-item .item .right .content {
  padding: 3rem;
}
.video-item .item .left a .img-wrapper img {
  display: block;
}
.video-item .item .left .img-holder {
  overflow: hidden;
}

@media screen and (max-width: 700px) {
  .video-item .item,
  .video-item .item .left,
  .video-item .item .right,
  .video-item .item .left a .img-wrapper img {
    display: block;
    float: none;
    width: 100%;
  }

  .video-item .item .right .content {
    padding: 2.5rem;
  }
}

@media screen and (max-width: 600px) {
  .video-item .item .right .content {
    padding: 1.5rem;
  }
}

.visit-history {
  background: #ffffff;
}
.visit-history .title {
  padding-bottom: 0.8rem;
}
.visit-history .title h3 {
  padding-bottom: 1rem;
}
.visit-history table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
}
.visit-history table thead tr {
  color: #ffffff;
  line-height: 2rem;
}
.visit-history table th,
.visit-history table td {
  padding: 1.8rem 0.9rem;
  position: relative;
  background-color: #ebeaea;
  vertical-align: middle;
}
.visit-history table th {
  background-color: #a7a7a7;
  font-family: 'Roboto';
}
.visit-history table .even td {
  background-color: #ffffff;
}

.visit-history table th::before,
.visit-history table td::before {
  content: "";
  position: absolute;
  top: 1.8rem;
  left: 0;
  border-left: 1px solid #b3b3b3;
  height: calc(100% - 3.6rem);
}
.visit-history table td::before {
  border-left: 1px solid #c7c6c6;
}
.visit-history table .even td::before {
  border-left: 1px solid #d7d6d6;
}
.visit-history table th:first-child::before,
.visit-history table td:first-child::before {
  display: none;
}

.visit-history td.date .date-day {
  font-size: 3.8rem;
}
.visit-history td.date .date-year {
  font-size: 1.2rem;
}
.visit-history td.date .date-month {
  font-size: 2.2rem;
  text-transform: uppercase;
}
.visit-history td.code,
.visit-history td.reference {
  font-size: 1.8rem;
  line-height: 4.2rem;
}
.visit-history td.price {
  font-size: 2rem;
  min-width: 8rem;
}
.visit-history td.number {
  font-size: 3rem;
  line-height: 4.2rem;
}
.visit-history td.price,
.visit-history td.number,
.visit-history td.actions {
  width: 10rem;
}
.visit-history td.actions .cta {
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding: 0.6rem;
}

.visit-history .popup-trigger {
  cursor: pointer;
  color: #000000;
  position: relative;
  text-decoration: underline;
}
.visit-history .popup-content {
  position: absolute;
  top: 60%;
  left: -2.9rem;
  display: none;
  padding: 2.2rem 3rem;
  background: #ffffff;
  color: #004142;
  text-align: left;
  line-height: 2.4rem;
  -webkit-box-shadow: 0 0 1rem rgba(54, 54, 56, 0.2);
          box-shadow: 0 0 1rem rgba(54, 54, 56, 0.2);
}
.visit-history .popup-content > div {
  white-space: nowrap;
}
.visit-history .popup-trigger:hover + .popup-content,
.visit-history .popup-conent:hover{
  z-index: 1;
  display: block;
}
.visit-history .popup-trigger:focus + .popup-content,
.visit-history .popup-conent:focus-within{
  z-index: 1;
  display: block;
}
.visit-history .code .popup-content > div:first-child {
  font-weight: bold;
  padding-bottom: 0.5rem;
}
.visit-history .reference .popup-content {
  letter-spacing: 0.05rem;
}

.visit-history .pagination {
  border-top: 1px solid #e3e4e3;
  margin-top: 5rem;
  padding-bottom: 0;
}

/* visit history lightbox */
.visit-history .mod-lightbox-trigger {
  display: none;
}
.mod-lightbox .visit-info > div {
  padding: 0.6rem 2.5rem;
  font-weight: bold;
  font-size: 1.8rem;
}
.mod-lightbox .visit-info > div:nth-child(2n - 1) {
  background: #ebeaea;
}
.mod-lightbox .visit-info > div .data-holder {
  font-weight: normal;
}
.mod-lightbox[data-mod-lightbox-id="visit-history-lightbox"] h4 {
  padding: 0 5rem 1.5rem 2.5rem;
}
.mod-lightbox[data-mod-lightbox-id="visit-history-lightbox"] .inner {
  padding: 1.5rem 0 3rem;
}
.mod-lightbox[data-mod-lightbox-id="visit-history-lightbox"] .actions {
  padding-top: 1.5rem;
  text-align: center;
  max-width: 25rem;
  margin: auto;
}
.mod-lightbox[data-mod-lightbox-id="visit-history-lightbox"] .actions .cta,
.mod-lightbox[data-mod-lightbox-id="visit-history-lightbox"]
  .actions
  .cta:first-child {
  display: block;
  margin: 1.5rem 2rem 0;
  clear: both;
  padding: 0.5rem 1.2rem;
}
.mod-lightbox[data-mod-lightbox-id="visit-history-lightbox"]
  .actions
  .cta.hide {
  display: none;
}
.mod-lightbox[data-mod-lightbox-id="visit-history-lightbox"]
  .actions
  .cta.lightbox-close {
  display: inline-block;
  padding: 0 0.5rem;
}

@media screen and (max-width: 1030px) {
  .visit-history .number,
  .visit-history .actions .cta {
    display: none;
  }
  .visit-history .actions .mod-lightbox-trigger {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .visit-history .price,
  .visit-history .reference,
  .visit-history .date ~ .date {
    display: none;
  }

  .mod-lightbox .visit-info > div {
    padding: 0.3rem 2rem;
  }
  .mod-lightbox[data-mod-lightbox-id="visit-history-lightbox"] h4 {
    padding: 0 5rem 1.5rem 2rem;
  }
  .mod-lightbox[data-mod-lightbox-id="visit-history-lightbox"] .actions {
    padding-top: 0.5rem;
  }
  .mod-lightbox[data-mod-lightbox-id="visit-history-lightbox"] .actions .cta,
  .mod-lightbox[data-mod-lightbox-id="visit-history-lightbox"]
    .actions
    .cta:first-child {
    margin-top: 1rem;
  }
}

.modal--warning .modal__content {
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
  padding: 53px 0;
  text-align: center;
  color: #4b4f54;
  width: 90%;
  max-width: 792px;
}
.modal--warning .modal__image {
  width: 100%;
  max-width: 187px;
  margin: auto;
}
.modal--warning .modal__title {
  line-height: 3.1rem;
  letter-spacing: 0.03rem;
  margin-top: 22px;
  padding-bottom: 17px;
}
.modal--warning .modal__body {
  font-size: 1.4rem;
  line-height: 1.8rem;
  letter-spacing: 0.06rem;
  max-width: 448px;
  margin: auto;
}
.modal--warning .modal__cta {
  padding: 16px 91px;
  margin: 23px auto 3px;
}
.modal--warning .modal__cta:hover {
  background-color: #746632;
}

body.page-editor .modal--warning {
  position: relative;
  margin-bottom: 20px;
  display: block;
}
body.page-editor .modal--warning .modal__content {
  left: 0;
  top: 0;
  width: 100%;
  padding: 33px 0;
}

@media screen and (max-width: 768px) {
  .modal--warning .modal__content {
    width: calc(100% - 24px);
    max-width: 720px;
  }
}

@media screen and (max-width: 480px) {
  .modal--warning .modal__content {
    height: 100%;
    width: 100%;
    max-width: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .modal--warning .modal__content-inner {
    margin: auto;
  }
  .modal--warning .modal__actions {
    margin: 0 auto 13px;
  }
}

/* Priority Pass Print Styles */
@media print {
  @page {
    size: auto;
    margin: 25mm 25mm 25mm 25mm;
  }

  /* generic print styles */
  * {
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* Don't show links for images, or javascript/internal links */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* printing tables - h5bp.com/t */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }

  /* wrappers */
  body {
    background: transparent;
    padding: 0;
  }
  #main,
  .wrapper {
    max-width: none;
  }

  .wrapper .padded-sides {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .holder-830 > .padded-sides,
  .holder-1030 > .padded-sides {
    margin-left: 0;
    margin-right: 0;
  }

  .wrapper > .padded-sides .holder-830,
  .wrapper > .padded-sides .holder-1030,
  .wrapper > .padded-sides .holder-1030 .holder-830 {
    width: 100%;
  }

  /* enrolment confirmation */
  html.enrolment-confirmation .enrolment-landing,
  html.enrolment-confirmation .enrolment-form section,
  html.enrolment-confirmation .enrolment-form #enrolment-confirmation .cta,
  html.enrolment-confirmation .enrolment-form #enrolment-confirmation > .title,
  html.enrolment-confirmation
    .enrolment-form
    #enrolment-confirmation
    .cta-holder {
    display: none;
  }
  html.enrolment-confirmation .enrolment-form {
    padding: 0;
  }
  html.enrolment-confirmation .enrolment-form #enrolment-confirmation {
    display: block;
  }
  html.enrolment-confirmation
    .enrolment-form
    #enrolment-confirmation
    .card-holder {
    background: transparent;
  }
  html.enrolment-confirmation
    .enrolment-form
    #enrolment-confirmation
    .card-holder
    .inner {
    padding: 0;
  }
  html.enrolment-confirmation
    .enrolment-form
    #enrolment-confirmation
    .card-holder
    .title
    ~ div {
    display: none;
  }
  html.enrolment-confirmation
    .enrolment-form
    #enrolment-confirmation
    .section-holder
    > div {
    margin-top: 20px;
    margin-top: 2rem;
  }
  html.enrolment-confirmation
    .enrolment-form
    #enrolment-confirmation
    .section-holder
    > div:first-child {
    margin-top: 0;
  }
  html.enrolment-confirmation
    .enrolment-form
    #enrolment-confirmation
    .details-holder
    .info-bar,
  html.enrolment-confirmation
    .enrolment-form
    #enrolment-confirmation
    .details-holder
    .info-details
    .content {
    padding-left: 0;
  }

  html.enrolment-confirmation
    .enrolment-form
    #enrolment-confirmation
    .details-holder
    .info-bar
    .price-info {
    float: none;
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  html.enrolment-confirmation
    .enrolment-form
    #enrolment-confirmation
    .details-holder
    .info-bar
    .price-info
    .thirds {
    float: none;
    display: table-cell;
    vertical-align: middle;
    height: auto !important;
  }
}

@media print {
  /* DMC print view */
  .dmc-print .mod-lightbox {
    width: 100% !important;
    max-width: 100%;
  }
  .dmc-print .dmc-main {
    background: red;
    padding: 15px;
    box-sizing: border-box;
  }
  .dmc-print .member-card-lightbox .inner.dmc-block-center .popup-box-shadow {
    border: none;
    -webkit-box-shadow: 0 5px 20px 0 rgba(57, 70, 85, 0.3) !important;
    box-shadow: 0 5px 20px 0 rgba(57, 70, 85, 0.3) !important;
    background: rgb(255, 255, 255) !important;
    background: -o-linear-gradient(
      350deg,
      rgba(255, 255, 255, 1) 29%,
      rgba(233, 233, 233, 1) 100%
    ) !important;
    background: linear-gradient(
      100deg,
      rgba(255, 255, 255, 1) 29%,
      rgba(233, 233, 233, 1) 100%
    ) !important;
    border-radius: 8px !important;
  }
  .dmc-print .dmc-logos {
    display: none;
  }
  .dmc-print .actions {
    display: none;
  }
}

.lead-paragraph {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 2.4rem;
    line-height: 2.9rem;
    letter-spacing: 0.05rem;
    color: #541cc4;
}

@media screen and (max-width: 1000px) {
    .lead-paragraph { font-size: 2.2rem; line-height: 3rem; }
}