/*  ==================================================================================================== */
/*  START LARGE DEVICES, WIDE SCREENS (MIN-WIDTH:993PX)  =============================================== */
/*  ==================================================================================================== */


		/*  ============================================================================================ */
		/*  GENERIC STYLES  ============================================================================ */
		/*  ============================================================================================ */
		
		html	{ font-size:62.5% } /* Sets the base font size of the page to 10px */
		body	{ position:fixed; top:0; right:0; bottom:0; left:0; font-family:'Open Sans', 'Helvetica Neue', helvetica, helve, sans-serif; color:rgba(0,0,0,.87); line-height:1.4; background-color: rgba(42,42,55,0.9); color:white; height:100vh; }
		a 		{ font-weight: 600; color: #3e445c; text-decoration:none; cursor:pointer; }
		a:hover { opacity:0.8; }
		
		ul li { font-size:1.2em; }
		
		button.md-primary.md-fab {
		    background-color: #3e445c !important;
		}
		

		/*  ============================================================================================ */
		/*  BASE STYLES  =============================================================================== */
		/*  ============================================================================================ */

		form {
			display: block;
			max-width: 120rem;
			min-width: 94rem;
			margin: 3rem auto;
		}
		
		.content {
			color:#333;
		}
		
		input[type=number]::-webkit-inner-spin-button, 
		input[type=number]::-webkit-outer-spin-button { 
		  -webkit-appearance: none; 
		  margin: 0; 
		}
		
		.printer, .clearer {
			position: absolute;
			top: 8.6rem;
			font-size: 1.3rem;
			color:#0277bd;
			cursor: pointer;
		}
		
		.printer { right:6.1rem; }
		
		.clearer { right:12rem; }
		
		.printer::before,
		.clearer::before {
			position: absolute;
			top: -2.8rem;
    		right: calc(50% - 1.4rem);			
    		content:"";
			background-repeat: no-repeat;
			background-size: 100%;
			width:2.8rem;
			height:2.8rem;
		}
		
		.printer::before { background-image: url(../images/icon-print.png); }
		
		.clearer::before { background-image: url(../images/icon-clear.png); }
		
		.printer:hover,
		.clearer:hover { opacity:0.8; }
				
		.navBar {
			position: relative;
			font-size: 1.3rem;
			text-align: center;
			margin: 6rem 0 10rem;
			background-color: #3e445c;
			height: 8.1rem;
		}
		
		.next, .previous {
			position: absolute;
			bottom: 2rem;
			font-weight: 600;
			color: #333;
			background: #f9f9f9;
			padding: 1rem 1.25rem;
			border: 1px solid #eee;
			border-radius: 3px;
			cursor: pointer;
			-webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
   			 		transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
		}
		
		.next:hover,
		.previous:hover,
		.next:focus,
		.previous:focus {
			background-color: #333;
			border-color: #333;
			color:#fff;
		}
		
		.next { right:2rem; }
		
		.previous { 
			left:2rem;
			min-width:11rem;
		}
		
		.dot {
			display: inline-block;
			background: #e7e7e7;
			border-radius: 50%;
			margin: 3.3rem 0.3rem 1rem;
			width: 1.4rem;
			height: 1.4rem;
			cursor: pointer;
			-webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
   			 		transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
   			 pointer-events:none;
		}

		.dot.active { background-color: #e74126 }
		
		.dot:focus { background-color:#e74126; }
		
		.pageWrapper.md-padding { padding: 2rem 3.2rem; }

		.md-button:not([disabled]):hover {
			background:#e74126 !important;
		}
		
		/*  ============================================================================================ */
		/*  BOX-CONTENT : BORDER-BOX ELEMENTS  ========================================================= */
		/*  ============================================================================================ */
		
		
		
		
		/*  ============================================================================================ */
		/*  INTRO STYLES  ============================================================================== */
		/*  ============================================================================================ */
		
		.introWrapper { 
			color:white; 
			margin-bottom:5rem;
		}
		
		.introWrapper h1 {
			font-size:2.8rem;
			font-weight:700;
			letter-spacing:-.1rem;
			margin-bottom:0.5rem;
		}
		
		.introWrapper h2 {
			font-size: 2rem;
			font-weight: 400;
			margin: 4.2rem 0 0;
		}
		
		.introWrapper p {
			font-size: 1.6rem;
			font-weight: 400;
			line-height: 1.5;
			width:63rem;
		}
		
		.introWrapper img {
			margin-bottom: 0.4rem;
    		margin-left: -1rem;
    		width: 10rem;
		}
		
		.introWrapper button.addMore {
			margin-bottom: 0;
			background-color: #42a6f4;
			color: #fff;
		}
		
		.introWrapper button.addMore:hover { background-color:#3e445c; }
		
		.contentHeader {
			font-size: 2rem;
			color:#fff;
			background-color: #78909c;;
			padding: 2.4rem 3.2rem;
			border-bottom:initial; 
			border-radius: 2px;
			margin: 2.4rem 0 0;
		}
		
		.contentHeader {
			display:none;
			background-color: #e74126;
			color:#fff;
		}
		
		.content {
			display: block;
			position: relative;
			overflow: hidden;
			background-color: rgba(255,255,255,1);
			padding: 0 3.2rem 6.4rem;
		}		
		
	
		
		/*  ============================================================================================ */
		/*  QUESTION SECTION ELEMENTS  ================================================================= */
		/*  ============================================================================================ */
		
		.questionSection {
			position:relative;
			padding:2.4rem 2rem 0;
		}
		
		.questionSection h2 {
			font-size: 2.4rem;
			font-weight: 800;
			color: #e74126;
			letter-spacing: -0.035rem;
			margin: 2.4rem 0;
		}
		
		#signupButton {
			display: inline-block;
			position: relative;
			font-size: 1.8rem;
			color: #fff;
			line-height: 2.4;
			text-align: center;
			text-decoration: none;
			text-transform: inherit;
			background-color: #e74126;
			padding: 0 2rem;
			margin: 1em;
		}
		
		#signupButton span {
			font-weight:600;
		}
				
		.questionSection p {
			font-size:1.4rem;
			font-weight:400;
			line-height:1.5;
		}
				
		.question {
			background: rgba(200, 222, 255, 0.1);
			padding: 3rem 3rem 1.5rem 3rem;
			border: 1px solid #e8ecf2;
			border-left: 4px solid #3e445c;
			margin: 0 0 3rem;
		}
		
		.question p {
			font-size:1.6rem;
			font-weight:600;
			color: #3e445c;
			margin-bottom:2rem;
		}
		
		.question p span {
			display: block;
			font-size: 1.45rem;
			font-style: italic;
			color: rgba(0,0,0,0.72);
			line-height: 1.5;
			margin-top: 0.25rem;
			max-width: 71rem;
		}
		
		.question div.qanda {
			position: relative;
			font-size: 1.3rem;
			font-weight: 600;
			font-style: italic;
			color: #fff;
			background-color: #4466B2;
			padding-top: 0;
			padding: 1rem 2rem 1rem;
			border-top: 1px solid rgba(67,102,178,0.25);
			margin: 3rem 0 2rem 0;
			max-width: 80rem;
			width: 80rem;
		}
		
		.question div.qanda p {
			font-size:1.3rem;
			color:#fff;
			margin: 1rem 0 0;
		}
		
		.question div.qanda p span { color:#fff; }
		
		.question div.qanda p span {
			display:inline-block;
			font-size:1.3rem;
			font-weight: 600;
    		color: #fff;
		}
		
		.question div.qanda::before {
			position: absolute;
			top: -2.4rem;
			left: 0;
			content: "";
			width: 0;
			height: 0;
			border-bottom: 2.4rem solid #4466B2;
			border-right: 2.4rem solid transparent;
		}
		
		.question p.qanda {
			font-size:1.3rem;
			color: #26588a;
			margin: 1rem 0 2rem;
			cursor:pointer;
		}
		
		.question p.qanda:hover {
			color:#333;
		}
		
		.question p.qanda span {
			position: relative;
			color: #3e445c;
			font-weight: 600;
			padding-top: .65rem;
			padding-right: 2rem;
			border-top: 1px solid rgba(67,102,178,0.25);
			margin: 1rem 0 0 2rem;
			max-width: 80rem;
		}
		
		
		
		.question ul { 
			font-size:1.1rem;
			font-weight:400;
			margin: -1.25rem 0 3.6rem 3rem; 
		}
		
		.question li { 
			font-weight:600;
			margin-bottom:0.35rem; 
		}
		
		.question li span { 
			font-weight:400;
			font-style:italic; 
		}
		
		.addMore-wrapper { margin-top:3.5rem; }
				
		 button.addMore {
			display:inline-blockblock;
			font-size: 1.3rem;
			text-transform:capitalize;
			padding: 0 1.5rem;
			margin: 2rem 1rem 2rem 0;
		}
		
		button.addMore span { font-weight:600; }
		
		button.addMore em {
			display: block;
			position: inherit;
			font-size: 1rem;
			line-height: 0;
			padding: 0 0 1.65rem;
			margin-top:-.3rem;
			min-width: 14.1rem;
		}
		
		p.benchmarkValue {
			display: inline-block;
			font-size: 1.1rem;
			font-weight: 400;
			color: #3f51b5;
			background-color: #fff;
			padding: 0.75rem 0.8rem;
			border: 1px solid #f2f2f2;
			border-radius: 0.4rem;
			margin: 1.15rem 0 2.5rem 0;
			vertical-align: bottom;
			float: right;
		}
		
		p.benchmarkValue span {
			display: inline-block;
			font-weight: 800;
			color: #fff;
			line-height: 1.4;
			text-align: center;
			background-color: #00bcd4;
			padding: 0.4rem 0.8rem;
			border-radius: 0.4rem;
			margin-left: 1.2rem;
			min-width: 4rem;
		}
		
		p.benchmarkValue::before {
			display: inline-block;
			content: "";
			background-image: url(../images/icon-benchmark.png);
			background-repeat: no-repeat;
			background-size: 100%;
			margin: -0.2rem 0.75rem 0 0;
			width: 2rem;
			height: 2rem;
			vertical-align: middle;
		}
		
		
		.helpText {
			display: block;
			position: relative;
			font-size: 1.2rem;
			font-weight: 400;
			color: rgba(2,119,189,1);
			line-height: 1.5;
			text-align: left;
			padding: 0.3rem 3.5rem 0.5rem 0.8rem;
			margin: -1rem 0 3rem;
			width: 25rem;
			border: 1px solid #eceff1;
			border-radius: 0.2rem;
			cursor: pointer;
			box-sizing: border-box;
		}
		
		.helpText::before {
			display: inline-block;
			position: absolute;
			top: 0.3rem;
			right: 0.3rem;
			content: "";
			background-image: url(../images/icon-helpText.png);
			background-repeat: no-repeat;
			background-size: 100%;
			width: 3.6rem;
			height: 3rem;
			vertical-align: middle;
		}
		
		.helpText:hover { opacity:0.8; }
		
		.helpText-wrapper {
			background: rgba(2,119,189,1);
			color: #fff;
			padding: 1.6rem 4rem 4rem;
			box-sizing: border-box;
			margin: 1rem 0 3rem;
		}
		
		.helpText-wrapper h3 {
			font-size: 1.7rem;
			font-weight: 600;
			margin: 2.4rem 0 0.4rem;
		}
		
		.helpText-wrapper p { margin-bottom: 1.2rem; }
		
		span.helpClose {
			display: inline-block;
			text-indent: -500rem;
			background-image: url(../images/icon-close.png);
			background-repeat: no-repeat;
			background-size: 100%;
			margin: -0.5rem -3rem 0 0;
			width: 2.8rem;
			height: 2.8rem;
			vertical-align: middle;
			float: right;
			color: rgba(255,193,7,1);
			cursor:pointer;
		}
		
		.summaryIntro { margin-bottom:2.4rem; }
		
		.summaryIntro h2 { margin-bottom:1.2rem; }
		
		.summaryIntro p { line-height:1.6; }
		
		.summarySection { 
			margin-bottom:6rem;
			overflow:auto;
		}
		
		.summarySection h2 { margin:0 0 2.4rem; }
		
		.summarySection h3 { 
			font-size:2rem; 
			color: #0277bd;
			margin-bottom:1.25rem;
		}
		
		.selectedTrait.question { 
			padding: 2rem 3rem 2rem;
			margin-bottom: 3rem;
		}
		
		.selectedTrait:last-child {
    		margin-bottom: 6.4rem;
		}
		
		.selectedTrait p { 
			font-size:1.3rem;
			font-style:italic;
			margin-bottom:initial; 
		}
		
		.selectedTrait ul { 
    		padding: 0.15rem 0;
    		border-left: 3px solid #0277bd;
   		    margin: 1rem 0 3rem;
    		width: 100%;
		}
		
		.selectedTrait li { 
			display: block;
			font-size: 1.2rem;
			font-weight: 400;
			color: #333;
			line-height: 1.3;
			padding: 0.15rem 0 0.15rem 1.25rem;
			border-radius: 3px;
			margin: 0.5rem 0 0.5rem;
		}
		
		.selectedTrait table {
			background-color: #fff;
			border:1px solid rgba(120, 144, 156, 0.1);
			border-bottom:none;
			margin-top:0.5rem;
			width:100%;
		}
		
		.selectedTrait th {
			font-size:1.1rem;
			font-weight: 600;
			text-align: center;
			color:#fff;
			background-color: #78909c;
			padding: 0.5rem 1rem;
			vertical-align: middle;
		}
		
		.selectedTrait td {
			font-size:1.1rem;
			font-weight: 400;
			text-align: center;
			padding: 1.25rem 1rem;
			border-bottom:1px solid rgba(120, 144, 156, 0.1);
			vertical-align:middle;
		}
		
		.selectedTrait th:first-child,
		.selectedTrait td:first-child {
			text-align: left;
			width:55%;
		}
				
		.traitExplainer { 
			width:40rem;
			float:left; 
		}
		
		.traitReasons { 
			padding-top:3.8rem;
			width:50rem;
			float:right; 
		}
		
		.magicNumber {
			padding: 1rem 0 0 3.2rem;
			border-left: 0.4rem solid rgb(221,44,0);
			margin: -1rem 0 4.6rem;
		}
		
		.magicNumber p {
			font-size: 1.35rem;
			font-weight: 400;
		}
		
		.magicNumber ul {
			list-style-type: disc;
			margin: 0px 0 1.3rem 1.7rem;
		}
		
		.magicNumber li {
			font-weight:400;
			font-style:italic;
			margin-bottom:0.5rem;
		}
		
		.magicNumber md-input-container {
			margin: 3.6rem 0 -0.5rem;
			width:30rem;
		}
		
		.plusSymbol {
			display: inline-block;
			position: relative;
			top: 2.2rem;
			left: .2rem;
			font-size: 1.5em;
			font-weight: 700;
			color: #444;
			line-height: 3.4rem;
			background: #f2f2f2;
			padding-left: 0.5rem;
			border:1px solid #e1e1e1;
			width: 5rem;
			z-index: 100;
    	}
    	
    	.plusSymbol + md-input-container { 
    		margin-left: 0;
    		min-width: inherit;
			width: calc(33% - 7.8rem);
    	}
    	
    	.plusSymbol + md-input-container.md-input-focused label:not(.md-no-float),
    	.plusSymbol + md-input-container.md-input-has-placeholder label:not(.md-no-float),
    	.plusSymbol + md-input-container.md-input-has-value label:not(.md-no-float) { 
    		margin-left:-5.5rem; 
    	}
    	
    	.reCap { margin:2.4rem 0 3.2rem; }
    	
    	ng-map {
			margin: 5rem 0;
		}
		
		.firstProduct,
		.wrongCountry {
			font-size: 1.6em;
			font-weight: 600;
			color: #fff;
			text-align: center;
			background-color: #333;
			padding: .6rem 1em .7rem;
			border-radius: 0.25em;
			margin-bottom: 6rem;
    	}
    	
    	.wrongCountry { background-color:#f44336; }
    	
    	.bookingGrid-table,
    	.extraItems-table,
    	.customFields-table { 
    		margin-bottom:2rem;
    		width:100%; 
    	}
    	
		.customFields-table md-input-container { 
			margin-right:0;
			width:100%; 
		}    	
    	    	
    	.bookingGrid-table tr,
    	.extraItems-table tr,
    	.customFields-table tr {	
    		border-bottom: 1px solid #eee; 
    	}
		
		.bookingGrid-table tbody tr:last-child,
		.extraItems-table tbody tr:last-child,
		.customFields-table tbody tr:last-child { 
			border:none; 
		}
		
		.bookingGrid-table thead th,
		.extraItems-table thead th {
			font-size: 1.1rem;
			text-align: left;
    		padding: 2rem 0 1rem 0;
    		vertical-align: middle;
		}
		
		.customFields-table thead th {
			font-size: 1.3rem;
			color:#333;
			text-align: left;
    		padding: 2rem 0 1rem 0;
    		vertical-align: bottom;
		}
		
		.customFields-table thead th span {
			font-weight:400;
			font-style:italic;
		}
		
		.bookingGrid-table thead th label,
		.extraItems-table thead th label {
			font-weight:600;
		}
		
		.bookingGrid-table thead th.bookTime,
		.bookingGrid-table tbody td.bookTime { 
			text-align:left;
			width:25%;
		}
		
		.bookingGrid-table thead th.bookDisplay,
		.bookingGrid-table tbody td.bookDisplay { 
			text-align: left;
    		padding-right: 2.5%;
    		width: 19.5%;
		}
		
		.bookingGrid-table thead th.bookDay,
		.bookingGrid-table tbody td.bookDay { 
			text-align:center;
			width:4%;
			vertical-align:middle;
		}
		
		.bookingGrid-table thead th.bookStop,
		.bookingGrid-table tbody td.bookStop { 
			text-align:left;
			padding-left:2%;
			width:11%;
		}
		
		.extraItems-table thead th.extraType,
		.extraItems-table tbody td.extraType,		
		.extraItems-table thead th.extraPrice,
		.extraItems-table tbody td.extraPrice,
		.extraItems-table thead th.extraPickup,
		.extraItems-table tbody td.extraPickup { 
			text-align:left;
			padding-left:2%;
			width:17.5%;
		}
		
		.extraItems-table thead th.extraDesc,
		.extraItems-table tbody td.extraDesc  { 
			text-align:left;
			width:51%;
		}
		
		.extraItems-table thead th.extraDesc-transport,
		.extraItems-table tbody td.extraDesc-transport  { 
			text-align:left;
			width:31.6%;
		}
		
		.bookingGrid-table thead th.bookAdd,
		.bookingGrid-table tbody td.bookAdd,
		.extraItems-table thead th.bookAdd,
		.extraItems-table tbody td.bookAdd { 
			text-align:right;
			padding-left:2%;
			width: 9%;
		}
		
		.customFields-table thead th.customAdd,
		.customFields-table tbody td.customAdd { 
			text-align:right;
			width: 9%;
		}
		
		.customFields-table thead th.customQuestion,
		.customFields-table tbody td.customQuestion { 
			text-align:left;
			padding-right:1rem;
			width: 30%;
		}
		
		.customFields-table thead th.customPeople,
		.customFields-table tbody td.customPeople { 
			text-align:left;
			padding-right:1rem;
			width: 15%;
		}
		
		.customFields-table thead th.customInput,
		.customFields-table tbody td.customInput { 
			text-align:left;
			width: 20%;
		}
		
		.customFields-table thead th.customDesc,
		.customFields-table tbody td.customDesc { 
			text-align:left;padding:2rem;
			width: 26%;
		}
		
		.customDesc div {
			position: relative;
			background-color: #4466B2;
			padding: 1.25rem 1.75rem 0.4rem;
			margin-left: 1rem;
		}
		
		.customDesc div::before {
			position: absolute;
			top: 0;
			left: -15px;
			content: "";
			height: 0;
			border-top: 2rem solid #4466B2;
			border-left: 2rem solid transparent;
		}
		
		.customDesc div p {
			font-size: 1.3rem;
			color: #fff;
			margin-bottom: 1rem;
		}
		
		.customList {
    		background-color: #fff;
    		padding: 2rem 1rem 0;
    		border: 1px solid #e0e0e0;
			border-top: none;
			border-right: none;
			margin-left: calc(2% - 0.2rem);
			margin-right: calc(2% - 0.1rem);
			margin-bottom: -.1rem;
			box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.3);
		}
		
		.customList:first-of-type {
			padding-top: 3.2rem;
			border-bottom: none;
			margin-top: -2.5rem;
		}
		
		.customList:last-of-type { 
			text-align: center;
			padding-top: 0;
    		padding-bottom: 1.2rem;
		}
		
		.customList md-input-container {
			margin: 0 0 2rem;
		}
		
		.customList button { 
			margin-top: 0.7rem; 
			width:100%;
		}
		
		.bookingGrid-table tbody td,
		.extraItems-table tbody td {
			text-align: left;
			padding: 1.25rem 0 1.75rem;
			vertical-align: top;
		}
		
		.questionSection .bookingGrid-table md-input-container,
		.questionSection .extraItems-table md-input-container {
			margin: 2rem -0.8rem 0 0;
			min-width: initial;
		}
		
		.questionSection md-input-container.timeSpinner md-select .md-select-value {
    		min-width: inherit;
		}
		
		.questionSection .bookingGrid-table tbody td.bookDay md-checkbox { 
			margin-bottom:0; 
		}
		
		.questionSection .bookingGrid-table tbody td.bookAdd button.md-button,
		.questionSection .extraItems-table tbody td.bookAdd button.md-button,
		.questionSection .customFields-table tbody td.customAdd button.md-button {
			display: inline-block;
		    font-size: 2rem;
		    color: rgba(255,255,255,0.87);
			line-height: 0;
			background-color: #42a6f4;
			padding: 0;
			border-radius: 50%;
			margin: 2.8rem 0 0 .2rem;
			min-width: 2.6rem;
			min-height: 2.6rem;
			width: 2.6rem;
			height: 2.6rem;
			    -webkit-transition: all .3s cubic-bezier(.55,0,.55,.2);
				transition: all .3s cubic-bezier(.55,0,.55,.2);
				-webkit-transition-property: background-color,-webkit-transform;
				transition-property: background-color,-webkit-transform;
				transition-property: background-color,,transform;
				transition-property: background-color,transform,-webkit-transform;
		}
		
		.questionSection .bookingGrid-table tbody td.bookAdd button.md-button:hover,
		.questionSection .extraItems-table tbody td.bookAdd button.md-button:hover,
		.questionSection .customFields-table tbody td.customAdd button.md-button:hover {
			background-color:#3e445c;
		}
		
		.questionSection .bookingGrid-table tbody td.bookAdd button.md-button.md-button.md-secondary,
		.questionSection .extraItems-table tbody td.bookAdd button.md-button.md-button.md-secondary,
		.questionSection .customFields-table tbody td.customAdd button.md-button.md-secondary {
			color: rgb(255,255,255);
    		background-color: rgb(255,87,34);
		}
		
		.questionSection .bookingGrid-table tbody td.bookAdd button.md-button.md-button.md-secondary:hover,
		.questionSection .extraItems-table tbody td.bookAdd button.md-button.md-button.md-secondary:hover
		.questionSection .customFields-table tbody td.customAdd button.md-button.md-secondary:hover {
			background-color: #f4511e;
		}
		
		
		.questionSection .extraItems-table tbody td md-input-container  { 
			margin-right:0;
			width:100%; 
		}
		
		.questionSection .bookingGrid-table tbody td button.md-button span,
		.questionSection .extraItems-table tbody td button.md-button span,
		.questionSection .customFields-table tbody td button.md-button span {
			font-weight: 400;
		}
		
		.questionSection .bookingGrid-table tbody td button.md-button.md-secondary span,
		.questionSection .extraItems-table tbody td button.md-button.md-secondary span,
		.questionSection .customFields-table tbody td button.md-button.md-secondary span {
			position: relative;
    		top: -0.18rem;
		}
		
		.regionPicker { margin:3rem 0 -2.4rem; }
		
		.photoError {
			font-size: 1.1rem;
			color: rgb(221,44,0);
			padding: .6rem 0 0;
			border-top:4px solid rgb(221,44,0);
			margin: .8rem .8rem 2rem;
			width: calc(25% - 16px);
		}
		
		.minSize-error.md-title  { 
			color: rgb(221,44,0);    
    		padding-top: 0.6rem;
    		border-top: 4px solid rgb(221,44,0);
    		margin-top: -1.2rem;
		}
		
		.minSize-error.md-subhead  { 
			font-size: 1.2rem;
			color: rgb(221,44,0);
    		line-height: 2rem;
    		margin-top:-.6rem;
    	}
    	
    	.photoPlaceholder {
    		background-color:#eee;
    		height:18.2rem;
    	}
    	
    	.bullet-point {
			display: inline-block;
			background: #3e445c;
			border-radius: 50%;
			margin: 1.2rem 1.5rem 0 0;
			width: 1.2rem;
			height: 1.2rem;
			float: left;
			-webkit-transition: background-color 1s cubic-bezier(.25,.8,.25,1);
    		transition: background-color 1s cubic-bezier(.25,.8,.25,1);
		}
		
		md-input-container.listInputs { flex-grow: 1; }
		
		md-input-container.listInputs input { width:calc(100% - 3rem); }
		
		.fabSpacer { 
			display:inline-block;
			width:5.6rem;
			height:5.6rem;
		}
		
		.miniFab-spacer { 
			display:inline-block;
		    font-size: 2rem;
			line-height: 0;
			padding: 0;
			border-radius: 50%;
			margin: 2rem 0 0 .2rem;
			min-width: 2.6rem;
			min-height: 2.6rem;
			width: 2.6rem;
			height: 2.6rem;
			vertical-align: middle;
		}
		
		.wideInputs { width: 100%; }
		
		.checkBox-row { margin: 4rem 0 1rem; }
		
		.checkBox-row md-checkbox .md-label { min-width: 14rem; }
		
		md-checkbox.withDescription { margin-top: -1.8rem; margin-bottom:3rem; }
		
		md-checkbox.withDescription .md-label { margin-top: 1.8rem; }
		
		md-checkbox.withDescription .md-label span { font-weight: 600; }
		
		md-checkbox.withDescription .md-label span.labelDescription {
			display: block;
			font-size: 1.15rem;
			font-weight: 400;
			margin-right: 1rem;
			width: 25rem;
		}
				
		.questionSection .promoSchedule-table md-input-container { width: 100%; }
		
		.promoSchedule-table tr { border-bottom: 1px solid #eee; }
		
		.promoSchedule-table th {
        	color: #fff;
        	background-color: #34495e;
			padding: 1rem 1.2rem 1rem;
			border-right: .1rem solid #555;
			width:13%
		}
		
		.promoSchedule-table tr th:first-of-type {
			width:9%
		}
				
		.promoSchedule-table td {
    		background-color: #fcfcfc;
    		padding: 1rem 1rem 0;
    		border-top: .1rem solid #dfdfdf;
    		border-right: .1rem solid #dfdfdf;
    		width:13%;
    		vertical-align:top;
		}
		
		.promoSchedule-table tr td:first-of-type { 
			font-size:1.35rem;
			color:rgba(0,0,0,.87);
			background-color: #eee;
			padding: 0 1rem 0; 
			width:9%;
			vertical-align:middle;
		}
		
		.promoSchedule-table td md-input-container label,
		.promoSchedule-table td md-input-container label,
		.promoSchedule-table td md-input-container label {
    		font-weight:800 !important;
		}
		
		td.minordeal 	{ background:#f90; border-color:#f70; }
		td.deal 		{ background:#f60; border-color:#f40; }
		td.greatdeal 	{ background:#f30; border-color:#f10; }
		
		.promoSchedule-table td.minordeal,
		.promoSchedule-table td.deal,
		.promoSchedule-table td.greatdeal {
    		position:relative;
    		padding: 1rem 3rem 0 1rem;
		}
		
		.promoSchedule-table td.minordeal::before,
		.promoSchedule-table td.deal::before,
		.promoSchedule-table td.greatdeal::before {
    		position: absolute;
			top: -0.1rem;
			right: -0.1rem;
			content: "";
			background-image: url(https://www.bookme.co.nz/bookings/images/deal.png);
			background-size: 100%;
			width: 2rem;
			height: 5.2rem;
		}
		
		.promoSchedule-table td.minordeal md-input-container label,
		.promoSchedule-table td.deal md-input-container label,
		.promoSchedule-table td.greatdeal md-input-container label {
    		color:#fff !important;
    		font-weight: 600 !important;
		}
		
		md-input-container.currencySymbol {
    		position:relative;
		}
		
		md-input-container.md-input-focused.currencySymbol .md-input,
		md-input-container.md-input-focused.md-input-invalid.currencySymbol .md-input,
		md-input-container.md-input-has-value.currencySymbol .md-input,
		.extraItems-table md-input-container.currencySymbol .md-input,
		.promoSchedule-table md-input-container.currencySymbol .md-input {
    		padding-left: 1.4rem;
		}
		
		md-input-container.md-input-focused.currencySymbol::before,
		md-input-container.md-input-focused.md-input-invalid.currencySymbol::before,
		md-input-container.md-input-has-value.currencySymbol::before,
		.extraItems-table md-input-container.currencySymbol::before,
		.promoSchedule-table md-input-container.currencySymbol::before {
    		display: block;
			position: absolute;
			left: 3px;
			top: 3px;
			content: "\0024";
			font-size: 1.25rem;
			color: #555;
			text-align: center;
			line-height: 2.6;
			padding-left:.2rem;
			width: 1.5rem;
			height: 3.4rem;
			z-index: 1;
		}
		
		md-input-container.md-input-focused.currencySymbol.euro::before,
		md-input-container.md-input-focused.md-input-invalid.currencySymbol.euro::before,
		md-input-container.md-input-has-value.currencySymbol.euro::before,
		.extraItems-table md-input-container.currencySymbol.euro::before,
		.promoSchedule-table md-input-container.currencySymbol.euro::before {
			content: "\20ac";
		}
		
		md-input-container.md-input-focused.currencySymbol.ukPound::before,
		md-input-container.md-input-focused.md-input-invalid.currencySymbol.ukPound::before,
		md-input-container.md-input-has-value.currencySymbol.ukPound::before,
		.extraItems-table md-input-container.currencySymbol.ukPound::before,
		.promoSchedule-table md-input-container.currencySymbol.ukPound::before {
			content: "\00a3";
		}
		
		p.commisionNotes {
			font-size: 1.1rem;
			color: #666;
			padding-left:1rem;
			margin-top: 2rem;
		}
		
		p.commisionNotes::before {
			display: inline-block;
			content: "*";
			margin-left: -1rem;
			margin-right: .5rem;
		}
		
		
		.response { margin: 5rem 0; }
		
		md-slider-container  { 
			position:relative; 
			margin-top: -.5rem;
			margin-bottom:4rem;
		}
				
		md-slider-container span.lower,
		md-slider-container span.same,
		md-slider-container span.higher {
			display: inline-block;
			position: absolute;
			bottom: -1.4rem;
			font-size: 1.1rem;
			color: #000;
			text-align: center;
			text-transform: uppercase;
			width: 13rem !important;
			max-width: inherit !important;
			height: auto !important;
		}
		
		md-slider-container span.lower 	{ left:.4rem; text-align:left; }
		md-slider-container span.same 	{ left:calc(50% - 6.5rem); }
		md-slider-container span.higher { right:.4rem; text-align:right; }
		
		
		.md-slider-content::before {
			display: block;
			position: absolute;
			bottom: -4.5rem;
			content: "";
			background: linear-gradient(to right, 
				rgba(255,51,0,1) 0%, 
				rgba(255,51,0,1) 10%, 
				rgba(255,102,0,1) 30%, 
				rgba(255,153,0,1) 60%, 
				rgba(252,252,252,1) 90%, 
				rgba(252,252,252,1) 100%);
			border: 1px solid #eee;	
			width: 100%;
			height: 1.8rem;
		}
		
		.md-slider-content::before { background-color: #ddd; }
		
		.response md-slider.md-default-theme.md-primary .md-thumb:after, .response md-slider.md-primary .md-thumb:after {
			border-color: #42a6f4;
			background-color: #42a6f4;
		}
	
		.response md-slider.md-default-theme .md-track, 
		.response md-slider .md-track,
		.response md-slider.md-default-theme.md-primary .md-track.md-track-fill, 
		.response md-slider.md-primary .md-track.md-track-fill {
			display:none;
			background-color: #ddd;
		}
		
		p.trafficLight {
			display: inline-block;
			font-size: 3.4rem;
			font-weight: 800;
			color: #fff;
			background-color: #b71c1c;
			padding: 1rem 2rem;
			border-radius: 5px;
		}
		
		p.trafficLight.yesYes 		{ background-color: #43a047; }
		p.trafficLight.maybeBaby 	{ color: #4c2704; background-color: #ffa726; }
		p.trafficLight.yeahNay 		{ background-color: #b71c1c; }
		
		
		
		
		
		/*  ============================================================================================ */
		/*  MULTISLIDER STYLES  ======================================================================== */
		/*  ============================================================================================ */
	
			.multiSlider {
				margin:4.8rem 0 0;
				height:4.8rem;
			}
	
			.multiSlider .md-slider-wrapper {
				outline: none;
				height: 100%; 
				width: 100%;
		
			}
	
			.multiSlider .md-slider-content { position: relative; }
	
			.multiSlider .md-track-container {
				position: absolute;
				top: 2.3rem;
				height: 0.2rem; 
				width: 100%;
		
			}
	
			.multiSlider .md-track {
				position: absolute;
				right: 0;
				left: 0;
				height: 100%; 
			}
	
			.multiSlider .md-track-fill {
				-webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
						transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
				-webkit-transition-property: width, height;
						transition-property: width, height; 
			}
	
			.multiSlider .md-track-ticks {
				position: absolute;
				right: 0;
				left: 0;
				height: 100%; 
			}
	
			.multiSlider .md-thumb-container {
				position: absolute;
				top: 50%;
				left: 0;
				-webkit-transform: translate3d(-50%, -50%, 0);
						transform: translate3d(-50%, -50%, 0);
				-webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
						transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
				-webkit-transition-property: left, right, bottom;
						transition-property: left, right, bottom; 
			}
	
			[dir=rtl] md-slider .md-thumb-container {
				right: 0;
				left: auto;
			}
	
			.multiSlider .md-thumb {
				position: absolute;
				top: 1.4rem;
				left: -1rem;
				background-color:#fff;
				width: 3.5rem;
				cursor:pointer;
				height: 3.5rem;
				border-radius: 2rem;
				-webkit-transform: scale(0.7);
						transform: scale(0.7);
				-webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
						transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); 
				opacity:1;
				z-index: 1;
			}
	
			[dir=rtl] md-slider .md-thumb {
				right: -1rem; 
				left: auto;
			}
		
			.multiSlider .md-thumb::before {
				position: absolute;
				content:'';
				left:0;
				border-radius: 2rem;
				border:0.3rem solid #1fbcd2;
				-webkit-transition: inherit;
						transition: inherit;
				height: 3.5rem;
				width: 3.5rem;
			}


			span.md-thumb-text {
				transform: rotate(315deg);
				display: inline-block;
				width: 6rem;
				top: -16px;
				left: -4px;
				position: relative;
				text-align: left;
			}
		
		


/*  ==================================================================================================== */
/*  END LARGE DEVICES, WIDE SCREENS (MIN-WIDTH:993PX)  ================================================= */
/*  ==================================================================================================== */

.printonly {
	display:none;
}		

		
@media print {
	@page {size: portrait}

		body { background-color:initial; }
		
	.printonly { display:block;	}
	
    .noprint { display:none !important; }
    
    
    .md-track-container {
    	-webkit-print-color-adjust: exact;
    	background:black !important;
    }
    
    h1 {
    	color:black;
    	font-size:3em;
    	text-decoration:underline;
    	margin-bottom:1.5rem;
    }

    h2, h3 {
    	color:black !important;
    }
    
    h2 span {
    	display: block;
		font-size: 1.3rem;
    	font-style: italic;
    	}
	
    .question label {
    	color:black !important;
    }
    .traitReasons {
    	display:block !important;
    	float:left !important;
    }
    
    .traitReasons  th {
    	color:black;
    	background:white;
    }
    
    .questionSection {
    	border-bottom: none;
    }
    
	.questionSection img {
		margin-top: 2rem;
		width: 10rem;
		float: right;
	}
    
    .question { 
    	background:initial;
    	padding:3rem 0 0; 
       	border-top:1px solid #eee;
    }  
    p.benchmarkValue { color: #000; }
    
    p.benchmarkValue::before { display:none; }
    
    p.benchmarkValue span { background-color: #777; }
    
    .selectedTrait ul {	border-left: 3px solid #ddd; }
    
    .selectedTrait table {
			background-color: #fff;
			border:1px solid #ddd;
	}
	
	.traitExplainer { width:80%; }
	
	.selectedTrait.question { padding: 2.4rem 0 0;	}
	
	.traitReasons {	padding-top: 1rem; }
	
	.selectedTrait td, th {	border-bottom:1px solid #ddd; }
	
	.selectedTrait { break-inside: avoid; } 
	
	
	
	.notesWrapper {
		padding-bottom:2.4rem;
		border-bottom:1px solid #ddd;
	}
	

}