/* Colours
----------------------------------------------
* Red:		 	#b7261b
* White:	   	#ffffff
* Charcoal:		#1b1c15
* Light Blue:  	#00596c
* Grey:			#2c3031
* Green:		#2fa345
----------------------------------------------*/

/* Tags General
---------------------------------------*/

html, body {
	background-color: #fff;
	padding: 0;
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-weight: 800;
}


html {
	font-size: 62.5%;
}

body {
	visibility: hidden;
	
}

body.body--embedded {
	overflow: hidden;
}

body.body--inited {
	visibility: visible;
}

* {
	box-sizing: border-box;
}

a{
	text-decoration: none;
}

/* Scrollbars
---------------------------------------*/

::-webkit-scrollbar-corner { background: rgba(0,0,0,0.5); }

* {
	scrollbar-width: thin;
	scrollbar-color: #f5f5f5 #333;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}

*::-webkit-scrollbar-track {
	background: #333;
}

*::-webkit-scrollbar-thumb {
	background-color: #f5f5f5;
	border-radius: 20px;
	border: 3px solid #333;
}

/* Container
---------------------------------------*/

.container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.container--outer {
	max-width: 1920px;
	max-width: 1240px;
	overflow: hidden;
}

.container--inner {
	max-width: 986px;
}

.container--app {
	max-width: 1240px;
}

/* Preload
---------------------------------------*/

.preload {
	width: 10px;
	height: 10px;
	overflow: hidden;
	position: absolute;
	top: -100px;
	left: -99999px;
}

/* Main
---------------------------------------*/

.main {
	background-color: #fff;
	position: relative;
}

.screen {
	display: none;
	-webkit-user-select:none;
	user-select: none;
}

.screen__header {
	padding-top: 50px;
	position: relative;
}

.map-decor {
	position: absolute;
	bottom: 12px;
	
}

.map-decor--left {
	left: 100px;
	height: 45px;
}

.map-decor--right {
	right: 0;
	height: 65px;
}

/* Headings
---------------------------------------*/

.heading {
	margin: 0; 
	padding: 0;
}

.heading--1 {
	color: #b7261b;
	font-weight: 900;
	font-size: 3rem;
	border-bottom: 2px solid #000;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.heading--1--flush {
	border-bottom: none;
	padding-bottom: 0;
}

.heading--2 {
	font-size: 2rem;
	font-weight: 600;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.heading--2::after {
	display: block;
	content: "";
	width: 40px;
	height: 4px;
	background-color: #b7261b;
	position: absolute;
	bottom: 0;
	left: 0;
}

.heading--3 {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1.4rem;
	margin-bottom: 12px;
}

/* Landing Screen
---------------------------------------*/

.landing {
	position: relative;
}

.landing__panels {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	z-index: 100;
	width: 100%; 
	height: 100%;
}

.landing__panel {
	position: absolute;
	top: 0;
	width: 100%; 
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.landing__panel--primary {
	left: 0;
	width: calc(100% - 400px - 14%);
	background-image: url( ../img/landing-1-2026.jpg );
	background-position: 0 50%;
	background-size: cover;
}

.landing__panel--secondary {
	right: 0;
	width: 14%;
	background-image: url( ../img/landing-2.jpg );
}

.landing__info {
	width: 400px;
	__height: 400px;
	background-color: #b7261b;
	color: #fff;
	margin-left: auto;
	margin-right: 14%;
	position: relative;
	z-index: 500;
	display: flex;
	align-items: center;
	padding: 20px 0;
}

.landing__info a {
	color: #fff;
	text-decoration: underline;
}

.landing__intro {
	font-size: 1.5rem;
	font-weight: 400;
	padding: 0 30px;
	background-image: url( ../img/landing-lower.svg );
	background-repeat: no-repeat;
	background-position: calc(100% - 20px) 100%;
	background-size: 60% auto;
}

.landing__intro__text {
	width: 70%;
	padding-bottom: 60px;
}

.landing__intro__text p {
	line-height: 133%;
}

.landing__intro__text p:first-child{
	margin-top: 0;
	padding-top: 0;
}

.landing__intro__text p:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
}

.landing__intro__title {
	font-size: 3.3rem;
	text-align: center;
	font-weight: 600;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	font-family: 'Ink Free', sans-serif;
}

.landing__decor {
	display: block;
	width: 90%;
	height: auto;
	margin: 0 auto;
	margin-bottom: 20px;
}

.landing__roundel {
	width: 222px;
	position: absolute;
	bottom: 15px;
	right: 15px;
}

/* Overlay/Help
---------------------------------------*/

.app-overlay {
	background-color: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5000;
	padding-bottom: 30px;
	transition: all 0.3s ease;
	transform: translateY(-100%);
}

.app-overlay.transition--in {
	transform: translateY(0);
}

.app-overlay .container {
	height: 100%;
	overflow: auto;
}

.howto {
	font-weight: 400;
	font-size: 1.4rem;
}

.howto__cols {
	display: flex;
}

.howto__col {
	padding-top: 30px;
	padding-bottom: 10px;
	position: relative;
}

.howto__col--1 {
	border-right: 2px solid #000;
	margin-right: 20px;
	padding-right: 20px;
}

.howto__col--2 {
	padding-right: 140px;
}

.howto__icon {
	width: 80px;
	position: absolute;
	top: 10px;
	right: 0;
}

/* Country Selection Screen
---------------------------------------*/

.countries {
	min-height: 400px;
}

.countries__header {
	display: flex;
	justify-content: space-between;
	margin: 22px 0 20px 0;
	align-items: top;
}

.countries__footer {
	text-align: center;
	margin: 30px auto;
}

.countries__subheading {
	padding: 0;
}

.countries__list {
	position: relative;
}

.quick-help {
	display: flex;
	width: 100%;
	font-size: 1.5rem;
	font-weight: normal;
	margin: 25px auto 20px auto;
	align-items: center;
	justify-content: space-between;
	column-gap: 30px;
	row-gap: 10px;
	background-color: #f5f5f5;
	padding: 20px;
}

.quick-help__smallprint {
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 145%;
}

.quick-help__smallprint  a{
	color: #000;
	text-decoration: underline;
}

/* Filter List
---------------------------------------*/

.filter-list {
	border: 2px solid #000;
	border-top: none;
	display: flex;
	flex-wrap: wrap;
	background-color: #1b1c15;
}

.filter {
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: center;
	color: #fff;
	background-color: #b7261b;
	padding: 5px;
	text-align: center;
	font-size: 1.3rem;
	font-weight: 400;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	transition: color 0.25s ease, background-color 0.25s ease;
}

.filter:hover {
	color: #b7261b;
	background-color: #fff;
}

.filter.active {
	background-color: #2c3031;
	font-weight: 900;
}

.filter.active:hover {
	color: #fff;
}

.filter:last-child {
	border-right: none;
}

.search {
	display: flex;
	max-width: 300px;
}

/* Country Selection List
---------------------------------------*/

.pickers {
	margin-bottom: 30px;
	__max-height: 300px;
	__overflow: auto;
}

.pickers__group {
	display: none;
}

.pickers__items {
	display: flex;
	flex-wrap: wrap;
}

.picker {
	width: calc(50% - 1px);
	display: flex;
	justify-content: space-between;
	background-color: #fff;
	padding: 15px;
	padding-right: 40px;
	border-right: 1px solid #e1e1e2;
	border-bottom: 1px solid #e1e1e2;
	transition: background-color 0.2s ease;
}

.picker--hidden {
	display: none !important;
}

.picker:nth-child(2n+2), .picker:last-child {
	border-right: none;
}

.picker__name {
	font-size: 1.4rem;
	font-weight: normal;
	width: 40%;
	line-height: 133%;
	padding-right: 20px;
}

.picker__options > div {
	column-gap: 20px;
}

.picker:hover {
	background-color: #fafafa;
}

.picker:hover .picker__name {
	font-weight: bold;
	color: #b7261b;
}

.p-option {
	text-transform: uppercase;
	font-size: 1.3rem;
	display: flex;
	align-items: center;
	column-gap: 10px;
	margin-bottom: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: transform 0.25s ease;
}

.p-option:hover {
	__text-decoration: underline;
	__transform: translateX(-10px)
}

.p-option:last-child {
	margin-bottom: 0;
}

.p-option__box {
	width: 18px;
	height: 18px;
	border: 2px solid #000;
	background-color: #fff;
	position: relative;
}

.p-option .bull {
	width: 70%;
	height: 70%;
	background-color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	border-radius: 200px;
	display: none;
}

.p-option.active .bull {
	display: block;
}

.p-option.visit--wishlist .bull {
	background-color: #b7261b;
}

@media (max-width: 800px) {
	
	.pickers__items {
		display: block;
	}
	
	.picker { 
		display: flex;
		width: 100%;
		border: none;
		border-bottom: 1px solid #e1e1e2;
		padding-right: 15px;
	}
	
	.picker__name, .picker__options {
		display: block;
	}
}

@media (max-width: 500px) {
	.picker { 
		padding: 20px 0;
	}
}

/* Map
---------------------------------------*/

.map {
	position: relative;
	padding-top: 60%;
	__display: none;
	position: absolute;
	top: 0;
	left: -99999px;
}

.map.active {
	display: block;
	position: relative;
	top: 0;
	left: 0;
}

.map__embed {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.map__location, .map__controls, .map__key {
	position: absolute;
	z-index: 500;
}

.map__controls {
	top: 15px;
	right: 10px;
}

.map__control {
	display: inline-block;
	width: 33px; 
	height: 33px;
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	margin-left: 5px;
	transition: transform 0.25s ease;
}

.map__control:hover {
	transform: scale(120%);	
}

.map__control--zoomin {
	background-image: url( ../img/icon-zoomin.svg );
}

.map__control--zoomout {
	background-image: url( ../img/icon-zoomout.svg );
}

.map__key {
	bottom: -30px;
	right: 0;
	letter-spacing: 1px;
	background-color: #fff;
	padding: 8px;
}

.map__key__item { 
	text-transform: uppercase;
	font-size: 1.4rem;
	margin: 1px 0;
}

.map__key__item:before{
	content: "\2022";
	margin-right: 5px;
	font-size: 1.2em;
}

.visit--visited {
	color: #000;
}

.visit--wishlist {
	color: #b7261b;
}

.visit--da {
	color: #2fa345;
}

.map__location {
	width: 174px;
	left: 0;
	bottom: 25px;
	text-align: center;
	display: none;
}

.map__location__icon { 
	width: 56px;
}

.map--placeholder {
	width: 100%; 
	height: 503px;
	background-image: url( ../img/map-placeholder.png );
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: relative;
	z-index: 100;
}

/* Thanks Screen
---------------------------------------*/

.results {
	min-height: 450px;
	background-repeat: no-repeat;
	background-position: 0% 100%;
	background-size: 100% auto;
	background-image: url( ../img/results-bg-ext.jpg );
	padding: 30px 30px;
	color: #fff;
	background-color: #14193e;
	position: relative;
	text-align: center;
}

.results a {
	color: #fff;
}

.results__bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgb(0,0,0);
	background: linear-gradient(319deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 67%, rgba(0,0,0,0) 100%, rgba(0,0,0,0.5) 100%);
}

.results__cols {
	display: flex;
	width: 93%;
	align-items: center;
	text-align: left;
}

.results__col {
	position: relative;
}

.results__col--primary {
	border-right: 1px solid #fff;
	padding-right: 30px;
}

.results__col--secondary {
	padding: 30px;
	padding-bottom: 28%;
	padding-right: 0;
	flex-grow: 1;
}

.results__share {	
	position: absolute;
	left: 30px;
	bottom: 0;
}

.results__enter {
	position: absolute;
	left: 0;
	bottom: 20px;
}

.wishlist {
	font-size: 1.3rem;
	width: 100%;
	background-image: url( ../img/icon-heart-white.svg );
	background-repeat: no-repeat;
	background-position: calc(100% - 20px) 0;
	background-size: 45px auto;
	min-height: 70px;
	margin-bottom: 20px;
	border-bottom: 1px solid #fff;
	padding-bottom: 40px;
}

.wishlist:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.wishlist--visited {
	background-image: url( ../img/icon-location-white.svg );
}

.wishlist__items {
	width: calc(100% - 110px);
	display: flex;
	margin-top: 15px;
	column-gap: 20px;
	row-gap: 10px;
	flex-direction: row;
	flex-wrap: wrap;
	overflow: auto;
	max-height: 80px;
}

.wishlist__item {
	font-size: 1.4rem;
	font-weight: 600;
	flex-basis: calc(50% - 20px);
	line-height: 130%;
	background-image: url( ../img/icon-fave-white.svg );
	background-repeat: no-repeat;
	background-size: 11px 10px;
	padding-left: 20px;
	background-position: 0 4px;
}

.cta-box {
	display: block;
	border-left: 4px solid #b7261b;
	position: relative;
}

.cta-box__content {
	position: relative;
	z-index: 1000;
	padding: 15px;
	font-size: 2rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	column-gap: 20px;
}

.cta-box__content *:first-child {
	margin-top: 0;
	padding-top: 0;
}

.cta-box__content *:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.cta-box__hashtag {
	font-weight: 400;
	font-size: 1.4rem;
}

.cta-box__icon {
	width: 59px;
}

.cta-box__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 500;
	background-color: #000;
	opacity: 0.5;
}

.share-links, .share-links li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
	font-size: 2rem;
}

.share-links {
	display: block;
	text-align: right;
	margin-top: 40px;
	__display: none;
}

.share-links li {
	padding-left: 20px;
	padding-bottom: 20px;
}

.share-links a {
	display: block;
	transition: all 0.25s ease;
}

.share-links a:hover{
	transform: scale(120%);
}

.share-link__icon {
	height: 31px;
	width: auto;
}

.addthis-inline {
	width: 100%;
	margin-top: 30px;
	text-align: right;
	display: none;
}

.addthis_toolbox {
	display: inline-block;
	transform: scale(1.5);
	transform-origin: top right;
}

.share__button a {
	height: 24px;
	margin-left: 5px;
}

.share__button a img {
	height: 100%; 
	width: auto;
}

.results .da-disclaimer {
	display: inline-block;
	margin: 30px auto;
	margin-bottom: 0;
	font-size: 1.35rem;
	font-weight: 400;
	text-align: center;
	position: relative;
	z-index: 1000;
	padding: 10px;
	max-width: 800px;
}

.da-disclaimer a {
	text-decoration: underline;
}

.da-disclaimer *:first-child {
	margin-top: 0;
	padding-top: 0;
}

.da-disclaimer *:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.da-disclaimer__inner {
	position: relative;
	z-index: 1000;
}

/* Rating Gauge
---------------------------------------*/

.rating {
	display: inline-block;
	text-align: center;
	font-weight: 600;
	position: relative;
	padding-left: 100px;
	padding-right: 140px;

	margin-left: auto;
	margin-right: auto;
	width: 470px;
}

.rating__congrats {
	font-size: 2.7rem;
	font-weight: 600;
	line-height: 100%;
	margin-bottom: 5px;
}

.rating__title {
	font-size: 5rem;
	line-height: 100%;
	color: transparent;
	-webkit-text-stroke: 1px #fff;
	text-stroke: 1px #fff;
	font-weight: 800;
}

.rating__score {
	color: #E6A01E;
	line-height: 100%;
	font-size: 15rem;
	display: inline-table;
	margin-left: 50%;
	margin-top: -5px;
	transform: translateX(-50%)
}

.rating__val, .rating__pct {
	display: table-cell;
	vertical-align: top;
	line-height: 100%;
	font-weight: 800;
}

.rating__val {
	letter-spacing: -6px;
}

.rating__pct {
	font-size: 0.28em;
	padding-top: 0.25em;
	padding-left: 8px;
}

.rating__strapline {
	font-size: 3.1rem;
	line-height: 100%;
}

.rating__stars {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 10px;
}

.rating__star {
	display: inline-block;
	width: 21px;
	margin: 0 2px;
}

.rating__cta {
	text-transform: uppercase;
	font-size: 4rem;
	font-weight: 800;
}

.rating__verdict {
	font-size: 1.6rem;
	margin-top: 10px;
}

.rating__verdict strong {
	color: #E6A01E;
}

.rating__middle {
	position: relative;
	z-index: 500;
	padding-top: 40px;
}

.rating__left, .rating__right {
	position: absolute;
	top: 0;
	z-index: 200;
}

.rating__left {
	width: 153px;
	left: 0;
}

.rating__right {
	width: 150px;
	right: 0;
}

.rating__da {
	display: inline-block;
	width: 114px;
	position: absolute;
	right: 5px;
	top: 110px;
}

.da__fill {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
	transition: height 8s ease;
}

.da__fill__img {
	position: absolute;
	left: 0;
	bottom: 0;
}

.rating__da img{
	display: block;
	width: 100%;
	height: auto;
}

/* Lightboxes
---------------------------------------*/

.lightbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%;
	z-index: 8000;
	overflow: auto;
	display: none;
}

.lightbox--priority {
	z-index: 9000;
}

.lightbox--transitioning {
	overflow: hidden;
}

.lightbox__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%;
	background-color: #fff;
	opacity: 0.85;
	z-index: 500;
}

.lightbox__content {
	text-align: center;
	position: relative;
	top: 30px;
	z-index: 1000;
	
}

.lightbox__spinner {
	width: 200px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1000;
	transform: translateX(-50%) translateY(-50%);
}

.popup {
	display: inline-block;
	background-color: #fff;
	border: 2px solid #000;
	width: 95%;
	max-width: 700px;
	text-align: left;
	font-size: 1.4rem;
	font-weight: 400;
	position: relative;
	transition: all 0.4s ease;
	transform: translateY(200%);
	opacity: 0;
}

.popup.transition--in {
	transform: translateY(0);
	opacity: 1;
}

.popup.transition--out {
	transform: translateX(200%);
	opacity: 0;
}

.popup--notification {
	font-size: 1.6rem;
}

.popup__banner {
	width: 100%;
	height: 230px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #1b1c15;
	background-image: url( ../img/popup-banner.jpg );
}

.popup__body {
	padding: 30px;
}

.popup__cols {
	display: flex;
}

.popup__col {
	flex: 1;
	__min-height: 100px;
}

.popup__col--secondary {
	text-align: right;
}

.popup__headline {
	color: #b7261b;
	font-weight: 900;
	font-size: 2.4rem;
}

.popup__icon { 
	width: 55px;
}

.popup__buttons {
	margin-top: 30px;
	display: flex;
	column-gap: 20px;
	justify-content: space-between;
}

.popup__buttons--single {
	justify-content: center;
}

.popup__buttons .button {
	width: 100%;
	font-size: 1.3rem;
	max-width: 400px;
}

.popup__buttons .button--cancel {
	
}

.popup__screen {
	display: none;
}

.popup__screen.active {
	display: block;
}

.popup__close {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url( ../img/close.svg );
	z-index: 5000;
}

.popup__close:hover{
	opacity: .65;
}

/* Footer
---------------------------------------*/

.footer__upper {
	background-color: #0f1217;
}

.footer__lower {
	background-color: #2c3031;
}

.footer__options {
	display: none;
}

.footer__options.active {
	display: block;
}

.footer__options .trigger--get-results {
	display: none;
}

.planet-rise {
	display: none;
	width: 100%;
	height: 180px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 50% -20px;
	background-image: url( ../img/planet-bg.jpg );
}

.planet-rise-nav {
	background-repeat: no-repeat;
	height: 100%;
	background-image: url( ../img/footer-upper-map.svg );
	background-position: 50% calc(100% - 20px);
	background-size: 100% auto;
	display: none;
}

.planet-rise-nav__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.lower-nav {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	padding: 30px 0;
}

.lower-nav__cell {
	flex: 1;
}

.lower-nav__cell, .lower-nav__cell:first-child:last-child {
	text-align: center;
}

.lower-nav__cell:first-child {
	text-align: left;
}

.lower-nav__cell:last-child {
	text-align: right;
}

/* Forms
---------------------------------------*/

.form {
	font-size: 1.6rem;
	line-height: 145%;
}

.form--popup {
	margin-top: 30px;
}

.form--popup .share-links {
	background-color: #b7261b;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding-top: 20px;
	padding-right: 20px;
	margin: 0;
}

.form__row {
	display: flex;
	column-gap: 20px;
	row-gap: 20px;
	margin-bottom: 10px;
}

.form__row:last-child {
	margin-bottom: 0;
}

.form__cell {
	flex-grow: 1;
}

.form__help *:first-child {
	margin-top: 0;
	padding-top: 0;
}

.form__help *:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.form__label {
	font-weight: 600;
	display: block;
	margin-bottom: 10px;
}

.form__label--mandatory:after{
	content: "*";
	color: #b7261b;
	margin-left: 2px;
}

.form__terms {
	display: flex;
	align-items: flex-start;
	column-gap: 10px;
}

.form__terms .form__label {
	margin-bottom: 0;
	font-weight: 400;
}

.input {
	outline: none;
	--webkit-appearance: none;
}

.input--text {
	width: 100%;
	font-size: 1.6rem;
	padding: 10px;
	border: 1px solid #1b1c15;
	transition: border .25s ease;
}

.input--error {
	border: 1px solid #ff0000;
	color: #ff0000;
	font-weight: bold;
	box-shadow: 0 0 8px 0 #ff0000;
}

.input--mini {
	font-size: 1.3rem;
	padding: 5px 10px;
}

.form__cell a {
	color: #b7261b;
}

/* Button
---------------------------------------*/

.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background-color: #b7261b;
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 600;
	text-align: center;
	letter-spacing: 3px;
	padding: 0 0;
	width: 220px;
	height: 44px;
	border: 2px solid #b7261b;
	transition: color 0.25s ease, background-color 0.25s ease;
	--webkit-appearance: none;
}

.button:hover {
	color: #b7261b;
	background-color: #fff;
}

.button--cancel {
	border: 2px solid #000;
	color: #000;
	background-color: #fff;
}

.button--cancel:hover {
	color: #000;
	background-color: #fff;
	opacity: .5;
}

.button--visited {
	border: 2px solid #000;
	color: #fff;
	background-color: #000;
}

.button--visited:hover {
	color: #000;
}

.button--small {
	font-size: 1.3rem;
	height: 33px;
	width: 220px;
}

.button--mini {
	font-size: 1.3rem;
	height: 33px;
	width: 180px;
}

.button--maptoggle {
	font-size: 1.2rem;
	height: 30px;
	padding: 5px 20px;
	width: 220px;
}

.totop {
	font-size: 1.4rem;
	color: #000;
	display: inline-flex;
	column-gap: 10px;
	align-items: center;
	text-transform: uppercase;
}

.totop__icon {
	display: block;
	width: 30px;
	height: 30px;
	color: #fff;
	background-color: #b7261b;
	border-radius: 200px;
	position: relative;
}

.totop__icon i:after {
	content: "^";
	position: absolute;
	top: calc(50% + 4px);
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	font-style: normal;
	font-size: 2rem;
}

/* Responsive
---------------------------------------*/

@media (max-width: 1240px) {

	.results__cols {
		width: 100%;
	}
}

@media (max-width: 1080px) {
	.landing__panel--primary {
		background-position: 30% 50%;
		width: calc(100% - 400px - 5%);
	}
	
	.landing__info {
		margin-right: 5%;
	}
}

@media (min-width:900px) and (max-width:1080px) {
	
	.results{
		background-size: 100% auto;
		background-position: 50% 85%;
	}
	
	.results__col--secondary {
		padding-right: 0;
	}
	
	.wishlist {
		background-image: none;
	}
	
	.wishlist__items {
		width: 100%;
		max-height: 200px;
	}
	
	.cta-box__content {
		font-size: 1.6rem;
	}
	
	.cta-box__icon {
		width: 50px;
	}
}

@media (max-width: 960px) {
	.container--inner{
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.landing__roundel {
		width: 180px;
	}
	
	.results {
		background-size: auto 120%;
		background-position: 50% 0;
		padding-top: 40px;
	}
	
	.results .da-disclaimer {
		margin-top: 0;
	}
	
	.results__share, .results__enter {	
		position: relative;
		left: auto;
		bottom: auto;
		margin-top: 40px;
	}

	.results__enter {
		text-align: center;
		margin-top: 10px;
	}

	.results__cols {	
		display: block;
	}
	
	.results__col--primary {
		border-right: none;
		padding-right: 0;
		text-align: center;
	}
	
	.results__col--secondary {
		padding: 0;
		padding-bottom: 5%;
		border-top: 1px solid #fff;
		padding-top: 30px;
	}
	
	.rating {
		padding-bottom: 60px;
	}
	
	.planet-rise-nav {
		background-size: 90% auto;
	}
}

@media (max-width: 700px) {
	.landing__panels, .landing__panel {
		position: relative;
		width: 100%;
	}
	
	.landing__panel {
		height: 300px;
	}
	
	.landing__panel--secondary{
		display: none;
	}
	
	.landing__info {
		width: 100%;
		margin: 0 auto;
		height: auto;
	}
	
	.landing__decor {
		width: 300px;
		margin: 0;
		margin-bottom: 30px;
	}
	
	.landing__intro {
		padding: 20px;
		padding-top: 10px;
		transform: none;
		background-size: 50% auto;
	}
	
	.landing__roundel {
		width: 33%;
	}
	
	.landing__intro__title {
		text-align: left;
		font-size: 4rem;
	}
	
	.screen__header {
		padding-top: 30px;
	}
	
	.howto__col--2 {
		padding-right: 0;
	}

	.howto__icon {
		display: none;
	}
	
	.filter {
		width: 33.3%;
		flex: none;
		border-top: 1px solid #fff;
		padding: 8px;
	}
	
	.filter:nth-child(-n+3){
		border-top: none;
	}
	
	.filter:nth-child(3n+3){
		border-right: none;
	}
	
	.wishlist {
		background-image: none;
	}
	
	.wishlist__items {
		width: 100%;
	}
	
	.cta-box__content {
		font-size: 1.6rem;
	}
	
	.input--mini {
		font-size: 1.7rem;
	}
}

@media (max-width: 530px) {
	
	.countries__subheading {
		display: none;
	}
	
	.search {
		width: 100%;
		max-width: 100%;
	}
	
	.landing__roundel {
		width: 45%;
	}
	
	.howto__cols {
		display: block;
	}
	
	.howto__col {
		padding: 0;
	}
	
	.howto__col--1 {
		border-right: none;
		padding-right: 0;
		margin-right: 0;
		border-bottom: 1px solid #000;
		margin-bottom: 20px;
		padding-bottom: 8px;
	}
	
	.quick-help {
		display: flex;
		flex-wrap: wrap;
	}
	
	.quick-help__col {
		width: 100%; text-align: center;
	}
	
	.map__control {
		display: none;
	}
	
	.map__location {
		display: none;
	}
	
	.map__key {
		display: none;
		position: relative;
		right: auto;
		bottom: auto;
		margin-bottom: 10px;
	}
	
	.map-decor--left {
		display: none;
	}
	
	.map-decor--right {
		height: auto;
		width: 50%;
	}
	
	.popup__buttons {
		display: block;
		margin-top: 20px;
	}
	
	.popup__buttons .button {
		margin: 10px auto;
	}
	
	.share-links, .addthis-inline  {
		text-align: center;
		margin-top: 20px;
	}
	
	.addthis_toolbox {
		transform-origin: center;
	}
	
	.share-links li{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.share-links__head {
		display: block;
		width: 100%;
	}
	
	.planet-rise {
		display: none !important;
	}
	
	.footer__options .trigger--get-results {
		display: inline-flex;
	}
	
	.form__row {
		flex-wrap: wrap;
	}
	
	.lower-nav {
		display: block;
		padding: 10px 0;
	}
	
	.lower-nav__cell {
		padding: 10px 0;
	}
	
	.lower-nav__cell:first-child, .lower-nav__cell:last-child {
		text-align: center;
	}
}

@media (max-width: 500px) {
	
	.landing__decor {
		width: 100%;
		display: none;
	}
	
	
	.landing__intro__title {
		font-size:3rem;
	}
	
	.filter {
		width: 50%;
		border-top: 1px solid #fff !important;
	}
	
	.filter:nth-child(-n+2){
		border-top: none;
	}
	
	.filter:nth-child(3n+3){
		border-right: 1px solid #fff;
	}
	
	.filter:nth-child(2n+2){
		border-right: none;
	}
	
	.results {
		background-position: 50% 0;
		background-size: auto 120%;
	}
	
	.wishlist__items {
		max-height: 200px;
		display: block;
	}
	
	.cta-box__cell--secondary {
		display: none;	
	}

	.rating {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 30px;
	}
	
	.rating__left {
		display: none;
	}
	
	.rating__middle {
		width: 55%;
	}
	
	.rating__da {
		bottom: auto;
		top: 100px;
	}
}

@media (max-width: 380px) {

	.landing__intro {
		padding-bottom: 0;
	}

	.lightbox__content {
		top: 2.5%;
	}

	.popup__body {
		padding: 20px;
	}

	.popup__col--secondary {
		display: none;
	}

	.rating__middle {
		padding-top: 0;
		width: 100%;
	}
	
	.rating__val {
		font-size: 12rem;
	}
	
	.rating__right {
		display: none;
	}
	
	.rating__da {
		bottom: auto;
		right: auto;
		top: auto;
		position: relative;
		margin-top: 20px;
	}
}