@charset "UTF-8";

/*

    GLOBAL RESETS
    =============

    Standard reset styles and a few extra bits and pieces including
    setting border-box on all elements.

*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

ins,
mark {
	background: #333;
	color: #fff;
	text-decoration: none;
}

mark {
	display: inline-block;
	padding: .1em;
	text-shadow: none;
	background: #f2d3a9;
	color: #a93901;
	border-radius: 2px;
}

del {
	text-decoration: line-through;
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

::-moz-selection,
 ::-webkit-selection,
 ::selection {
	text-shadow: none;
	background: #333;
	color: #fff;
}

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

.cf:after {
	clear: both;
}

.cf {
	zoom: 1;
}

[type=submit] {
	cursor: pointer;
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

html {
	box-sizing: border-box;
}

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

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
	appearance: none;
	background-color: transparent;
	border: 1px solid #000;
	border-radius: none;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-family: "Atlas Grotesk Regular", Helvetica, Arial, sans-serif;
	font-size: 1.6rem;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	line-height: 1;
	padding: 0.75em 1.5em;
	text-decoration: none;
	transition: background-color 400ms ease;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.button:hover,
.button:focus {
	background-color: #000;
	color: #fff;
}

button:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled,
.button:disabled {
	cursor: not-allowed;
	opacity: 0.5;
}

button:disabled:hover,
input[type="button"]:disabled:hover,
input[type="reset"]:disabled:hover,
input[type="submit"]:disabled:hover,
.button:disabled:hover {
	background-color: #d70c00;
}

fieldset {
	background-color: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}

legend {
	font-weight: 600;
	margin-bottom: 0.375em;
	padding: 0;
}

label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.375em;
}

input,
select,
textarea {
	display: block;
	font-family: "Atlas Grotesk Regular", Helvetica, Arial, sans-serif;
	font-size: 1.6rem;
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
input:not([type]),
textarea,
select[multiple] {
	background-color: #fff;
	border: 1px solid #e0e7ee;
	border-radius: 3px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
	margin-bottom: 0.75em;
	padding: 0.5em;
	transition: border-color 400ms ease;
	width: 100%;
}

input[type="color"]:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="email"]:hover,
input[type="month"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="text"]:hover,
input[type="time"]:hover,
input[type="url"]:hover,
input[type="week"]:hover,
input:not([type]):hover,
textarea:hover,
select[multiple]:hover {
	border-color: #b3b9be;
}

input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input:not([type]):focus,
textarea:focus,
select[multiple]:focus {
	border-color: #d70c00;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(190, 11, 0, 0.7);
	outline: none;
}

input[type="color"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="email"]:disabled,
input[type="month"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="text"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="week"]:disabled,
input:not([type]):disabled,
textarea:disabled,
select[multiple]:disabled {
	background-color: #f2f2f2;
	cursor: not-allowed;
}

input[type="color"]:disabled:hover,
input[type="date"]:disabled:hover,
input[type="datetime"]:disabled:hover,
input[type="datetime-local"]:disabled:hover,
input[type="email"]:disabled:hover,
input[type="month"]:disabled:hover,
input[type="number"]:disabled:hover,
input[type="password"]:disabled:hover,
input[type="search"]:disabled:hover,
input[type="tel"]:disabled:hover,
input[type="text"]:disabled:hover,
input[type="time"]:disabled:hover,
input[type="url"]:disabled:hover,
input[type="week"]:disabled:hover,
input:not([type]):disabled:hover,
textarea:disabled:hover,
select[multiple]:disabled:hover {
	border: 1px solid #e0e7ee;
}

textarea {
	resize: vertical;
}

[type="search"] {
	appearance: none;
}

[type="checkbox"],
[type="radio"] {
	display: inline;
	margin-right: 0.375em;
}

[type="file"] {
	margin-bottom: 0.75em;
	width: 100%;
}

select {
	margin-bottom: 0.75em;
	max-width: 100%;
	width: auto;
}

html {
	box-sizing: border-box;
	height: 100%;
}

body {
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

.flex {
	flex: 1;
}

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

ul,
ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

dl {
	margin: 0;
}

dt {
	font-weight: 600;
	margin: 0;
}

dd {
	margin: 0;
}

figure {
	margin: 0;
}

img,
picture {
	margin: 0;
	max-width: 100%;
	/* make images responsive */
}

table {
	border-collapse: collapse;
	margin: 0.75em 0;
	table-layout: fixed;
	width: 100%;
}

th {
	border-bottom: 1px solid #a8adb3;
	font-weight: 600;
	padding: 0.75em 0;
	text-align: left;
}

td {
	border-bottom: 1px solid #e0e7ee;
	padding: 0.75em 0;
}

tr,
td,
th {
	vertical-align: middle;
}

html {
	font-size: 62.5%;
}

html,
html a {
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

body {
	color: #333;
	font-family: "Atlas Grotesk Regular", Helvetica, Arial, sans-serif;
	font-size: 1.55rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Baskerville10Pro", Georgia, Cambria, "Times New Roman", Times, serif;
	font-size: 1.333em;
	line-height: 1.2;
	margin: 0 0 0.75em;
	font-weight: normal;
}

h3 {
	font-size: 1.5em;
}

h5,
h6 {
	font-size: 1.2rem;
	line-height: 1.2;
	margin: 0 0 0.75em;
	font-family: 'Atlas Grotesk Medium', Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-style: normal;
}

p {
	margin: 0 0 0.75em;
}

a {
	color: #333;
	text-decoration: none;
	transition: color 400ms ease;
}

a:active,
a:focus,
a:hover {
	color: #d70c00;
}

hr {
	border-bottom: 1px solid #e0e7ee;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	margin: 1.5em 0;
}

.text-white {
	color: #fff;
}

@font-face {
	font-family: 'christies-ed';
	src: url("/static/fonts/christies-ed/christies-ed.eot?79563470");
	src: url("/static/fonts/christies-ed/christies-ed.eot?79563470#iefix") format("embedded-opentype"), url("/static/fonts/christies-ed/christies-ed.woff2?79563470") format("woff2"), url("/static/fonts/christies-ed/christies-ed.woff?79563470") format("woff"), url("/static/fonts/christies-ed/christies-ed.ttf?79563470") format("truetype"), url("/static/fonts/christies-ed/christies-ed.svg?79563470#christies-ed") 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: 'christies-ed';
    src: url('../font/christies-ed.svg?79563470#christies-ed') format('svg');
  }
}
*/

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "christies-ed";
	font-style: normal;
	font-weight: normal;
	speak: none;
	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-angle-right:before {
	content: '\e800';
}


/* '' */

.icon-angle-left:before {
	content: '\e801';
}


/* '' */

.icon-search:before {
	content: '\e802';
}


/* '' */

.icon-search-1:before {
	content: '\e803';
}


/* '' */

.icon-user:before {
	content: '\e804';
}


/* '' */

.icon-user-1:before {
	content: '\e805';
}


/* '' */

@font-face {
	font-family: 'Atlas Grotesk Light';
	src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Light-Web.eot");
	src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Light-Web.eot?#iefix") format("embedded-opentype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Light-Web.woff") format("font/x-woff"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Light-Web.ttf") format("truetype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Light-Web.svg#Atlas Grotesk Light") format("svg");
	font-weight: 300;
	font-weight: normal;
	font-style: normal;
}

.atlasGroteskLight {
	font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Atlas Grotesk Regular';
	src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Regular-Web.eot");
	src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Regular-Web.eot?#iefix") format("embedded-opentype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Regular-Web.woff") format("font/x-woff"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Regular-Web.ttf") format("truetype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Regular-Web.svg#AtlasGrotesk-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
}

.atlasGroteskRegular {
	font-family: "Atlas Grotesk Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Atlas Grotesk Regular Italic';
	src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-RegularItalic-Web.eot");
	src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-RegularItalic-Web.eot?#iefix") format("embedded-opentype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-RegularItalic-Web.woff") format("font/x-woff"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-RegularItalic-Web.ttf") format("truetype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-RegularItalic-Web.svg#AtlasGrotesk-RegularItalic") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Atlas Grotesk Medium';
	src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Medium-Web.eot");
	src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Medium-Web.eot?#iefix") format("embedded-opentype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Medium-Web.woff") format("font/x-woff"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Medium-Web.ttf") format("truetype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Medium-Web.svg#Atlas Grotesk Medium") format("svg");
	font-weight: 500;
	font-weight: normal;
	font-style: normal;
}

.atlasGroteskMedium {
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Atlas Grotesk Bold';
	src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Bold-Web.eot");
	src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Bold-Web.eot?#iefix") format("embedded-opentype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Bold-Web.woff") format("font/x-woff"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Bold-Web.ttf") format("truetype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Bold-Web.svg#AtlasGrotesk-Bold") format("svg");
	font-weight: normal;
	font-style: normal;
}

.atlasGroteskBold {
	font-family: "Atlas Grotesk Bold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Baskerville10Pro';
	src: url("/static/fonts/Baskerville10/Baskerville10Pro.eot");
	src: url("/static/fonts/Baskerville10/Baskerville10Pro.eot?#iefix") format("embedded-opentype"), url("/static/fonts/Baskerville10/Baskerville10Pro.woff2") format("woff2"), url("/static/fonts/Baskerville10/Baskerville10Pro.ttf") format("truetype"), url("/static/fonts/Baskerville10/Baskerville10Pro.svg#baskerville_10_proregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

.baskerville10Pro {
	font-family: "Baskerville10Pro", Georgia, Cambria, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Baskerville10Pro-Italic';
	src: url("/static/fonts/Baskerville10/Baskerville10Pro-Italic.eot");
	src: url("/static/fonts/Baskerville10/Baskerville10Pro-Italic.eot?#iefix") format("embedded-opentype"), url("/static/fonts/Baskerville10/Baskerville10Pro-Italic.woff2") format("woff2"), url("/static/fonts/Baskerville10/Baskerville10Pro-Italic.ttf") format("truetype"), url("/static/fonts/Baskerville10/Baskerville10Pro-Italic.svg#baskerville_10_proitalic") format("svg");
	font-weight: normal;
	font-style: normal;
}

.baskerville10ProItalic {
	font-family: "Baskerville10Pro-Italic", Georgia, Cambria, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'LyonRegular';
	src: url("/static/fonts/LyonDisplay/LyonDisplay-Regular-Web.eot");
	src: url("/static/fonts/LyonDisplay/LyonDisplay-Regular-Web.eot?#iefix") format("embedded-opentype"), url("/static/fonts/LyonDisplay/LyonDisplay-Regular-Web.woff") format("woff"), url("/static/fonts/LyonDisplay/LyonDisplay-Regular-Web.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

.lyon {
	font-family: "LyonRegular", Georgia, Cambria, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'christies';
	src: url("/static/fonts/christies/Christies.eot");
	src: url("/static/fonts/christies/Christies.eot?#iefix") format("embedded-opentype"), url("/static/fonts/christies/Christies.woff2") format("woff2"), url("/static/fonts/christies/Christies.ttf") format("truetype"), url("/static/fonts/christies/Christies.svg#baskerville_10_proitalic") format("svg");
	font-weight: normal;
	font-style: normal;
}

section.home-video:after {
	content: ' ';
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	opacity: 0.45;
	filter: alpha(opacity=45);
}

section.home-video {
	height: calc(100vh);
	padding-top: 175px;
}

@media only screen and (min-width: 768px) {
	section.home-video {
		padding-top: 200px;
	}
}

@media only screen and (min-width: 1200px) {
	section.home-video {
		padding-top: 250px;
	}
}

.bg-video-content {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	padding: 0 20px;
	position: relative;
	z-index: 2;
	text-align: left;
}

.bg-video-content h1 {
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	font-size: 36px;
	text-align: center;
	text-align: left;
	line-height: 1.2;
}

@media only screen and (min-width: 768px) {
	.bg-video-content h1 {
		font-size: 40px;
		padding-bottom: 25px;
	}
}

@media only screen and (min-width: 1200px) {
	.bg-video-content h1 {
		font-size: 50px;
		padding-bottom: 30px;
	}
}

.bg-video-content h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	font-size: 24px;
	text-align: center;
	text-align: left;
	line-height: 1.2;
}

@media only screen and (min-width: 768px) {
	.bg-video-content h2 {
		font-size: 28px;
		padding-bottom: 25px;
	}
}

@media only screen and (min-width: 1200px) {
	.bg-video-content h2 {
		font-size: 32px;
		padding-bottom: 30px;
	}
}

.bg-video-content p {
	margin: 0;
	font-size: 30px;
	line-height: 1.5;
}

.bg-video-content ul li {
	margin: 0;
	font-size: 30px;
	line-height: 1.6;
	margin-left: -7px;
	text-transform: uppercase;
	font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

@media only screen and (min-width: 768px) {
	.bg-video-content ul li {
		font-size: 35px;
	}
}

@media only screen and (min-width: 1200px) {
	.bg-video-content ul li {
		font-size: 40px;
	}
}

.bg-video-content ul li a {
	padding: 10px 7px 5px 7px;
}

.bg-video-content ul li a:hover {
	color: #fff;
	background-color: #D70C00;
}

.fullscreen-bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: -100;
}

.fullscreen-bg__video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (min-aspect-ratio: 16 / 9) {
	.fullscreen-bg__video {
		height: 300%;
		top: -100%;
	}
}

@media (max-aspect-ratio: 16 / 9) {
	.fullscreen-bg__video {
		width: 300%;
		left: -100%;
	}
}

@media (max-width: 767px) {
	.fullscreen-bg {
		background: url("/static/images/videoframe.jpg") center center/cover no-repeat;
	}
	.fullscreen-bg__video {
		display: none;
	}
}

.header-wrapper {
	width: 100%;
	background: #fff;
}

header[role="banner"] {
	position: relative;
	width: 100%;
	line-height: 1rem;
}

body.node header[role="banner"] {
	margin-bottom: 0;
}

.topbar {
	position: relative;
	display: block;
	min-height: 50px;
	background-color: #fff;
	border-bottom: 1px solid #f5f5f5;
	border-bottom: 1px solid #e0e7ee;
	padding-left: 0px;
	padding-right: 0px;
}

@media only screen and (min-width: 768px) {
	.topbar {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media only screen and (min-width: 992px) {
	.topbar {
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media only screen and (min-width: 1200px) {
	.topbar {
		padding-left: 50px;
		padding-right: 50px;
	}
}

.topbar-expander {
	background-color: #f5f5f5;
	overflow: hidden;
	line-height: auto;
	display: none;
	margin: 0;
}

.topbar-expander h4.form-head {
	font-size: 24px;
}

nav[role="sub"] li a:before {
	font-family: 'christies-ed';
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

nav[role="sub"] li a.topcart:before {
	content: '\E805';
}

nav[role="sub"] li a.search:before {
	content: '\E802';
}

nav[role="sub"] li a.login:before {
	content: '\E800';
}

nav[role="sub"] {
	margin: 0;
	overflow: hidden;
	float: right;
}

nav[role="sub"] ul {
	float: right;
	line-height: 40px;
	overflow: hidden;
}

nav[role="sub"] li {
	float: left;
	overflow: hidden;
	list-style: none;
	display: inline-block;
}

nav[role="sub"] li a {
	display: block;
	padding: 0 16px 0 0;
	position: relative;
	width: 32px;
	height: 0;
	padding-top: 50px;
	overflow: hidden;
	color: #333;
}

nav[role="sub"] li a span {
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	font-size: 11px;
	text-transform: uppercase;
}

nav[role="sub"] li a:hover,
nav[role="sub"] li a.active {
	background-color: #f5f5f5;
	color: #333;
}

nav[role="sub"] li a:before {
	position: absolute;
	left: 6px;
	font-size: 18px;
	margin-top: -1px;
	color: #999;
}

@media screen and (min-width: 769px) and (min-height: 420px) {
	nav[role="sub"] {
		margin: 0 -30px;
		margin: 0;
	}
	nav[role="sub"] ul {
		line-height: 48px;
		-moz-transition: line-height .3s ease, height .3s ease;
		-o-transition: line-height .3s ease, height .3s ease;
		-webkit-transition: line-height .3s ease, height .3s ease;
		transition: line-height .3s ease, height .3s ease;
	}
	nav[role="sub"] li a {
		padding: 0 12px 0 48px;
		height: auto;
		width: auto;
		-moz-transition: padding-left .3s ease;
		-o-transition: padding-left .3s ease;
		-webkit-transition: padding-left .3s ease;
		transition: padding-left .3s ease;
	}
}

.badge {
	position: absolute;
	top: 10px;
	left: 26px;
	display: inline-block;
	min-width: 10px;
	padding: 2px 4px;
	font-size: 11px;
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	color: #fff;
	line-height: 1;
	vertical-align: baseline;
	white-space: nowrap;
	text-align: center;
	background-color: #d70c00;
	border-radius: 10px;
}

.basket-table {
	border-collapse: collapse;
	border-left: 0;
	border-spacing: 0;
	width: 100%;
	font-size: 14px;
	table-layout: auto;
	margin-bottom: 20px;
}

.basket-table .absorb {
	width: 100%;
}

.basket-table thead>tr>th {
	font-weight: normal;
}

.basket-table thead>tr>th,
.basket-table tbody>tr>td {
	padding: 10px;
	line-height: 1.42857143;
	border-top: 1px solid #ddd;
	position: relative;
}

.basket-table thead>tr>th:first-child,
.basket-table tbody>tr>td:first-child {
	padding-left: 0;
}

.basket-table thead>tr>th:last-child,
.basket-table tbody>tr>td:last-child {
	padding-right: 0;
}

.basket-table thead>tr>th p,
.basket-table tbody>tr>td p {
	margin-bottom: 0;
}

.basket-table input {
	font-size: 1.4rem;
	margin-top: 7px;
}

.row {
	float: left;
	display: block;
	margin-right: 2.3576515979%;
	width: 100%;
}

.row:last-child {
	margin-right: 0;
}

.pull-right {
	float: right !important;
}

#formBasket button {
	font-size: 13px;
}

@media only screen and (min-width: 768px) {
	#formBasket button {
		font-size: 14px;
	}
}

#formBasket div.remove-button {
	width: 100%;
}

#formBasket .btn-remove {
	border: none;
	padding: 5px;
	position: absolute;
	top: 20px;
	right: 10px;
	margin-top: 0;
	color: #999;
}

#formBasket .btn-remove:hover {
	color: #000;
	background: none;
}

#formBasket .btn-checkout {
	background-color: #5cb85c;
	border-color: #398439;
	color: #fff;
}

#formBasket .btn-checkout:hover {
	background-color: #449d44;
}

#formBasket .input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	margin-bottom: 40px;
}

#formBasket .input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin: 0;
	display: table-cell;
	font-size: 14px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

#formBasket .input-group-btn {
	position: relative;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	font-size: 0;
	display: table-cell;
}

#formBasket .input-group-btn>.btn {
	position: relative;
	margin: 0;
	padding: 0.65em 1em;
	border-color: #e0e7ee;
	border-radius: 3px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	margin-left: -2px;
	font-size: 12px;
}

#formBasket dl.dl-horizontal {
	margin-top: 0;
	font-size: 14px;
}

#formBasket dl.dl-horizontal dt {
	text-align: left;
	width: 130px;
	float: left;
	clear: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: normal;
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	line-height: 1.42857143;
}

#formBasket dl.dl-horizontal dd {
	margin-left: 140px;
	line-height: 1.42857143;
}

#formBasket .dl-horizontal dd:before,
#formBasket .dl-horizontal dd:after {
	content: " ";
	display: table;
}

.basketTotals {
	float: left;
	display: block;
	margin-right: 2.3576515979%;
	width: 100%;
}

.basketTotals:last-child {
	margin-right: 0;
}

@media only screen and (min-width: 768px) {
	.basketTotals {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
	}
	.basketTotals:last-child {
		margin-right: 0;
	}
}

.VoucherCodeBlock {
	float: left;
	display: block;
	margin-right: 2.3576515979%;
	width: 100%;
}

.VoucherCodeBlock:last-child {
	margin-right: 0;
}

@media only screen and (min-width: 768px) {
	.VoucherCodeBlock {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
	}
	.VoucherCodeBlock:last-child {
		margin-right: 0;
	}
}

.VoucherCodeBlock h3 {
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
}

.VoucherCodeBlock p {
	font-size: 14px;
	line-height: 1.5;
}

.search-container {
	background: #f5f5f5;
	overflow: hidden;
	color: #333;
	position: relative;
	line-height: 1.5rem;
	font-size: 1.2rem;
}

.search-container .search-form {
	max-width: 1180px;
	margin: 0 auto;
	padding: 25px 15px 25px 20px;
	position: relative;
	cursor: text;
}

@media only screen and (min-width: 992px) {
	.search-container .search-form {
		padding: 40px 50px;
	}
}

.search-container .input-container {
	position: relative;
}

@media only screen and (min-width: 768px) {
	.search-container .input-container {
		max-width: 600px;
		margin: auto;
	}
}

@media only screen and (min-width: 992px) {
	.search-container .input-container {
		max-width: 708px;
		margin: 10 auto;
	}
}

@media only screen and (min-width: 1200px) {
	.search-container .input-container {
		max-width: 860px;
		position: relative;
	}
}

.search-container .search-form input[type="search"],
.search-container .search-form input[type="text"] {
	height: 30px;
	padding-right: 20px;
	padding-left: 20px;
	border: none;
	z-index: 10;
	color: #999;
	position: relative;
	margin: 0;
	text-rendering: optimizeLegibility;
	width: 91%;
	height: 38px;
}

@media only screen and (min-width: 510px) {
	.search-container .search-form input[type="search"],
	.search-container .search-form input[type="text"] {
		padding-right: 30px;
		padding-left: 30px;
		width: 93%;
	}
}

@media only screen and (min-width: 768px) {
	.search-container .search-form input[type="search"],
	.search-container .search-form input[type="text"] {
		padding-right: 30px;
		padding-left: 30px;
	}
}

@media only screen and (min-width: 992px) {
	.search-container .search-form input[type="search"],
	.search-container .search-form input[type="text"] {
		padding-right: 40px;
		height: 48px;
	}
}

@media only screen and (min-width: 1200px) {
	.search-container .search-form input[type="search"],
	.search-container .search-form input[type="text"] {
		width: 94%;
		padding-right: 50px;
	}
}

.search-container .search-form input[type="search"]:focus,
.search-container .search-form input[type="text"]:focus {
	color: #333;
	box-shadow: none;
	border: 1px solid #e0e7ee;
}

.search-container .search-form button[type="submit"] {
	line-height: 22px;
	height: 32px;
	width: 32px;
	position: absolute;
	top: 4px;
	color: #ffffff;
	background: #999;
	border: 0;
	right: 0;
	padding: 0px 9px;
	border-radius: 50px;
}

@media only screen and (min-width: 992px) {
	.search-container .search-form button[type="submit"] {
		height: 40px;
		width: 40px;
	}
}

.search-container .search-form button[type="submit"]:after {
	font-family: 'christies-ed';
	content: '\E802';
	color: #fff;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	z-index: 50;
	font-size: 1em;
}

@media only screen and (min-width: 992px) {
	.search-container .search-form button[type="submit"]:after {
		font-size: 1.1em;
	}
}

.search-container .search-form button[type="submit"]:hover,
.search-container .search-form button[type="submit"]:focus {
	background: #333;
}

.login-container {
	line-height: 1.5rem;
	font-size: 1.3rem;
}

.login-container .form-head {
	margin-bottom: 18px;
	color: #333;
}

.login-container hr {
	border-bottom: 1px solid #e0e7ee;
	border-top: 0;
	margin-top: 0;
	margin-bottom: 40px;
	border-left: 0;
}

.login-container a {
	color: #333;
	text-decoration: underline;
}

.login-container button {
	font-size: 14px;
}

.login-container form input[type="text"],
.login-container form input[type="password"] {
	color: #999;
	text-rendering: optimizeLegibility;
	border: 1px solid #ccc;
}

.login-container form input[type="text"]:focus,
.login-container form input[type="password"]:focus {
	color: #333;
}

.login-container form input[type="submit"] {
	font-size: 14px;
	text-rendering: optimizeLegibility;
	margin-right: 50px;
}

.login-container p {
	margin-bottom: 20px;
}

.login-or-register,
.password-reset {
	overflow: hidden;
	margin: auto;
	color: #999;
}

.login-or-register {
	max-width: 1180px;
}

.login-or-register .forgot-password {
	line-height: 50px;
}

.login-or-register .login,
.login-or-register .join {
	display: block;
	overflow: hidden;
}

@media only screen and (min-width: 768px) {
	.login-or-register .login,
	.login-or-register .join {
		float: left;
		width: 50%;
	}
}

@media only screen and (min-width: 768px) {
	.login-or-register .login {
		padding-right: 5%;
		border-right: 1px solid #ccc;
	}
}

.login-or-register .join {
	border-top: 1px solid #ddd;
	padding-top: 20px;
}

@media only screen and (min-width: 768px) {
	.login-or-register .join {
		border: none;
		padding-top: 0;
		padding-left: 5%;
	}
}

.password-reset {
	max-width: 860px;
	overflow: hidden;
}

.back-to-login {
	display: block;
}

@media only screen and (min-width: 768px) {
	.back-to-login {
		display: inline-block;
	}
}

nav[role="main"] {
	padding: 0;
}

@media only screen and (min-width: 768px) {
	nav[role="main"] {
		padding: 0;
	}
}

@media only screen and (min-width: 992px) {
	nav[role="main"] {
		padding: 0px;
	}
}

@media only screen and (min-width: 1200px) {
	nav[role="main"] {
		padding: 0;
	}
}

section#navbar:before {
	height: 40px;
	background: #fff;
	content: ' ';
	display: block;
	left: 0;
	position: absolute;
	top: 50;
	width: 100%;
	z-index: -1;
}

section#navbar {
	width: 100%;
	background-color: #fff;
	z-index: 99;
	position: relative;
	min-height: 60px;
	padding-left: 0px;
	padding-right: 0px;
}

@media only screen and (min-width: 768px) {
	section#navbar {
		padding-left: 30px;
		padding-right: 30px;
		min-height: 75px;
	}
}

@media only screen and (min-width: 992px) {
	section#navbar {
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media only screen and (min-width: 1200px) {
	section#navbar {
		min-height: 90px;
		padding-left: 50px;
		padding-right: 50px;
	}
}

section#navbar.landing {
	position: fixed;
	top: 0;
	left: 0;
}

div.logo-container {
	float: left;
	display: block;
	margin-right: 2.3576515979%;
	width: 100%;
	padding-left: 20px;
}

div.logo-container:last-child {
	margin-right: 0;
}

@media only screen and (min-width: 768px) {
	div.logo-container {
		padding-left: 12px;
	}
}

@media only screen and (min-width: 992px) {
	div.logo-container {
		padding-left: 7px;
	}
}

@media only screen and (min-width: 1200px) {
	div.logo-container {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 23.2317613015%;
	}
	div.logo-container:last-child {
		margin-right: 0;
	}
}

div.nav-container {
	float: left;
	display: block;
	margin-right: 2.3576515979%;
	width: 100%;
}

div.nav-container:last-child {
	margin-right: 0;
}

@media only screen and (min-width: 768px) {
	div.nav-container {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 100%;
	}
	div.nav-container:last-child {
		margin-right: 0;
	}
}

@media only screen and (min-width: 992px) {
	div.nav-container {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 100%;
	}
	div.nav-container:last-child {
		margin-right: 0;
	}
}

@media only screen and (min-width: 1200px) {
	div.nav-container {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 74.4105871005%;
	}
	div.nav-container:last-child {
		margin-right: 0;
	}
}

a.logo {
	background: url(../images/logo/christies_edu_logo.svg) top left no-repeat;
	background-size: contain;
	content: ' ';
	display: inline-block;
	height: 33px;
	margin-top: 15px;
	width: 200px;
}

@media only screen and (min-width: 768px) {
	a.logo {
		height: 33px;
		margin-top: 25px;
		display: block;
	}
}

@media only screen and (min-width: 992px) {
	a.logo {
		height: 33px;
	}
}

@media only screen and (min-width: 1200px) {
	a.logo {
		height: 36px;
		margin-top: 27px;
	}
}

a.logo.logo-ldn {
	background: url(../images/logo/christies_edu_logo_ldn.svg) top left no-repeat;
}

a.logo.logo-ny {
	background: url(../images/logo/christies_edu_logo_ny.svg) top left no-repeat;
}

a.logo.logo-hk {
	background: url(../images/logo/christies_edu_logo_hk.svg) top left no-repeat;
}

a.logo.logo-generic {
	background: url(../images/logo/christies_edu_logo.svg) top left no-repeat;
}

a.logo.landing,
a.logo-ny.landing {
	position: fixed;
	z-index: 2;
}

.menu-link,
.hamburger-box,
.hamburger-inner {
	display: none;
}

.menu {
	float: right;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-align: center;
	vertical-align: middle;
}

.menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	position: relative;
	display: inline-table;
}

.menu ul .menu>ul {
	text-align: center;
}

.menu ul li {
	padding: 0px;
	margin: 0;
}

.menu>ul>li {
	display: inline-block;
	position: relative;
}

.menu ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	font-size: 11px;
	font-family: "Atlas Grotesk Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.menu>ul>li>a {
	text-transform: uppercase;
	height: 60px;
	font-size: 11px;
	line-height: 60px;
	/* This bit chances the size of the text on the main heading */
	padding: 0px 12px;
	/* This is the padding between the different titles */
	-webkit-transition: color .15s;
	-moz-transition: color .15s;
	-o-transition: color .15s;
	transition: color .15s;
}

@media only screen and (min-width: 1200px) {
	.menu>ul>li>a {
		height: 90px;
		line-height: 90px;
		font-size: 12px;
	}
}

.menu>li>ul.sub-menu {
	min-width: 10em;
	padding: 4px 0;
	background-color: #f4f4f4;
	border: 1px solid #CCC;
	margin-left: -50%;
}

.menu ul ul {
	background-color: #f4f4f4;
	border: 1px solid #CCC;
	-webkit-transition: all .3s .1s;
	-moz-transition: all .3s .1s;
	-o-transition: all .3s .1s;
	transition: all .3s .1s;
}

.menu>ul>li>ul {
	opacity: 0;
	visibility: hidden;
	padding: 0;
	background-color: #fafafa;
	text-align: left;
	/* This is for the text when box is dropped down, centered isnt always totally in the middle so best to have on the left */
	position: absolute;
	top: 50px;
	/* This is for the drop down annimation */
	left: 50%;
	margin-left: -90px;
	min-width: 180px;
	border-top: 1px solid #D70C00;
	-webkit-transition: all .3s .1s;
	-moz-transition: all .3s .1s;
	-o-transition: all .3s .1s;
	transition: all .3s .1s;
}

@media only screen and (min-width: 1200px) {
	.menu>ul>li>ul {
		top: 80px;
	}
}

.menu>ul>li:hover>ul {
	opacity: 1;
	top: 60px;
	/* This is how far from the top the drop down annimation will go  */
	visibility: visible;
}

@media only screen and (min-width: 1200px) {
	.menu>ul>li:hover>ul {
		top: 90px;
	}
}

.menu>ul>li>ul:before {
	content: '';
	display: block;
	border-color: transparent transparent #333333 transparent;
	border-color: transparent transparent #D70C00 transparent;
	border-style: solid;
	border-width: 6px;
	/* The border on the drop down box  */
	position: absolute;
	top: -12px;
	left: 50%;
	margin-left: -6px;
}

.menu ul ul>li {
	position: relative;
}

#cssmenu>ul ul>li {
	position: relative;
}

.menu ul ul>li a {
	padding: 11px 15px 11px 10px;
	height: auto;
	background-color: #f4f4f4;
	line-height: 18px;
	font-size: 13px;
	text-transform: none;
}

.menu ul ul a {
	/* This is the drop down menu, change font or size when its drops down */
	color: #323232;
	font-size: 13px;
	background-color: #fafafa;
	padding: 5px 8px 7px 16px;
	display: block;
	-webkit-transition: background-color .1s;
	-moz-transition: background-color .1s;
	-o-transition: background-color .1s;
	transition: background-color .1s;
}

.menu ul ul>li a:hover {
	background-color: #000;
	color: #fff;
}

#cssmenu ul ul a:hover {
	background-color: #f0f0f0;
}

.menu ul ul ul {
	position: absolute;
	left: 100%;
	top: 0;
}

@media all and (max-width: 768px) {
	.hamburger-box {
		display: inline-block;
	}
	.hamburger-inner {
		display: block;
	}
	a.menu-link {
		display: block;
		color: #fff;
		background-color: #fff;
		float: right;
		text-decoration: none;
		padding: 12px 16px 21px;
		margin-top: 7px;
	}
	.menu {
		clear: both;
		min-width: inherit;
		float: none;
		text-align: left;
		-webkit-transition: all 0s ease;
		-moz-transition: all 0s ease;
		-ms-transition: all 0s ease;
		transition: all 0s ease;
	}
	.menu,
	.menu>ul ul {
		overflow: hidden;
		max-height: 0;
		background-color: #f4f4f4;
	}
	.menu>li>ul.sub-menu {
		padding: 0px;
		border: none;
	}
	.menu.active,
	.menu>ul ul.active {
		max-height: 55em;
	}
	.menu ul {
		display: inline;
		text-align: left;
	}
	.menu>ul {
		border-top: 1px solid #808080;
	}
	.menu>ul::after {
		clear: both;
		content: "";
		display: table;
	}
	.menu li,
	.menu>ul>li {
		display: block;
	}
	.menu li a {
		color: #000;
		display: block;
		padding: 0.8em;
		border-bottom: 1px solid #e0e7ee;
		position: relative;
	}
	.menu>ul>li>a {
		padding-left: 20px;
		height: 50px;
		line-height: 50px;
	}
	.menu>ul>li>a:hover,
	.menu>ul>li>a:focus {
		background-color: #e4e4e4;
	}
	.menu li.has-submenu>a:after {
		content: '+';
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		font-size: 1.5em;
		padding: 0.1em 1em;
	}
	.menu li.has-submenu>a.active:after {
		content: "-";
	}
	.menu ul ul>li a {
		background-color: #e4e4e4;
		background-color: #fff;
		height: 50px;
		line-height: 50px;
		padding: 0px 18px 0px 30px;
	}
	.menu ul ul,
	.menu>ul>li>ul,
	.menu ul ul ul {
		display: inherit;
		position: relative;
		left: auto;
		top: auto;
		border: none;
	}
	.menu>ul>li>ul {
		padding: 0;
		margin: 0;
		opacity: 1;
		visibility: visible;
		-webkit-transition: all 0s 0s;
		-moz-transition: all 0s 0s;
		-o-transition: all 0s 0s;
		transition: all 0s 0s;
	}
	.menu>ul>li:hover>ul {
		top: 0;
		/* This is how far from the top the drop down annimation will go  */
	}
}

main {
	min-height: 500px;
	position: relative;
}

.container-wrapper {
	overflow: hidden;
	padding: 40px 40px 30px 40px;
}

@media only screen and (min-width: 992px) {
	.container-wrapper {
		padding: 60px 80px 60px 80px;
	}
}

.container {
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	min-height: 200px;
}

.container::after {
	clear: both;
	content: "";
	display: table;
}

.intro {
	float: left;
	display: block;
	margin-right: 2.3576515979%;
	width: 100%;
	padding-bottom: 40px;
	padding-right: 20px;
}

.intro:last-child {
	margin-right: 0;
}

@media only screen and (min-width: 992px) {
	.intro {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
	}
	.intro:last-child {
		margin-right: 0;
	}
}

strong {
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight: normal;
}

.course-selector {
	float: left;
	display: block;
	margin-right: 2.3576515979%;
	width: 100%;
}

.course-selector:last-child {
	margin-right: 0;
}

@media only screen and (min-width: 992px) {
	.course-selector {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
	}
	.course-selector:last-child {
		margin-right: 0;
	}
}

h3.section-title {
	font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-size: 2.6rem;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	margin-bottom: 50px;
}

.content-block,
.content-block-owl,
.content-block-iso,
.content-card {
	min-height: 420px;
	background: #fff;
	overflow: hidden;
	margin-bottom: 25px;
}

.content-block .block-image-container,
.content-block-owl .block-image-container,
.content-block-iso .block-image-container,
.content-card .block-image-container {
	background-color: #f8f8f8;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.content-block .block-image-container img,
.content-block-owl .block-image-container img,
.content-block-iso .block-image-container img,
.content-card .block-image-container img {
	display: block;
	width: 100%;
}

.content-block .block-image-container:before,
.content-block-owl .block-image-container:before,
.content-block-iso .block-image-container:before,
.content-card .block-image-container:before {
	content: '';
	background: rgba(0, 0, 0, 0.01);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: background 0.3s linear;
}

.content-block .block-image-container:after,
.content-block-owl .block-image-container:after,
.content-block-iso .block-image-container:after,
.content-card .block-image-container:after {
	content: "";
	background-color: transparent;
	border-bottom: 0px solid #d70c00;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: background-color 0.4s, border-bottom 0.2s;
}

.content-block a.wrap-link,
.content-block div.wrap-link,
.content-block-owl a.wrap-link,
.content-block-owl div.wrap-link,
.content-block-iso a.wrap-link,
.content-block-iso div.wrap-link,
.content-card a.wrap-link,
.content-card div.wrap-link {
	text-decoration: none;
	color: #333;
	display: block;
	transition: all .25s ease;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.content-block a.wrap-link:hover,
.content-block div.wrap-link:hover,
.content-block-owl a.wrap-link:hover,
.content-block-owl div.wrap-link:hover,
.content-block-iso a.wrap-link:hover,
.content-block-iso div.wrap-link:hover,
.content-card a.wrap-link:hover,
.content-card div.wrap-link:hover {
	color: #d70c00;
	cursor: pointer;
}

.content-block a.wrap-link:hover .block-image-container:after,
.content-block div.wrap-link:hover .block-image-container:after,
.content-block-owl a.wrap-link:hover .block-image-container:after,
.content-block-owl div.wrap-link:hover .block-image-container:after,
.content-block-iso a.wrap-link:hover .block-image-container:after,
.content-block-iso div.wrap-link:hover .block-image-container:after,
.content-card a.wrap-link:hover .block-image-container:after,
.content-card div.wrap-link:hover .block-image-container:after {
	background-color: rgba(0, 0, 0, 0.15);
	border-bottom: 3px solid #d70c00;
}

.content-card {
	position: relative;
}

.content-block-iso {
	margin-right: 0 !important;
}

.owl-item {
	background: #fff;
}

.content-block,
.content-block-owl,
.content-block-iso {
	width: 100%;
	min-height: 470px;
}

.content-block::after,
.content-block-owl::after,
.content-block-iso::after {
	clear: both;
	content: "";
	display: table;
}

@media only screen and (min-width: 510px) {
	.content-block,
	.content-block-owl,
	.content-block-iso {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
		min-height: 420px;
	}
	.content-block:last-child,
	.content-block-owl:last-child,
	.content-block-iso:last-child {
		margin-right: 0;
	}
	.content-block:nth-child(2n),
	.content-block-owl:nth-child(2n),
	.content-block-iso:nth-child(2n) {
		margin-right: 0;
	}
	.content-block:nth-child(2n+1),
	.content-block-owl:nth-child(2n+1),
	.content-block-iso:nth-child(2n+1) {
		clear: left;
	}
}

@media only screen and (min-width: 992px) {
	.content-block,
	.content-block-owl,
	.content-block-iso {
		min-height: 470px;
	}
}

@media only screen and (min-width: 1200px) {
	.content-block,
	.content-block-owl,
	.content-block-iso {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 23.2317613015%;
		min-height: 450px;
	}
	.content-block:nth-child(2n),
	.content-block-owl:nth-child(2n),
	.content-block-iso:nth-child(2n) {
		margin-right: 2.3576515979%;
	}
	.content-block:nth-child(2n+1),
	.content-block-owl:nth-child(2n+1),
	.content-block-iso:nth-child(2n+1) {
		clear: none;
	}
	.content-block:last-child,
	.content-block-owl:last-child,
	.content-block-iso:last-child {
		margin-right: 0;
	}
	.content-block:nth-child(4n),
	.content-block-owl:nth-child(4n),
	.content-block-iso:nth-child(4n) {
		margin-right: 0;
	}
	.content-block:nth-child(4n+1),
	.content-block-owl:nth-child(4n+1),
	.content-block-iso:nth-child(4n+1) {
		clear: left;
	}
}

@media only screen and (min-width: 510px) {
	.content-card {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
	}
	.content-card:last-child {
		margin-right: 0;
	}
}

@media only screen and (min-width: 1200px) {
	.content-card {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 23.2317613015%;
	}
	.content-card:last-child {
		margin-right: 0;
	}
}

.gutter-sizer {
	width: 2.3%;
}

.block-text,
.block-text-small,
.block-text-staff,
.block-text-cmag,
.block-more-link {
	padding: 20px 20px 10px 20px;
}

.block-text h3,
.block-text-small h3,
.block-text-staff h3,
.block-text-cmag h3,
.block-more-link h3 {
	font-size: 2rem;
}

.block-text p,
.block-text-small p,
.block-text-staff p,
.block-text-cmag p,
.block-more-link p {
	font-size: 1.3rem;
	color: #999;
}

.block-text p.small,
.block-text-small p.small,
.block-text-staff p.small,
.block-text-cmag p.small,
.block-more-link p.small {
	font-size: 1.1rem;
	bottom: 20px;
	margin: 0;
}

.block-text p.small span,
.block-text-small p.small span,
.block-text-staff p.small span,
.block-text-cmag p.small span,
.block-more-link p.small span {
	color: #333;
}

.block-text ul.box-links,
.block-text-small ul.box-links,
.block-text-staff ul.box-links,
.block-text-cmag ul.box-links,
.block-more-link ul.box-links {
	position: relative;
	padding-top: 10px;
	margin-top: -10px;
}

.block-text ul.box-links li,
.block-text-small ul.box-links li,
.block-text-staff ul.box-links li,
.block-text-cmag ul.box-links li,
.block-more-link ul.box-links li {
	font-size: 1.4rem;
}

.block-text ul.box-links li:first-child:before,
.block-text-small ul.box-links li:first-child:before,
.block-text-staff ul.box-links li:first-child:before,
.block-text-cmag ul.box-links li:first-child:before,
.block-more-link ul.box-links li:first-child:before {
	background-color: #000;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 0;
	width: 1em;
}

.block-text {
	min-height: 147px;
}

.block-text-small {
	position: absolute;
	bottom: 12px;
}

.block-text-staff,
.block-text-cmag {
	width: 100%;
	position: absolute;
	bottom: 0;
	background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.6) 100%);
	padding-bottom: 20px;
	transition: all 0.5s ease-in-out;
}

.block-more-link {
	padding-top: 0;
	position: relative;
}

.block-text.box-nav {
	padding: 20px 0px 20px 0px;
}

.block-text.box-nav h3 {
	font-size: 1.8rem;
	padding: 0 20px;
}

.block-text.box-nav p {
	font-size: 1.4rem;
	color: #999;
}

.block-text.box-nav p.small {
	font-size: 1.1rem;
	position: absolute;
	bottom: 20px;
	margin: 0;
}

.block-text.box-nav p.small span {
	color: #333;
}

.block-text.box-nav ul li {
	font-size: 1.4rem;
	border-top: 1px solid #ddd;
}

.block-text.box-nav ul li a {
	color: #333;
	display: block;
	padding: 15px 20px;
}

.block-text.box-nav ul li a:hover {
	background-color: #ebebeb;
	background-color: #333;
	color: #fff;
}

.block-text.box-nav ul li:last-child {
	border-bottom: 1px solid #ddd;
}

div.block-text.box-nav i,
nav.block-text.box-nav i {
	margin-right: 10px;
	color: #d70c00;
}

div.block-text.box-nav a:hover i,
nav.block-text.box-nav a:hover i {
	color: #fff;
}

.bg-white {
	background-color: #fff;
}

.bg-light-grey {
	background-color: #f8f8f8;
}

.flex-direction-nav a {
	top: 21%;
}

@media only screen and (min-width: 510px) {
	.flex-direction-nav a {
		top: 25%;
	}
}

@media only screen and (min-width: 768px) {
	.flex-direction-nav a {
		top: 45%;
	}
}

.select-style {
	padding: 0;
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
	width: 100%;
	border-radius: 3px;
	overflow: hidden;
	background-color: #fff;
	font-size: 1.4rem;
	line-height: 1.4rem;
	background: #fff url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 95% 50%;
}

.select-style select {
	font-size: 1.4rem;
	padding: 12px 20px;
	margin: 0;
	width: 130%;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.select-style select:focus {
	outline: none;
}

.campus-selector-wrapper {
	float: left;
	display: block;
	margin-right: 2.3576515979%;
	width: 48.821174201%;
}

.campus-selector-wrapper:last-child {
	margin-right: 0;
}

@media only screen and (min-width: 992px) {
	.campus-selector-wrapper {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 31.7615656014%;
	}
	.campus-selector-wrapper:last-child {
		margin-right: 0;
	}
}

div.dd-select {
	background-color: #fff !important;
}

.dd-select {
	border: solid 1px #e0e7ee !important;
}

.dd-select {
	border-top: none !important;
	border-bottom: none !important;
	border-right: 1px solid #e0e7ee !important;
	border-left: 1px solid #e0e7ee !important;
}

.dd-selected {
	padding: 4px 10px 4px 5px !important;
}

@media only screen and (min-width: 768px) {
	.dd-selected {
		padding: 4px 10px 4px 10px !important;
	}
}

@media only screen and (min-width: 1200px) {
	.dd-selected {
		padding: 4px 10px !important;
	}
}

.dd-container .dd-select {
	width: 159px !important;
}

@media only screen and (min-width: 768px) {
	.dd-container .dd-select {
		width: 200px !important;
	}
}

@media only screen and (min-width: 1200px) {
	.dd-container .dd-select {
		width: 200px !important;
	}
}

.dd-selected-text {
	line-height: 21px !important;
	line-height: 39px !important;
	font-size: 10px !important;
	text-transform: uppercase;
	margin-bottom: 0;
	padding-top: 2px;
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
}

@media only screen and (min-width: 768px) {
	.dd-selected-text {
		font-size: 11px !important;
	}
}

@media only screen and (min-width: 1200px) {
	.dd-selected-text {
		font-size: 11px !important;
	}
}

.dd-selected-image {
	padding-top: 4px;
	padding-top: 13px;
}

.dd-options {
	border: solid 1px #e0e7ee !important;
	border-top: solid 1px #e0e7ee !important;
	margin-top: 8px;
	margin-top: 0px !important;
	box-shadow: none !important;
	transform-origin: 50% 0;
	transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
}

.dd-option-image {
	padding-top: 2px;
	padding-top: 11px;
}

.dd-option {
	border-bottom: none !important;
	padding: 4px 10px 4px 18px !important;
}

@media only screen and (min-width: 1200px) {
	.dd-option {
		padding: 4px 10px !important;
	}
}

label.dd-option-text {
	line-height: 21px;
	line-height: 39px !important;
	font-size: 11px !important;
	text-transform: uppercase;
	margin-bottom: 0;
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
}

.dd-pointer {
	content: '';
	display: block;
	height: 7px;
	width: 7px;
	pointer-events: none;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -4px;
}

.dd-pointer-down {
	border-bottom: 2px solid #90a1b5;
	border-right: 2px solid #90a1b5;
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.dd-pointer-up {
	border-bottom: 2px solid #90a1b5;
	border-right: 2px solid #90a1b5;
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.nice-select:after {
	border-bottom: 2px solid #90a1b5;
	border-right: 2px solid #90a1b5;
	content: '';
	display: block;
	height: 5px;
	pointer-events: none;
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -4px;
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	width: 5px;
}

.nice-select.open:after {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.language-selector {
	position: absolute;
	left: 160px;
	top: 19px;
}

@media only screen and (min-width: 768px) {
	.language-selector {
		left: 240px;
	}
}

@media only screen and (min-width: 992px) {
	.language-selector {
		left: 260px;
	}
}


/* The Overlay (background) */

.overlay {
	/* Height & width depends on how you want to reveal the overlay (see JS below) */
	height: 0;
	width: 100%;
	position: fixed;
	/* Stay in place */
	z-index: 1000;
	/* Sit on top */
	left: 0;
	top: 0;
	background-color: black;
	/* Black fallback color */
	overflow-x: hidden;
	/* Disable horizontal scroll */
	transition: 0.5s;
	/* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}


/* Position the content inside the overlay */

.overlay-content {
	position: relative;
	/*top: 25%;*/
	/* 25% from the top */
	width: 100%;
	/* 100% width */
	text-align: center;
	/* Centered text/links */
	margin-top: 30px;
	/* 30px top margin to avoid conflict with the close button on smaller screens */
}


/* The navigation links inside the overlay */

.overlay a {
	padding: 8px;
	text-decoration: none;
	font-size: 36px;
	color: #818181;
	display: block;
	/* Display block instead of inline */
	transition: 0.3s;
	/* Transition effects on hover (color) */
}


/* When you mouse over the navigation links, change their color */

.overlay a:hover,
.overlay a:focus {
	color: #f1f1f1;
}


/* Position the close button (top right corner) */

.overlay .closebtn {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;
	z-index: 999;
	cursor: pointer;
}


/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */

@media screen and (max-height: 450px) {
	.overlay a {
		font-size: 20px;
	}
	.overlay .closebtn {
		font-size: 40px;
		top: 15px;
		right: 35px;
	}
}

.title-content {
	width: 100%;
	text-align: left;
	bottom: 0px;
	left: 0;
	z-index: 100;
}

@media only screen and (min-width: 768px) {
	.title-content {
		position: absolute;
	}
}

div.title-text,
div.title-text .wide-title,
div.page-title-bg,
div.page-title-bg .wide-title {
	z-index: 101;
	color: #333;
	background-color: #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
	padding: 30px 20px 40px;
}

@media only screen and (min-width: 768px) {
	div.title-text,
	div.title-text .wide-title,
	div.page-title-bg,
	div.page-title-bg .wide-title {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
	}
	div.title-text:last-child,
	div.title-text .wide-title:last-child,
	div.page-title-bg:last-child,
	div.page-title-bg .wide-title:last-child {
		margin-right: 0;
	}
}

@media only screen and (min-width: 768px) {
	div.title-text,
	div.title-text .wide-title,
	div.page-title-bg,
	div.page-title-bg .wide-title {
		padding: 40px 40px 50px;
	}
}

@media only screen and (min-width: 1200px) {
	div.title-text,
	div.title-text .wide-title,
	div.page-title-bg,
	div.page-title-bg .wide-title {
		padding: 40px 60px 40px;
	}
}

@media only screen and (min-width: 768px) {
	div.title-text div.title-text .wide-title,
	div.title-text div.page-title-bg .wide-title,
	div.title-text .wide-title div.title-text .wide-title,
	div.title-text .wide-title div.page-title-bg .wide-title,
	div.page-title-bg div.title-text .wide-title,
	div.page-title-bg div.page-title-bg .wide-title,
	div.page-title-bg .wide-title div.title-text .wide-title,
	div.page-title-bg .wide-title div.page-title-bg .wide-title {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 74.4105871005%;
	}
	div.title-text div.title-text .wide-title:last-child,
	div.title-text div.page-title-bg .wide-title:last-child,
	div.title-text .wide-title div.title-text .wide-title:last-child,
	div.title-text .wide-title div.page-title-bg .wide-title:last-child,
	div.page-title-bg div.title-text .wide-title:last-child,
	div.page-title-bg div.page-title-bg .wide-title:last-child,
	div.page-title-bg .wide-title div.title-text .wide-title:last-child,
	div.page-title-bg .wide-title div.page-title-bg .wide-title:last-child {
		margin-right: 0;
	}
}

div.title-text span.course-level,
div.title-text span.page-pre-title,
div.title-text .wide-title span.course-level,
div.title-text .wide-title span.page-pre-title,
div.page-title-bg span.course-level,
div.page-title-bg span.page-pre-title,
div.page-title-bg .wide-title span.course-level,
div.page-title-bg .wide-title span.page-pre-title {
	font-size: 12px;
	text-transform: uppercase;
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	padding-bottom: 15px;
	display: block;
	letter-spacing: 1px;
}

div.title-text h1,
div.title-text .wide-title h1,
div.page-title-bg h1,
div.page-title-bg .wide-title h1 {
	font-family: "Baskerville10Pro", Georgia, Cambria, "Times New Roman", Times, serif;
	font-size: 32px;
	line-height: 41px;
	margin-bottom: 0.6em;
}

@media only screen and (min-width: 768px) {
	div.title-text h1,
	div.title-text .wide-title h1,
	div.page-title-bg h1,
	div.page-title-bg .wide-title h1 {
		font-size: 34px;
		line-height: 42px;
	}
}

@media only screen and (min-width: 992px) {
	div.title-text h1,
	div.title-text .wide-title h1,
	div.page-title-bg h1,
	div.page-title-bg .wide-title h1 {
		font-size: 38px;
		line-height: 46px;
		margin-bottom: 0.2em;
	}
}

@media only screen and (min-width: 1200px) {
	div.title-text h1,
	div.title-text .wide-title h1,
	div.page-title-bg h1,
	div.page-title-bg .wide-title h1 {
		font-size: 42px;
		line-height: 50px;
	}
}

div.title-text p,
div.title-text .wide-title p,
div.page-title-bg p,
div.page-title-bg .wide-title p {
	margin: 0 0 1em;
}

ul.slides li {
	position: relative;
	zoom: 1;
}

section#overview {
	width: 100%;
	background: #f8f8f8;
}

div.overview-inner {
	padding: 30px 20px 40px;
}

@media only screen and (min-width: 768px) {
	div.overview-inner {
		padding: 50px 40px 50px;
	}
}

@media only screen and (min-width: 1200px) {
	div.overview-inner {
		padding: 50px 60px 50px;
	}
}

div.overview-inner p {
	font-size: 14px;
	color: #333;
}

@media only screen and (min-width: 992px) {
	div.overview-inner p {
		font-size: 16px;
	}
}

div.overview-inner p strong {
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

section.filters {
	width: 100%;
	background: #333333;
	min-height: 65px;
	padding: 20px;
}

@media only screen and (min-width: 768px) {
	section.filters {
		padding: 30px 39px 10px 39px;
	}
}

section.filters div.filter-group {
	display: inline-block;
	float: left;
	display: block;
	margin-right: 2.3576515979%;
	width: 100%;
	margin-bottom: 20px;
}

section.filters div.filter-group:last-child {
	margin-right: 0;
}

@media only screen and (min-width: 768px) {
	section.filters div.filter-group {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
	}
	section.filters div.filter-group:last-child {
		margin-right: 0;
	}
}

@media only screen and (min-width: 1200px) {
	section.filters div.filter-group {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 23.2317613015%;
	}
	section.filters div.filter-group:last-child {
		margin-right: 0;
	}
}

section.filters div.filter-search {
	display: inline-block !important;
	padding-top: 3px;
	float: left;
	display: block;
	margin-right: 2.3576515979%;
	width: 100%;
	vertical-align: top !important;
	float: none !important;
}

section.filters div.filter-search:last-child {
	margin-right: 0;
}

section.filters div.filter-search [type='text'] {
	border-radius: 0;
	margin-bottom: 0;
	vertical-align: top !important;
}

section.filters div.filter-search [type='text']:focus {
	border: none;
}

@media only screen and (min-width: 768px) {
	section.filters div.filter-search {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
	}
	section.filters div.filter-search:last-child {
		margin-right: 0;
	}
}

@media only screen and (min-width: 1200px) {
	section.filters div.filter-search {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 23.2317613015%;
		margin-left: 25.5894128995%;
	}
	section.filters div.filter-search:last-child {
		margin-right: 0;
	}
}

@media only screen and (min-width: 1200px) {
	section.filters div.filter-search.faq-search {
		margin-left: 51.178825799%;
	}
}

section.filters div.filter-group>small {
	color: #fff;
	margin-right: 30px;
	font-weight: bold;
	text-transform: uppercase;
}

.dateFilter,
.subjectFilter,
.locationFilter,
.coursesFilter,
.yearFilter,
.topicFilter,
.whenFilter,
.eLocationFilter,
.cLocationFilter,
.typeFilter {
	color: white;
	/*    width: 250px;*/
	min-height: 40px;
	line-height: 40px;
	box-sizing: border-box;
	background: none;
	border: 1px solid #fff;
	cursor: pointer;
	outline: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	position: relative;
	/*    margin-right: 30px;*/
	padding: 0 15px;
}

.dateFilter:after,
.subjectFilter:after,
.coursesFilter:after,
.locationFilter:after,
.yearFilter:after,
.topicFilter:after,
.whenFilter:after,
.eLocationFilter:after,
.cLocationFilter:after,
.typeFilter:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 16px;
	top: 50%;
	color: #fff;
	margin-top: -3px;
	border-width: 6px 6px 0 6px;
	border-style: solid;
	border-color: grey transparent;
}

.dateText,
.subjectText,
.locationText,
.coursesText,
.yearText,
.topicText,
.whenText,
.eLocationText,
.cLocationText,
.typeText {
	/*    padding: 10px;*/
}

.selected {
	background-color: #333;
	color: #fff;
}

.hide {
	display: none;
}

.dateFilter .dateOptions,
.subjectFilter .subjectOptions,
.coursesFilter .coursesOptions,
.locationFilter .locationOptions,
.yearFilter .yearOptions,
.topicFilter .topicOptions,
.whenFilter .whenOptions,
.eLocationFilter .eLocationOptions,
.cLocationFilter .cLocationOptions,
.typeFilter .typeOptions {
	background-color: #fff;
	z-index: 9999;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: -1px;
	margin-right: -1px;
	border: 1px solid #fff;
	line-height: 28px;
}

.dateFilter .dateOptions a,
.coursesFilter .coursesOptions a,
.subjectFilter .subjectOptions a,
.locationFilter .locationOptions a,
.yearFilter .yearOptions a,
.topicFilter .topicOptions a,
.whenFilter .whenOptions a,
.eLocationFilter .eLocationOptions a,
.cLocationFilter .cLocationOptions a,
.typeFilter .typeOptions a {
	transition: all 0.2s ease-out;
	padding: 5px 15px;
	font-size: smaller;
	display: block;
}

a.disabled {
	color: #ccc;
}

a.disabled.selected {
	background-color: #fff;
}

.dateFilter .dateOptions a:hover,
.subjectFilter .subjectOptions a:hover,
.coursesFilter .coursesOptions a:hover,
.locationFilter .locationOptions a:hover,
.yearFilter .yearOptions a:hover,
.topicFilter .topicOptions a:hover,
.whenFilter .whenOptions a:hover,
.eLocationFilter .eLocationOptions a:hover,
.cLocationFilter .cLocationOptions a:hover,
.typeFilter .typeOptions a:hover {
	background-color: #f5f5f5;
}

a.disabled:hover {
	background-color: #fff !important;
	cursor: default;
}

.tester {
	/*  display:inline-block;*/
}

section#course-blocks,
section#news-blocks,
section#event-blocks,
section#faculty-blocks,
section#cmag-blocks {
	width: 100%;
	padding: 40px 20px;
	background-color: #f5f5f5;
}

@media only screen and (min-width: 768px) {
	section#course-blocks,
	section#news-blocks,
	section#event-blocks,
	section#faculty-blocks,
	section#cmag-blocks {
		padding: 50px 39px 30px 39px;
	}
}

section#course-blocks a.wrap-link,
section#news-blocks a.wrap-link,
section#event-blocks a.wrap-link,
section#faculty-blocks a.wrap-link,
section#cmag-blocks a.wrap-link {
	position: auto;
}

section#course-blocks div.wrap-link,
section#news-blocks div.wrap-link,
section#event-blocks div.wrap-link,
section#faculty-blocks div.wrap-link,
section#cmag-blocks div.wrap-link {
	position: auto;
}

.ribbon-wrapper {
	height: 85px;
	width: 85px;
	overflow: hidden;
	position: absolute;
	right: -1px;
	top: -1px;
	z-index: 9999;
}

.ribbon-wrapper .ribbon {
	background-color: #d70c00;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	color: #fff;
	left: -5px;
	line-height: 1.6em;
	padding: 5px 7px 2px;
	position: relative;
	text-align: center;
	top: 15px;
	transform: rotate(45deg);
	width: 120px;
	font-size: 10px;
	font-family: "Atlas Grotesk Bold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

div.tabbed-content-wrapper {
	width: 100%;
	height: 43px;
	background-color: #333;
	padding: 0;
	display: none;
}

@media only screen and (min-width: 768px) {
	div.tabbed-content-wrapper {
		display: block;
	}
}

section.tabbed-content,
div.tabbed-content,
article.main-content {
	float: left;
	display: block;
	margin-right: 2.3576515979%;
	width: 100%;
}

section.tabbed-content:last-child,
div.tabbed-content:last-child,
article.main-content:last-child {
	margin-right: 0;
}

@media only screen and (min-width: 768px) {
	section.tabbed-content,
	div.tabbed-content,
	article.main-content {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 65.8807828007%;
	}
	section.tabbed-content:last-child,
	div.tabbed-content:last-child,
	article.main-content:last-child {
		margin-right: 0;
	}
}

@media only screen and (min-width: 992px) {
	section.tabbed-content,
	div.tabbed-content,
	article.main-content {
		font-size: 16px;
		line-height: 24px;
		height: 100%;
	}
}

@media only screen and (min-width: 1200px) {
	section.tabbed-content,
	div.tabbed-content,
	article.main-content {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 65.8807828007%;
		font-size: 16px;
		line-height: 24px;
	}
	section.tabbed-content:last-child,
	div.tabbed-content:last-child,
	article.main-content:last-child {
		margin-right: 0;
	}
}

section.tabbed-content,
div.tabbed-content,
article.main-content,
article.full-width {
	font-size: 14px;
	line-height: 20px;
	color: #2b2b2b;
}

@media only screen and (min-width: 992px) {
	section.tabbed-content,
	div.tabbed-content,
	article.main-content,
	article.full-width {
		font-size: 16px;
		line-height: 24px;
	}
}

@media only screen and (min-width: 1200px) {
	section.tabbed-content,
	div.tabbed-content,
	article.main-content,
	article.full-width {
		font-size: 16px;
		line-height: 24px;
	}
}

section.tabbed-content a,
div.tabbed-content a,
article.main-content a,
article.full-width a {
	color: #a40900;
}

section.tabbed-content a:hover,
div.tabbed-content a:hover,
article.main-content a:hover,
article.full-width a:hover {
	color: #d70c00;
}

section.tabbed-content h2,
div.tabbed-content h2,
article.main-content h2,
article.full-width h2 {
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-size: 2.1em;
	letter-spacing: -1px;
}

section.tabbed-content h3,
div.tabbed-content h3,
article.main-content h3,
article.full-width h3 {
	font-size: 1.8em;
}

section.tabbed-content h4,
div.tabbed-content h4,
article.main-content h4,
article.full-width h4 {
	font-size: 14px;
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight: normal;
	margin: 1em 0 0.5em;
}

@media only screen and (min-width: 992px) {
	section.tabbed-content h4,
	div.tabbed-content h4,
	article.main-content h4,
	article.full-width h4 {
		font-size: 16px;
	}
}

section.tabbed-content h5,
div.tabbed-content h5,
article.main-content h5,
article.full-width h5 {
	font-size: 16px;
	font-family: "Baskerville10Pro-Italic", Georgia, Cambria, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 1em 0 0.5em;
}

@media only screen and (min-width: 992px) {
	section.tabbed-content h5,
	div.tabbed-content h5,
	article.main-content h5,
	article.full-width h5 {
		font-size: 18px;
	}
}

section.tabbed-content p,
div.tabbed-content p,
article.main-content p,
article.full-width p {
	color: #333;
	line-height: 1.7em;
}

section.tabbed-content ul,
div.tabbed-content ul,
article.main-content ul,
article.full-width ul {
	margin-bottom: 1em;
	list-style: disc;
}

section.tabbed-content li,
div.tabbed-content li,
article.main-content li,
article.full-width li {
	/*padding-left: 16px;*/
	line-height: 28px;
	margin-left: 20px;
}

article.main-content {
	padding-top: 0;
}

div.tabbed-content p strong,
article.main-content p strong {
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight: normal;
}

div.tabbed-content p.course-intro,
article.main-content p.news-intro {
	font-size: 21px;
	line-height: 32px;
	font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	padding-bottom: 20px;
}

@media only screen and (min-width: 992px) {
	div.tabbed-content p.course-intro,
	article.main-content p.news-intro {
		font-size: 24px;
		line-height: 34px;
	}
}

.horizontal-tabs-container {
	margin-bottom: 1.5em;
	overflow: hidden;
	width: 100%;
}

.horizontal-tabs-container::after {
	clear: both;
	content: "";
	display: table;
}

.horizontal-tabs-container a {
	color: #d70c00;
	text-decoration: none;
}

.horizontal-tabs-container .horizontal-tabs {
	display: none;
}

@media screen and (min-width: 768px) {
	.horizontal-tabs-container .horizontal-tabs {
		background-color: #333;
		display: block;
		float: left;
		height: auto;
		width: 100%;
		padding-left: 20px;
	}
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
	.horizontal-tabs-container .horizontal-tabs {
		padding-left: 40px;
	}
}

@media only screen and (min-width: 768px) and (min-width: 1200px) {
	.horizontal-tabs-container .horizontal-tabs {
		padding-left: 60px;
	}
}

@media screen and (min-width: 768px) {
	.horizontal-tabs-container .horizontal-tabs li {
		list-style: none;
	}
	.horizontal-tabs-container .horizontal-tabs a {
		color: #d70c00;
		text-decoration: none;
		font-size: 14px;
		font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	}
}

@media screen and (min-width: 768px) {
	.horizontal-tabs-container .horizontal-tab {
		display: inline-block;
		margin-right: -5px;
		padding: 0.75em 0.809em;
	}
}

@media only screen and (min-width: 768px) and (min-width: 992px) {
	.horizontal-tabs-container .horizontal-tab {
		padding: 0.75em 1.618em;
	}
}

@media screen and (min-width: 768px) {
	.horizontal-tabs-container .horizontal-tab:hover {
		background-color: #000;
	}
	.horizontal-tabs-container .horizontal-tab.is-active {
		background-color: white;
	}
}

.horizontal-tabs-container a.horizontal-tab {
	color: white;
	border-right: 1px solid #fff;
}

.horizontal-tabs-container a.horizontal-tab.is-active {
	color: #333;
	border-top: 1px solid #fff;
}

.horizontal-tabs-container a.horizontal-tab-accordion-heading {
	color: #ededed;
	padding: 0.75em 1.618em;
}

.horizontal-tabs-container a.horizontal-tab-accordion-heading.is-active {
	border-top: 1px solid #fff;
}

.horizontal-tabs-container .horizontal-tab:focus {
	outline: none;
}

.horizontal-tabs-container .horizontal-tab-content-container {
	display: block;
	margin: -40px -20px 0 -20px;
}

.horizontal-tabs-container .horizontal-tab-content-container a:focus {
	outline: none;
}

@media screen and (min-width: 768px) {
	.horizontal-tabs-container .horizontal-tab-content-container {
		height: auto;
		width: auto;
		background-color: white;
		display: inline-block;
		margin: 0 auto;
		width: 100%;
	}
}

.horizontal-tabs-container .horizontal-tab-content {
	background-color: white;
	padding: 1.5em 1.618em;
	padding-top: 30px;
}

@media screen and (min-width: 768px) {
	.horizontal-tabs-container .horizontal-tab-content {
		border: 0;
		display: none;
	}
}

@media only screen and (min-width: 768px) {
	.horizontal-tabs-container .horizontal-tab-content {
		padding: 1.5em 2.427em;
		padding: 0px 10px 40px 0px;
	}
}

@media only screen and (min-width: 992px) {
	.horizontal-tabs-container .horizontal-tab-content {
		padding-top: 0;
	}
}

@media only screen and (min-width: 1200px) {
	.horizontal-tabs-container .horizontal-tab-content {
		padding-top: 0;
	}
}

.horizontal-tabs-container .horizontal-tab-accordion-heading {
	background-color: #333;
	background-color: #333;
	border-top: 1px solid #e0e7ee;
	cursor: pointer;
	display: block;
	padding: 0.75em 0.809em;
}

.horizontal-tabs-container .horizontal-tab-accordion-heading:focus,
.horizontal-tabs-container .horizontal-tab-accordion-heading:hover {
	background-color: #000;
	color: #fff;
}

.horizontal-tabs-container .horizontal-tab-accordion-heading:first-child {
	border-top: 0;
}

.horizontal-tabs-container .horizontal-tab-accordion-heading.is-active {
	background: #000;
	border-bottom: 0;
	color: #fff;
}

@media screen and (min-width: 768px) {
	.horizontal-tabs-container .horizontal-tab-accordion-heading {
		display: none;
	}
}

.horizontal-tabs-container .horizontal-tab-accordion-heading:after {
	content: '\002B';
	/* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: #ccc;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.horizontal-tabs-container .horizontal-tab-accordion-heading.is-active:after {
	content: "\2212";
	/* Unicode character for "minus" sign (-) */
}


/* Style the buttons that are used to open and close the accordion panel */

button.accordion {
	color: #444;
	font-size: 15px;
	cursor: pointer;
	padding: 15px 15px 15px 2px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	margin: 0;
	border-top: 1px solid #e0e7ee;
}

@media only screen and (min-width: 768px) {
	button.accordion {
		padding: 15px 15px 15px 2px;
	}
}

button.accordion:after {
	content: '\002B';
	/* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

button.accordion.active:after {
	content: "\2212";
	/* Unicode character for "minus" sign (-) */
}


/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

button.accordion:hover,
button.accordion:focus {
	background-color: #eee;
}


/* Style the accordion panel. Note: hidden by default */

div.panel,
div.faq-panel {
	padding: 0 20px 10px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: 0.6s ease-in-out;
	opacity: 0;
	display: none;
	font-size: 12px;
}

@media only screen and (min-width: 992px) {
	div.panel,
	div.faq-panel {
		padding: 0 9px 10px;
		font-size: 14px;
	}
}

div.panel p,
div.faq-panel p {
	margin: 1em 0;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

div.panel ul,
div.faq-panel ul {
	list-style: disc;
	padding-left: 30px;
}

div.panel li,
div.faq-panel li {
	list-style: disc;
}


/* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */

div.panel.show {
	opacity: 1;
	display: block;
	max-height: 5000px;
	/* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}

button.accordion.faq {
	font-size: 14px;
}

@media only screen and (min-width: 768px) {
	button.accordion.faq {
		font-size: 16px;
	}
}

@media only screen and (min-width: 1200px) {
	button.accordion.faq {
		font-size: 18px;
	}
}

section#testimonials {
	width: 100%;
	background: #333;
	background: #3d4c53;
	padding: 50px 20px;
	text-align: center;
}

@media only screen and (min-width: 768px) {
	section#testimonials {
		padding: 70px 20px;
	}
}

section#testimonials .flexslider {
	background: transparent;
}

div.testimonial-inner {
	max-width: 800px;
	margin: 0 auto;
}

div.testimonial-inner p {
	color: #fff;
}

div.testimonial-inner p.testimonial {
	font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-family: "Baskerville10Pro-Italic", Georgia, Cambria, "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 1.2em;
}

@media only screen and (min-width: 768px) {
	div.testimonial-inner p.testimonial {
		font-size: 26px;
		line-height: 38px;
	}
}

div.testimonial-inner p.testimonial-author {
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}

@media only screen and (min-width: 768px) {
	div.testimonial-inner p.testimonial-author {
		font-size: 14px;
		line-height: 20px;
	}
}

div.testimonial-inner p.testimonial-course,
div.testimonial-inner p.testimonial-position,
div.testimonial-inner p.testimonial-dates {
	font-family: "Atlas Grotesk Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin: 0;
}

@media only screen and (min-width: 768px) {
	div.testimonial-inner p.testimonial-course,
	div.testimonial-inner p.testimonial-position,
	div.testimonial-inner p.testimonial-dates {
		font-size: 12px;
		line-height: 18px;
	}
}

section#related-content {
	width: 100%;
	background: #f8f8f8;
	padding: 50px 20px 40px;
	text-align: center;
}

@media only screen and (min-width: 768px) {
	section#related-content {
		padding: 50px 20px 60px;
	}
}

section#related-content a {
	border: 1px solid #333;
	color: #000;
	display: inline-block;
	padding: 0 10px;
	font-size: 10px;
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	text-transform: uppercase;
	height: 40px;
	line-height: 40px;
	margin: 0 15px 15px 0;
	transition: background-color 0.5s, color 0.5s;
	-webkit-transition: background-color 0.5s, color 0.5s;
	-moz-transition: background-color 0.5s, color 0.5s;
	-ms-transition: background-color 0.5s, color 0.5s;
	-o-transition: background-color 0.5s, color 0.5s;
}

@media only screen and (min-width: 768px) {
	section#related-content a {
		padding: 0 15px;
		font-size: 12px;
		height: 45px;
		line-height: 45px;
		margin: 0 20px 20px 0;
	}
}

section#related-content a:hover,
section#related-content a:focus {
	background: #333;
	color: #fff;
}

div.related-content-inner {
	max-width: 800px;
	margin: 0 auto;
}

div.related-content-inner p {
	margin-bottom: 30px;
	font-size: 16px;
	font-family: "Baskerville10Pro-Italic", Georgia, Cambria, "Times New Roman", Times, serif;
}

div.table-list {
	width: 100%;
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

div.table-list::after {
	clear: both;
	content: "";
	display: table;
}

div.table-list .table-head {
	padding: 10px;
	background: #ababab;
	font-size: 16px;
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

div.table-list .table-head h5 {
	font-size: 14px;
	color: #fff;
}

div.table-list .table-col-head {
	background: #f8f8f8;
	overflow: hidden;
	display: none;
}

@media only screen and (min-width: 768px) {
	div.table-list .table-col-head {
		display: block;
	}
}

div.table-list .table-col-head h6 {
	margin: 0;
}

div.table-list ul {
	list-style: none;
	font-size: 14px;
}

div.table-list ul.meet-region {
	width: 100%;
}

div.table-list ul.table-row {
	border-top: 1px solid #e0e7ee;
	padding: 15px 0;
}

div.table-list li {
	list-style: none;
	padding-left: 0;
	display: block;
}

div.table-list li::after {
	clear: both;
	content: "";
	display: table;
}

div.table-list li:before {
	content: none;
}

div.table-list li.table-cell {
	padding-left: 15px;
	vertical-align: top;
	float: left;
	display: block;
	margin-right: 2.3576515979%;
	width: 48.821174201%;
}

div.table-list li.table-cell:last-child {
	margin-right: 0;
}

div.table-list li.table-cell:nth-child(2n) {
	margin-right: 0;
}

div.table-list li.table-cell:nth-child(2n+1) {
	clear: left;
}

@media only screen and (min-width: 768px) {
	div.table-list li.table-cell {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 23.2317613015%;
	}
	div.table-list li.table-cell:nth-child(2n) {
		margin-right: 2.3576515979%;
	}
	div.table-list li.table-cell:nth-child(2n+1) {
		clear: none;
	}
	div.table-list li.table-cell:last-child {
		margin-right: 0;
	}
	div.table-list li.table-cell:nth-child(4n) {
		margin-right: 0;
	}
	div.table-list li.table-cell:nth-child(4n+1) {
		clear: left;
	}
}

span.pre-title {
	font-size: 12px;
	text-transform: uppercase;
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	padding-bottom: 10px;
	display: block;
	letter-spacing: 1px;
}

div.page-intro-text.half {
	padding-right: 20px;
	padding-bottom: 10px;
}

@media only screen and (min-width: 992px) {
	div.page-intro-text.half {
		padding-right: 40px;
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
	}
	div.page-intro-text.half:last-child {
		margin-right: 0;
	}
}

div.page-intro-text h1 {
	font-family: "Baskerville10Pro", Georgia, Cambria, "Times New Roman", Times, serif;
	font-size: 32px;
	line-height: 41px;
	margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
	div.page-intro-text h1 {
		font-size: 34px;
		line-height: 42px;
	}
}

@media only screen and (min-width: 992px) {
	div.page-intro-text h1 {
		font-size: 38px;
		line-height: 46px;
		margin-bottom: 0.2em;
	}
}

@media only screen and (min-width: 1200px) {
	div.page-intro-text h1 {
		font-size: 42px;
		line-height: 50px;
	}
}

div.page-intro-text h2 {
	font-size: 24px;
	line-height: 30px;
	font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

@media only screen and (min-width: 992px) {
	div.page-intro-text h2 {
		font-size: 32px;
		line-height: 40px;
	}
}

div.page-intro-text p.intro-text {
	font-size: 16px;
	line-height: 24px;
	font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

@media only screen and (min-width: 992px) {
	div.page-intro-text p.intro-text {
		font-size: 18px;
		line-height: 27px;
	}
}

div.page-intro-text p.intro-text-centred {
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
	padding: 10px 0 30px 0;
	font-size: 18px;
	line-height: 26px;
	font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

@media only screen and (min-width: 992px) {
	div.page-intro-text p.intro-text-centred {
		font-size: 21px;
		line-height: 30px;
	}
}

.tables {
	border: 1px solid #e0e7ee;
	border-collapse: separate;
	border-collapse: collapse;
	border-left: 0;
	border-radius: 3px;
	border-spacing: 0;
	width: 100%;
	table-layout: auto;
}

.tables .absorb {
	width: 100%;
}

.tables tbody {
	background-color: white;
}

.tables tbody tr:hover>td,
.tables tbody tr:hover>th {
	background-color: #f2f2f2;
}

.tables thead:first-of-type tr:first-child>th:first-child {
	border-top-left-radius: 3px;
}

.tables thead:first-of-type tr:first-child>th:last-child {
	border-top-right-radius: 3px;
}

.tables tbody:last-child tr:last-child>td:first-child {
	border-bottom-left-radius: 3px;
}

.tables tbody:last-child tr:last-child>td:last-child {
	border-bottom-right-radius: 3px;
}

.tables thead th {
	background-color: white;
	border-bottom: 0;
	border-left: 1px solid #e0e7ee;
	padding: 0.75em 1em;
	text-align: left;
	font-weight: normal;
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.tables thead th:first-child {
	border-left: 0;
}

.tables tbody {
	background-color: white;
}

.tables tbody td {
	border-bottom: 0;
	border-left: 1px solid #e0e7ee;
	border-top: 1px solid #e0e7ee;
	padding: 0.75em 1em;
}

.tables tbody td button {
	display: inline-block;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 0.3em;
	margin-right: 0.5em;
	outline: none;
	padding: 0.3em 1em;
	width: 100%;
}

@media screen and (min-width: 600px) {
	.tables tbody td button {
		margin-bottom: 0;
		width: auto;
	}
}

.tables tbody tr.t-term-row {
	background: gainsboro;
}

.tables tbody tr.t-module-row {
	background: #efefef;
}

.table-minimal {
	border: 1px solid #e0e7ee;
	border-collapse: separate;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	font-size: 14px;
	table-layout: auto;
}

.table-minimal .absorb {
	width: 100%;
}

.table-minimal tbody tr:first-child td {
	border-top: 2px solid #e0e7ee;
}

.table-minimal thead th {
	background-color: white;
	border-bottom: 0;
	padding: 0.5em 1em;
	text-align: left;
}

.table-minimal tbody {
	background-color: #fff;
}

.table-minimal tbody td {
	border-bottom: 0;
	border-top: 1px solid #e0e7ee;
	border-left: 1px solid #e0e7ee;
	line-height: 1.5;
	padding: 0.5em 1em;
	min-width: 80px;
}

.table-minimal tbody td button {
	display: inline-block;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 0.3em;
	margin-right: 0.5em;
	outline: none;
	padding: 0.3em 1em;
	width: 100%;
	min-width: 106px;
}

@media screen and (min-width: 600px) {
	.table-minimal tbody td button {
		margin-bottom: 0;
	}
}

.table-minimal tbody tr.t-course-row {
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.table-minimal tbody tr.t-term-row {
	background: gainsboro;
}

.table-minimal tbody tr.t-term-row:hover {
	background: #d7d7d7;
}

.table-minimal tbody tr.t-module-row {
	background: #efefef;
}

.table-minimal tbody tr.t-module-row:hover {
	background: #eaeaea;
}

.table-minimal tbody tr.t-session-row {
	background: #fff;
}

.table-minimal tbody tr.t-session-row:hover {
	background: #fbfbfb;
}

.table-minimal tbody td.t-course-name {
	background: #333;
	color: #fff;
}

.table-minimal tbody td.t-course-add {
	background: #990000;
}

.table-minimal tbody td.t-course-add button {
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	color: #fff;
	border: none;
	font-size: 11px;
}

.table-minimal tbody td.t-term-name span {
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.table-minimal tbody td.t-module-name {
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.module-body-text {
	float: left;
	display: block;
	margin-right: 2.3576515979%;
	width: 100%;
	padding-bottom: 40px;
}

.module-body-text::after {
	clear: both;
	content: "";
	display: table;
}

.module-body-text:last-child {
	margin-right: 0;
}

@media only screen and (min-width: 992px) {
	.module-body-text {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
	}
	.module-body-text:last-child {
		margin-right: 0;
	}
}

@media only screen and (min-width: 992px) {
	.module-body-text.right {
		float: right;
	}
}

.image-container {
	height: auto;
	float: left;
	display: block;
	margin-right: 2.3576515979%;
	width: 100%;
}

.image-container::after {
	clear: both;
	content: "";
	display: table;
}

.image-container:last-child {
	margin-right: 0;
}

@media only screen and (min-width: 992px) {
	.image-container {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 40.2913699012%;
	}
	.image-container:last-child {
		margin-right: 0;
	}
}

.image-container.right {
	float: right;
}

.image-container.left {
	float: left;
}

.image-container .image-description {
	margin: 10px auto 0;
	padding: 0 0 30px 0;
	width: 100%;
}

.horizontal-tabs-container a.button {
	color: #000;
	text-align: center;
}

.horizontal-tabs-container a.button:hover {
	color: #fff;
}

.faculty-block {
	min-height: 420px;
	background: #fff;
	overflow: hidden;
	margin-bottom: 25px;
}

.faculty-block .block-image-container {
	background-color: #f8f8f8;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.faculty-block .block-image-container img {
	display: block;
	width: 100%;
}

.faculty-block .block-image-container:before {
	content: '';
	background: rgba(0, 0, 0, 0.01);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: background 0.3s linear;
}

.faculty-block .block-image-container:after {
	content: "";
	background-color: transparent;
	border-bottom: 0px solid #d70c00;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: background-color 0.4s, border-bottom 0.2s;
}

.faculty-block a.wrap-link {
	text-decoration: none;
	color: #333;
	display: block;
	transition: all .25s ease;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.faculty-block a.wrap-link:hover {
	color: #d70c00;
}

.faculty-block a.wrap-link:hover .block-image-container:after {
	background-color: rgba(0, 0, 0, 0.15);
	border-bottom: 3px solid #d70c00;
}

.faculty-block {
	width: 100%;
	margin-right: 0 !important;
	min-height: 1px;
	background: none;
}

.faculty-block::after {
	clear: both;
	content: "";
	display: table;
}

@media only screen and (min-width: 510px) {
	.faculty-block {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
	}
	.faculty-block:last-child {
		margin-right: 0;
	}
	.faculty-block:nth-child(2n) {
		margin-right: 0;
	}
	.faculty-block:nth-child(2n+1) {
		clear: left;
	}
}

@media only screen and (min-width: 992px) {
	.faculty-block {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 31.7615656014%;
	}
	.faculty-block:nth-child(2n) {
		margin-right: 2.3576515979%;
	}
	.faculty-block:nth-child(2n+1) {
		clear: none;
	}
	.faculty-block:last-child {
		margin-right: 0;
	}
	.faculty-block:nth-child(3n) {
		margin-right: 0;
	}
	.faculty-block:nth-child(3n+1) {
		clear: left;
	}
}

@media only screen and (min-width: 1200px) {
	.faculty-block {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 23.2317613015%;
	}
	.faculty-block:nth-child(3n) {
		margin-right: 2.3576515979%;
	}
	.faculty-block:nth-child(3n+1) {
		clear: none;
	}
	.faculty-block:last-child {
		margin-right: 0;
	}
	.faculty-block:nth-child(4n) {
		margin-right: 0;
	}
	.faculty-block:nth-child(4n+1) {
		clear: left;
	}
}

.faculty-block .block-image-container:after {
	background-color: rgba(0, 0, 0, 0.15);
}

.faculty-block a.wrap-link {
	position: relative;
}

.faculty-block a.wrap-link span.learn-more {
	visibility: hidden;
	transition: all 0.3s ease-in-out;
	position: absolute;
	bottom: 0;
	left: 20px;
	opacity: 0;
}

.faculty-block a.wrap-link .block-text-staff {
	width: 100%;
	position: absolute;
	bottom: 0;
	background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.8) 100%);
	padding-bottom: 20px;
	transition: all 0.3s ease-in-out;
}

.faculty-block a.wrap-link:hover {
	color: #d70c00;
}

.faculty-block a.wrap-link:hover .block-image-container:after {
	background-color: transparent;
	border-bottom: 0;
}

.faculty-block a.wrap-link:hover span.learn-more {
	visibility: visible;
	opacity: 1;
	bottom: 20px;
	left: 20px;
}

.faculty-block a.wrap-link:hover .block-text-staff {
	padding-bottom: 42px;
}

div.staff-container {
	border: 1px solid #ddd;
	padding: 12px;
	background: #fff;
	font-size: 12px;
	margin-bottom: 30px;
}

@media only screen and (min-width: 510px) {
	div.staff-container {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
		margin-bottom: 0px;
	}
	div.staff-container:last-child {
		margin-right: 0;
	}
}

@media only screen and (min-width: 768px) {
	div.staff-container {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
	}
	div.staff-container:last-child {
		margin-right: 0;
	}
}

@media only screen and (min-width: 992px) {
	div.staff-container {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 23.2317613015%;
		font-size: 12px;
	}
	div.staff-container:last-child {
		margin-right: 0;
	}
}

div.staff-container img {
	margin-bottom: 12px;
	width: 100%;
}

div.staff-card {
	border: 1px solid #ddd;
	background: #fff;
	font-size: 12px;
}

@media only screen and (min-width: 992px) {
	div.staff-card {
		font-size: 12px;
	}
}

div.staff-card img {
	width: 100%;
}

span.staff-name {
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-size: 16px;
	color: #fff;
	margin: 0;
	padding: 0;
}

span.staff-position {
	color: #fff;
	font-size: 12px;
}

span.learn-more {
	text-transform: uppercase;
	font-size: 10px;
	margin-top: 10px;
	display: block;
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.faculty-member-img {
	width: 100%;
}

.cmag-block {
	min-height: 420px;
	background: #fff;
	overflow: hidden;
	margin-bottom: 25px;
}

.cmag-block .block-image-container {
	background-color: #f8f8f8;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.cmag-block .block-image-container img {
	display: block;
	width: 100%;
}

.cmag-block .block-image-container:before {
	content: '';
	background: rgba(0, 0, 0, 0.01);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: background 0.3s linear;
}

.cmag-block .block-image-container:after {
	content: "";
	background-color: transparent;
	border-bottom: 0px solid #d70c00;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: background-color 0.4s, border-bottom 0.2s;
}

.cmag-block div.wrap-link {
	text-decoration: none;
	color: #333;
	display: block;
	transition: all .25s ease;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.cmag-block div.wrap-link:hover {
	color: #d70c00;
}

.cmag-block div.wrap-link:hover .block-image-container:after {
	background-color: rgba(0, 0, 0, 0.15);
	border-bottom: 3px solid #d70c00;
}

.cmag-block {
	width: 100%;
	margin-right: 0;
	min-height: 1px;
	background: none;
}

.cmag-block::after {
	clear: both;
	content: "";
	display: table;
}

@media only screen and (min-width: 510px) {
	.cmag-block {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
	}
	.cmag-block:last-child {
		margin-right: 0;
	}
	.cmag-block:nth-child(2n) {
		margin-right: 0;
	}
	.cmag-block:nth-child(2n+1) {
		clear: left;
	}
}

@media only screen and (min-width: 992px) {
	.cmag-block {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 31.7615656014%;
	}
	.cmag-block:nth-child(2n) {
		margin-right: 2.3576515979%;
	}
	.cmag-block:nth-child(2n+1) {
		clear: none;
	}
	.cmag-block:last-child {
		margin-right: 0;
	}
	.cmag-block:nth-child(3n) {
		margin-right: 0;
	}
	.cmag-block:nth-child(3n+1) {
		clear: left;
	}
}

@media only screen and (min-width: 1200px) {
	.cmag-block {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 23.2317613015%;
	}
	.cmag-block:nth-child(3n) {
		margin-right: 2.3576515979%;
	}
	.cmag-block:nth-child(3n+1) {
		clear: none;
	}
	.cmag-block:last-child {
		margin-right: 0;
	}
	.cmag-block:nth-child(4n) {
		margin-right: 0;
	}
	.cmag-block:nth-child(4n+1) {
		clear: left;
	}
}

.cmag-block .block-image-container:after {
	background-color: rgba(0, 0, 0, 0.15);
}

.cmag-block div.wrap-link {
	position: relative;
}

.cmag-block div.wrap-link span.cmag-links {
	visibility: hidden;
	transition: all 0.3s ease-in-out;
	position: absolute;
	bottom: 0;
	left: 20px;
	opacity: 0;
}

.cmag-block div.wrap-link .block-text-cmag {
	width: 100%;
	position: absolute;
	bottom: 0;
	background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.8) 100%);
	padding-bottom: 20px;
	transition: all 0.3s ease-in-out;
}

.cmag-block div.wrap-link:hover {
	color: #fff;
}

.cmag-block div.wrap-link:hover .block-image-container:after {
	background-color: transparent;
	border-bottom: 0;
}

.cmag-block div.wrap-link:hover span.cmag-links {
	display: block;
	visibility: visible;
	opacity: 1;
	bottom: 20px;
	left: 20px;
}

.cmag-block div.wrap-link:hover .block-text-cmag {
	padding-bottom: 42px;
}

div.cmag-container {
	border: 1px solid #ddd;
	padding: 12px;
	background: #fff;
	font-size: 12px;
	margin-bottom: 30px;
}

@media only screen and (min-width: 510px) {
	div.cmag-container {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
		margin-bottom: 0px;
	}
	div.cmag-container:last-child {
		margin-right: 0;
	}
}

@media only screen and (min-width: 768px) {
	div.cmag-container {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
	}
	div.cmag-container:last-child {
		margin-right: 0;
	}
}

@media only screen and (min-width: 992px) {
	div.cmag-container {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 23.2317613015%;
		font-size: 12px;
	}
	div.cmag-container:last-child {
		margin-right: 0;
	}
}

div.cmag-container img {
	margin-bottom: 12px;
	width: 100%;
}

div.cmag-card {
	border: 1px solid #ddd;
	background: #fff;
	font-size: 12px;
}

@media only screen and (min-width: 992px) {
	div.cmag-card {
		font-size: 12px;
	}
}

div.cmag-card img {
	width: 100%;
}

span.cmag-name {
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-size: 16px;
	color: #fff;
	margin: 0;
	padding: 0;
}

span.cmag-description {
	color: #fff;
	font-size: 12px;
}

a.cmag-link {
	text-transform: uppercase;
	font-size: 10px;
	margin-top: 10px;
	display: inline-block;
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	color: #fff;
}

a.cmag-link:hover {
	color: #d70c00;
}

.cmag-member-img {
	width: 100%;
}

form label {
	font-size: 1.4rem;
	font-weight: normal;
	font-family: "Atlas Grotesk Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

form textarea {
	height: 200px;
}

form span {
	color: #D70C00;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	/*safari and chrome*/
	form select {
		height: 30px;
		line-height: 30px;
		background: none;
	}
}

form select::-moz-focus-inner {
	/*Remove button padding in FF*/
	border: 0;
	padding: 0;
}

@-moz-document url-prefix() {
	/* targets Firefox only */
	form select {
		padding: 15px 0 !important;
	}
}

@media screen\0 {
	/* IE Hacks: targets IE 8, 9 and 10 */
	form select {
		height: 30px;
		line-height: 30px;
	}
}

.logos-container {
	width: 100%;
	position: relative;
}

.logos {
	display: inline-block;
	width: 49%;
}

.logo-list {
	font-size: 0;
	list-style: none;
}

.logo-list::after {
	clear: both;
	content: "";
	display: table;
}

.logo-list li {
	float: left;
	position: relative;
	height: 150px;
	width: 50%;
	padding: 20px;
}

.logo-list li img {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%) scale(0.85);
	font-size: 0;
}

article.main-content ul.big-list {
	list-style: none;
}

article.main-content ul.big-list li {
	padding: 40px 0 40px 150px;
	position: relative;
	border-bottom: 1px solid #ddd;
}

article.main-content ul.big-list li span {
	position: absolute;
	top: 30px;
	left: 0;
	display: block;
	color: #D70C00;
	font-family: "Baskerville10Pro", Georgia, Cambria, "Times New Roman", Times, serif;
	font-size: 170px;
	font-weight: bold;
	line-height: 170px;
}

article.main-content ul.big-list li:before {
	content: none;
	padding-right: 0px;
}

.footer-wrapper {
	background-color: #f8f8f8;
	overflow: hidden;
	padding: 50px 40px 10px 40px;
}

@media only screen and (min-width: 992px) {
	.footer-wrapper {
		padding: 80px 80px 30px 80px;
	}
}

.footer-links {
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	min-height: 200px;
}

.footer-links::after {
	clear: both;
	content: "";
	display: table;
}

.footer-links .block,
.footer-links .block-wide {
	margin-bottom: 25px;
	float: left;
	display: block;
	margin-right: 2.3576515979%;
	width: 100%;
}

.footer-links .block:last-child,
.footer-links .block-wide:last-child {
	margin-right: 0;
}

@media only screen and (min-width: 768px) {
	.footer-links .block,
	.footer-links .block-wide {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
	}
	.footer-links .block:last-child,
	.footer-links .block-wide:last-child {
		margin-right: 0;
	}
}

@media only screen and (min-width: 1200px) {
	.footer-links .block,
	.footer-links .block-wide {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 23.2317613015%;
	}
	.footer-links .block:last-child,
	.footer-links .block-wide:last-child {
		margin-right: 0;
	}
}

.footer-links .block h2,
.footer-links .block-wide h2 {
	color: #000000;
	font-family: 'Atlas Grotesk Medium', Helvetica, sans-serif;
	font-size: 1.2rem;
	line-height: 12px;
	margin: 0 0 15px 0;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	font-weight: 500;
	font-style: normal;
}

.footer-links .block p,
.footer-links .block-wide p {
	font-size: 1.4rem;
}

.footer-links .block-wide {
	float: left;
	display: block;
	margin-right: 2.3576515979%;
	width: 100%;
}

.footer-links .block-wide:last-child {
	margin-right: 0;
}

@media only screen and (min-width: 992px) {
	.footer-links .block-wide {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 100%;
	}
	.footer-links .block-wide:last-child {
		margin-right: 0;
	}
}

@media only screen and (min-width: 1200px) {
	.footer-links .block-wide {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
	}
	.footer-links .block-wide:last-child {
		margin-right: 0;
	}
}

.footer-bottom-wrapper {
	background-color: #333;
	overflow: hidden;
	padding: 10px 40px 10px 40px;
}

@media only screen and (min-width: 992px) {
	.footer-bottom-wrapper {
		padding: 10px 80px 10px 80px;
	}
}

.footer-bottom {
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
}

.footer-bottom::after {
	clear: both;
	content: "";
	display: table;
}

.footer-bottom ul {
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

@media screen and (min-width: 900px) {
	.footer-bottom ul {
		float: left;
		line-height: 1.8em;
		margin-bottom: 0;
		margin-left: 0;
	}
}

.footer-bottom ul li {
	list-style: none;
	padding-right: 1em;
	font-size: 1.2rem;
	color: #fff;
}

@media screen and (min-width: 900px) {
	.footer-bottom ul li {
		display: inline;
		text-align: left;
	}
}

.footer-bottom ul li a {
	color: #999;
	text-decoration: none;
}

.footer-bottom ul li a:focus,
.footer-bottom ul li a:hover {
	color: #fff;
}

footer .footer-social .social-icons a {
	padding-right: 15px;
}

footer .footer-social .social-icons {
	padding: 5px 0 65px;
}

footer .social-bar {
	background-color: #fff;
	float: left;
	width: 100%;
}

footer #social {
	clear: both;
	display: table;
	margin: 0 auto;
}

footer #social li {
	float: left;
	height: 114px;
	width: 150px;
}

footer #social li a {
	display: block;
	height: 114px;
	width: 150px;
	text-align: center;
	position: relative;
	padding-top: 67px;
	color: #999;
	font-size: 14px;
}

footer #social li a:hover {
	color: #333;
}

footer #social li a span {
	position: absolute;
	left: 34%;
	top: 20px;
	font-size: 36px;
	color: #999;
	transition: color 400ms ease;
}

footer #social li a:hover span {
	color: #333;
}

.button-wrapper {
	padding: 0 18px;
}

@media only screen and (min-width: 768px) {
	.button-wrapper {
		padding: 0;
	}
}

a.flat-square-red {
	padding: 7px 14px;
	border-radius: 3px;
	border: none;
	display: inline-block;
	cursor: pointer;
	color: white;
	background: #D70C00;
	padding: 15px 15px;
	font-family: "Atlas Grotesk Bold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important;
	font-size: 13px;
	text-align: center;
	margin-bottom: 40px;
	margin-top: 30px;
}

a.flat-square-red:disabled {
	cursor: not-allowed;
}

a.flat-square-red:focus {
	outline: none;
}

a.flat-square-red:hover:not(:disabled) {
	background: #be0b00;
}

a.flat-square-red:active:not(:disabled) {
	box-shadow: inset 0px 2px 5px 1px rgba(0, 0, 0, 0.3);
}

@media only screen and (min-width: 768px) {
	a.flat-square-red {
		margin: 0;
		margin-top: 0;
		margin-bottom: 20px;
	}
}

a.flat-square {
	padding: 15px 15px;
	font-family: "Atlas Grotesk Bold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important;
	font-size: 12px;
	text-align: center;
	margin-bottom: 40px;
	margin-top: 30px;
}

@media only screen and (min-width: 768px) {
	a.flat-square {
		margin: 0;
		margin-top: 0;
		margin-bottom: 20px;
		color: #fff;
		display: inline-block;
	}
}

.b-red {
	padding: 7px 14px;
	border-radius: 3px;
	border: none;
	display: inline-block;
	cursor: pointer;
	color: white;
	background: #D70C00;
	color: #fff !important;
}

.b-red:disabled {
	cursor: not-allowed;
}

.b-red:focus {
	outline: none;
}

.b-red:hover:not(:disabled) {
	background: #be0b00;
}

.b-red:active:not(:disabled) {
	box-shadow: inset 0px 2px 5px 1px rgba(0, 0, 0, 0.3);
}

.b-trans-w {
	background: none;
	border: 1px solid #fff;
	color: #fff;
}

.b-trans-b {
	background: none;
	border: 1px solid #333;
	color: #333 !important;
	transition: background-color 0.5s, color 0.5s;
	-webkit-transition: background-color 0.5s, color 0.5s;
	-moz-transition: background-color 0.5s, color 0.5s;
	-ms-transition: background-color 0.5s, color 0.5s;
	-o-transition: background-color 0.5s, color 0.5s;
}

.b-trans-b:hover,
.b-trans-b:focus {
	background: #333;
	color: #fff !important;
}

a.flat-square-red i {
	margin-right: 0.5em;
}

a.flat-square i {
	margin-right: 0.5em;
}

.aside-btn {
	margin-bottom: 20px;
	width: 100%;
}

a.btn-bordered {
	padding: 7px 14px;
	border-radius: 3px;
	border: none;
	display: inline-block;
	cursor: pointer;
	color: #333;
	border: 1px solid #333;
	background: none;
}

a.btn-bordered:disabled {
	cursor: not-allowed;
}

a.btn-bordered:focus {
	outline: none;
}

a.btn-bordered:active:not(:disabled) {
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}

a.btn-bordered:hover,
a.btn-bordered:focus {
	background: #333;
	color: #fff !important;
}

div.container {
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
}

div.container::after {
	clear: both;
	content: "";
	display: table;
}

div.outer-container {
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
}

div.outer-container::after {
	clear: both;
	content: "";
	display: table;
}

div.container-pad {
	padding: 40px 20px 20px 20px;
}

div.container-pad::after {
	clear: both;
	content: "";
	display: table;
}

@media only screen and (min-width: 768px) {
	div.container-pad {
		padding: 40px 40px 20px 40px;
	}
}

@media only screen and (min-width: 992px) {
	div.container-pad {
		padding: 60px 60px 40px 60px;
	}
}

div.column {
	float: left;
	display: block;
	margin-right: 2.3576515979%;
	width: 100%;
}

div.column:last-child {
	margin-right: 0;
}

@media only screen and (min-width: 992px) {
	div.column {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
	}
	div.column:last-child {
		margin-right: 0;
	}
}

@media only screen and (min-width: 1200px) {
	div.column {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 23.2317613015%;
	}
	div.column:last-child {
		margin-right: 0;
	}
}

.text-white {
	color: #fff;
}

.text-black {
	color: #333;
}

section.title-grey {
	clear: both;
	background-color: #ccc;
	min-height: 600px;
}

section.mini-content {
	float: left;
	display: block;
	margin-right: 2.3576515979%;
	width: 100%;
}

section.mini-content:last-child {
	margin-right: 0;
}

@media only screen and (min-width: 992px) {
	section.mini-content {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 23.2317613015%;
		padding-top: 80px;
		padding-right: 1.618em;
	}
	section.mini-content:last-child {
		margin-right: 0;
	}
}

aside {
	float: left;
	display: block;
	margin-right: 2.3576515979%;
	width: 100%;
	padding-top: 30px;
}

aside:last-child {
	margin-right: 0;
}

@media only screen and (min-width: 768px) {
	aside {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 31.7615656014%;
		padding-top: 0px;
	}
	aside:last-child {
		margin-right: 0;
	}
}

@media only screen and (min-width: 992px) {
	aside {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 31.7615656014%;
		padding-top: 0px;
	}
	aside:last-child {
		margin-right: 0;
	}
}

@media only screen and (min-width: 1200px) {
	aside {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 23.2317613015%;
		padding-top: 0px;
		float: right;
	}
	aside:last-child {
		margin-right: 0;
	}
}

aside h3 {
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.aside-container {
	border: 1px solid #ddd;
	padding: 12px;
	background: #f8f8f8;
	margin: 30px 0 30px 0;
	font-size: 14px;
}

@media only screen and (min-width: 510px) {
	.aside-container {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
	}
	.aside-container:last-child {
		margin-right: 0;
	}
}

@media only screen and (min-width: 768px) {
	.aside-container {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 100%;
		margin: 0px 0 30px 0;
	}
	.aside-container:last-child {
		margin-right: 0;
	}
}

div.block-text.box-nav i {
	margin-right: 10px;
	color: #d70c00;
}

div.block-text.box-nav a {
	color: #333;
}

.clearfix::after {
	clear: both;
	content: "";
	display: table;
}

.invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
}

.hide {
	display: none;
}

label {
	font-weight: normal;
	font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}


/* Course comparison section*/

.no-padding {
	padding: 0!important;
}

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

.course-comparison-section {
	padding: 20px 10px 20px 10px;
	background-color: #f5f5f5;
	color: #000;
}

.register-btn-wrapper {
	/*padding:20%;
    width:250px;*/
	margin: 0 auto;
}

.course-center-box {
	margin: 0 auto;
	width: 65%;
	overflow: hidden;
	clear: both;
}

.course-purple {
	border-radius: 5px;
	border: 1px solid #000;
	min-height: 545px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #fff;
}

.course-purple h3 {
	background-color: black;
	color: white;
	margin: 0;
	border-bottom: 1px solid #000;
	padding: 15px 0 15px 0;
}

.course-list-purple {
	line-height: 28px;
	/*font-weight: bold;*/
	padding: 25px;
}

.basket-button {
	/*background-color: #4a4a4a;*/
	color: #ffffff;
	padding: 10px;
}

.basket-wrapper {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
	position: absolute;
	bottom: 20px;
	margin: 0 auto;
	align-content: center;
	/* padding: 20%; */
	left: 13%;
	right: 13%;
}

.register-btn {
	width: 100%;
	padding-bottom: 15px;
	padding-top: 15px;
}

.basket-button {
	border: none;
	border-radius: 3px;
	font-weight: bold;
}

.basket-price {
	//font-weight: bold;
	font-size: 18px;
}

.course-white {
	border-radius: 5px;
	border: 1px solid #000;
	background-color: #ffffff;
	color: #000;
	min-height: 545px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.course-white h3 {
	background-color: black;
	color: white;
	margin: 0;
	border-bottom: 1px solid #000;
	padding: 15px 0 15px 0;
}
.course-list-white {
	padding: 25px;
	line-height: 28px;
}

.course-white-image {
	border-radius: 50%;
}

.course-white-image-wrapper {
	padding: 10px;
}

.gift-coupon-link {
	color: #000;
	text-decoration: underline;
}

.course-list-box ul::after {
	clear: both;
	content: "";
}

@media only screen and (max-width: 768px) {
	.course-center-box {
		width: 100%;
	}
}

@media only screen and (min-width: 320px) {
	.course-comparison-container {
		text-align: left;
		margin: 0 auto;
		width: 100%;
	}
}

@media only screen and (min-width: 768px) {
	.course-comparison-container {
		text-align: left;
		margin: 0 auto;
		width: 50%;
	}
}

@media only screen and (min-width: 1024px) {
	.course-comparison-container {
		text-align: left;
		margin: 0 auto;
		width: 85%;
	}
}

.course-dates-data p {
	text-align: left;
}

.course-dates-container {
	margin: 0 auto;
	width: 50%;
}

@media only screen and (min-width: 768px) {
	.basket-wrapper {
		bottom: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.course-purple,
	.course-white {
		min-height: 620px;
	}
}


/*Enrol now content starts*/

.enroll-btn {
	width: 100%;
	padding: 15px 25px 15px 25px;
	background-color: #d70c00;
	color: #ffffff !important;
	border-radius: 3px;
	width: 100%;
	display: inline-block;
	text-align: center;
	margin-top: 25px;
}

.course-enroll-section {
	width: 50%;
	margin: 0 auto;
}

.enrol-row {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: left;
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #999;
}


/*Enrol now content ends*/


section#course-blocks .owl-nav span {
    color: #ccc !important;
    border: 3px solid #ccc !important;
}

    section#course-blocks .owl-nav span:hover {
        color: #000 !important;
        border: 3px solid #fff !important;
        background-color: #fff;
    }

section#course-blocks  {
	background-color: #333;
}
.akHTMLForm .ak-checkbox__input {
    margin-top: 4px !important;
}

.akHTMLForm .ak-checkbox__body {
    color: #000000 !important;
}
.akHTMLForm {
    font-family: "Atlas Grotesk Regular", Helvetica, Arial, sans-serif !important;
    font-size: 1.6rem !important;
    font-weight: 400 !important;
}
.ak-group h2 {
    font-family: "Baskerville10Pro", Georgia, Cambria, "Times New Roman", Times, serif !important;
    font-size: 1.33em !important;
}
.akHTMLForm .ak-submit {
    border: 1px solid #000000 !important;
    font-weight:400 !important;
    font-size:1.6rem !important;
}
.akHTMLForm label {
    font-weight:normal !important;
}

.content-block-iso a.wrap-link div.block-image-container span.learn-more {
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: #000;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    /*font-family: 'MercuryDisplay';
    font-size: 12px;
    font-style: inherit;*/
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    text-align: center;
}

.content-block-iso a.wrap-link:hover div.block-image-container span.learn-more {
    visibility: visible;
    opacity: 1;
    bottom: 0;
    left: 0;
    
}

.content-block-owl a.wrap-link div.block-image-container span.learn-more {
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: #000;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    /*font-family: 'MercuryDisplay';
    font-size: 12px;
    font-style: inherit;*/
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    text-align: center;
}

.content-block-owl a.wrap-link:hover div.block-image-container span.learn-more {
    visibility: visible;
    opacity: 1;
    bottom: 0;
    left: 0;
    
}

.content-card a.wrap-link div.block-image-container span.learn-more {
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: #000;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    /*font-family: 'MercuryDisplay';
    font-size: 12px;
    font-style: inherit;*/
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    text-align: center;
}

.content-card a.wrap-link:hover div.block-image-container span.learn-more {
    visibility: visible;
    opacity: 1;
    bottom: 0;
    left: 0;

}