/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@font-face {
    font-family: 'Silverstone Text';
    src: url('../fonts/SilverstoneText-Bold.woff2') format('woff2'),
        url('../fonts/SilverstoneText-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Silverstone Text';
    src: url('../fonts/SilverstoneText-Medium.woff2') format('woff2'),
        url('../fonts/SilverstoneText-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Silverstone Display';
    src: url('../fonts/SilverstoneDisplay-Bold.woff2') format('woff2'),
        url('../fonts/SilverstoneDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Silverstone Display Extra';
    src: url('../fonts/SilverstoneDisplay-ExtraBold.woff2') format('woff2'),
        url('../fonts/SilverstoneDisplay-ExtraBold.woff') format('woff');
    font-weight: bolder;
    font-style: normal;
    font-display: swap;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {line-height: 1;
	   font-family: "Silverstone Text", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	   font-size: 1.05em;
	   color: #222;
	   font-weight: 500;
	   background-color: #fff;
	   background-repeat: no-repeat;
	   background-position: center top;
	   background-size: 100%;
}

blockquote, q {quotes: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
sup {
	vertical-align: super;
	  font-size: 47%;
}


/* =============================================== */
/* ! Base     */
/* =============================================== */

.col-100p {
	width: 100%;
	clear: both; 
	overflow: hidden;
}

.four-col {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	overflow:hidden;
	padding:55px 40px 40px 40px;
	background: #ffffff;
}

/* =============================================== */
/* ! Global Styles   */
/* =============================================== */

@-webkit-keyframes fadein {
    from { opacity: 0;  }
    to   { opacity: 1; }
}

@keyframes fadein {
    from { opacity: 0;  }
    to   { opacity: 1; }
}

a {color: #FF0036; text-decoration: none;}
a:hover {text-decoration: underline;}
a:visited {color: #FF0036; text-decoration: underline;}

.cta {
	font-family: 'Silverstone Text',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	width: 100%;
	padding:13px 20px;
	text-align: center;
	text-transform: uppercase;
	clear: both;
	display: block;
	float: left;
	margin: 20px 0;
	color: #fff;
	background: #fd0337;
	font-size: 1em;
	font-weight: 500;
	position: relative;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;	
	
	display: -webkit-box;	
	
	display: -ms-flexbox;	
	
	display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;	
}

	.cta:after {
		content: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 127.5 86.5' viewBox='0 0 127.5 86.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m67.3 0h-8.5l34.3 34.3h-93.1v6h107.6zm-67.3 46.2v6h93.1l-34.3 34.3h8.5l40.3-40.3zm84.3-46.2h-8.5l43.2 43.3-43.2 43.2h8.5l43.2-43.2z' fill='%23fff'/%3E%3C/svg%3E");
		width: 32px;
		display: block;
		margin-left: 15px;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;			
	}
	
	.cta:hover {
		text-decoration: none;
		background: #10069d;
	}
	
	.cta:hover:after {
		-webkit-transform: translateX(4px);
		    -ms-transform: translateX(4px);
		        transform: translateX(4px)
	}
	
	.cta-inline {
		width: auto;
		margin: 0 auto;
	}
	
	.cta-disabled {
		background: #ccc;
		cursor: default;
	}

	.cta-disabled:hover {
		background: #ccc;
	}

	.cta-disabled:hover:after {
		-webkit-transform: translateX(0);
		    -ms-transform: translateX(0);
		        transform: translateX(0)
	}
	
	

p {
	font-size:1.1em; 
	line-height: 155%;
	margin: 0 0 15px 0;
	font-weight: 300;
}

	body.message p {
		font-size: 1.1em;
	}
	
strong {font-weight: bold;}

h1,h2,h3,h4 {
	font-family: 'Silverstone Display Extra',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	letter-spacing: -1px;
	line-height: 125%;
}

h1 {text-transform:uppercase; text-align: center; font-size:3em; line-height: 100%; margin: 0 0 20px 0; font-weight: bolder; color: #10069d; }
h2 {text-transform:uppercase; text-align: center; font-size:2.7em; line-height: 125%; margin: 0 0 20px 0; font-weight: bolder; color: #120531; }

.cont_rich_text h2,
.freeform-column h2 {
	margin-top: 20px;
	margin-bottom:5px;
}

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

h2 strong {font-weight: 900;}

ul, ol {
	padding:0 20px;
	color: #333;
	line-height: 145%;
	margin: 0 0 15px 20px;
}

ul li,  ul ul ul li,
ol li, ol ol li {
	margin: 0 0 3px 0;
	padding:0;
	font-size:1.1em; 
}

table {
	width: 100%;
	clear: both;
	margin: 0 0 20px 0;
}

	table td,
	table th {
		padding: 15px 10px;	
		border: solid 1px #f1f1f1;
	}
	
	table th {
		background: #120531;
		text-transform: uppercase;
		color: #fff;
		font-weight: 700;
	}
	
	.sortable .fui-table {
		margin-top:20px;
		}
	
	.sortable th {
		background:#fff;
		width: 80%;
		vertical-align: middle;
		text-transform: none;
		font-size: 1.2em !important;
		font-weight: 500 !important;
		color: #120531 !important;
	}
		
		.sortable thead th {
			padding:15px 10px !important;
		}
		
		.sortable tbody tr {
			border-top: solid 1px #d1d5db;
			border-bottom: solid 1px #d1d5db;
			cursor: move;
			
			}
		
		.sortable tbody tr:hover th,
		.sortable tbody tr:hover td {
			background: #f1f1f1;
			}
		
		.sortable tbody th {
			position: relative;
		}
		
		.sortable tbody th:before {
			width:13px;
			height:13px;
			vertical-align: text-top;
			margin: 0 10px;
			cursor:move;
			display:inline-block;
			position: relative;;
			content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M27.66 224h264.7c24.6 0 36.89-29.78 19.54-47.12l-132.3-136.8c-5.406-5.406-12.47-8.107-19.53-8.107c-7.055 0-14.09 2.701-19.45 8.107L8.119 176.9C-9.229 194.2 3.055 224 27.66 224zM292.3 288H27.66c-24.6 0-36.89 29.77-19.54 47.12l132.5 136.8C145.9 477.3 152.1 480 160 480c7.053 0 14.12-2.703 19.53-8.109l132.3-136.8C329.2 317.8 316.9 288 292.3 288z'/%3E%3C/svg%3E");
		} 
		
		.sortable input.fui-input {
			margin: 0 !important;
			border:0 !important;
			pointer-events: none !important;
			background: none;
			
			}
			
			.ui-sortable-helper,
			.ui-sortable-helper > * {
		        background:#ccc !important;
		    }
	
.camping-table thead th {
	padding:12px 10px !important;
	background: #10069c;
	color: #fff;
	font-size: 1.1em;
}

.camping-table  {
	margin:0 !important;
}


	.camping-table th,
	.camping-table td {
		width:33%;
	}

		.camping-table select.fui-select {
			margin: 0 !important;
			}

	
/* =============================================== */
/* ! Bulk Order Forms  */
/* =============================================== */

fieldset {
	padding: 0 20px 20px 20px;
	margin: 0 0 20px 0;
	border: solid 1px #b3b3b2;
}

legend {
	padding:10px;
	background: #fff;
	margin: 0 0 0 -10px;
	font-size: 1.2em;
	line-height: 1.3em;
}

.ticketBlock {
	position: relative;
}

.remove-block {
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	left:-17px;
	top: 50%;
	margin-top:-10px;
	border-radius: 50%;
	color: white;
	background: #fd0337;
	text-align: center;
	padding:6px;
	transition: all .2s ease;
}

.remove-block:hover {
	background: #10069d;
	transform: rotate(90deg)
}

.bulk-field-row {
	width: 100%;
	overflow: hidden;
	clear: both;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: top;
}

	.bulk-field-row > * {
		width: 100%;
		max-width: 49%;
	}
	
	.bulk-field-row label {
		font-size: 1em;
	}
	
	.ticketBlock .bulk-field-row > * {
		max-width: 32%;
	}
	
	.bulk-form p {
		font-size: 1em;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	
	.bulk-field-row .hide {
		display: none;
	}
	
	.bulk-form .total {
		pointer-events: none;
	}
	
.bulk-add {
	margin-bottom: 0 !important;
}

.orderDiscount {
	display: inline-block;
	margin-bottom:10px;
}

.orderTotalError {
	display: block;
	widows: 100%;
	padding:10px;
	border: solid 1px red;
	color: red;
	border-radius: 4px;
	margin: 10px 0 0 0;
}

.alert-success {
	width: 100%;
	padding:20px;
	text-align:center;
	border: solid 1px #c3ffc3;
	background: #f7fff7;
}

.alert-success > :last-child {
	margin-bottom:0;
}
	
	
/* =============================================== */
/* ! F1 Tickets Page  */
/* =============================================== */
	
.header-strip-midnight {
	background: #120531;
	padding: 35px 25px;
}

	.header-strip-midnight img {
		width: 100%;
		max-width: 350px;
		padding-left:20px;
		padding-right:20px;
		margin: 0 auto;
		display: block;
	}
	
	ol.ticket-stages {
		list-style-type: none;
		text-align: center;
		width: 100%;
	    max-width: 800px;	
	    display: block;
	    margin: 0 auto;
	}
	
		ol.ticket-stages li {
			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: justify;
		        -ms-flex-pack: justify;
		            justify-content: space-between;
		    -webkit-box-align: center;
		        -ms-flex-align: center;
		            align-items: center;
		}
		
			ol.ticket-stages li h2 {
				color: #120531;
				margin:0;
			}
	
			ol.ticket-stages li a:not(.cta) {
				color: #fd0337;
				text-decoration: underline;
			}
			
			ol.ticket-stages li p {
				color: #636363;
				font-weight: bold;
				font-size: .9em;
				margin: 20px 0 0 0;
			}
			
			ol.ticket-stages li .cta {
				margin: 30px 0 0 0;
			}
			
			ol.ticket-stages li img {
				width:100%;
				max-width: 900px;
				display: inline-block;
				margin: 20px 0 0 0;
			}
			
			.royal-blue {
				color: #10069d;
			}
			
	
	.ticket-stage {
		font-family: 'Silverstone Display Extra',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
		border: solid 4px #10069d;
		border-radius: 50%;
		width: 65px;
		height: 65px;
		text-align: center;
		background: #fff;
		font-size: 1.4em;
		color: #120531;
		margin: 60px 0 20px 0;
		display: inline-block;
		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;
		position: relative;	
		opacity: 0;	
		
		-webkit-animation: fadedown 1s forwards;	
		
		        animation: fadedown 1s forwards;
	}
	
	.stage-2 {
		-webkit-animation-delay: .3s;
		        animation-delay: .3s;
	}
	
	.stage-3 {
		-webkit-animation-delay: .5s;
		        animation-delay: .5s;
	}
	
	.stage-4 {
		-webkit-animation-delay: .7s;
		        animation-delay: .7s;
	}
	
	@-webkit-keyframes fadedown {
	    from { opacity: 0; }
	    to   { opacity: 1; -webkit-transform: translateY(10px); transform: translateY(10px); }
	}
	
	@keyframes fadedown {
	    from { opacity: 0; }
	    to   { opacity: 1; -webkit-transform: translateY(10px); transform: translateY(10px); }
	}	
	
		.ticket-stage:before {
			content: '';
			width: 1px;
			border: dashed 2px #120531;
			height: 55px;
			position: absolute;
			left: 50%;
			top: -55px;
			margin-left:-2px;
		}

	

/* =============================================== */
/* ! Global Layout  */
/* =============================================== */

		
.footer-cont {
	text-align: center;
	padding:20px;
	color: #120531;
}

	.footer-cont :last-child {
		margin-bottom:0;
	}

.logo {
	display: block;
	width: 100%;
	max-width: 150px;
	margin:35px auto 30px auto;
	padding:20px;
}

.form-cont {
    background: #fcfcfc;
    padding: 25px;
    margin: 20px 0;
    clear: both;
    width: 100%;
}

/* Form page banner - set some defaut styles - can be overwriten per page */
.page-banner {
	width: 90%;
    max-width: 500px;
    display: block;
    margin: 0 auto 35px auto;
}

.form-area {
	width: 100%; 
	clear: both;
}

	.freeform-row {
		clear: both;
		overflow: hidden;
	}
	
		label,
		.freeform-label {
			width: 100%;
			float: left;
			text-align: left;
			line-height: 145%;
			padding:4px 0;
			margin:0;
			font-weight: 500;
			color: #110431;
		    font-size: 1.2em;
		}
		
			label em {color:#d6b161;}
			
			p.small { font-size: 1.2em; padding: 0 0 15px 0;}
			
			
		.fui-i {
		   font-family: "Silverstone Text", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; 
		   margin-top:35px !important;
		}
		
		input[type=text],
		input[type=password],
		input[type=email],
		input[type=number]:not(.cur-year),
		input[type=tel],
		input[type=date],
		input[type=file],
		textarea,
		canvas {
		   font-family: "Silverstone Text", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; 
			background: #fff;
			border: solid 1px #b3b3b2 !important;
			padding:16px 15px !important;
			font-size: 15px !important;
			border-radius: 0 !important;
			float: left;
			width: 100%;
			color: #333 !important;
			font-weight: 300;
			-webkit-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
			transition: all 0.2s ease;	
			margin-top:10px !important;
			letter-spacing: .5px;
		}
		
			input[type=text]:focus,
			input[type=password]:focus,
			input[type=email]:focus,
			input[type=number]:focus,
			input[type=date]:focus,
			input[type=tel]:focus,
			input[type=file]:focus,
			textarea:focus {
				border: solid 1px #10069D;
			}
			
		/* Chrome, Safari, Edge, Opera */
		input::-webkit-outer-spin-button,
		input::-webkit-inner-spin-button {
		}
		
		input[type=number]::-webkit-inner-spin-button, 
		input[type=number]::-webkit-outer-spin-button {
		  opacity: 1;
		}
		
		/* Firefox */
		input[type=number] {
		  -moz-appearance: textfield;
		}
		
		.freeform-row select,
		.fui-select,
		select:not(.flatpickr-current-month .flatpickr-monthDropdown-months) {
		    font-family: "SilverstoneText Text", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; 
			width: 100% !important;
			color: #333 !important;
			border-radius: 0 !important;
			background: #fff;
			outline: 0;
			float: left;
			border: solid 1px #b3b3b2 !important;
			height: auto;min-height: 26px;
			margin-top:10px !important;
			font-size: 15px !important;
			padding: 16px 15px !important;
			font-weight:300;
		}
		
		.form-element span {
			color: #333;
			font-size: 1em;
		}
		
		.fui-legend,
		.fui-label {
			width: 100%;
			float: left;
			color: #120531 !important;
			text-align: left;
			font-size:1.2em !important; 
			line-height: 145% !important;
			font-weight: 500 !important;
			padding:4px 0 !important;
			margin:0 !important;
		}
		

		
		.form-element ul,
		.option-container,
		.fui-layout-wrap {
			width: 100%;
			overflow: hidden;
			margin: 15px 0 0 0;
			clear: both;
			float: left;
			display: -webkit-box !important;
			display: -ms-flexbox !important;
			display: flex !important;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
		}		
		
.fui-field-container {
	overflow: hidden;	}	
		
		.fui-layout-wrap { display:block !important}
			
		.form-element ul li,
		.option-container label,
		.fui-radio,
		.fui-radio-label,
		.rating .fui-checkbox-label {
			float: left;
			width: 100%;
			max-width: 49%;
			margin: 0 1% 10px 0 !important;
			border: solid 1px #b3b3b2 !important;
			text-align: center;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
		    padding: 20px 15px;
		    font-weight: 300;
			-webkit-box-flex: 1;
			    -ms-flex-positive: 1;
			        flex-grow: 1;
		    -webkit-transition: all .4s ease;
		    -o-transition: all .4s ease;
		    transition: all .4s ease;
			background:#fff;
		}	
		
		.rating .fui-radio,
		.rating .fui-checkbox {
			width: 9%;
		}	
		
		.rating .fui-checkbox {
			width: 49.3%;
			margin: 0 0 10px 0 !important;
		}	
		
		.rating-3 .fui-checkbox {
			width: 33.33%;
			width: calc(33.33% - 11px);
			margin: 0 16px 10px 0 !important;
		}	
		
		.rating-3 .fui-radio {
			width: 33.33%;
			width: calc(33.33% - 16px);
			margin: 0 16px 10px 0 !important;
		}	
		
		.rating-3 .fui-layout-wrap > :last-child,
		.rating-4 .fui-layout-wrap > :last-child {
			margin-right: 0 !important;
		}	
		
		.rating-4 .fui-checkbox {
			width: 24%;
			width: calc(24% - 1px);
			margin: 0 16px 10px 0 !important;
			flex: 1;
		}	
		
		
		.rating-5 .fui-radio {
			width: 19%;
			margin: 0 4px 15px 4px !important;
		}	
		
		.rating-6 .fui-radio {
			width: 15.66%;
			margin: 0 4px 15px 4px !important;
		}	
		
		.rating .fui-layout-wrap,
		.rating-3 .fui-layout-wrap,
		.rating-4 .fui-layout-wrap,
		.rating-5 .fui-layout-wrap,
		.rating-6 .fui-layout-wrap {
			display: flex !important;
			flex-direction: row;
			justify-content: space-between;
			}
		
		.fui-error .fui-radio,
		.fui-error.rating .fui-checkbox-label {
			border: solid 1px red !important;
		}	
		
		.rating .fui-checkbox-label,
		.rating .fui-radio-label {
			padding: 17px 15px;
		}	
		
			@media only screen and (min-width:0px) and (max-width:480px) {
				
				.form-element ul li, 
				.option-container label, 
				.fui-radio, 
				.fui-radio-label {
					max-width: 100%;	
				}

				.rating .fui-radio {
					width: 19%;
				}	
				
				.fui-layout-horizontal .fui-layout-wrap, .fui-row {
				    display: block !important;
				}				
				
				.rating-3 .fui-radio,
				.rating-3 .fui-checkbox,
				.rating-4 .fui-checkbox {
					width: 100%;
					margin: 0 0 10px 0 !important;
					clear:both;
					float: left;
				}	
				

			}
		
		.fui-field {

		}
		
			.fui-radio {padding: 0 !important;}
			
			.rating .fui-checkbox-label {
				max-width: unset !important;
			}
			.fui-radio-label {
				max-width: unset !important;
				border: 0 !important;
			}
			
			@media only screen and (min-width:0px) and (max-width:480px) {
				.row-of-ten .fui-radio-label {
				padding: 10px 4% !important;		
				}
						
			}
			
			/*.fui-checkbox label:before,*/
			.rating .fui-checkbox label:before,
			.fui-radio label:before {
			    top: 20px !important;
			    left: 50% !important;
			    margin-left: -1px !important;
			    display: none !important;
			    }
			    
			    
			.row-of-ten {
				width: 100%;
			}
			
			.row-of-ten .fui-radio-label {
				padding:20px;
				margin:0 !important;
			}
		
			.row-of-ten .fui-radio {
				max-width: 10% !important;
				margin: 0 !important;
			}
			
				/*.row-of-ten .fui-checkbox label:before,*/
				.row-of-ten .fui-radio label:before {
				    display: none !important;
			    }
			
			.row-of-ten .fui-layout-wrap{
				-ms-flex-wrap: nowrap;
				    flex-wrap: nowrap;
			}





.basic-checkbox .fui-layout-wrap {
	justify-content: space-between;
	display: flex !important;
}

.basic-checkbox .fui-checkbox {
	background: #fff !important;
			border: solid 1px #b3b3b2 !important;
	margin: 0 0 15px 0 !important;
	overflow: hidden;
	width: 49%;
	display: flex;
	cursor: pointer;
}


.basic-checkbox .checked {
	background: #10069d !important;
}

.basic-checkbox .fui-checkbox label {
   padding: 15px;
   flex: 1;
}

.basic-checkbox .fui-checkbox label:before {
    width: 20px;
    height: 20px;
	border: solid 1px #b3b3b2 !important;
	margin-left:2px;
	display: none;
}

.basic-checkbox .fui-layout-wrap >.checked label {
    background: 0  !important;
    border: 0 !important;
}

.checkbox-3 .fui-checkbox {
	width: 32%;
}

	.checkbox-3 .fui-checkbox label {
	   text-align: center;
	   display: flex;
	    flex-direction: column;
	    justify-content: center;
	}
	
		@media only screen and (min-width:0px) and (max-width:520px) { 
			
			.checkbox-3 .fui-checkbox {
				width: 100%;
			}
			
				.checkbox-3 .fui-checkbox label {
				   text-align: center;
				   display: flex;
				    flex-direction: column;
				    justify-content: center;
				}
			
			
			
		}
	


.fui-type-html >div > div :last-child {
	margin-bottom: 0;
}

.fui-i {
	color: #222 !important;
}

		.fui-error .fui-checkbox {
		    color: #ee0021 !important;
		    border-color: #ee0021 !important;
		}

			    

			.option-container label:last-child {
				/*margin-right:0;*/
			}
		
		.form-element ul li:hover,
		.option-container label:hover {
			background: rgb(220, 235, 243);
		}
		
		.fui-radio-label,
		.rating .fui-checkbox-label {
			margin:0 !important;
		}
		
		.form-element ul li.checked,
		.option-container label.checked,
		.fui-layout-wrap >.checked label{
			background: #10069d !important;
			color: #fff;
			border: solid 1px #e2e2e2 !important;
		}
		
		.fui-layout-wrap >.checked label {
			border: 0 !important;
		}	
		
		.rating .fui-layout-wrap >.checked label {
			border: solid 1px #b3b3b2 !important;
			
			}	
		
			.form-element ul li input,
			.option-container label .freeform-input {
				display: block !important;
			    margin: 0 auto 15px auto !important;
			    width: auto;
			}
		.four-col .freeform-row .freeform-column .freeform-instructions {
			color: #5a5a5a;
			font-size: 14px;
		}	
		
		
		.row-of-10-options label {max-width:9%;}
		.row-of-3-options label,
		.row-of-5-options label,
		.row-of-6-options label {max-width:32.33%;}


				
		
.opinion-scale {
	margin-top:15px;
	clear: both;
	width: 100%;
	float: left;
}
	
	.opinion-scale .opinion-scale-scales {
	    display: -webkit-box !important;
	    display: -ms-flexbox !important;
	    display: flex !important;
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: row;
	            flex-direction: row;
	    -webkit-box-pack: justify;
	        -ms-flex-pack: justify;
	            justify-content: space-between;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	    						border-right: solid 1px #e2e2e2 !important;


	}
				
		.opinion-scale .opinion-scale-scales li {
		    -webkit-box-flex: 1;
		        -ms-flex: 1;
		            flex: 1;
		    min-height: 20%;
		}


		.opinion-scale .opinion-scale-scales>* input:checked ~ label {
		    background: rgba(14, 214, 17, 0.2) !important;
		}

		.opinion-scale .opinion-scale-scales>* label:hover {
		    background: rgb(220, 235, 243) !important;
		}
		
		.opinion-scale .opinion-scale-scales>*>label {
			background:#fff;
			border: solid 1px #e2e2e2 !important;
			border-right: 0 !important;
		    font-weight: 300;
		    -webkit-transition: all .4s ease;
		    -o-transition: all .4s ease;
		    transition: all .4s ease;
		    margin:0 !important;
		    font-size: 1.05em;
		    padding: 20px 15px !important;
}


		.has-errors .opinion-scale-scales label {background:#ED0032 !important;}
		.has-errors .opinion-scale-scales {border: solid 1px #ED0032 !important;}

		.form-element ul.field-error li {
			border: solid 1px #ED0032;
			background: #ED0032;
		}			
						
		input.field-error,
		select.field-error,
		.has-errors input[type=file],
		.has-errors input[type=text],
		.has-errors input[type=email],
		.has-errors input[type=number],
		.has-errors textarea,
		.has-errors select,
		.has-errors .option-container label,
		.has-errors canvas,
		.ff-has-errors {border: solid 1px #ED0032 !important;}
		
		.freeform-row .freeform-column .freeform-errors {
			display: none;
		}
		
		.span-error,
		.freeform-form-has-errors,
		.fui-error-message {width: 100%;border: solid 1px #ee0021; background:#fff !important; display: block; clear: both;padding:10px 0; color: red; line-height: 140%; color: #ee0021 !important; font-weight: 500; font-size: 12px;
		}
		
		input#submit,
		button[type=submit],
		button[type=button],
		button.fui-repeater-add-btn {
			font-family: 'Silverstone Display',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
			margin: 0;
			display: block;
			border: 0; outline: 0;
			background: #e80033;
			border-radius: 0 !important;
			cursor: pointer;
			text-transform: uppercase;
			line-height: 100%;
			
			
	padding:13px 20px;
	text-align: center;
	text-transform: uppercase;
	clear: both;
	display: block;
	float: left;
	margin: 20px 0;
	color: #fff;
	background: #fd0337;
	font-size: 1.1em;
	font-weight: 500;
	position: relative;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;	
	display: -webkit-box;	
	display: -ms-flexbox;	
	display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;	
			-webkit-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
			transition: all 0.2s ease;
		}	
		
			button[type=submit]:after ,
			button[type=submit]:after {
				content: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 127.5 86.5' viewBox='0 0 127.5 86.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m67.3 0h-8.5l34.3 34.3h-93.1v6h107.6zm-67.3 46.2v6h93.1l-34.3 34.3h8.5l40.3-40.3zm84.3-46.2h-8.5l43.2 43.3-43.2 43.2h8.5l43.2-43.2z' fill='%23fff'/%3E%3C/svg%3E");
				width: 32px;
				display: block;
				margin-left: 15px;
				-webkit-transition: all 0.4s ease;
				-o-transition: all 0.4s ease;
				transition: all 0.4s ease;			
			}
		
			button[type=submit]:hover,
			button[type=button]:hover {
				text-decoration: none;
				background: #10069d;
			}
			
			button[type=submit]:hover:after,
			button[type=button]:hover:after {
				-webkit-transform: translateX(4px);
				    -ms-transform: translateX(4px);
				        transform: translateX(4px)
			}
		
		.fui-repeater-add-btn {
			width: 100%;
			padding-left:32px !important;
			background: #10069d !important;
		}
				
		.fui-repeater-add-btn:after {
			background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' data-prefix='far' data-icon='plus' class='svg-inline--fa fa-plus fa-w-12' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='white' d='M368 224H224V80c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v144H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h144v144c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V288h144c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z'/%3E%3C/svg%3E") !important;
			top: 14px !important;
			}
			
			
	button:disabled,
			button[disabled]{
			  background-color: #cccccc;
			  color: #666666;
			  pointer-events: none;
			}
		
			
		.fui-row {
		}
		
		.fui-alert {
			border-radius: 0 !important;
		    padding: 2rem !important;
		    line-height: 120% !important;
		    font-size: 1.3em !important;
		    text-align: center !important;
		}


		}	
			
		.fui-alert-error {
		    background: 0  !important;
		    color: #ee0021 !important;
		    border: solid 2px #ee0021 !important;
		    font-size: 18px !important;
		}
		
		.fui-input.fui-error, .fui-select.fui-error {
		    color: #ee0021 !important;
		    border-color: #ee0021 !important;
		}
		
		
		
		.fui-repeater-rows {
			clear: both;
			margin-top:20px;
			}
			
			.fui-repeater-row {
				border-radius:0 !important;
				border: 0 !important;
				padding:0 !important;
				}
				
			.fui-repeater-row .fui-input {
				margin:0 !important;
				}
				
			.fui-repeater-remove-btn {
				top: 27px !important;
				right:15px !important;
				}
				
		button.fui-repeater-add-btn {
			margin-top: 0 !important;
			}

		button.fui-repeater-add-btn:disabled {
			background: #ccc !important;
			}
			
			
		/* left aligned form labels */
			.fui-label-left-input .fui-field-container {
				justify-content: flex-start;
				align-items: center !important;
			}
			
		/* left aligned form labels */
			.fui-label-left-input .fui-field-container .fui-label {
				width: 35%;
			}
			
		
	
		::-webkit-input-placeholder {
		   color: #333 !important;
		}
		
		:-moz-placeholder { /* Firefox 18- */
		   color: #333;  
		}
		
		::-moz-placeholder {  /* Firefox 19+ */
		   color: #333;  
		}
		
		:-ms-input-placeholder {  
		   color: #333;  
		}	
		
		
		@media only screen and (min-width:0px) and (max-width:520px) {
			
			.mob-hide {
				display: none;
			}
			
			.header-cont {
				display: block;
			}
			
			.main-logo {
				width: 30%;
				margin: 15px;
			}
			
			h1 {font-size: 1.5em;}			
			h2 {font-size: 1.3em;}			
			
			.page-banner-inner {
				width: 100%;
				min-width: unset;
				padding:35px;
			}
			
				.page-banner-inner h1 {
					font-size: 1.9em;
				}
			
			.form-element {
				padding-bottom:0;
			}
			
			.freeform-row h2 {
			    line-height: 120%;
			    font-size: 1.3em;
		    }
			
			.freeform-row {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
			}
			
			label, .freeform-label, .opinion-scale .opinion-scale-scales>*>label {
				font-size: 17px !important;
			}
			
			.form-element ul li input, 
			.option-container label .freeform-input {
			    margin: 0 auto 7px auto !important;
			}
		
			.form-element ul,
			.option-container {
				margin-bottom: 0;
				margin-top: 0;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-direction: row;
				        flex-direction: row;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
			}

				.form-element ul li,
				.option-container label {
					min-width: 18%;
				    margin: 10px 1% 0 1%;
				    max-width: 48%;
				}			
			
				.row-of-3-options label,
				.row-of-4-options label,
				.row-of-5-options label,
				.row-of-6-options label {
					margin: 10px 1% 0 1%;
					max-width: 48%;
				}
								
				.row-of-10-options label {
					min-width: unset;
					margin: 10px 1% 0 1%;
					max-width: 18%;
				}
				
				.opinion-scale .opinion-scale-scales>*>label {
				    padding: 10px 10px !important;
				}				

		}		
		

.content-center {
	text-align: center;
}

/* =============================================== */
/* ! Responsive Rules */
/* =============================================== */

@media only screen and (min-width:0px) and (max-width:900px) {
	
.desktop-hide {
	display: block;
}	
	
	body {
		background-size:auto;
	}
	
  .four-col {
  	max-width: 100%;
  	padding: 5%;
	-webkit-box-shadow: none;
	box-shadow: none;

	}
	
	ul, ol {
	padding:0 0;
	margin: 0 0 15px 25px;
}


  
  input {
	  text-align: center !important;
  }
  
	
		.form-element ul li {
			margin-top: 10px;
			margin-bottom: 10px;
		}



  		.form-element ul li label {
			font-size: 1em;
		}

  

	
}