/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, /* 1 */
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}



/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/

.cbn_price_drop {
	font-size: 2rem;
	line-height: 1;
	color: #666666;
	font-family: 'Montserrat', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 0;
	font-weight: 600;
	text-decoration: line-through;
}
.cbn_price_drop_wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 5px 0px;
}
.cbn_discount-price {
	margin: 0px 0px 0px 10px;
	color: red;
}

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.container-fluid, .container {
	margin: 0px auto;
}

.col-1,  .col-2,  .col-3,  .col-4,  .col-5,  .col-6,  .col-7,  .col-8,  .col-9,  .col-10,  .col-11,  .col-12 {
	width: 100%;
	margin: 0px 0px 20px 0;
	float: none;
}

.container, .container-large, .container-small {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

.container-small{
	max-width: 800px;
}


@media (min-width: 768px) {
	.grid-offset{
		margin-left: -0.83333333333333%;
		margin-right: -0.83333333333333%;
	}

	.container {
		width: 750px;
	}
	
	.col-1 {
		width: 8.6666666666667%;
	}
	.col-2 {
		width: 13%;
	}
	.col-3 {
		width: 21.333333333333%;
	}
	.col-4 {
		width: 29.666666666667%;
	}
	.col-5 {
		width: 38%;
	}
	.col-6 {
		width: 46.333333333333%;
	}
	.col-7 {
		width: 54.666666666667%;
	}
	.col-8 {
		width: 63%;
	}
	.col-9 {
		width: 71.333333333333%;
	}
	.col-10 {
		width: 79.666666666667%;
	}
	.col-11 {
		width: 88%;
	}
	.col-12 {
		width: 96.333333333333%;
	}
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
		margin-left: 1.83333333333333%;
		margin-right: 1.83333333333333%;
		margin-bottom: 0;
		float: left;
		display: block;
	}
	
}

@media (min-width: 992px) {
	.container {
		width: 960px;
	}
	
}

@media (min-width: 1200px) {
	.container{
		width: 1140px;
	}
}

.example-grid{
	background: #ccc;
	margin-bottom: 20px;
}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */

/*
font-family:'Proxima N W01 Light';
font-family:'Proxima N W01 Smbd';
font-family:'Proxima N W01 Reg';

 */

html {
	font-size: 62.5%;
}
body {
	font-size: 1.4em; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.4;
	font-weight: 400;
	font-family: 'Proxima N W01 Reg', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333;
}
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Proxima N W01 Smbd', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-top: 0;
	margin-bottom: 2.5rem;
	font-weight: 400;
	color: #00245D;
}
h1,.h1 {
	font-size: 3.0rem;
	line-height: 1.2;
}
h2,.h2 {
	font-size: 2.5rem;
	line-height: 1.25;

}
h3,.h3 {
	font-size: 2.0rem;
	line-height: 1.3;
	color: #333;
}
h4,.h4 {
	font-size: 1.5rem;
	line-height: 1.35;
	font-family: 'Proxima N W01 Smbd', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h5 {
	font-size: 1.4rem;
	line-height: 1.5;
}
h6 {
	font-size: 1.3rem;
	line-height: 1.6;
	letter-spacing: 0;
}

p, li{
	font-size: 1.rem;
	margin-top: 0;
}

li{
	list-style: disc;
}

strong{
	font-weight: normal;
	font-family: 'Proxima N W01 Smbd', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

blockquote{
	font-size: 2.2rem;
}

/* Larger than phablet */
@media (min-width: 768px) {
	h1,.h1 {
		font-size: 2.4rem;
	}
	h2,.h2 {
		font-size: 3.0rem;
	}
	h3,.h3 {
		font-size: 2.4rem;
	}
	h4,.h4 {
		font-size: 1.7rem;
	}
	h5 {
		font-size: 2.4rem;
	}
	h6 {
		font-size: 1.5rem;
	}
	p, li{
		font-size: 1.7rem;
	}
}


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
	color: #2E72B0;
	text-decoration: none;
	transition: 0.5s;
}
a:hover {
	color: #333;
}



/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
	display: inline-block;
	height: 40px;
	padding: 0 20px 0 20px;
	color: #00245D;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	font-family: 'Proxima N W01 Reg', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 38px;
	letter-spacing: 0rem;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border-radius: 60px;
	border: 1px solid #00245D;
	cursor: pointer;
	box-sizing: border-box;
	transition: 0.5s;
	text-transform: uppercase;
}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
	color: #2E72B0;
	border-color: #2E72B0;
	outline: 0;
}
.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {
	color: #FFF;
	background-color: #00245D;
	border-color: #00245D;
}
.button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus {
	color: #FFF;
	background-color: #2E72B0;
	border-color: #2E72B0;
}
/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
	height: 38px;
	padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: #E6E6E6;
	border: 1px solid #ccc;
	border-radius: 2px;
	box-shadow: none;
	box-sizing: border-box;
	width: 100%;
	max-width: 600px;
	color: #333;
	font-family: 'Proxima N W01 Reg', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

  input[type=number] {
	  -moz-appearance:textfield;
  }

/* Removes awkward default styles on some inputs for iOS */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
textarea {
	min-height: 65px;
	padding-top: 6px;
	padding-bottom: 6px;
}
input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
	border: 1px solid #33C3F0;
	outline: 0;
}
label, legend {
	display: block;
	margin-bottom: .5rem;
	font-weight: 600;
}

legend{
	font-size: 2rem;
	margin-bottom: 20px;
}

.checkbox label{
	display: inline-block;
	margin-left: 10px;
}

fieldset {
	padding: 0;
	border-width: 0;
}
input[type="checkbox"], input[type="radio"] {
	display: inline;
}
label > .label-body {
	display: inline-block;
	margin-left: .5rem;
	font-weight: normal;
}

.input{
	margin-bottom: 1.5rem;
}

.error label{
	font-family: 'Proxima N W01 Smbd', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.error-message{
	padding: 10px;
	font-size: 1.4rem;
	background: #f9e4e5;
	border: 1px solid #ed1c24;
	color: #ed1c24;
	margin-bottom: 1rem;
}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
	list-style: circle inside;
}
ol {
	list-style: decimal inside;
}
ol, ul {
	padding-left: 2rem;
	margin-top: 0;
}
ul ul, ul ol, ol ol, ol ul {
	margin: 1.5rem 0 1.5rem 1.5rem;
	font-size: 90%;
}
li {
	margin-bottom: 1rem;
}
/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
	padding: .2rem .5rem;
	margin: 0 .2rem;
	font-size: 90%;
	white-space: nowrap;
	background: #F1F1F1;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
}
pre > code {
	display: block;
	padding: 1rem 1.5rem;
	white-space: pre;
}
/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table{
	width: 100%;
	border-collapse: collapse;
}
th, td {
	padding: 12px 15px;
	text-align: left;
	border-bottom: 1px solid #E1E1E1;
	font-size: 1.6rem;
}
th{
	background: #e6e6e6;
}

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button, .button {
	margin-bottom: 1rem;
}
input, textarea, select, fieldset {
	margin-bottom: 0.5rem;
}
pre, blockquote, dl, figure, table, p, ul, ol, form {
	margin-bottom: 2.5rem;
}
/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.alignright, .floatright{
	float: right;
	margin: 0px 0px 20px 20px;
	clear: both;
}

.alignleft, .floatleft{
	float: left;
	margin: 0px 20px 20px 0px;
}

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

.group:after {
    clear: both;
}

.group {
    *zoom: 1;
}

.inline li{
	float: left;
	display: inline;
}

.not-for-mobile{
	display: none !important;
}

.respond{
	width: 100%;
	height: auto;
}

.respond-down{
	max-width: 100%;
	height: auto;
}

@media (min-width: 768px){

	.mobile-only{
		display: none;
	}
	
	.not-for-mobile{
		display: block !important;
	}

}

/* Alignment
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.centre{
	text-align: center;
}

@media (min-width: 768px){
	

	
	.right{
		text-align: right;
	}
	
	.vertical-centre{
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	.vertical-bottom{
		position: absolute;
		bottom: 30px;
		width: 100%;
	}
	
}



/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
	margin-top: 3rem;
	margin-bottom: 3.5rem;
	border-width: 0;
	border-top: 1px solid #E1E1E1;
}
/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after, .row:after, .u-cf {
	content: "";
	display: table;
	clear: both;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/




/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 768px) {
}


@media (min-width: 992px) {
	
}

@media (min-width: 1200px) {
	
}



/* ==========================================================
	Global
============================================================ */


/* ==========================================================
	Sections
============================================================ */


.s-small{
	padding: 20px 0px;
}

.s-medium{
	padding: 50px 0px;
}

.s-large{
	padding: 100px 0px;
}

.c-dark, .c-dark h1, .c-dark h2, .c-dark h3, .c-dark .h1, .c-dark .h2, .c-dark .h3, .c-dark p, .c-dark a, .c-dark time{
	color: #fff;
}

.c-medium{
	background: #F2F2F2;
}

@media (min-width: 768px) {
	.s-overlay{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.c-overlay{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#348de0+0,00bf96+100&0.84+0,0.84+100 */
		background: -moz-linear-gradient(45deg, rgba(52,141,224,0.84) 0%, rgba(0,191,150,0.84) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg, rgba(52,141,224,0.84) 0%,rgba(0,191,150,0.84) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg, rgba(52,141,224,0.84) 0%,rgba(0,191,150,0.84) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6348de0', endColorstr='#d600bf96',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
}

/* ==========================================================
	Header
============================================================ */

header{
	background: #061730;
	padding: 0;
	position: relative;
}

#logo{
	padding: 13px 0;
}
#logo img{
	display: block;
}

@media (min-width: 768px) {
	header{
		position: fixed;
		width: 100%;
		z-index: 1000;
	}
}

@media (min-width: 992px) {
	#logo{
		float: left;
		padding: 13px 0 16px 0;
	}

	header nav{
		float: right;
	}
}

/* ==========================================================
	Navigation
============================================================ */


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


.nav > li{
	float: none;
	display: block;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 1.5rem;
	font-family: 'Proxima N W01 Smbd', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.nav > li > a{
	display: block;
	color: #b2bdce;
	padding: 6px 0;
}

.nav > li > a:hover{
	color: #fff;
	background: #00245d;
}

.nav li.buttonise{
	margin-bottom: 5px;
}

.nav li.buttonise a{
	display: inline-block;
	background: #00245d;
	border-radius: 50px;
	padding: 6px 15px 6px 10px;
}

.drop-down .st0, .drop-down .st1{
	fill: #fff;
}

.mobile-menu{
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 2;
}

.mobile-menu a{
	display: block;
	position: relative;
	height: 25px;
	width: 25px;
	margin-bottom: 0px;
}
.mobile-menu span {
	/* this span is the central line of the menu icon */
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 25px;
	height: 2px;
	background-color: #fff;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
	/* these are the upper and lower lines in the menu icon */
}
.mobile-menu span::before, .mobile-menu span:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #fff;
	right: 0;
	-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
	-moz-transition: -moz-transform .3s, top .3s, background-color 0s;
	transition: transform .3s, top .3s, background-color 0s;
}
.mobile-menu span::before {
	top: -7px;
}
.mobile-menu span::after {
	top: 7px;
}
.mobile-menu span.is-clicked {
	background-color: rgba(255, 255, 255, 0);
}
.mobile-menu span.is-clicked::before, .mobile-menu span.is-clicked::after {
	background-color: #fff;
}
.mobile-menu span.is-clicked::before {
	top: 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.mobile-menu span.is-clicked::after {
	top: 0;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
}





@media (min-width: 768px) {

	.nav > li{
		float: left;
		margin: 0;
		font-size: 1.4rem;
		list-style: none;
	}

	.nav > li > a{
		display: block;
		padding: 16px 8px;
	}

	.nav li.buttonise{
		padding: 4px 0;
		margin-left: 5px;
	}

	.nav li.buttonise a{
		padding-top: 9px;
		padding-bottom: 9px;
	}

	.drop-down{
		position: absolute;
		z-index: 100;
		top: 100%;
		left: 0px;
		width: 100%;
		background: #00245d;

		text-align: left;
		max-height: 0px;
		overflow: hidden;
		transition: 0.5s;
		opacity: 0;
		-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);
	}

	.drop-down.small{
		width: 200px;
		left: auto;
	}

	.nav li.has-dropdown:hover a{
		color: #fff;
		background: #00245d;
	}

	.nav li.has-dropdown:hover .drop-down{
		max-height: 500px;
		opacity: 1;
	}

	.drop-down h2{
		color: #30333A;
	}

	.drop-down i{
		font-size: 50px;
		margin-bottom: 5px;
	}

	.nav ul, .nav li li{
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.nav li li{

		border-bottom: 1px solid #013644;
		margin: 0px;
		font-size: 1.5rem;
	}

	.nav li li:last-child{
		border-bottom: none;
	}

	.nav li li a{
		display: block;
		padding: 10px 10px;
		color: #fff;
	}

	.nav li li a:hover{
		color: #fff;
		background: #013644;
	}

	.nav li .drop-down a{
		color: #30333A;
		font-size: 1.4rem;
		display: block;
		padding: 10px;
	}

	.nav li .drop-down a:hover{
		color: #fff;
		background: #193a6d;
	}

	.drop-down .col-2{
		margin-left: 0px;
		margin-right: 0px;
		width: 16.6667%;
	}




}

@media (min-width: 992px) {

	.nav li {
		font-size: 1.4rem;
	}

	.nav li a{
		padding: 26px 10px;
	}

	.nav li.buttonise{
		padding: 14px 0;
	}

	.nav li.buttonise a{
		padding-top: 9px;
		padding-bottom: 9px;
	}

}

@media (min-width: 1200px) {

	.nav li {
		font-size: 1.5rem;
	}

	.nav li a{
		padding: 26px 15px;
	}

}



/* ==========================================================
	Content
============================================================ */

.banner{
	position: relative;
}

.banner img{
	display: block;
}

.banner-carousel, .banner-carousel li{
	margin: 0;
	padding: 0;
	list-style: none;
}


.banner .container{
	position: relative;
	height: 100%;
}

.banner-caption{
	padding: 10px;
}

.banner-caption h2{
	color: #fff;
	font-size: 2.8rem;
	text-transform: uppercase;
	margin-bottom: 0;
	text-align: center;
}

.banner-caption p{
	margin-bottom: 0;
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
}


.s-overlay{
	background-color: #5EB5B3;
	background-image: url(../images/bg_pattern.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	padding-bottom: 15px;
	z-index: 99;
}

.banner-title{
	display: inline-block;
	background: #E6E6E6;
	padding: 5px 20px;
	border-radius: 500px;
	margin-bottom: 0;
	font-size: 1.6rem;
	text-transform: uppercase;
	position: absolute;
	top: -15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.banner-thumbs{

	width: 100%;

    margin: 0 auto;
	background: #fff;
	z-index: 99;
}

.banner-thumbs ul, .banner-thumbs li{
	margin: 0;
	padding: 0;
	list-style: none;
}

.banner-thumb{
	float: left;
	width: 50%;
	list-style: none;
	font-size: 1.2rem;
}

.banner-thumb a{
	display: block;
	padding: 30px 20px 20px 20px;
	text-align: center;
	text-transform: uppercase;
	color: #333333;
}

.banner-thumb i{
	font-size: 50px;
}

.banner-thumb a:hover, .banner-thumb a.active{
	color: #fff;
}

.banner-thumb.theme-food a:hover, .banner-thumb.theme-food a.active{
	background: #5EB5B3;
}

.banner-thumb.theme-fire a:hover, .banner-thumb.theme-fire a.active{
	background: #C11F36;
}

.banner-thumb.theme-health a:hover, .banner-thumb.theme-health a.active{
	background: #65B64E;
}

.banner-thumb.theme-manual a:hover, .banner-thumb.theme-manual a.active{
	background: #FF9900;
}

.banner-thumb.theme-firstaid a:hover, .banner-thumb.theme-firstaid a.active{
	background: #65B64E;
}

.banner-thumb.theme-induction a:hover, .banner-thumb.theme-induction a.active{
	background: #3341EF;
}

.banner-thumb.theme-refresher a:hover, .banner-thumb.theme-refresher a.active{
	background: #913b8e;
}

.banner-thumb a .st0, .banner-thumb a .st1{
	transition: 0.5s;
}

.banner-thumb a:hover .st0, .banner-thumb a:hover .st1, .banner-thumb a.active .st0, .banner-thumb a.active .st1{
	fill: #ffffff;
}

@media(min-width: 768px){

	.s-overlay{
		padding: 0;
		background: rgba(0,0,0,0.68);
		z-index: 99;
	}
	.banner-caption{
		position: relative;
		top: 30%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.banner-thumbs{
		position: absolute;
		bottom: 20px;
		width: 100%;
		background: #fff;
		z-index: 99;
		font-family: 'Proxima N W01 Smbd', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;

        left: 50%;
        transform: translateX(-50%);
	}

	.banner-thumb{
		float: left;
		width: 25%;
		list-style: none;
		font-size: 1.4rem;
	}




}

@media(min-width: 992px){
	.banner-caption{
		top: 25%;
	}
	.banner-caption h2 {
		font-size: 4.8rem;
	}
}

@media(min-width: 1200px){
	.banner-caption{
		top: 25%;
	}
	.banner-caption h2 {
		font-size: 5rem;
	}
}
@media(min-width: 1500px){
	.banner-caption{
		top: 35%;
	}
}

/* ==========================================================
	Content
============================================================ */

.icon-large {
	font-size: 6rem;
	color: #2E72B0;
}

.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.testimonials{
	background: #2E72B0;
}

blockquote:before{
	content: "“";
	display: block;
	width: 30px;
	height: 30px;
	padding: 5px 15px 25px 15px;
	margin: 0px auto 20px auto;
	background: #fff;
	border-radius: 50%;
	color: #2E72B0;
	font-size: 7rem;
	line-height: 1;
	font-family: 'Gill Sans Nova W01 SemiBold', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media(min-width: 768px) {

	.image-overlap {
		position: relative;
	}

	.image-overlap img {
		position: absolute;
		bottom: 0;
	}


}

/* ==========================================================
	News
============================================================ */

.news-overview{

}

.news-overview h3{
	margin-bottom: 1rem;
}

.news-overview h3 a{
	color: #333;
}

time{
	display: block;
	font-family: 'Proxima N W01 Smbd', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #2E72B0;
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

.news-overview a{
	font-size: 1.6rem;
}

.sidebar{

}

.sidebar h2{
	font-size: 1.4em;
	background: #202951;
	color: #fff;
	padding: 10px;
	margin: 0;
	position: relative;
}

.sidebar ul{
	margin: 0 0 30px 0;
	padding: 0;
}

.sidebar li{
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e6e6e6;
}

.sidebar li a{
	padding: 10px;
	display: block;
}

.sidebar li a.subSelected{
	color: #CE1141;
}

/* ------------------ Pagination Controls ---------------------- */
.pagination{
	clear: both;
	margin: 10px 0px 10px 0px;
}
.pagination div{
	display: inline;
}
.pagination #prev{
	float: left;
	padding: 5px;
}
.pagination #next{
	float: left;
	padding: 5px;
	margin-left: 5px;
}
.pagination span{
	list-style-type: none;
	padding-bottom: 1px;
	margin: 0px;
	float: left;
	padding: 5px 0px;
	margin-left: 5px;
}
.pagination .disabled{
	color: #ccc;
	float: left;
	border: 1px solid #ccc;
}
#pagination_details{
	float: right;
}
.pagination a, .pagination a:visited{
	padding: 5px 8px 5px 8px;
	text-decoration: none;
	color: #666;
	background: #e6e6e6;
}

.pagination a:hover, .pagination a:active{
	color: #fff;
	background: #666;
}

.pagination span.current{
	font-weight: bold;
	cursor: default;
	color: #fff;
	background: #666;
	padding: 5px 8px 5px 8px;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
	color: #666;
	font-weight: normal !important;

}

.pagination a.prevnext{
	font-weight: bold;
}


/* ==========================================================
	Newsletter
============================================================ */

.newsletter{
	background: #2E72B0;
	padding: 20px 0;
	color: #fff;
}

.newsletter p, .newsletter input, .newsletter form{
	margin-bottom: 0;
}

.newsletter h2{
	padding-top: 8px;
}

.newsletter label{
	display: none;
}

.newsletter input[type="email"]{
	background: #fff;
	border-color: #fff;
	color: #fff;
}

.newsletter ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:    #fff;
}
.newsletter :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #fff;
	opacity:  1;
}
.newsletter ::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #fff;
	opacity:  1;
}
.newsletter :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:    #fff;
}
.newsletter :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
	color:    #fff;
}


/* ==========================================================
	Course List Page
============================================================ */


.course-overview{
	margin: 0 0 40px 0;
}


/* ==========================================================
	Course Page
============================================================ */

.course-banner{
	background-color: #5EB5B3;
	background-image: url(../images/bg_pattern.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 30px 0;
}



 .course-banner.theme-food-safety{
	 background-color: #5EB5B3;
 }

.course-banner.theme-fire-safety{
	background-color: #C11F36;
}

.course-banner.theme-health-safety{
	background-color: #65B64E;
}

.course-banner.theme-manual-handling{
	background-color: #FF9900;
}

.course-banner.theme-first-aid-theory{
	background-color: #65B64E;
}

.course-banner.theme-induction, .course-banner.theme-induction-office{
	background-color: #3341EF;
}

.course-banner.theme-food-handling-refresher-bundle{
	background-color: #913b8e;
}

.course-banner h2, .course-banner h3{
	color: #fff;
}

.course-icon{
	font-size: 70px;
	color: #fff;
}

.course-banner h2, .course-banner h1{
	margin-bottom: 0;
	font-size: 5.8rem;
	text-transform: uppercase;
	color: #fff;
}

.course-banner .course-title{
	display: inline-block;
	background: #E6E6E6;
	padding: 5px 20px;
	border-radius: 500px;
	margin-bottom: 0;
	font-size: 1.6rem;
	text-transform: uppercase;
	position: absolute;
	top: -15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #333;
}

.course-options{
	position: relative;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	z-index: 99;
	padding: 40px 20px 20px 20px;
	margin-top: 50px;
}

.course-options ul{
	margin: 0;
	padding: 0;
}

.course-options li{
	list-style: none;
	padding: 0;
 }

.course-options li:before{
	content: '\e806';
	font-family: "fontello";
	margin-right: 8px;
	color: #2E72B0;
}

.course-options h4{
	margin-bottom: 1.5rem;
	font-size: 2.4rem;
	color: #666;
}

.course-price{
	font-size: 4rem;
	line-height: 1;
	color: #00245D;
	font-family: 'Proxima N W01 Smbd', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 0;
}

.course-unit{
	font-size: 1.3rem;
	color: #666;
	margin-bottom: 0;
	text-transform: uppercase;
}

.course-options label{
	display: none;
}

.course-options input{
	margin-bottom: 0;
	font-size: 4rem;
	text-align: center;
}

@media(max-width: 767px){
	.course-options input{
		height: auto;
	}
}

.course-quantity{
	position: relative;
}

.course-quantity label{
	display: none;
}

.quantity-control{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 1.6rem;
}

#quantity-minus{
	top: auto;
	bottom: 0;
}


.gallery ul, .gallery li{
	margin: 0;
	padding: 0;
	list-style: none;
}
/*
.gallery li:nth-child(n + 2){
	width: 20%;
	float: left;
}*/

.gallery{
    position: relative;
}

.gallery img{
	width: 100% !important;
	height: auto !important;
	display: block !important;
}

.bx-pager{
    text-align: center;
    width: 200px;
    left: 50%;
    margin-left: -100px;
    position: absolute;

    z-index: 99;
    padding-bottom: 10px;
    border-radius: 500px;
}

.bx-pager-item{
    display: inline-block;
}

.bx-pager-item a{
    display: block;
    width: 10px;
    height: 10px;
    margin: 0px 3px;
    border-radius: 50%;
    background: #ccc;
    color: #ccc;
    font-size: 1px;
}

.bx-pager-item a.active{
    color: #000;
    background: #000;
}

.bx-next, .bx-prev{
    position: absolute;
    top: 25%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 6rem;
    color: #fff;
    z-index: 1000;
}

.bx-next{
    right: 0px;
}

.courseModules, .courseModules li{
    margin: 0;
    padding: 0;
    list-style: none;
}

.courseModules:last-child{
    border-bottom: 1px solid #ccc;
}

.courseModules h4{
    margin: 0;
    padding: 8px 0;
    border-top: 1px solid #ccc;
    position: relative;
    padding-left: 15px;
    cursor: pointer;
}

.courseModules h4:before{
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    display: block;
    content: '\f105';
    position: absolute;
    left: 2px;
    top: 8px;
    transition: 0.3s;
}

.courseModules h4.is-active:before{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.courseModules ul{
    margin: 0;
    padding: 0 0 8px 15px;
    display: none;
}


/* ==========================================================
	Content Page
============================================================ */

.page-banner{
	background-color: #2e72b0;
	background-image: url(../images/bg_pattern.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 30px 0;
}

.page-banner h1, .page-banner h2{
	color: #fff;
	margin-bottom: 0;
}

/* ==========================================================
	Check-out Process
============================================================ */

#payment-progress{
	margin: 0;
	padding: 6px 0 0 0;
	text-align: center;


}

#payment-progress li{
	margin: 10px 20px 0 10px;
	padding: 6px 20px;
	list-style: none;
	display: inline-block;
	color: rgba(255,255,255,0.7);
	border-radius: 500px;
}

#payment-progress li.current{
	background: rgba(0,0,0,0.2);
	border: 1px solid rgba(0,0,0,0.2);
	color: #fff;
}

#payment-progress li strong{
	margin-right: 10px;
}

#BasketItemQuantity{
	width: 50px;
	text-align: center;
	margin-right: 10px;
	float: left;
}

#BasketRemoveForm .submit{
	float: left;
}

#UserSignupForm{
	max-width: 650px;
	margin: 0 auto;
}

#UserSignupForm fieldset{
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.filterform label{
	display: none;
}

.filterform input{
	display: inline;
	max-width: 200px;
	margin-right: 10px;
}



/* ==========================================================
	Footer
============================================================ */

footer{
	background: #061730;
	padding: 40px 0;
	color: #fff;
}

footer ul, footer li{
	margin: 0;
	padding: 0;
	list-style: none;
}

footer h3{
	color: #2E72B0;
	font-size: 1.8rem;
	margin-bottom: 2rem;
}

footer li{
	font-size: 1.4rem;
	margin-bottom: 0.8rem;
	position: relative;
}

.footer-nav li:before{
	content: '\f105';
	font-family: "fontello";
	margin-right: 1rem;
}

footer a{
	color: #fff;
}

footer a:hover{
	color: #2E72B0;
}

.banner {
	min-height: 550px;
}
.roundal{
	background: #fff;
	padding: 5px 5px 5px 3px;
	border-radius: 50%;
	margin-right: 3px;
	transition: 0.5s;
}

.roundal:hover{
	background: #2E72B0;
}

.social-media{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

.social-media li{
	display: inline-block;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style: none;
}



.social-media li i{
	display: block;
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	font-size: 1.7rem;
	color: #061730;
}

.legal{
	margin: 20px 0;
}

.legal p, .legal li{
	font-size: 1.2rem;
	color: #808080;
}

.legal ul, .legal li{
	margin: 0;
	padding: 0;
	list-style: none;
}

.legal li{
	float: left;
	margin-right: 10px;
}

.legal a{
	color: #808080;
}

@media (min-width: 768px) {
	footer h2:before {
		left: -15px;
	}
}




.flash_success{
	background: url(../admin-theme/icon_pass.png) no-repeat #DAEFE3;
	background-position: 3px 7px;
	border: 1px solid #B6EFCE;
	color: #000;
	padding: 10px 5px 10px 40px;
	font-size: 1.2em;
	margin: 10px auto;
	max-width: 1140px;
	box-sizing: border-box;
}

.flash_failure{
	background: url(../admin-theme/icon_fail.png) no-repeat #EFDADA;
	background-position: 3px 7px;
	border: 1px solid #FFA1A1;
	color: #000;
	padding: 10px 5px 10px 40px;
	font-size: 1.2em;
	margin: 10px auto;
	box-sizing: border-box;
}


.custom-login{
    max-width: 400px;
    margin: 0 auto;
    position: relative;
}


.fancybox-enabled {
  overflow: hidden; }

.fancybox-enabled body {
  overflow: visible;
  -ms-touch-action: none;
  touch-action: none; }

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Make sure that the first one is on the top */
.fancybox-container ~ .fancybox-container {
  z-index: 99992; }

.fancybox-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0f0f11;
  opacity: 0;
  transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.fancybox-container--ready .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  z-index: 99994;
  transition: opacity .2s;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  direction: ltr; }

.fancybox-show-controls .fancybox-controls {
  opacity: 1; }

.fancybox-infobar {
  display: none; }

.fancybox-show-infobar .fancybox-infobar {
  display: inline-block;
  pointer-events: all; }

.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: center;
  color: #ddd;
  background-color: rgba(30, 30, 30, 0.7);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased; }

.fancybox-buttons {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  pointer-events: all; }

.fancybox-show-buttons .fancybox-buttons {
  display: block; }

.fancybox-slider-wrap {
  overflow: hidden;
  direction: ltr; }

.fancybox-slider-wrap,
.fancybox-slider {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent; }

.fancybox-slide::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0; }

.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box; }

.fancybox-slide--image {
  overflow: hidden; }

.fancybox-slide--image::before {
  display: none; }

.fancybox-content {
  display: inline-block;
  position: relative;
  margin: 44px auto;
  padding: 0;
  border: 0;
  width: 80%;
  height: calc(100% - 88px);
  vertical-align: middle;
  line-height: normal;
  text-align: left;
  white-space: normal;
  outline: none;
  font-size: 16px;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch; }

.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
  background: transparent; }

.fancybox-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
  background: transparent;
  background-size: 100% 100%; }

.fancybox-controls--canzoomOut .fancybox-placeholder {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.fancybox-controls--canzoomIn .fancybox-placeholder {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.fancybox-controls--canGrab .fancybox-placeholder {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-controls--isGrabbing .fancybox-placeholder {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden; }

.fancybox-error {
  position: absolute;
  margin: 0;
  padding: 40px;
  top: 50%;
  left: 50%;
  width: 380px;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  cursor: default; }

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }

.fancybox-close-small {
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 0;
  margin: 0;
  width: 30px;
  height: 30px;
  font: 21px/1 Arial,"Helvetica Neue",Helvetica,sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  cursor: pointer;
  background: #fff;
  transition: background .2s;
  box-sizing: border-box;
  z-index: 2;

}



.fancybox-close-small:focus {
  outline: 1px dotted #888; }

.fancybox-slide--video .fancybox-close-small {
  top: -36px;
  right: -36px;
  background: transparent; }

.fancybox-close-small:hover {
  color: #555;
  background: #eee; }

/* Caption */
.fancybox-caption-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 30px 0 30px;
  z-index: 99998;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
  opacity: 0;
  transition: opacity .2s;
  pointer-events: none; }

.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1; }

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none; }

.fancybox-caption a,
.fancybox-caption button {
  pointer-events: all; }

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

/* Buttons */
.fancybox-button {
  display: inline-block;
  position: relative;
  width: 44px;
  height: 44px;
  line-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  background: transparent;
  color: #fff;
  box-sizing: border-box;
  vertical-align: top;
  outline: none; }

.fancybox-button--disabled {
  cursor: default;
  pointer-events: none; }

.fancybox-infobar__body, .fancybox-button {
  background: rgba(30, 30, 30, 0.6); }

.fancybox-button:hover {
  background: rgba(0, 0, 0, 0.8); }

.fancybox-button::before,
.fancybox-button::after {
  content: '';
  pointer-events: none;
  position: absolute;
  border-color: #fff;
  background-color: currentColor;
  color: currentColor;
  opacity: 0.9;
  box-sizing: border-box;
  display: inline-block; }

.fancybox-button--disabled::before,
.fancybox-button--disabled::after {
  opacity: 0.5; }

.fancybox-button--left::after {
  left: 20px;
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.fancybox-button--right::after {
  right: 20px;
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.fancybox-button--left {
  border-bottom-left-radius: 5px; }

.fancybox-button--right {
  border-bottom-right-radius: 5px; }

.fancybox-button--close {
  float: right; }

.fancybox-button--close::before, .fancybox-button--close::after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: calc(50% - 1px);
  left: calc(50% - 8px); }

.fancybox-button--close::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.fancybox-button--close::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* Loading spinner */
.fancybox-loading {
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: fancybox-rotate .8s infinite linear;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999; }

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-controls {
    text-align: left; }
  .fancybox-button--left,
  .fancybox-button--right,
  .fancybox-buttons button:not(.fancybox-button--close) {
    display: none !important; }
  .fancybox-caption {
    padding: 20px 0;
    margin: 0; } }

/* Fullscreen  */
.fancybox-button--fullscreen::before {
  width: 15px;
  height: 11px;
  left: 15px;
  top: 16px;
  border: 2px solid;
  background: none; }

/* Slideshow button */
.fancybox-button--play::before {
  top: 16px;
  left: 18px;
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px;
  background: transparent; }

.fancybox-button--pause::before {
  top: 16px;
  left: 18px;
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px 0 2px;
  background: transparent; }

/* Thumbs */
.fancybox-button--thumbs span {
  font-size: 23px; }

.fancybox-button--thumbs::before {
  top: 20px;
  left: 21px;
  width: 3px;
  height: 3px;
  box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; }

.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
  right: 220px; }

.fancybox-thumbs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 220px;
  margin: 0;
  padding: 5px 5px 0 0;
  background: #fff;
  z-index: 99993;
  word-break: normal;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box; }

.fancybox-thumbs > ul {
  list-style: none;
  position: absolute;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0; }

.fancybox-thumbs > ul > li {
  float: left;
  overflow: hidden;
  max-width: 50%;
  padding: 0;
  margin: 0;
  width: 105px;
  height: 75px;
  position: relative;
  cursor: pointer;
  outline: none;
  border: 5px solid #fff;
  border-top-width: 0;
  border-right-width: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box; }

li.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1); }

.fancybox-thumbs > ul > li > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-thumbs > ul > li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  border: 4px solid #4ea7f9;
  z-index: 99991;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
  opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-thumbs {
    display: none !important; }
  .fancybox-container--thumbs .fancybox-controls,
  .fancybox-container--thumbs .fancybox-slider-wrap,
  .fancybox-container--thumbs .fancybox-caption-wrap {
    right: 0; } }


@font-face {
	font-family: 'fontello';
	src: url('../font/fontello.eot?50076211');
	src: url('../font/fontello.eot?50076211#iefix') format('embedded-opentype'),
	url('../font/fontello.woff2?50076211') format('woff2'),
	url('../font/fontello.woff?50076211') format('woff'),
	url('../font/fontello.ttf?50076211') format('truetype'),
	url('../font/fontello.svg?50076211#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?50076211#fontello') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;

	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-search:before { content: '\e800'; } /* '' */
.icon-mail:before { content: '\e801'; } /* '' */
.icon-heart:before { content: '\e802'; } /* '' */
.icon-star:before { content: '\e803'; } /* '' */
.icon-user:before { content: '\e804'; } /* '' */
.icon-ok:before { content: '\e805'; } /* '' */
.icon-ok-circled:before { content: '\e806'; } /* '' */
.icon-cancel:before { content: '\e807'; } /* '' */
.icon-cancel-circled:before { content: '\e808'; } /* '' */
.icon-plus:before { content: '\e809'; } /* '' */
.icon-plus-circled:before { content: '\e80a'; } /* '' */
.icon-help-circled:before { content: '\e80b'; } /* '' */
.icon-home:before { content: '\e80c'; } /* '' */
.icon-lock:before { content: '\e80d'; } /* '' */
.icon-pin:before { content: '\e80e'; } /* '' */
.icon-eye:before { content: '\e80f'; } /* '' */
.icon-tags:before { content: '\e810'; } /* '' */
.icon-flag:before { content: '\e811'; } /* '' */
.icon-pencil:before { content: '\e812'; } /* '' */
.icon-print:before { content: '\e813'; } /* '' */
.icon-comment:before { content: '\e814'; } /* '' */
.icon-chat:before { content: '\e815'; } /* '' */
.icon-attention-circled:before { content: '\e816'; } /* '' */
.icon-location:before { content: '\e817'; } /* '' */
.icon-doc:before { content: '\e818'; } /* '' */
.icon-folder:before { content: '\e819'; } /* '' */
.icon-folder-open:before { content: '\e81a'; } /* '' */
.icon-phone:before { content: '\e81b'; } /* '' */
.icon-cog:before { content: '\e81c'; } /* '' */
.icon-basket:before { content: '\e81d'; } /* '' */
.icon-calendar:before { content: '\e81e'; } /* '' */
.icon-clock:before { content: '\e81f'; } /* '' */
.icon-play:before { content: '\e820'; } /* '' */
.icon-pause:before { content: '\e821'; } /* '' */
.icon-to-end:before { content: '\e822'; } /* '' */
.icon-to-end-alt:before { content: '\e823'; } /* '' */
.icon-to-start:before { content: '\e824'; } /* '' */
.icon-to-start-alt:before { content: '\e825'; } /* '' */
.icon-fast-fw:before { content: '\e826'; } /* '' */
.icon-fast-bw:before { content: '\e827'; } /* '' */
.icon-book:before { content: '\e828'; } /* '' */
.icon-floppy:before { content: '\e829'; } /* '' */
.icon-icon_firesafety:before { content: '\e82a'; } /* '' */
.icon-icon_foodsafety:before { content: '\e82b'; } /* '' */
.icon-icon_firstaid:before { content: '\e82c'; } /* '' */
.icon-icon_healthsafety:before { content: '\e82d'; } /* '' */
.icon-icon_induction:before { content: '\e82e'; } /* '' */
.icon-icon_manualhandling:before { content: '\e82f'; } /* '' */
.icon-icon_refresher:before { content: '\e830'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-plus-squared:before { content: '\f0fe'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-desktop:before { content: '\f108'; } /* '' */
.icon-laptop:before { content: '\f109'; } /* '' */
.icon-tablet:before { content: '\f10a'; } /* '' */
.icon-mobile:before { content: '\f10b'; } /* '' */
.icon-quote-left:before { content: '\f10d'; } /* '' */
.icon-quote-right:before { content: '\f10e'; } /* '' */
.icon-minus-squared:before { content: '\f146'; } /* '' */
.icon-ok-squared:before { content: '\f14a'; } /* '' */
.icon-doc-inv:before { content: '\f15b'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-file-pdf:before { content: '\f1c1'; } /* '' */
.icon-file-word:before { content: '\f1c2'; } /* '' */
.icon-file-excel:before { content: '\f1c3'; } /* '' */
.icon-file-powerpoint:before { content: '\f1c4'; } /* '' */
.icon-file-image:before { content: '\f1c5'; } /* '' */
.icon-trash:before { content: '\f1f8'; } /* '' */
.icon-pinterest:before { content: '\f231'; } /* '' */