.admin { position: fixed; left: 0; bottom: 0; right: 0; padding: 10px 0; text-align: center; background: #000033; font-size: 12px; color: #FFF; }

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
input, textarea { outline: none; }
img { max-width: 100%; height: auto; border:0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }

.h1:before { content: "[H1] "; }
.h2:before { content: "[H2] "; }
.h3:before { content: "[H3] "; }
.h4:before { content: "[H4] "; }
.p:before { content: "[P] "; }

/* GENERAL STUFF */
body { font-family: "Open sans", Arial, Helvetica, sans-serif; font-size: 100%; color: #000; background: #e5e5e5; margin: 0 auto; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h1,h2,h3 { font-weight: 600; line-height: 1.25; }
h1 { font-size: 1.8em; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 0.5em 0; }
h2 { font-size: 1.4em; margin: 0 0 0.25em 0; }
h3,h4,h5,h6 { font-size: 1.125em; margin: 0 0 0.5em 0; }
p { line-height: 1.5; margin: 0 0 0.75em 0; }
ul { list-style: disc; line-height: 1.5em; margin: 0 0 0.75em 1.5em; }
ol { list-style: decimal; line-height: 1.5em; margin: 0 0 0.75em 1.5em; }
ul li, ol li { margin: 0 0 0.5em 0; }
.inline { list-style: none; margin: 0 0 1em 0; }
.inline li { display: inline-block; margin: 0 1em 0 0; }
.nobullet { list-style: none; margin: 0 0 1.5em 0; }
dl { line-height: 1.5em; margin: 0 0 0.75em 0; }
dt { font-weight: bold; }
figure { text-align: center; margin: 0 0 0.75em 0; }
figcaption { font-size: 0.8em; font-style: italic; color: #727272; padding: 0.5em 0; border-bottom: 1px solid #E5E5E5; }
figure img { width: 100%; }
blockquote { font-size: 1.2em; line-height: 1.25; margin: 0 0 0.75em 0; border: 0; }
blockquote p { font-family: "Open sans", Arial, Helvetica, sans-serif; color: #000; font-style: italic; margin: 0 0 0.5em 0; }
img { max-width: 100%; height: auto; }
b, strong { font-weight: bold; }
em, i { font-size: 1.2em; font-style: italic; font-weight: normal; color: #F79B00; }
small { font-size: 0.8em; color: #727272; }
time { color: #727272; }
a { color: #0099a8; transition: 0.25s; text-decoration: none; }
a:visited { }
a:hover { color: #ca8717; text-decoration: underline; }
a:active { color: #ca8717; text-decoration: underline; }
a:focus { color: #ca8717; text-decoration: underline; }
button { background: transparent; border: 0; cursor: pointer; }
label { display: block; font-size: 0.938em; cursor: pointer; }
del { opacity: 0.5; }
.right { float: right; }

/* STRUCTURE */
top { overflow: hidden; clear: both; }
.top-inner { max-width: 1312px; padding: 2em 2em; margin: 0 auto; }
.nav { background: #000; border-bottom: 5px solid #E5E5E5; clear: both; }
.row { overflow: hidden; clear: both; }
.row--light { background: #e5e5e5; }
.row--dark { background: #B9B8B4; }
.content { max-width: 1312px; padding: 2em; background: #e5e5e5; margin: 0 auto; overflow: hidden; clear: both; }
.content--light { padding-bottom: 0.5em; }
.content--orange { padding-top: 1em; padding-bottom: 1em; background: #F79B00; }
.content--black { background: #000; }
.content--white { padding-bottom: 0.5em; background: #FFF; }
main { float: right; width: 75%; margin-bottom: 1.5em; }
aside { float: left; width: 22.5%; }
.bottom { height: 200px; }
.checkout { max-width: 640px; margin: 0 auto; }

.row-consent { position: fixed; right: 0; bottom: 0; left: 0; width: 100%; background: #F7F7F7; border-top: 1px solid #000; }
.row-consent { animation-name: cookies; animation-duration: 1s; animation-delay: 0.5s; animation-fill-mode: backwards; }
@keyframes cookies {
  from {bottom: -300px;}
  to {bottom: 0;}
}
.consent { max-width: 1312px; padding: 1em; margin: 0 auto; overflow: hidden; clear: both; }

/* NAV */

.logo { float: left; padding-left: 12.5%; }
.social-links { text-align: right; list-style: none; margin: 0 0 10px 0; }
.social-links li { display: inline-block; margin: 0 0 0 0.5em; }
.social-links svg { width: 30px; height: 30px; }
.minicart { text-align: right; color: #54534a; ist-style: none; height: 30px; line-height: 30px; margin: 0; }
.minicart li { display: inline-block; background: #FFF; }
.minicart-empty { font-style: italic; }
.minicart svg { display: block; float: left; width: 30px; height: 30px; }
.minicart span { display: inline-block; padding: 0 1em; }

.nav-toggle { display: none; }
.navigation { position: relative; max-width: 1280px; margin: 0 auto; }
.menu { position: relative; max-width: 1280px; font-size: 0.9em; text-align: right; list-style: none; line-height: 40px; text-transform: uppercase; letter-spacing: 1px; margin: 0 auto; }
.menu li { position: relative; display: inline-block; border-bottom: 5px solid #E5E5E5; margin: 0 0 -5px 1em; }
.menu li:hover, .menu li.current { border-bottom: 5px solid #F79B00; }
.menu li a { display: inline-block; font-weight: bold; color: #FFF; text-decoration: none; border: 0; }
.menu li a:hover, .menu li.current a { color: #F79B00; }
.menu li a.menu-expand-toggle { display: none; }
.menu li ul { display: none; min-width: 200px; list-style: none; text-align: left; text-transform: none; letter-spacing: normal; background: #000; background: rgba(0,0,0,0.8); margin: 5px 0 0 0; }
.menu li ul li { display: block; padding: 0.5em 0; border: 0; margin: 0; }
.menu li ul li a { display: block; font-weight: normal; color: #FFF; padding: 0 1em; }
.menu li.current ul li a { color: #FFF; }

.menu li:hover ul { position: absolute; display: block; z-index: 9999; left: 0;  }
.menu li:hover ul li { border: 0; }
.menu li ul li a:hover, .menu li ul li a.current { color: #F79B00; }
.menu li svg { display: inline-block; width: 30px; height: 30px; padding: 0; margin: 0 0 -10px 0; }
.menu li.menu-search a { padding: 0 0.5em; }

.search { display: none; position: absolute; top: 0; left: 1em; right: 3em; height: 34px; background: #FFF; margin: 3px 0 3px 0; overflow: hidden; transition: 0.5s; }
.search-keywords { width: 100%; height: 34px; font-size: 16px; border: 0; }
.search-btn { position: absolute; top: 0; right: 0; width: 34px; height: 34px; font-size: 16px; background: #F79B00; border: 0; }

.nav-social { display: none; }

.crumbs { display: none; font-size: 0.9em; font-style: italic; font-weight: 600; color: #F79B00; margin: -1em 0 0.75em 0; }
.crumbs a { font-weight: 400; color: #54534a; text-decoration: none; }
.crumbs a:after { content: " >"; }

aside h2 { font-size: 1.2em; text-transform: uppercase; letter-spacing: 1px; padding: 0 0 0.5em 0; border-bottom: 3px solid #B9B8B4; margin: 0; }
aside h3 { padding: 0 0 0.5em 0; border-bottom: 1px solid #e5e5e5; margin: 1em 0 0 0; }
aside h3 a { color: #000; }
aside p { font-size: 0.9em; margin-top: 0.5em; }
aside ul { list-style: none; line-height: 1.25; margin: 0 0 1.5em 0; }
aside ul li { padding: 0.5em 0; border-bottom: 1px solid #e5e5e5; margin: 0; }
aside ul a { display: block; color: #000; text-decoration: none; }
aside a.current { color: #F79B00; }

/* GRIDS N STUFF */
.grid { margin: 0 0 0 -2%; }
.grid2 { float: left; width: 48%; margin-left: 2%; margin-bottom: 1.5em; }
.grid2:nth-of-type(odd) { clear: left; }
.grid2-1 {  }
.grid4container { margin: 0 0 0 -2%;}
.grid4 { float: left; width: 23%; margin-left: 2%; margin-bottom: 1.5em; }
.grid4:nth-of-type(1) { clear: left; }

.grid-link, .grid-link:hover, .grid-link:active, .grid-link:focus { text-decoration: none; }
.grid-image img { display: block; width: 100%; }
.grid-description { min-height: 100px; padding: 1em; background-color: #FFF; }
	.grid--desc-corner { background-image: url(/assets/images/bg-grid2-corner.png); background-position: bottom right; background-repeat: no-repeat; }
	.grid--desc-border { background-image: url(/assets/images/bg-grid2-border.png); background-position: bottom right; background-repeat: no-repeat; border-top: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; }
.grid--heading { font-size: 1em; font-weight: bold; color: #000; text-transform: uppercase; letter-spacing: 1px; margin: 0; }
.grid--summary { color: #000; margin: 0; }
.grid--cta { display: block; font-weight: bold; text-decoration: underline; margin-top: 0.5em; }
.grid--cta:after { content: " >"; }
.courses-heading { min-height: 50px; font-size: 1em; color: #FFF; text-transform: uppercase; letter-spacing: 1px; padding: 10px 0; background: #009DAA; margin: 0; }
.courses-heading a { display: block; color: #FFF; text-decoration: none; padding: 0 1em; }
.courses-heading svg { float: right; width: 30px; height: 30px; margin: 0 0 0 5px; }
.courses-description { padding: 1em; background: #FFF; }
.courses--detail { overflow: hidden; margin: 0 0 0.75em 0; }
.courses--detail dt { float: left; width: 100px; }
.courses--detail dd { overflow: hidden; }
.courses--dates-heading { font-size: 1em; margin: 0 0 0.75em 0; }
.courses--dates { list-style-position: inside; margin: 0 0 0.75em 0; }
.courses--summary { margin: 0 0 0.75em 0; }
.courses--cta { text-align: right; }

.course-section { font-size: 1.8em; font-weight: 600; line-height: 1.25; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 0.5em 0; }
.course-heading { font-size: 1em; color: #FFF; text-transform: uppercase; letter-spacing: 1px; line-height: 40px; padding: 0 1em; background: #009DAA; }
.course-heading svg { float: right; width: 30px; height: 30px; margin: 5px 0 0 5px; }

.grid4-heading { font-size: 1em; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; padding: 0.5em 1em; background: #F79B00; margin: 0; }
.grid4-description { min-height: 190px; padding: 1em; background-color: #FFF; }
.grid-twitter { height: 190px; overflow-y:scroll; }

/* HOME */
.home-clients-photo { margin: -2em -2em 0 -2em; }
.home-clients-photo img { float:left; width: 25%; }
.home-clients-blurb { font-weight: 600; padding: 1em 0 0 0; overflow: hidden; clear: both; }
.home-clients-blurb p { float: left; width: 70%; font-size: 1.1em; margin: 0; }
.home-clients-blurb a { float: right; }
.reg-text { float: left; width: 70%; font-weight: 600; line-height: 40px; margin: 0; }
.reg-link { float: right; margin: 0; }

/* ENTRIES LIST */
.entries-intro { float: left; max-width: 800px; margin: 0 0 1em 0; }
.entries-logo { float: left; padding-left: 1em; }
.entries-date { color: #727272; margin: 0 0 0.5em 0; }

/* SINGLE ENTRY */
.entry { max-width: 800px; }
.entry-image img { width: 100%; }
.entry-intro { font-size: 1.1em; font-weight: bold; margin: 0; }
.entry-story { margin: 0 0 2em 0; }
.entry-story-extra { margin: 0 0 2em 0; }

/* COURSES */
.course-detail { overflow: hidden; clear: both;}
.course-detail dt { float: left; width: 100px; clear: left; }
.course-detail dd { overflow: hidden; }
.book-heading { font-size: 1em; padding: 0.5em 1em; background: #e5e5e5; cursor: pointer; }
.book-content { display: none; padding: 1em; border: 1px solid #e5e5e5; margin: 0 0 1em 0; }

/* PAGINATION */
.pagination { list-style: none; margin: 0 0 1.5em 0; overflow: hidden; clear: both; }
.pagination li { float: left; margin-right: 0.25em; }
.pagination a { display: block; width: 36px; height: 36px; line-height: 36px; color: #FFF; background: #555; text-decoration: none; text-align: center; }
.pagination a:hover, .pagination a.active { background: #000; }

/* PAGE BOTTOM */
.footer p { font-size: 0.9em; }
.footer-heading { font-size: 1.2em; text-transform: uppercase; letter-spacing: 1px; }
.Xlogos-list { width: 100%; text-align: center; vertical-align: middle; margin: 0 auto; }
.Xlogos-list-item { display: inline-block; width: 100px; vertical-align: middle; padding: 0 10px 1em 10px; overflow: hidden; }
.logos-list { display: -webkit-flex; display: flex; width: 100%; vertical-align: middle;-webkit-align-items: center;
    align-items: center;-webkit-flex-wrap: wrap;
    flex-wrap: wrap; -webkit-justify-content: center;
    justify-content: center; text-align: center; margin: 0 auto; }
.logos-list-item { width: 140px; padding: 0 20px 10px 20px; }

.newsletter-heading { float: left; width: 35%; font-size: 32px; font-weight: 300; color: #FFF; line-height: 42px; margin: 0 0 0.5em; }
.newsletter-heading svg { width: 42px; height: 42px; margin-left: 0.35em; vertical-align: middle; }
.promo-subtitle { letter-spacing: 1px; text-transform: uppercase; margin: 0; }
.promo-summary { line-height: 1.5; margin: 0 0 0 0; }
.promo-dateloc { line-height: 1.5; margin: 0 0 0 0; }
.newsletter-summary { float: left; width: 45%; color: #FFF; margin: 0 1em 0 0; }
.newsletter-summary p { margin: 0; }
.newsletter-cta { float: right; text-align: right; margin: 0 0 0 1em; }

.tweets { list-style: none; margin: 0 0 1em 0; }
.tweets li { margin: 0 0 0.5em 0; }

.consent p { font-size: 0.85rem; margin: 0 0 0.5rem 0; }
.consent ul { list-style: none; font-size: 0.85rem; margin: 0; }
.consent li { display: inline-block; margin: 0 0.5em 0.5em 0; }

/* MISC */
.video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 0 0 1.5em 0;  }
.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
.map { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 0 0 1.5em 0;  }
.map iframe, .map object, .map embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
.sitemap { list-style: none; margin-left: 0; }

.message { font-size: 0.9em; padding: 1em; border: 1px solid #CCC; }
.message-warning {}
.slide-controls { float: left; width: 150px; }
.slide-controls-button a { display: inline-block; width: 40px; height: 40px; line-height: 30px; font-size: 2em; color: #000; text-align: center; text-decoration: none; background: #F79B00; margin-right: 0.15em; }
.slideswrapper { float: left; width: 65%; }
.slide-quote { font-size: 1.2em; line-height: 1.25; padding: 0 0 0.5em 0; margin: 0; border: 0; }
.slide-quote p { font-family: "Open sans", Arial, Helvetica, sans-serif; color: #000; font-style: italic; margin: 0 0 0.5em 0; }
.slide-quote cite { font-family: "Open sans", Arial, Helvetica, sans-serif; color: #000; font-style: italic; }

.quote { margin-top: 20px; }
.quote-text { margin-left: 30px; margin-right: 30px; }
.quote-text::before { content: "\201C  "; }
.quote-text::after { content: "  \201D"; }
.quote-author { font-style: normal; font-size: 0.8em; margin-left: 30px; margin-right: 30px; }
.quote-author::before { content: "- "; }

/* FORMS */
form {  }
form p { margin: 0 0 1em 0; }
label { display: block; margin: 0 0 0.25em 0; }
input,select,textarea,button { box-sizing: border-box; }
input[type=text], input[type=password], input[type=url], input[type=tel], input[type=email], input[type=number] { width: 100%; height: 40px; font-size: 16px; text-indent: 5px; padding: 0; border: 0; outline: 1px solid #C5C5C5; }
input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=number]:focus { background: #F5F5F5; outline: 1px solid #54534a; }
textarea { width: 100%; height: 140px; font-size: 16px; padding: 5px; border: 0; outline: 1px solid #C5C5C5; }
textarea:focus { background: #F5F5F5; #outline: 1px solid #54534a; }
select { height: 40px; font-size: 16px; max-width: 100%; border: 0; outline: 1px solid #C5C5C5; }
select:focus { background: #F5F5F5; outline: 1px solid #54534a; }
input.input-s { width: 60px; text-align: center; }
input.input-m { width: 240px; }
.required { font-size: 0.8em; font-weight: bold; color: #FFF; padding: 0.15em; background: #F79B00;  }
.error { font-size: 0.8em; font-weight: bold; color: #FF0000; }
.button-right { text-align: right; }
.cart-items { padding-top: 1em; border-top: 1px solid #E4E4E4; }
.cart-totals { border-bottom: 1px solid #E4E4E4; }
.cart-totals dt { float: left; width: 140px; padding: 0.5em 0; border-top: 1px solid #E4E4E4; clear: left; }
.cart-totals dd { padding: 0.5em 0; border-top: 1px solid #E4E4E4; overflow: hidden; }

/* BUTTONS */
.btn { display: inline-block; font-family: "Open sans", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 600; color: #FFF; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; border: 0; cursor: pointer; transition: 0.25s; }
.btn-pri { padding: 0 2em 0 1em; background: url(/assets/images/bg-button-black.png) no-repeat right; }
a.btn-pri { color: #FFF; line-height: 40px; text-decoration: none; }
button.btn-pri { height: 40px; }
.btn-orange { padding: 0 2em 0 1em; background: url(/assets/images/bg-button-orange.png) no-repeat right; }
a.btn-orange { color: #000; line-height: 40px; text-decoration: none; }
button.btn-orange { height: 40px; color: #000;  }
button.btn-s { height: 30px; margin: 0 1em 1em 0;}
.btn-block { display: block; }

/* MEDIA QUERIES */

@media only screen and (max-width: 1200px) {
.logo { padding-left: 10%; }
}

@media only screen and (max-width: 1024px) {
body { font-size: 0.9em; }
.top-inner { padding: 1em; }
.content { padding: 2em 1em; }
main { float: none; width: 100%; }
aside { float: none; width: 100%; }
.top { border-bottom: 5px solid #000; }
.logo { float: left; width: 217px; height: 60px; padding-left: 15%; }
.menu { margin-top: -5px; }
.menu li a { padding: 0 0.5em; }
.menu li ul { max-width: 200px; }
.menu li:hover ul { left:0; right: auto;  }
.grid-description { min-height: 110px; }

.newsletter-heading { width: 45%; }
.newsletter-summary { width: 35%; }
.entry { max-width: 530px; }
}

@media only screen and (max-width: 800px) {
.logo { padding-left: 6%; }
.grid4-description { min-height: 275px; }
.grid-twitter { height: 275px; }
.entries-intro { max-width: 530px; }

}

@media only screen and (min-width: 767px) {
.top { background: #F79B00 url(/assets/images/SEE-header.png) no-repeat center; background-size: auto 100%; }
}

@media only screen and (max-width: 767px) {
.top { background: #FFF url(/assets/images/SEE-header-mobile.png) no-repeat right; }
.top { border-bottom: 5px solid #000; }
.top-inner { height: 70px; padding: 15px 1em; }
.logo { float: left; width: 145px; height: 40px; padding-left: 0; }
.social-links { display: none; }
.minicart { float: right; padding-top: 10px; }
.minicart span { display: none; }
.minicart-empty { display: none; }
.nav-toggle { display: block; float: right; padding-top: 10px; margin-right: 0.25em; margin-left: 0.55em; }
.nav-toggle svg { width: 30px; height: 30px; }
.nav { display: none; padding: 0; }
.menu { text-align: left; padding: 0 1em 0 62px; clear: both;  }
.menu li { display: block; padding: 0; border: 0; margin: 0; }
.menu li:hover, .menu li.current { border: 0; }
.menu li a { display: block; line-height: 40px; border-bottom: 1px solid #FFF; padding: 0; }
.menu li ul { display: none; width: 100%; max-width: 100%; border: 0; margin: 0; }
.menu li ul li { padding: 0; margin: 0; } 
.menu li:hover ul { position: relative; display: none; }
.menu li ul li a:hover, .menu li ul li a.current { color: #F79B00; border-bottom: 1px solid #FFF; }
.menu li a.menu-expand-toggle { position: absolute; right: 0; display: block; height: 40px; width: 40px; font-weight: bold;  line-height: 40px; text-align: center; border: 0; }
.menu-expand-toggle:after { content: ">"; }
.menu li.menu-search { display: none; }
.search { display: block; position: relative; right: 1em; left: 62px; width: 240px; height: 55px padding: 5px 0; margin-top: 10px; margin-bottom: 10px; }
.nav-social { display: block; background: #F79B00; }
.nav-social .social-links { display: block; height: 30px; text-align: left; margin: 0; padding: 10px 0 10px 62px; }
.nav-social .social-links li { margin: 0 1em 0 0; }


.grid4 { width: 47%; margin-left: 3%; }
.grid4:nth-of-type(3) { clear: left; }
.grid-description { min-height: 0; }
.grid4-description { min-height: 0; }
.newsletter-summary { float: left; width: 70%; margin: 0 0 0.5em 0; }
.reg-text { float: none; width: 100%; line-height: 1.5; margin: 0 0 0.5em 0; }
}

@media only screen and (max-width: 640px) {
h1 { font-size: 1.6em; }
h2 { font-size: 1.2em; }
h3,h4,h5,h6 { font-size: 1em; }

.crumbs { display: block; }

.grid { margin: 0; }
.grid2 { float: none; width: 100%; margin-left: 0; }

.grid4container { margin: 0; }
.grid4 { width: 100%; margin-left: 0; }

.home-clients-photo { margin: -2em -1em 0 -1em; }
.home-clients-blurb p { float: none; width: 100%; font-size: 1em; margin: 0 0 0.5em 0; }
.slide-controls { float: none; width: 100%; margin: 0 0 1em 0; }
.slideswrapper { float: none; width: 100%; }

.newsletter-heading { float: none; width: 100%; font-size: 28px; }
.newsletter-heading svg { float: none; display: inline; width: 38px; height: 38px; }
.newsletter-summary { float: none; width: 100%; margin: 0 0 0.5em 0; }
.newsletter-cta { float: none; }
.entries-logo { max-width: 100px; padding-left: 0; }
.entry-intro { font-size: 1em; }
}

@media only screen and (max-width: 480px) {
.top { background: #FFF url(/assets/images/SEE-header-mobile.png) no-repeat center; }
.home-clients-photo img { float:left; width: 50%; }

}