html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	border: none;
	-webkit-overflow-scrolling: touch;
	font-family: Arial, Helvetica, sans-serif;
}
/* NOT SELECTABLE */
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

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

a {
	color: inherit;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	display: block;
	margin-bottom: 25px;
}

h1 {
	font-size: 3.2rem;
	font-weight: 300;
	letter-spacing: 0.5px;
}

h2 {
	font-size: 2.6rem;
	font-weight: 300;
	letter-spacing: 0.4px;
}

h3 {
	font-size: 2.1rem;
	font-weight: 300;
	letter-spacing: 0.3px;
}

h4 {
	font-size: 1.8rem;
	font-weight: 300;
	letter-spacing: 0.2px;
}

h5 {
	font-size: 1.6rem;
	font-weight: 300;
	letter-spacing: 0.1px;
}

h6 {
	font-size: 1.2rem;
	font-weight: 400;
}

p {
	margin: 25px 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

header {
	position: relative;
	padding: 35px 0 25px 0;
	margin: 0 auto 25px auto !important;
	width: 100%;
	max-width: 100%;
}

.header-s {
	height: 200px;
	line-height: 200px;
}

.header-m {
	height: 400px;
	line-height: 400px;
}

.header-l {
	height: 600px;
	line-height: 600px;
}

strong, b {
	font-weight: 600;
}

ul {
}

li {
}

img {
	max-width: 100%;
}

section {
	position: relative;
	margin: 0 auto;
	padding: 75px 0px 50px 0px;
	width: 100%;
	max-width: 100%;
}

.panel {
	width: 100%;
	padding: 15px;
	max-width: 100%;
	margin: 2.5% auto 2.5% auto;
	border-radius: 2px;
}

	.panel h1:first-child,
	.panel h2:first-child,
	.panel h3:first-child,
	.panel h4:first-child,
	.panel h5:first-child,
	.panel h6:first-child,
	.panel img:first-child,
	.panel p:first-child,
	.panel h1:first-child,
	.panel button:first-child {
		margin: 0 0;
	}

	.panel h1,
	.panel h2,
	.panel h3,
	.panel h4,
	.panel h5,
	.panel h6,
	.panel img,
	.panel p,
	.panel h1,
	.panel button, .panel p {
		margin: 25px 0 auto 0;
	}

	.panel hr {
		margin: 10px 0 12.5px 0;
	}

.login-panel {
	position: relative;
	width: 90%;
	max-width: 680px;
	margin: 0 auto;
	text-align: center;
}
/* CONTAINERS */
.container-full {
	width: 90%;
	max-width: 90%;
}

.container-l {
	width: 90%;
	max-width: 1200px;
}

.container-m {
	width: 90%;
	max-width: 960px;
}

.container-s {
	width: 90%;
	max-width: 640px;
}

/* GRIDS */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.col {
	display: block;
	float: left;
	margin: 1% 0 1% 1.2%;
}

	.col:first-child {
		margin-left: 0;
	}

.group:before,
.group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

.group {
	zoom: 1;
}

.s-12 {
	width: 100%;
}

.s-11 {
	width: 91.56%;
}

.s-10 {
	width: 83.13%;
}

.s-9 {
	width: 74.7%;
}

.s-8 {
	width: 66.26%;
}

.s-7 {
	width: 57.83%;
}

.s-6 {
	width: 49.4%;
}

.s-5 {
	width: 40.96%;
}

.s-4 {
	width: 32.53%;
}

.s-3 {
	width: 24.1%;
}

.s-2 {
	width: 15.66%;
}

.s-1 {
	width: 7.233%;
}

/* BREADCRUMBS */
.breadcrumb {
	position: relative;
	width: 100%;
	max-width: 100%;
	padding: 0px 15px;
	height: 75px;
	border-radius: 2px;
	margin: 25px 0;
}

	.breadcrumb a {
		display: inline;
		line-height: 75px;
		margin-right: 25px;
		font-weight: 400;
		letter-spacing: 0.5px;
		font-size: 14px;
	}

		.breadcrumb a:after {
			font-family: 'bluegrass_icons';
			font-size: 8px;
			margin-left: 12.5px;
			content: '\e951';
			position: absolute;
			top: 0px;
			color: #EEE;
			width: 50px;
		}

		.breadcrumb a:last-child:after {
			content: '';
		}
/* BULLET LIST */
.bullet-list ul {
	list-style-type: disc;
	padding: 12.5px 0px;
	display: block;
	list-style-position: inside;
}

.bullet-list li {
	padding-left: 6.25px;
}
/* TABLES */
table {
	width: 100%;
	max-width: 100%;
	border: none;
	text-align: left;
	border-collapse: collapse;
	font-size: 14px;
	margin: 25px 0;
}

th {
	font-size: 16px;
	padding: 12.5px 0px;
	padding-bottom: 12.5px;
	border-bottom: 1px solid #dadada;
	font-weight: 400;
}

td {
	padding: 12.5px 0px;
	font-weight: 400;
}

tbody:before {
	content: '';
	display: block;
	height: 12.5px;
}

tbody:after {
	width: 100%;
	border-bottom: 1px solid #dadada;
}

.highlight-table tr:hover {
	background: #EDEDED;
}

/* ALIGNMENTS & VALIGNS */
.centered {
	margin-left: auto;
	margin-right: auto;
}

.center, .center-to-left, .center-to-right {
	text-align: center;
}

.left, .left-to-center, .left-to-right {
	text-align: left;
}

.right, .right-to-center, .right-to-left {
	text-align: right;
}

.justify {
	text-align: justify;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.valign-container {
	display: table;
}

.valign {
	display: table-cell;
	vertical-align: middle;
}

.spacer-xs {
	position: relative;
	height: 12.5px;
	margin: 0;
	pointer-events: none;
}

.spacer-s {
	position: relative;
	height: 25px;
	margin: 0;
	pointer-events: none;
}

.spacer-m {
	position: relative;
	height: 50px;
	margin: 0;
	pointer-events: none;
}

.spacer-l {
	position: relative;
	height: 75px;
	margin: 0;
	pointer-events: none;
}

.spacer-xl {
	position: relative;
	height: 100px;
	margin: 0;
	pointer-events: none;
}
/* PARALLAX */

header .parallax-window {
	margin: 0px auto;
}

.parallax-window {
	margin: 0 auto;
	position: relative;
	width: 100%;
	max-width: 100%;
	min-height: 200px;
	background: transparent;
}

.parallax-xl {
	height: 800px;
}

.parallax-l {
	height: 600px;
}

.parallax-m {
	height: 400px;
}

.parallax-s {
	height: 250px;
}

.hero {
	padding: 0 0;
	height: 500px;
	overflow: hidden;
}

	.hero .parallax-xl,
	.hero .parallax-l,
	.hero .parallax-m,
	.hero .parallax-s,
	.hero .parallax-window {
		height: 450px;
		line-height: 450px;
	}
/* MENU */
.side-menu, [data-pagination], [data-pagination] li {
	-webkit-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.side-menu {
	position: fixed;
	top: 0px;
	left: -400px;
	height: 100vh;
	width: 380px;
	background: #FFF;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(250,250,250,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0 );
	border: none;
	z-index: 501 !important;
	box-shadow: 0 6px 7px rgba(0,0,0,0.23), 0 4px 6px rgba(0,0,0,0.13);
	-webkit-box-shadow: 0 6px 7px rgba(0,0,0,0.23), 0 4px 6px rgba(0,0,0,0.13);
	overflow-y: scroll;
	font-family: 'Open Sans', sans-serif !important;
}

	.side-menu::-webkit-scrollbar {
		width: 2px;
		height: 2px;
	}

	.side-menu::-webkit-scrollbar-button {
		width: 0px;
		height: 0px;
	}

	.side-menu::-webkit-scrollbar-thumb {
		background: #97999a;
		border: 0px none rgba(255,255,255,0);
		border-radius: 2px;
	}

		.side-menu::-webkit-scrollbar-thumb:hover {
			background: #97999a;
		}

		.side-menu::-webkit-scrollbar-thumb:active {
			background: #97999a;
		}

	.side-menu::-webkit-scrollbar-track {
		background: transparent;
		border: 0px none #ffffff;
		border-radius: 2px;
	}

		.side-menu::-webkit-scrollbar-track:hover {
			background: transparent;
		}

		.side-menu::-webkit-scrollbar-track:active {
			background: transparent;
		}

	.side-menu::-webkit-scrollbar-corner {
		background: transparent;
	}

	.side-menu::-moz-scrollbar {
		width: 2px;
		height: 2px;
	}

	.side-menu::-moz-scrollbar-button {
		width: 0px;
		height: 0px;
	}

	.side-menu::-moz-scrollbar-thumb {
		background: #97999a;
		border: 0px none rgba(255,255,255,0);
		border-radius: 2px;
	}

		.side-menu::-moz-scrollbar-thumb:hover {
			background: #97999a;
		}

		.side-menu::-moz-scrollbar-thumb:active {
			background: #97999a;
		}

	.side-menu::-moz-scrollbar-track {
		background: transparent;
		border: 0px none #ffffff;
		border-radius: 2px;
	}

		.side-menu::-moz-scrollbar-track:hover {
			background: transparent;
		}

		.side-menu::-moz-scrollbar-track:active {
			background: transparent;
		}

	.side-menu::-moz-scrollbar-corner {
		background: transparent;
	}

.close-side {
	left: 0px;
	transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
}

.side-menu ul {
	position: relative;
	list-style-type: none;
	margin: 12.5px auto;
	padding: 0;
	width: 100%;
	color: #545454;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.1px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.side-menu li {
	padding: 20px;
	cursor: pointer;
	color: #545454 !important;
	font-weight: 600 !important;
}

.side-menu li, .side-menu ul {
	-webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

	.side-menu li:after {
		font-family: 'bluegrass_icons';
		content: '\e951';
		float: right;
		color: #545454 !important;
		font-size: 8px;
		transform: translateY(3px);
		-webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	.side-menu li:hover:after {
		transform: translateY(3px) translateX(-8px);
		-webkit-transform: translateY(3px) translateX(-8px);
		-moz-transform: translateY(3px) translateX(-8px);
	}

.side-menu-logo {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 65px auto 0px auto;
	padding: 0px 25px;
	text-align: center;
}

	.side-menu-logo img {
		max-height: 54px;
	}

.side-menu i {
	font-size: 14px;
	margin-right: 10px;
	width: 25px;
}

.side-menu li:hover {
	background: #f2f2f2;
}

.side-menu li:active {
	background: #E6E6E6;
}

.user-profile {
	position: relative;
	margin: 12.5px auto 37.5px auto;
	text-align: center;
}

	.user-profile h3 {
		font-weight: 600;
		font-size: 16px;
		text-align: center;
		color: #414142 !important;
		margin: 12.5px auto 0 auto;
	}

	.user-profile span {
		font-size: 12px;
		display: block;
		font-weight: 700;
		margin: 7.5px auto;
	}

.seperator {
	position: relative;
	margin: 0 auto;
	border: none;
	height: 1px;
	background: rgba(18,18,18,0.5);
	width: 90%;
	max-width: 90%;
}

.behindov {
	z-index: 401 !important;
	opacity: 0;
	pointer-events: none;
	background: rgba(0,0,0,0.75);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

nav {
	position: relative;
	margin: 0 auto;
	z-index: 299;
	width: 100%;
	height: 65px;
	line-height: 65px;
}

.client-logo {
	position: absolute;
	top: 1px;
	right: 18.5px;
	height: 65px;
	padding: 6.25px 0 !important;
	width: 50%;
	max-width: 300px;
	text-align: right;
	display: table;
	table-layout: fixed;
}

.client-logo-inner {
	height: 65px;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	width: 100%;
	max-width: 100%;
}

	.client-logo-inner img {
		max-height: 42.5px;
		height: 42.5px\0;
		margin: 0 0;
		padding: 0 0 0 0;
	}

.dropdown-child,
.dropdown-child-one,
.dropdown-child-two,
.dropdown-child-three,
.dropdown-child-four {
	display: none;
}

	.dropdown-child:after,
	.dropdown-child-one:after,
	.dropdown-child-two:after,
	.dropdown-child-three:after,
	.dropdown-child-four:after {
		content: '' !important;
	}

.dropdown-child,
.dropdown-child-one,
.dropdown-child-two,
.dropdown-child-three,
.dropdown-child-four {
	padding-left: 35px !important;
}

.show-dropdown {
	display: block;
}




.fixed-nav {
	position: fixed;
	top: 0;
	left: 0;
	margin-bottom: 0px;
}

.clearnav {
	position: relative;
	margin: 0 0;
	width: 100%;
	height: 65px;
	margin-bottom: 25px;
	pointer-events: none;
}

.menu-btn {
	text-align: center;
	width: 65px;
	height: 65px;
	font-size: 28px;
	z-index: 300;
	color: #97999a;
	-webkit-transition: all 250ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 250ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 250ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 250ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	cursor: pointer;
	line-height: 65px;
}

.fixed {
	position: fixed;
}

.menu-btn:hover {
	color: #DDD;
}

.fadeov {
	opacity: 1;
	pointer-events: all;
}
/* DIFFERENT COLOURED MENU BUTTONS */


/* OPTIONS */
select {
	min-width: 200px;
	border: none;
	height: 35px;
	font-size: 16px;
	outline: none;
	border-radius: 2px;
	background: #EDEDED;
}

option {
}
/* FORMS */
.inputfield {
	position: relative;
	margin: 25px auto;
	width: 100%;
	max-width: 100%;
}

	.inputfield input {
		outline: none;
		-webkit-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		border: none;
		font-size: 16px;
		width: 100%;
		max-width: 100%;
		padding: 0px 7.5px 7.5px 2.5px;
		border-bottom: 2px solid #A7A8A9;
		font-weight: 400;
		margin: 25px auto;
	}

		.inputfield input:focus {
			border-bottom: 2px solid #696B6C;
		}

/* FOOTER */
footer {
	position: relative;
	padding: 25px 12.5px;
	width: 100%;
	margin: 0 auto;
	max-width: 100%;
	margin: 25px auto;
}


/* BUTTONS */
button {
	border: none;
	border-radius: 2px;
	padding: 12.5px 25px;
	font-weight: 400;
	background: transparent;
	font-size: 14px;
	cursor: pointer;
	outline: none;
	margin: 25px 0;
	-webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.bluegrass-blue-border-button {
	border: 2px solid #1fa2da;
	color: #1fa2da;
}

	.bluegrass-blue-border-button:hover {
		background: #1fa2da;
		color: #FFFFFF;
	}

.grey-border-button {
	border: 2px solid #97999a;
	color: #97999a;
}

	.grey-border-button:hover {
		background: #97999a;
		color: #FFFFFF;
	}

.blue-border-button {
	border: 2px solid #1fa2da;
	color: #1fa2da;
}

	.blue-border-button:hover {
		background: #1fa2da;
		color: #FFFFFF;
	}

.orange-border-button {
	border: 2px solid #dda90d;
	color: #dda90d;
}

	.orange-border-button:hover {
		background: #dda90d;
		color: #FFFFFF;
	}

.red-border-button {
	border: 2px solid #da2c2c;
	color: #da2c2c;
}

	.red-border-button:hover {
		background: #da2c2c;
		color: #FFFFFF;
	}

.green-border-button {
	border: 2px solid #4fb542;
	color: #4fb542;
}

	.green-border-button:hover {
		background: #4fb542;
		color: #FFFFFF;
	}

.cyan-border-button {
	border: 2px solid #32bbc8;
	color: #32bbc8;
}

	.cyan-border-button:hover {
		background: #32bbc8;
		color: #FFFFFF;
	}

.yellow-border-button {
	border: 2px solid #f7ea36;
	color: #f7ea36;
}

	.yellow-border-button:hover {
		background: #f7ea36;
		color: #000000;
	}

.purple-border-button {
	border: 2px solid #5c24c6;
	color: #5c24c6;
}

	.purple-border-button:hover {
		background: #5c24c6;
		color: #FFFFFF;
	}

.brown-border-button {
	border: 2px solid #4e392c;
	color: #4e392c;
}

	.brown-border-button:hover {
		background: #4e392c;
		color: #FFFFFF;
	}

.pink-border-button {
	border: 2px solid #f94e7c;
	color: #f94e7c;
}

	.pink-border-button:hover {
		background: #f94e7c;
		color: #FFFFFF;
	}

.light-grey-border-button {
	border: 2px solid #DADADA;
	color: #DADADA;
}

	.light-grey-border-button:hover {
		background: #DADADA;
		color: #FFFFFF;
	}

.white-border-button {
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
}

	.white-border-button:hover {
		background: #FFFFFF;
		color: #999999;
	}

.button-prev:before {
	font-family: 'bluegrass_icons';
	content: '\e950';
	font-size: 9px;
	position: absolute;
	margin-left: -30px;
	margin-top: 5px;
}

.button-prev {
	padding-left: 50px;
}

.button-next:after {
	font-family: 'bluegrass_icons';
	content: '\e951';
	font-size: 9px;
	position: absolute;
	margin-left: 30px;
	margin-top: 5px;
}

.button-next {
	padding-right: 50px;
}

.btn-1 {
	background: #51748A;
}

.btn-2 {
	background: #4A9473;
}

.btn-3 {
	background: #C7964F;
}

.btn-4 {
	background: #527D37;
}

.btn-5 {
	background: #8A6435;
}

.btn-1, .btn-2, .btn-3, .btn-4, .btn-5 {
	color: #FFFFFF !important;
}


/* SHADOWS */
.depth-1, .depth-2, .depth-3, .depth-4, tr {
	-webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.depth-1 {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.hover-shadow:hover {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.depth-2 {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.depth-3 {
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.depth-4 {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	-webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	-moz-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
/* BACKGROUND COLOURS */
.bg-bluegrass-blue {
	background: #1fa2da;
}

.bg-bluegrass-secondary-blue {
	background: #126094;
}

.bg-vision-blue {
	background: #1d9cd6;
}

.bg-vauxhall-red {
	background: #CE181E;
}

.bg-vauxhall-grey {
	background: #404040;
}

.bg-nissan-red {
	background: #C3002F;
}

.bg-nissan-grey {
	background: #414142;
}

.bg-black {
	background: #000000;
}

.bg-white {
	background: #FFFFFF;
}
/* grey */
.bg-grey-lighten-4 {
	background: #F7F7F7;
}

.bg-grey-lighten-3 {
	background: #DADBDB;
}

.bg-grey-lighten-2 {
	background: #B6B7B8;
}

.bg-grey-lighten-1 {
	background: #A7A8A9;
}

.bg-grey {
	background: #97999A;
}

.bg-grey-darken-1 {
	background: #878A8B;
}

.bg-grey-darken-2 {
	background: #787A7C;
}

.bg-grey-darken-3 {
	background: #696B6C;
}

.bg-grey-darken-4 {
	background: #5A5C5D;
}
/*blue*/
.bg-blue-lighten-4 {
	background: #c0e6f6;
}

.bg-blue-lighten-3 {
	background: #8fd2ef;
}

.bg-blue-lighten-2 {
	background: #50b9e6;
}

.bg-blue-lighten-1 {
	background: #35aee2;
}

.bg-blue {
	background: #1fa2da;
}

.bg-blue-darken-1 {
	background: #1b8ebf;
}

.bg-blue-darken-2 {
	background: #177aa4;
}

.bg-blue-darken-3 {
	background: #14668a;
}

.bg-blue-darken-4 {
	background: #10526f;
}
/*green*/
.bg-green-lighten-4 {
	background: #ccebc9;
}

.bg-green-lighten-3 {
	background: #a6dc9f;
}

.bg-green-lighten-2 {
	background: #76c96b;
}

.bg-green-lighten-1 {
	background: #61c155;
}

.bg-green {
	background: #4fb542;
}

.bg-green-darken-1 {
	background: #459f3a;
}

.bg-green-darken-2 {
	background: #3b8832;
}

.bg-green-darken-3 {
	background: #327229;
}

.bg-green-darken-4 {
	background: #285b21;
}
/*red*/
.bg-red-lighten-4 {
	background: #f6cdcd;
}

.bg-red-lighten-3 {
	background: #ee9d9d;
}

.bg-red-lighten-2 {
	background: #e36060;
}

.bg-red-lighten-1 {
	background: #df4646;
}

.bg-red {
	background: #da2c2c;
}

.bg-red-darken-1 {
	background: #c52323;
}

.bg-red-darken-2 {
	background: #ab1e1e;
}

.bg-red-darken-3 {
	background: #911919;
}

.bg-red-darken-4 {
	background: #771515;
}
/*cyan*/
.bg-cyan-lighten-4 {
	background: #c6edf1;
}

.bg-cyan-lighten-3 {
	background: #99dfe6;
}

.bg-cyan-lighten-2 {
	background: #60cdd7;
}

.bg-cyan-lighten-1 {
	background: #47c5d1;
}

.bg-cyan {
	background: #32bbc8;
}

.bg-cyan-darken-1 {
	background: #2ca4af;
}

.bg-cyan-darken-2 {
	background: #268d97;
}

.bg-cyan-darken-3 {
	background: #20767f;
}

.bg-cyan-darken-4 {
	background: #1a5f66;
}
/*yellow*/
.bg-yellow-lighten-4 {
	background: #fefdeb;
}

.bg-yellow-lighten-3 {
	background: #fcf7b5;
}

.bg-yellow-lighten-2 {
	background: #f9f071;
}

.bg-yellow-lighten-1 {
	background: #f8ed53;
}

.bg-yellow {
	background: #f7ea36;
}

.bg-yellow-darken-1 {
	background: #f6e719;
}

.bg-yellow-darken-2 {
	background: #e7d809;
}

.bg-yellow-darken-3 {
	background: #c9bc08;
}

.bg-yellow-darken-4 {
	background: #aca107;
}
/*orange*/
.bg-orange-lighten-4 {
	background: #fae7ad;
}

.bg-orange-lighten-3 {
	background: #f7d778;
}

.bg-orange-lighten-2 {
	background: #f3c334;
}

.bg-orange-lighten-1 {
	background: #f1bb17;
}

.bg-orange {
	background: #dda90d;
}

.bg-orange-darken-1 {
	background: #c0930b;
}

.bg-orange-darken-2 {
	background: #a37d0a;
}

.bg-orange-darken-3 {
	background: #866708;
}

.bg-orange-darken-4 {
	background: #695106;
}
/*purple*/
.bg-purple-lighten-4 {
	background: #cab5f2;
}

.bg-purple-lighten-3 {
	background: #a886e9;
}

.bg-purple-lighten-2 {
	background: #7d49de;
}

.bg-purple-lighten-1 {
	background: #6a2fd9;
}

.bg-purple {
	background: #5c24c6;
}

.bg-purple-darken-1 {
	background: #501fac;
}

.bg-purple-darken-2 {
	background: #441b92;
}

.bg-purple-darken-3 {
	background: #381678;
}

.bg-purple-darken-4 {
	background: #2c115e;
}
/*pink*/
.bg-pink-lighten-4 {
	background: #ffffff;
}

.bg-pink-lighten-3 {
	background: #fdcedb;
}

.bg-pink-lighten-2 {
	background: #fb89a8;
}

.bg-pink-lighten-1 {
	background: #fa6c92;
}

.bg-pink {
	background: #f94e7c;
}

.bg-pink-darken-1 {
	background: #f83066;
}

.bg-pink-darken-2 {
	background: #f71350;
}

.bg-pink-darken-3 {
	background: #e30843;
}

.bg-pink-darken-4 {
	background: #c6073a;
}
/*brown*/
.bg-brown-lighten-4 {
	background: #b79580;
}

.bg-brown-lighten-3 {
	background: #a3775c;
}

.bg-brown-lighten-2 {
	background: #755642;
}

.bg-brown-lighten-1 {
	background: #624737;
}

.bg-brown {
	background: #4e392c;
}

.bg-brown-darken-1 {
	background: #3a2b21;
}

.bg-brown-darken-2 {
	background: #271c16;
}

.bg-brown-darken-3 {
	background: #130e0b;
}

.bg-brown-darken-4 {
	background: #000000;
}
/* TYPOGRAPHY */
.light {
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
}

.thin {
	font-weight: 300;
}

.medium {
	font-weight: 400;
}

.thick {
	font-weight: 600;
}

.heavy {
	font-weight: 700;
}
/* TEXT COLOURS */
.text-bluegrass-blue {
	color: #1fa2da;
}

.text-bluegrass-secondary-blue {
	color: #126094;
}

.text-vision-blue {
	color: #1d9cd6;
}

.text-vauxhall-red {
	color: #CE181E;
}

.text-vauxhall-grey {
	color: #404040;
}

.text-nissan-red {
	color: #C3002F;
}

.text-nissan-grey {
	color: #414142;
}

.text-black {
	color: #000000;
}

.text-white {
	color: #FFFFFF;
}
/* grey */
.text-grey-lighten-4 {
	color: #F7F7F7;
}

.text-grey-lighten-3 {
	color: #DADBDB;
}

.text-grey-lighten-2 {
	color: #B6B7B8;
}

.text-grey-lighten-1 {
	color: #A7A8A9;
}

.text-grey {
	color: #97999A;
}

.text-grey-darken-1 {
	color: #878A8B;
}

.text-grey-darken-2 {
	color: #787A7C;
}

.text-grey-darken-3 {
	color: #696B6C;
}

.text-grey-darken-4 {
	color: #5A5C5D;
}
/*blue*/
.text-blue-lighten-4 {
	color: #c0e6f6;
}

.text-blue-lighten-3 {
	color: #8fd2ef;
}

.text-blue-lighten-2 {
	color: #50b9e6;
}

.text-blue-lighten-1 {
	color: #35aee2;
}

.text-blue {
	color: #1fa2da;
}

.text-blue-darken-1 {
	color: #1b8ebf;
}

.text-blue-darken-2 {
	color: #177aa4;
}

.text-blue-darken-3 {
	color: #14668a;
}

.text-blue-darken-4 {
	color: #10526f;
}
/*green*/
.text-green-lighten-4 {
	color: #ccebc9;
}

.text-green-lighten-3 {
	color: #a6dc9f;
}

.text-green-lighten-2 {
	color: #76c96b;
}

.text-green-lighten-1 {
	color: #61c155;
}

.text-green {
	color: #4fb542;
}

.text-green-darken-1 {
	color: #459f3a;
}

.text-green-darken-2 {
	color: #3b8832;
}

.text-green-darken-3 {
	color: #327229;
}

.text-green-darken-4 {
	color: #285b21;
}
/*red*/
.text-red-lighten-4 {
	color: #f6cdcd;
}

.text-red-lighten-3 {
	color: #ee9d9d;
}

.text-red-lighten-2 {
	color: #e36060;
}

.text-red-lighten-1 {
	color: #df4646;
}

.text-red {
	color: #da2c2c;
}

.text-red-darken-1 {
	color: #c52323;
}

.text-red-darken-2 {
	color: #ab1e1e;
}

.text-red-darken-3 {
	color: #911919;
}

.text-red-darken-4 {
	color: #771515;
}
/*cyan*/
.text-cyan-lighten-4 {
	color: #c6edf1;
}

.text-cyan-lighten-3 {
	color: #99dfe6;
}

.text-cyan-lighten-2 {
	color: #60cdd7;
}

.text-cyan-lighten-1 {
	color: #47c5d1;
}

.text-cyan {
	color: #32bbc8;
}

.text-cyan-darken-1 {
	color: #2ca4af;
}

.text-cyan-darken-2 {
	color: #268d97;
}

.text-cyan-darken-3 {
	color: #20767f;
}

.text-cyan-darken-4 {
	color: #1a5f66;
}
/*yellow*/
.text-yellow-lighten-4 {
	color: #fefdeb;
}

.text-yellow-lighten-3 {
	color: #fcf7b5;
}

.text-yellow-lighten-2 {
	color: #f9f071;
}

.text-yellow-lighten-1 {
	color: #f8ed53;
}

.text-yellow {
	color: #f7ea36;
}

.text-yellow-darken-1 {
	color: #f6e719;
}

.text-yellow-darken-2 {
	color: #e7d809;
}

.text-yellow-darken-3 {
	color: #c9bc08;
}

.text-yellow-darken-4 {
	color: #aca107;
}
/*orange*/
.text-orange-lighten-4 {
	color: #fae7ad;
}

.text-orange-lighten-3 {
	color: #f7d778;
}

.text-orange-lighten-2 {
	color: #f3c334;
}

.text-orange-lighten-1 {
	color: #f1bb17;
}

.text-orange {
	color: #dda90d;
}

.text-orange-darken-1 {
	color: #c0930b;
}

.text-orange-darken-2 {
	color: #a37d0a;
}

.text-orange-darken-3 {
	color: #866708;
}

.text-orange-darken-4 {
	color: #695106;
}
/*purple*/
.text-purple-lighten-4 {
	color: #cab5f2;
}

.text-purple-lighten-3 {
	color: #a886e9;
}

.text-purple-lighten-2 {
	color: #7d49de;
}

.text-purple-lighten-1 {
	color: #6a2fd9;
}

.text-purple {
	color: #5c24c6;
}

.text-purple-darken-1 {
	color: #501fac;
}

.text-purple-darken-2 {
	color: #441b92;
}

.text-purple-darken-3 {
	color: #381678;
}

.text-purple-darken-4 {
	color: #2c115e;
}
/*pink*/
.text-pink-lighten-4 {
	color: #ffffff;
}

.text-pink-lighten-3 {
	color: #fdcedb;
}

.text-pink-lighten-2 {
	color: #fb89a8;
}

.text-pink-lighten-1 {
	color: #fa6c92;
}

.text-pink {
	color: #f94e7c;
}

.text-pink-darken-1 {
	color: #f83066;
}

.text-pink-darken-2 {
	color: #f71350;
}

.text-pink-darken-3 {
	color: #e30843;
}

.text-pink-darken-4 {
	color: #c6073a;
}
/*brown*/
.text-brown-lighten-4 {
	color: #b79580;
}

.text-brown-lighten-3 {
	color: #a3775c;
}

.text-brown-lighten-2 {
	color: #755642;
}

.text-brown-lighten-1 {
	color: #624737;
}

.text-brown {
	color: #4e392c;
}

.text-brown-darken-1 {
	color: #3a2b21;
}

.text-brown-darken-2 {
	color: #271c16;
}

.text-brown-darken-3 {
	color: #130e0b;
}

.text-brown-darken-4 {
	color: #000000;
}
/* FONT SIZES */
.italic {
	font-style: italic;
}

.uppercase {
	text-transform: uppercase;
}

.text-xxs {
	font-size: 9px;
	line-height: 18px;
}

.text-xs {
	font-size: 10px;
	line-height: 20px;
}

.text-s {
	font-size: 14px;
	line-height: 22px;
}

.text-m {
	font-size: 18px;
	line-height: 26px;
}

.text-l {
	font-size: 21px;
	line-height: 28px;
}

.text-xl {
	font-size: 32px;
	line-height: 40px;
}

.text-xxl {
	font-size: 42px;
	line-height: 48px;
}

.text-xxxl {
	font-size: 46px;
	line-height: 56px;
}

::selection {
	background: #1fa2da;
	color: #FFFFFF;
}

::-moz-selection {
	background: #1fa2da;
	color: #FFFFFF;
}

/* PAGINATION */
[data-pagination] {
	font-size: 16px;
	line-height: 1.8;
	font-weight: 400;
	margin: 25px 0;
	z-index: 0;
}

	[data-pagination] ul {
		list-style-type: none;
		display: inline;
		font-size: 100%;
		margin: 0;
		padding: 15px;
		z-index: 0;
	}

	[data-pagination] i {
		color: #1fa2da;
		font-size: 12px;
	}

	[data-pagination] ul li {
		display: inline-block;
		font-size: 100%;
		width: auto;
		border-radius: 2px;
	}

	[data-pagination] > a {
		font-size: 140%;
	}

	[data-pagination] a {
		color: #1c1c1c;
		font-size: 100%;
		padding: 25px 12.5px;
	}

		[data-pagination] a:focus,
		[data-pagination] a:hover {
		}

	[data-pagination] li.current {
		background: #dadada;
	}

		[data-pagination] li.current:hover {
			background: #dadada;
		}

	[data-pagination] li:hover {
		background: #EDEDED;
	}

	[data-pagination] .disabled,
	[data-pagination] [hidden],
	[data-pagination] [disabled] {
		opacity: .5;
		pointer-events: none;
	}

@media (min-width: 350px) {
	[data-pagination] {
		font-size: 10px;
	}

		[data-pagination] i {
			font-size: 9px;
		}

		[data-pagination] a {
			padding: 25px 5px;
		}
}

@media (min-width: 500px) {
	[data-pagination] {
		font-size: 12px;
	}

		[data-pagination] i {
			font-size: 10px;
		}

		[data-pagination] a {
			padding: 25px 7.5px;
		}
}

@media (min-width: 700px) {
	[data-pagination] {
		font-size: 14px;
	}

		[data-pagination] i {
			font-size: 11px;
		}

		[data-pagination] a {
			padding: 25px 10px;
		}
}

@media (min-width: 900px) {
	[data-pagination] {
		font-size: 16px;
	}

		[data-pagination] i {
			font-size: 12px;
		}

		[data-pagination] a {
			padding: 25px 12.5px;
		}
}
/* HELPERS */
.hide {
	display: none;
}

.hide-on-med-and-up {
	display: none;
}

.hide-on-large-only {
	display: none;
}

.inline {
	display: inline;
}

/* HORIZONTAL LINES */
hr {
	position: relative;
	margin: 25px 0px 0px 0px;
	width: 100%;
	max-width: 100%;
	height: 2px;
	border: none;
	border-radius: 2px;
}

.bluegrass-blue-hr {
	background: #1fa2da;
}

.white-hr {
	background: #FFFFFF;
}

.grey-hr {
	background: #97999a;
}

/* ANIMATIONS */
.fadein {
	opacity: 0;
	animation: fade-in cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
	-webkit-animation: fade-in cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
	-moz-animation: fade-in cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
	-o-animation: fade-in cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
}

.fadeinup {
	opacity: 0;
	animation: fade-in-up cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
	-webkit-animation: fade-in-up cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
	-moz-animation: fade-in-up cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
	-o-animation: fade-in-up cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
}

.fadeindown {
	opacity: 0;
	animation: fade-in-down cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
	-webkit-animation: fade-in-down cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
	-moz-animation: fade-in-down cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
	-o-animation: fade-in-down cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
}

.fadeinleft {
	opacity: 0;
	animation: fade-in-left cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
	-webkit-animation: fade-in-left cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
	-moz-animation: fade-in-left cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
	-o-animation: fade-in-left cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
}

.fadeinright {
	opacity: 0;
	animation: fade-in-right cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
	-webkit-animation: fade-in-right cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
	-moz-animation: fade-in-right cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
	-o-animation: fade-in-right cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
}

@keyframes fade-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

-webkit-keyframes fade-in {
	0%

{
	opacity: 0;
}

100% {
	opacity: 1;
}

}

-moz-keyframes fade-in {
	0%

{
	opacity: 0;
}

100% {
	opacity: 1;
}

}

-o-keyframes fade-in {
	0%

{
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@keyframes fade-in-up {
	0% {
		opacity: 0;
		transform: translateY(50px);
		-webkit-transform: translateY(50px);
		-moz-transform: translateY(50px);
		-o-transform: translateY(50px);
	}

	100% {
		opacity: 1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-o-transform: translateY(0px);
	}
}

-webkit-keyframes fade-in-up {
	0%

{
	opacity: 0;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-o-transform: translateY(50px);
}

100% {
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
}

}

-moz-keyframes fade-in-up {
	0%

{
	opacity: 0;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-o-transform: translateY(50px);
}

100% {
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
}

}

-o-keyframes fade-in-up {
	0%

{
	opacity: 0;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-o-transform: translateY(50px);
}

100% {
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
}

}

@keyframes fade-in-down {
	0% {
		opacity: 0;
		transform: translateY(-50px);
		-webkit-transform: translateY(-50px);
		-moz-transform: translateY(-50px);
		-o-transform: translateY(-50px);
	}

	100% {
		opacity: 1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-o-transform: translateY(0px);
	}
}

-webkit-keyframes fade-in-down {
	0%

{
	opacity: 0;
	transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-o-transform: translateY(-50px);
}

100% {
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
}

}

-moz-keyframes fade-in-down {
	0%

{
	opacity: 0;
	transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-o-transform: translateY(-50px);
}

100% {
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
}

}

-o-keyframes fade-in-down {
	0%

{
	opacity: 0;
	transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-o-transform: translateY(-50px);
}

100% {
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
}

}

@keyframes fade-in-left {
	0% {
		opacity: 0;
		transform: translateX(-50px);
		-webkit-transform: translateX(-50px);
		-moz-transform: translateX(-50px);
		-o-transform: translateX(-50px);
	}

	100% {
		opacity: 1;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
	}
}

-webkit-keyframes fade-in-left {
	0%

{
	opacity: 0;
	transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-o-transform: translateX(-50px);
}

100% {
	opacity: 1;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
}

}

-moz-keyframes fade-in-left {
	0%

{
	opacity: 0;
	transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-o-transform: translateX(-50px);
}

100% {
	opacity: 1;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
}

}

-o-keyframes fade-in-left {
	0%

{
	opacity: 0;
	transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-o-transform: translateX(-50px);
}

100% {
	opacity: 1;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
}

}

@keyframes fade-in-right {
	0% {
		opacity: 0;
		transform: translateX(50px);
		-webkit-transform: translateX(50px);
		-moz-transform: translateX(50px);
		-o-transform: translateX(50px);
	}

	100% {
		opacity: 1;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
	}
}

-webkit-keyframes fade-in-right {
	0%

{
	opacity: 0;
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	-o-transform: translateX(50px);
}

100% {
	opacity: 1;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
}

}

-moz-keyframes fade-in-right {
	0%

{
	opacity: 0;
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	-o-transform: translateX(50px);
}

100% {
	opacity: 1;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
}

}

-o-keyframes fade-in-right {
	0%

{
	opacity: 0;
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	-o-transform: translateX(50px);
}

100% {
	opacity: 1;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
}

}

.delay-xs {
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-o-animation-delay: 0.3s;
}

.delay-s {
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-o-animation-delay: 0.4s;
}

.delay-m {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
}

.delay-l {
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
}

.delay-xl {
	animation-delay: 0.7s;
	-webkit-animation-delay: 0.7s;
	-moz-animation-delay: 0.7s;
	-o-animation-delay: 0.7s;
}

.delay-xxl {
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	-o-animation-delay: 0.8s;
}


/* //////////.. TABLET ..\\\\\\\\\\ */
@media all and (max-width: 920px) {
	/*CONTAINERS*/
	.container-full, .container-l, .container-m, .container-s {
		max-width: 90%;
	}

	hr, button {
		margin: 12.5px 0;
	}
	/* GRIDS */
	.col {
		margin: 1% 0 1% 0%;
	}

	.s-1, .s-2, .s-3, .s-4, .s-5, .s-6, .s-7, .s-8, .s-9, .s-10, .s-11, .s-12 {
		width: 100%;
	}

	/* ALIGNMENTS & VALIGN */
	.center-to-right, .left-to-right {
		text-align: right;
	}

	.center-to-left, .right-to-left {
		text-align: left;
	}

	.left-to-center, .right-to-center {
		text-align: center;
	}

	/*HELPERS*/
	.hide {
		display: none;
	}

	.hide-on-large-only {
		display: initial;
	}

	.hide-on-med-and-up {
		display: none;
	}

	.hide-on-med-and-down {
		display: none;
	}

	.hide-on-large-only {
		display: initial;
	}

	.hide-on-med-only {
		display: none;
	}

	/* MENU */
	.side-menu {
		width: 60%;
	}

	.side-menu {
		left: -60%;
	}

	.close-side {
		left: 0px;
		transition-delay: 0.2s;
		-webkit-transition-delay: 0.2s;
	}

	/* HERO */
	.hero .parallax-xl,
	.hero .parallax-l,
	.hero .parallax-m,
	.hero .parallax-s,
	.hero .parallax-window {
		height: 300px;
		line-height: 300px;
	}
}



/* //////////.. MOBILE ..\\\\\\\\\\ */
@media all and (max-width: 640px) {

	/* HELPERS */
	.hide {
		display: none;
	}

	.hide-on-large-only {
		display: initial;
	}

	.hide-on-med-and-up {
		display: initial
	}

	.hide-on-med-and-down {
		display: none;
	}

	.hide-on-large-only {
		display: initial;
	}

	.hide-on-small-only {
		display: none;
	}
}