@charset "UTF-8";
/******************************************************************

Variables

  Layout & Proportion

    breakpoints
    gutters
    leading

  Typography

  Colours



******************************************************************/
.shiny-gradient { background: #f5f5f5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 50%, #eeeeee 51%, #eeeeee 51%, #eeeeee 53%, #e0e0e0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(50%, #ffffff), color-stop(51%, #eeeeee), color-stop(51%, #eeeeee), color-stop(53%, #eeeeee), color-stop(100%, #e0e0e0)); background: -webkit-linear-gradient(top, #f5f5f5 0%, #ffffff 50%, #eeeeee 51%, #eeeeee 51%, #eeeeee 53%, #e0e0e0 100%); background: -o-linear-gradient(top, #f5f5f5 0%, #ffffff 50%, #eeeeee 51%, #eeeeee 51%, #eeeeee 53%, #e0e0e0 100%); background: -ms-linear-gradient(top, #f5f5f5 0%, #ffffff 50%, #eeeeee 51%, #eeeeee 51%, #eeeeee 53%, #e0e0e0 100%); background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 50%, #eeeeee 51%, #eeeeee 51%, #eeeeee 53%, #e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e0e0e0',GradientType=0 ); }

/******************************************************************

MIXINS

	Layout
		clearfix
		spacers
		grid
		breakpoints


******************************************************************/
/*********************
SPACIN'
*********************/
/*********************
GRID
*********************/
.left, .u1of2, .u1of3, .u2of3, .u1of4, .u3of4, .u1of5, .u2of5, .u3of5, .u4of5, .u1of6, .u5of6, .u1of7, .u2of7, .u3of7, .u4of7, .u5of7, .u6of7, .u1of8, .u3of8, .u5of8 { float: left; }

/*********************

	Responsive width breakpoints

*********************/
/*********************
TOOLS
*********************/
/* http://www@mixin zeldman@mixin com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ */
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255@mixin com/
*********************/
/*********************
TYPOGRAPHY
*********************/
/* 	To embed your own fonts, use this syntax and place your fonts inside the  stylesheets/fonts folder@mixin  For more information on embedding fonts, go to: http://www@mixin fontsquirrel@mixin com/ Be sure to remove the comment brackets@mixin  */
/*	$font-face { font-family: 'Font Name'; src: url('@mixin @mixin /fonts/font-name@mixin eot'); src: url('@mixin @mixin /fonts/font-name@mixin eot?#iefix') format('embedded-opentype'), url('@mixin @mixin /fonts/font-name@mixin woff') format('woff'), url('@mixin @mixin /fonts/font-name@mixin ttf') format('truetype'), url('@mixin @mixin /fonts/font-name@mixin svg#font-name') format('svg'); font-weight: normal; font-style: normal; } */
/* text alignment */
/* alerts & notices */
/*********************
BORDER RADIUS
*********************/
/* @mixin border-radius(4px); */
/* NOTE: For older browser support (and some mobile), don't use the shorthand to define *different* corners@mixin  */
/*********************
TRANISTION
*********************/
/* @mixin transition(all,2s); */
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS@mixin  Don't overdue it@mixin
*********************/
/* @mixin linear-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @mixin boxSizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko@mixin  So
probably best not to use it@mixin  I mean, were you going to anyway? */
/*********************
BOX SHADOW
*********************/
/* @mixin boxShadow(0 0 4px #444); */
/*********************
BUTTONS
*********************/
/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/* ============================================================================= HTML5 display definitions ========================================================================== */
/* Corrects block display not defined in IE6/7/8/9 & FF3 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary, main { display: block; }

/* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* Prevents modern browsers from displaying 'audio' without controls Remove excess height in iOS5 devices */
audio:not([controls]) { display: none; height: 0; }

/* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 Known issue: no IE6 support */
[hidden] { display: none; }

/* ============================================================================= Base ========================================================================== */
/* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 2. Prevents iOS text size adjust after orientation change, without disabling user zoom www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/* Addresses font-family inconsistency between 'textarea' and other form elements. */
html, button, input, select, textarea { font-family: sans-serif; }

/* Addresses margins handled incorrectly in IE6/7 */
body { margin: 0; }

/* ============================================================================= Links ========================================================================== */
/* Addresses outline displayed oddly in Chrome */
/* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }

/* ============================================================================= Typography ========================================================================== */
/* Addresses font sizes and margins set differently in IE6/7 Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */
/* Addresses styling not present in IE7/8/9, S5, Chrome */
abbr[title] { border-bottom: 1px dotted; }

/* Addresses styling not present in S5, Chrome */
dfn { font-style: italic; }

/* Addresses styling not present in IE6/7/8/9 */
mark { background: #ff0; color: #000; }

/* Addresses margins set differently in IE6/7 */
p, pre { margin: 0 0 1em; }

/* Corrects font family set oddly in IE6, S4/5, Chrome en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improves readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* 1. Addresses CSS quotes not supported in IE6/7 2. Addresses quote property not supported in S4 */
/* 1 */
q { quotes: none; }

/* 2 */
q:before, q:after { content: ''; content: none; }

small { font-size: 75%; }

/* Prevents sub and sup affecting line-height in all browsers gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ============================================================================= Lists ========================================================================== */
/* Addresses margins set differently in IE6/7 */
dl, menu, nav, ol, ul { margin: 0 0 1em; }

dd { margin: 0 0 0 25px; }

/* Addresses paddings set differently in IE6/7 */
menu, ol, ul { padding: 0 0 0 25px; }

/* Corrects list images handled incorrectly in IE7 */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ============================================================================= Embedded content ========================================================================== */
/* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 2. Improves image quality when scaled in IE7 code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/* Corrects overflow displayed oddly in IE9 */
svg:not(:root) { overflow: hidden; }

/* ============================================================================= Figures ========================================================================== */
/* Addresses margin not present in IE6/7/8/9, S5, O11 */
figure { margin: 0; }

/* ============================================================================= Forms ========================================================================== */
/* Corrects margin displayed oddly in IE6/7 */
form { margin: 0; }

/* Define consistent border, margin, and padding */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/* 1. Corrects color not being inherited in IE6/7/8/9 2. Corrects text not wrapping in FF3 3. Corrects alignment displayed oddly in IE6/7 */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }

/* 1. Corrects font size not being inherited in all browsers 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome 3. Improves appearance and consistency in all browsers */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */
button, input { line-height: normal; /* 1 */ }

/* 1. Improves usability and consistency of cursor style between image-type 'input' and others 2. Corrects inability to style clickable 'input' types in iOS 3. Removes inner spacing in IE7 without affecting normal text inputs Known issue: inner spacing remains in IE6 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ }

/* Re-set default cursor for disabled elements */
button[disabled], input[disabled] { cursor: default; }

/* 1. Addresses box sizing set to content-box in IE8/9 2. Removes excess padding in IE8/9 3. Removes excess padding in IE7 Known issue: excess padding remains in IE6 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/* 1. Addresses appearance set to searchfield in S5, Chrome 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/* Removes inner padding and search cancel button in S5, Chrome on OS X */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/* Removes inner padding and border in FF3+ www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Removes default vertical scrollbar in IE6/7/8/9 2. Improves readability and alignment in all browsers */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ============================================================================= Tables ========================================================================== */
/* Remove most spacing between table cells */
table { border-collapse: collapse; border-spacing: 0; }

/*

	NAME OF FILE

*/
body { font-size: 62.5%; }

p, li, pre, label, q, dt, dd, label, input, button, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { font-size: 16px; line-height: 1.25; }

h2:first-child { margin-top: 0; }

.info { color: #767676; }

small { font-size: 0.8em; letter-spacing: 0.5px; }

.small-caps { font-variant: small-caps; }

.form small, form small { font-size: 14px; letter-spacing: 0.5px; }

/*
use the best ampersand
http://simplebits@mixin com/notebook/2008/08/14/ampersands-2/
*/
span.amp { font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif; font-style: italic; font-weight: 400; }

blockquote { position: relative; padding: 10px 50px 0; margin: 0; border-left: 0 none; font-style: italic; }

blockquote p { font-size: 16px; line-height: 24px; }

blockquote:before { content: '\201C'; font-size: 100px; position: absolute; left: 0; top: -30px; font-style: normal; }

blockquote:after { content: '\201D'; font-size: 100px; vertical-align: sub; position: absolute; right: 4px; bottom: -40px; font-style: normal; }

.quotee { margin: 10px 0 20px; text-align: right; display: block; font-style: normal; }

.quotee:before { content: '\2014\0020'; }

/*

	NAME OF FILE

*/
.nav a, nav a { text-decoration: none; }

/*

	NAME OF FILE

*/
.form-top-aligned label, .form-top-aligned .label { font-size: 16px; display: block; }

label small { font-weight: normal; }

/*************************************************

RIPPED OUT OF BOOTSTRAP, TODO edit this

**************************************************/
form { margin: 0 0 20px; }

fieldset { border: 0 none; margin: 0; padding: 0; }

legend { border-color: inherit inherit #E5E5E5; border-image: none; border-style: none none solid; border-width: 0 0 1px; color: #333333; display: block; font-size: 21px; line-height: 40px; margin-bottom: 20px; padding: 0; width: 100%; }

legend small { color: #999999; font-size: 15px; }

label { display: block; margin-bottom: 5px; }

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border-radius: 4px 4px 4px 4px; color: #555555; display: inline-block; height: 20px; line-height: 20px; margin-bottom: 10px; padding: 4px 6px; vertical-align: middle; }

input, textarea, .uneditable-input { width: 206px; }

textarea { height: auto; }

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #FFFFFF; border: 1px solid #CCCCCC; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; }

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); }

input[type="radio"], input[type="checkbox"] { line-height: normal; margin: 4px 0 0; }

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; }

select, input[type="file"] { height: 30px; line-height: 30px; }

select { background-color: #FFFFFF; border: 1px solid #CCCCCC; width: 220px; }

select[multiple], select[size] { height: auto; }

.uneditable-input, .uneditable-textarea { background-color: #FCFCFC; border-color: #CCCCCC; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.024) inset; color: #999999; cursor: not-allowed; }

.uneditable-input { overflow: hidden; white-space: nowrap; }

.uneditable-textarea { height: auto; width: auto; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; }

.radio, .checkbox { min-height: 20px; padding-left: 20px; }

.radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -20px; }

.controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; }

.radio.inline, .checkbox.inline { display: inline-block; margin-bottom: 0; padding-top: 5px; vertical-align: middle; }

.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; }

.input-mini { width: 60px; }

.input-small { width: 90px; }

.input-medium { width: 150px; }

.input-large { width: 210px; }

.input-xlarge { width: 270px; }

.input-xxlarge { width: 530px; }

input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; }

.input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] { display: inline-block; }

input, textarea, .uneditable-input { margin-left: 0; }

.controls-row [class*="span"] + [class*="span"] { margin-left: 20px; }

input.span12, textarea.span12, .uneditable-input.span12 { width: 926px; }

input.span11, textarea.span11, .uneditable-input.span11 { width: 846px; }

input.span10, textarea.span10, .uneditable-input.span10 { width: 766px; }

input.span9, textarea.span9, .uneditable-input.span9 { width: 686px; }

input.span8, textarea.span8, .uneditable-input.span8 { width: 606px; }

input.span7, textarea.span7, .uneditable-input.span7 { width: 526px; }

input.span6, textarea.span6, .uneditable-input.span6 { width: 446px; }

input.span5, textarea.span5, .uneditable-input.span5 { width: 366px; }

input.span4, textarea.span4, .uneditable-input.span4 { width: 286px; }

input.span3, textarea.span3, .uneditable-input.span3 { width: 206px; }

input.span2, textarea.span2, .uneditable-input.span2 { width: 126px; }

input.span1, textarea.span1, .uneditable-input.span1 { width: 46px; }

.controls-row:before, .controls-row:after { content: ""; display: table; line-height: 0; }

.controls-row:after { clear: both; }

.controls-row [class*="span"], .row-fluid .controls-row [class*="span"] { float: left; }

.controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { padding-top: 5px; }

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { background-color: #EEEEEE; cursor: not-allowed; }

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; }

.control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #C09853; }

.control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #C09853; }

.control-group.warning input, .control-group.warning select, .control-group.warning textarea { border-color: #C09853; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; }

.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #A47E3C; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #DBC59E; }

.control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { background-color: #FCF8E3; border-color: #C09853; color: #C09853; }

.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline { color: #B94A48; }

.control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #B94A48; }

.control-group.error input, .control-group.error select, .control-group.error textarea { border-color: #B94A48; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; }

.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953B39; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #D59392; }

.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { background-color: #F2DEDE; border-color: #B94A48; color: #B94A48; }

.control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; }

.control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; }

.control-group.success input, .control-group.success select, .control-group.success textarea { border-color: #468847; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; }

.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #7ABA7B; }

.control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { background-color: #DFF0D8; border-color: #468847; color: #468847; }

.control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline { color: #3A87AD; }

.control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea { color: #3A87AD; }

.control-group.info input, .control-group.info select, .control-group.info textarea { border-color: #3A87AD; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; }

.control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { border-color: #2D6987; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #7AB5D3; }

.control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on { background-color: #D9EDF7; border-color: #3A87AD; color: #3A87AD; }

input:focus:invalid, textarea:focus:invalid, select:focus:invalid { border-color: #EE5F5B; color: #B94A48; }

input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #E9322D; box-shadow: 0 0 6px #F8B9B7; }

.form-actions { background-color: #F5F5F5; border-top: 1px solid #E5E5E5; margin-bottom: 20px; margin-top: 20px; padding: 19px 20px 20px; }

.form-actions:before, .form-actions:after { content: ""; display: table; line-height: 0; }

.form-actions:after { clear: both; }

.help-block, .help-inline { color: #595959; }

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

.help-inline { display: inline-block; padding-left: 5px; vertical-align: middle; }

.input-append, .input-prepend { font-size: 0; margin-bottom: 5px; white-space: nowrap; }

.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu { font-size: 14px; }

.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { border-radius: 0 4px 4px 0; margin-bottom: 0; position: relative; vertical-align: top; }

.input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus { z-index: 2; }

.input-append .add-on, .input-prepend .add-on { background-color: #EEEEEE; border: 1px solid #CCCCCC; display: inline-block; font-size: 14px; font-weight: normal; height: 20px; line-height: 20px; min-width: 16px; padding: 4px 5px; text-align: center; text-shadow: 0 1px 0 #FFFFFF; width: auto; }

.input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle { border-radius: 0 0 0 0; vertical-align: top; }

.input-append .active, .input-prepend .active { background-color: #A9DBA9; border-color: #46A546; }

.input-prepend .add-on, .input-prepend .btn { margin-right: -1px; }

.input-prepend .add-on:first-child, .input-prepend .btn:first-child { border-radius: 4px 0 0 4px; }

.input-append input, .input-append select, .input-append .uneditable-input { border-radius: 4px 0 0 4px; }

.input-append input + .btn-group .btn:last-child, .input-append select + .btn-group .btn:last-child, .input-append .uneditable-input + .btn-group .btn:last-child { border-radius: 0 4px 4px 0; }

.input-append .add-on, .input-append .btn, .input-append .btn-group { margin-left: -1px; }

.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle { border-radius: 0 4px 4px 0; }

.input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { border-radius: 0 0 0 0; }

.input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn { border-radius: 0 4px 4px 0; }

.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { border-radius: 4px 0 0 4px; margin-right: -1px; }

.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { border-radius: 0 4px 4px 0; margin-left: -1px; }

.input-prepend.input-append .btn-group:first-child { margin-left: 0; }

input.search-query { border-radius: 15px 15px 15px 15px; margin-bottom: 0; padding-left: 14px; padding-right: 14px; }

.form-search .input-append .search-query, .form-search .input-prepend .search-query { border-radius: 0 0 0 0; }

.form-search .input-append .search-query { border-radius: 14px 0 0 14px; }

.form-search .input-append .btn { border-radius: 0 14px 14px 0; }

.form-search .input-prepend .search-query { border-radius: 0 14px 14px 0; }

.form-search .input-prepend .btn { border-radius: 14px 0 0 14px; }

.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append { display: inline-block; margin-bottom: 0; vertical-align: middle; }

.form-search .hide, .form-inline .hide, .form-horizontal .hide { display: none; }

.form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group { display: inline-block; }

.form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { margin-bottom: 0; }

.form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { margin-bottom: 0; padding-left: 0; vertical-align: middle; }

.form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-left: 0; margin-right: 3px; }

.control-group { margin-bottom: 10px; }

legend + .control-group { margin-top: 20px; }

.form-horizontal .control-group { margin-bottom: 20px; }

.form-horizontal .control-group:before, .form-horizontal .control-group:after { content: ""; display: table; line-height: 0; }

.form-horizontal .control-group:after { clear: both; }

.form-horizontal .control-label { float: left; padding-top: 5px; text-align: right; width: 160px; }

.form-horizontal .controls { margin-left: 180px; }

.form-horizontal .help-block { margin-bottom: 0; }

.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block { margin-top: 10px; }

.form-horizontal .form-actions { padding-left: 180px; }

/*

	NAME OF FILE

*/
table { width: 100%; }

th, td { padding: 7.5px; text-align: left; font-family: "proxima-nova-alt", sans-serif; font-size: 14px; line-height: 1.5; color: #333; color: #333; }

/** Cell alignments */
[colspan] { text-align: center; }

[colspan="1"] { text-align: left; }

[rowspan] { vertical-align: middle; }

[rowspan="1"] { vertical-align: top; }

.numerical { text-align: right; }

/*

	NAME OF FILE

*/
/*

  grid styles

***********************************/
/*

  layout styles go here

***********************************/
/* Contain floats: nicolasgallagher@mixin com/micro-clearfix-hack/ */
.clearfix, .container, .cf, .clear { zoom: 1; }

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

.clearfix:after, .container:after, .cf:after, .clear:after { clear: both; }

.container { margin: 0 auto; position: relative; }

.alignright { float: right; }

.alignright:img { margin: 0 0 0 20px; }

.alignleft { float: left; }

.alignleft:img { margin: 0 20px 0 0; }

/*

	NAME OF FILE

*/
.bd, .ft, .hd { overflow: hidden; *overflow: visible; zoom: 1; }

.mod, .mod-box { margin: 7.5px; }

.mod-box { border: 1px solid #ccc; padding: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.media-unit { display: block; overflow: hidden; *overflow: visible; zoom: 1; }

.media-unit .media { display: block; }

.media-unit .media, .media-unit .left, .media-unit .u1of2, .media-unit .u1of3, .media-unit .u2of3, .media-unit .u1of4, .media-unit .u3of4, .media-unit .u1of5, .media-unit .u2of5, .media-unit .u3of5, .media-unit .u4of5, .media-unit .u1of6, .media-unit .u5of6, .media-unit .u1of7, .media-unit .u2of7, .media-unit .u3of7, .media-unit .u4of7, .media-unit .u5of7, .media-unit .u6of7, .media-unit .u1of8, .media-unit .u3of8, .media-unit .u5of8 { float: left; margin-right: 10px; }

.media-unit .right { float: right; margin-left: 10px; }

.media-unit .text { overflow: hidden; *overflow: visible; zoom: 1; }

.media--valign { display: table; }

.media--valign img { margin-right: 15px; }

.media--valign > .media, .media--valign > .text { display: table-cell; vertical-align: middle; }

.media--valign > .media { float: none; }

.media--valign > .text { width: 100%; }

.stacked img { width: 100%; height: auto; }

/*

	NAME OF FILE

*/
.alert { background-color: #FCF8E3; border: 1px solid #FBEED5; border-radius: 4px 4px 4px 4px; margin-bottom: 20px; padding: 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #333; }

.alert h1, .alert h2, .alert h3, .alert h4 { margin: 5px 0; line-height: 1; }

.alert .close { line-height: 20px; position: relative; right: -21px; top: -2px; }

.alert-success, .alert-good { background-color: #DFF0D8; border-color: #D6E9C6; }

.alert-danger, .alert-error, .alert-bad { background-color: #F2DEDE; border-color: #EED3D7; }

.alert-info { background-color: #D9EDF7; border-color: #BCE8F1; }

.alert-block { padding-bottom: 14px; padding-top: 14px; }

.alert-block > p, .alert-block > ul { margin-bottom: 0; }

.alert-block p + p { margin-top: 5px; }

img { max-width: 100%; height: auto; }

.placeholder { background: #eee; box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.1); }

/*

  Component:

******************************/
/*------------------------------------*    $BEAUTONS.CSS
\*------------------------------------*/
/** beautons is a beautifully simple button toolkit. LICENSE Copyright 2013 Harry Roberts Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */
/*!* @csswizardry -- csswizardry.com/beautons */
/*------------------------------------*    $BASE
\*------------------------------------*/
/** Base button styles. 1. Allow us to better style box model properties. 2. Line different sized buttons up a little nicer. 3. Stop buttons wrapping and looking broken. 4. Make buttons inherit font styles. 5. Force all elements using beautons to appear clickable. 6. Normalise box model styles. 7. If the button’s text is 1em, and the button is (3 * font-size) tall, then there is 1em of space above and below that text. We therefore apply 1em of space to the left and right, as padding, to keep consistent spacing. 8. Basic cosmetics for default buttons. Change or override at will. 9. Don’t allow buttons to have underlines; it kinda ruins the illusion. */
.btn { display: inline-block; /* [1] */ vertical-align: middle; /* [2] */ white-space: nowrap; /* [3] */ font-family: inherit; /* [4] */ font-size: 100%; /* [4] */ cursor: pointer; /* [5] */ border: none; /* [6] */ margin: 0; /* [6] */ padding-top: 0; /* [6] */ padding-bottom: 0; /* [6] */ line-height: 3; /* [7] */ padding-right: 1em; /* [7] */ padding-left: 1em; /* [7] */ border-radius: 3px; /* [8] */ }

.btn, .btn:hover { text-decoration: none; /* [9] */ }

.btn:hover, .btn:active { outline: 0; }

/*------------------------------------*    $SIZES
\*------------------------------------*/
/** Button size modifiers. These all follow the same sizing rules as above; text is 1em, space around it remains uniform. */
.btn--small { padding-right: 0.5em; padding-left: 0.5em; line-height: 2; }

.btn--large { padding-right: 1.5em; padding-left: 1.5em; line-height: 4; }

.btn--huge { padding-right: 2em; padding-left: 2em; line-height: 5; }

/** These buttons will fill the entirety of their container. 1. Remove padding so that widths and paddings don’t conflict. */
.btn--full { width: 100%; padding-right: 0; /* [1] */ padding-left: 0; /* [1] */ text-align: center; }

/*------------------------------------*    $FONT-SIZES
\*------------------------------------*/
/** Button font-size modifiers. */
.btn--alpha { font-size: 3rem; }

.btn--beta { font-size: 2rem; }

.btn--gamma { font-size: 1rem; }

/** Make the button inherit sizing from its parent. */
.btn--natural { vertical-align: baseline; font-size: inherit; line-height: inherit; padding-right: 0.5em; padding-left: 0.5em; }

/*------------------------------------*    $FUNCTIONS
\*------------------------------------*/
/** Button function modifiers. */
/** Positive actions; e.g. sign in, purchase, submit, etc. */
.btn--positive { background-color: #4A993E; color: #fff; }

/** Negative actions; e.g. close account, delete photo, remove friend, etc. */
.btn--negative { background-color: #b33630; color: #fff; }

/** Inactive, disabled buttons. 1. Make the button look like normal text when hovered. */
.btn--inactive, .btn--inactive:hover, .btn--inactive:active, .btn--inactive:focus { background-color: #ddd; color: #767676; cursor: text; /* [1] */ }

/*------------------------------------*    $STYLES
\*------------------------------------*/
/** Button style modifiers. 1. Use an overly-large number to ensure completely rounded, pill-like ends. */
.btn--soft { border-radius: 200px; /* [1] */ }

.btn--hard { border-radius: 0; }

/*

	NAME OF FILE

*/
dt { font-weight: bold; }

menu, ol, ul { padding: 0; margin-left: 25px; }

.nav, .nav ol, .nav ul, .nav-horizontal, ol.unstyled, ul.unstyled { margin-left: 0; list-style: none outside; }

.nav li, .nav ol li, .nav ul li, .nav-horizontal li, ol.unstyled li, ul.unstyled li { list-style: none outside; }

.inline { margin-left: 0; }

.inline li, .inline li { display: inline; }

.inline.with-separators li:after { content: "\0020\0020\0020\007C\0020\0020\0020"; }

.breadcrumbs li, .breadcrumbs li a { color: #aaa; color: #767676; }

.breadcrumbs li:after { content: "\0020\0020\0020\25B8\0020\0020\0020"; }

.inline.with-separators li:last-child:after, .breadcrumbs li:last-child:after { content: none; }

.dl-horizontal dt { float: left; clear: left; width: 150px; text-align: right; }

.dl-horizontal dd { margin-left: 160px; }

.spacer { margin-top: 15px; }

/*

	NAME OF FILE

*/
.nav-horizontal li { float: left; margin-left: 20px; }

.nav-horizontal li:first-child { margin-left: 0px; }

/*

	NAME OF FILE

*/
/* --------------------------------------------------------------------------------------------------------------------- Name         .dConcertina Description  .generic, flexible show and hide Requires     .jQuery Gotchas      . Todos        . */
.conc-content { display: none; }

.conc-trigger { cursor: pointer; }

.conc-trigger .active-message { display: none; }

.conc-trigger .inactive-message { display: inline; }

.conc-active .active-message { display: inline; }

.conc-active .inactive-message { display: none; }

/*#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(close.png);}
#sb-nav-next{background-image:url(next.png);}
#sb-nav-previous{background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
*/
#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message { font-family: "HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 200; color: #fff; }

#sb-container { position: fixed; margin: 0; padding: 0; top: 0; left: 0; z-index: 9999; text-align: left; visibility: hidden; display: none; }

#sb-overlay { position: relative; height: 100%; width: 100%; background: #fff; z-index: 99999; }

#sb-wrapper { position: absolute; visibility: hidden; width: 100px; z-index: 999999; }

#sb-wrapper-inner { position: relative; overflow: hidden; height: 100px; }

#sb-body { position: relative; height: 100%; }

#sb-body-inner { position: absolute; height: 100%; width: 100%; }

#sb-player.html { height: 100%; overflow: auto; }

#sb-body img { border: none; }

#sb-loading { position: relative; height: 100%; }

#sb-loading-inner { position: absolute; font-size: 14px; line-height: 24px; height: 24px; top: 50%; margin-top: -12px; width: 100%; text-align: center; }

#sb-loading-inner span { background: url(../../images/graphics/loader-32.gif) no-repeat; padding-left: 35px; line-height: 35px; display: inline-block; margin-right: -35px; }

#sb-body, #sb-loading { background-color: #fff; }

#sb-title, #sb-info { position: relative; margin: 0; padding: 0; overflow: hidden; }

#sb-title, #sb-title-inner { height: 26px; line-height: 26px; display: none; }

#sb-title-inner { font-size: 16px; }

#sb-info, #sb-info-inner { height: 30px; line-height: 30px; }

#sb-info-inner { font-size: 12px; }

#sb-nav-next { background-image: url(../../javascripts/plugins/shadowbox-3/next.png); }

#sb-nav-previous { background-image: url(../../javascripts/plugins/shadowbox-3/previous.png); }

#sb-nav-play { background-image: url(../../javascripts/plugins/shadowbox-3/play.png); }

#sb-nav-pause { background-image: url(../../javascripts/plugins/shadowbox-3/pause.png); }

#sb-counter { float: left; width: 45%; }

#sb-counter a { padding: 0 4px 0 0; text-decoration: none; cursor: pointer; color: #fff; }

#sb-counter a.sb-counter-current { text-decoration: underline; }

div.sb-message { font-size: 12px; padding: 10px; text-align: center; }

div.sb-message a:link, div.sb-message a:visited { color: #fff; text-decoration: underline; }

#sb-info { height: 35px; position: absolute; right: -13px; top: -10px; width: 35px; }

.ie7 #sb-info { top: -20px !important; }

.ie7 #sb-info #sb-nav-close { top: -30px !important; position: relative !important; }

#sb-wrapper { padding: 5px; background: url(../../javascripts/plugins/shadowbox-3/white50percent.png) transparent; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#sb-nav-close { background: url("../../javascripts/plugins/shadowbox-3/close2.png") no-repeat scroll 0 0 transparent !important; cursor: pointer; display: block; height: 35px; width: 35px; overflow: hidden; filter: none !important; }

#sb-nav-close img { display: none !important; }

#sb-nav-close:hover { background-position: 0 -35px !important; }

.mod, .mod-box { margin: 15px; }

.left, .u1of2, .u1of3, .u2of3, .u1of4, .u3of4, .u1of5, .u2of5, .u3of5, .u4of5, .u1of6, .u5of6, .u1of7, .u2of7, .u3of7, .u4of7, .u5of7, .u6of7, .u1of8, .u3of8, .u5of8, .right { display: block; }

#selectCountry { padding: 25px; }

#selectCountry a { color: #fff; }

h1 + .breadcrumbs { margin: -15px 0 20px; }

.post-edit-link { background: none repeat scroll 0 0 #FFFFFF; border-radius: 0 0 0 3px; display: block; opacity: 0.3; padding: 20px; position: fixed; right: 0; top: 0; }

hr { margin: 35px 25%  30px; height: 0; border-top: 1px dashed #ccc; border-bottom: 0 none; }

.section, section { border-top: 1px dashed #aaa; clear: both; margin: 0; padding: 30px 0; }

.section-header { font-size: 24px; line-height: 30px; padding: 0; margin: 34px 0 16px; }

.section h3, section h3 { font-size: 16px; line-height: 24px; margin: 0; }

.centred { text-align: center; }

.stacked h3 { margin: 15px 0 5px; font-size: 21px; }

iframe { background: #fff; }

/*

  Login form

======================================================*/
#login-forms { background: #fff; }

#login-forms div { position: relative; }

#login-forms i { left: 8px; opacity: 0.18; position: absolute; top: 6px; }

#login-forms p { font-size: 13px; }

#login-forms h2 { padding: 5px 0 15px; border-bottom: 0 none; margin-bottom: 0; }

#login-forms h2 span { font-size: 14px; color: #333333; }

#login-teacher { width: 220px; padding: 20px; float: left; }

#login-teacher h2, #login-teacher a:link, #login-teacher a:visited { color: #009382; }

#login-student { width: 406px; padding: 20px 20px 20px 22px; border-left: 1px solid #DDD; float: right; }

#login-student h2, #login-student a:link, #login-student a:visited { color: #387175; }

#login-forms input[type=text], #login-forms input[type=password] { text-indent: 25px; }

/*

  Login page version of Login form

======================================================*/
body.log-in #bd .login-button-2015 { display: none; }

body.log-in #bd #login-box { display: block; }

body.log-in #bd #login-box * { text-align: left; }

body.log-in #bd #login-student { float: left; border: 0 none; }

body.log-in #bd .vip-login-link, body.log-in #bd #login-student, body.log-in #bd #login-teacher { padding-left: 0; padding-right: 40px; }

body { font-family: "proxima-nova-alt", sans-serif; font-size: 16px; line-height: 1.5; color: #333; }

p, pre, li { font-size: 16px; line-height: 1.5; }

p { margin-bottom: 12px; }

em, i, .quote, q { font-family: "proxima-nova",sans-serif; font-style: italic; }

q { font-size: inherit; line-height: inherit; }

.unicode { font-family: "Arial Unicode MS","Lucida Sans Unicode", "DejaVu Sans", "Arial", "FreeSans", "ArialMT"; }

.uppercase { text-transform: uppercase; }

strong { font-weight: 700; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: 700; text-transform: none; text-shadow: none; color: #333; }

h1 a, h1 a:visited, .h1 a, .h1 a:visited, h2 a, h2 a:visited, .h2 a, .h2 a:visited, h3 a, h3 a:visited, .h3 a, .h3 a:visited, h4 a, h4 a:visited, .h4 a, .h4 a:visited, h5 a, h5 a:visited, .h5 a, .h5 a:visited, h6 a, h6 a:visited, .h6 a, .h6 a:visited { color: #333; background-image: none; }

h1 a:hover, h1 a:visited:hover, .h1 a:hover, .h1 a:visited:hover, h2 a:hover, h2 a:visited:hover, .h2 a:hover, .h2 a:visited:hover, h3 a:hover, h3 a:visited:hover, .h3 a:hover, .h3 a:visited:hover, h4 a:hover, h4 a:visited:hover, .h4 a:hover, .h4 a:visited:hover, h5 a:hover, h5 a:visited:hover, .h5 a:hover, .h5 a:visited:hover, h6 a:hover, h6 a:visited:hover, .h6 a:hover, .h6 a:visited:hover { color: #333; background-image: linear-gradient(#00a996, #00a996); background-size: 100% 2px; }

h1, .h1 { font-size: 30px; line-height: 36px; }

h1 + .leader, .h1 + .leader { margin: -15px 0 30px; }

.leader { color: #222222; line-height: 30px; font-weight: 700; }

h2, .h2 { font-size: 21px; line-height: 24px; margin: 6px 0; }

h2 .subtitle, .h2 .subtitle { display: block; margin-top: -1px; letter-spacing: 0; color: #333; }

h3, .h3 { font-size: 18px; line-height: 24px; margin: 0.9em 0 0.211em; }

h4, .h4 { font-size: 16px; line-height: 24px; margin: 10px 0 2px; }

a, a:visited { color: inherit; text-decoration: none; background-image: linear-gradient(rgba(0, 169, 150, 0.5), rgba(0, 169, 150, 0.5)); background-size: 100% 2px; background-position: 0 100%; background-repeat: no-repeat; transition: all 0.2s; }

a:hover, a:visited:hover { background-image: linear-gradient(#00a996, #00a996); text-decoration: none; background-size: 100% 3px; color: black; }

#partner-logo, .nav-main a, .nav-main a:hover { background-image: none; }

#pd-login-button, #pd-login-button:hover { background-size: initial !important; }

#ft a, .breadcrumbs li a { background-image: linear-gradient(#ccc, #ccc); font-weight: 400; text-decoration: none; background-size: 100% 1px; }

#ft a:hover, .breadcrumbs li a:hover { background-image: linear-gradient(#00a996, #00a996); background-size: 100% 2px; }

.nav-main a:hover { text-decoration: none; }

.more strong { display: block; }

.underlined { border-bottom: 2px solid; margin: 10px 0; }

.underline { border-bottom: 2px solid #767676; padding-bottom: 5px; }

.l-break { display: block; }

blockquote { margin: 0 auto; max-width: 550px; padding: 10px 55px 0 50px; }

blockquote.quote-style-2 { padding: 0 20px; max-width: auto; }

blockquote.quote-style-2:before, blockquote.quote-style-2:after { content: ''; }

time { display: block; font-size: 16px; line-height: 1.5; }

.accent { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; margin: -5px 0 10px; }

.section-label, .section-label a, .section-label a:visited { color: inherit; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; margin-bottom: 0; background-size: 100% 0px; }

.section-label a:hover { background-size: 100% 3px; }

.caps { text-transform: uppercase; }

.cap { text-transform: capitalize; }

.charanga-aqua { color: #00a996; }

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

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

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

.screen-reader-text { position: fixed !important; _position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }

.screen-reader-text:focus, .screen-reader-text.focusable:active, .screen-reader-text.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; z-index: 99999; background: #fff; color: #000; width: auto; }

img { display: block; }

.alignright { float: right; margin: 0 0 10px 20px; max-width: 300px; }

@media only screen and (max-width: 600px), only screen and (min-width: 901px) and (max-width: 960px) { .alignright { float: none; margin: 0 0 10px; max-width: none; } }

@media only screen and (max-width: 960px) { .alignright { width: 40%; } }

@media only screen and (max-width: 600px) { .alignright { width: auto; } }

label.radio-checkbox-label { font-weight: normal; padding: 0 2px; font-size: 14px; }

.school-option { border: 1px solid #eee; }

.no-placeholder input.password { background: url("../../images/graphics/placeholder-password.png") no-repeat 32px 6px #fff; }

.no-placeholder input.username { background: url("../../images/graphics/placeholder-username.png") no-repeat 32px 6px #fff; }

.no-placeholder input.has-a-value { background: #fff; }

/*

  Login stuff

**************************************************/
#mask { display: block; left: 0; position: absolute; top: 0; visibility: visible; z-index: 250; }

#login { margin: 0; position: relative; }

#login ul { margin: 0; padding: 0; }

#login li { color: #FFFFFF; display: inline; float: left; line-height: 28px; list-style: none inside none; margin: 0 5px; position: relative; }

#login #login-form { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #AAAAAA; border-radius: 3px 0 3px 3px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); padding: 20px; position: absolute; right: 0; top: 93px; width: 230px; z-index: 300; }

#login #ie9 #login-form { border-bottom-color: #FFFFFF; top: 51px; }

#login #login-form label { display: block; }

#login #login-form #user_login, #login #login-form #user_password { border: 1px solid #DDDDDD; }

#login #login-form div { margin: 5px 0; }

#login #login-form div a { background: none repeat scroll 0 0 #FFFFFF; border: 0 none; color: #990000; display: inline; line-height: 30px; text-decoration: underline; }

#login #login-form div a:hover { background: none repeat scroll 0 0 #FFFFFF; color: #FF0000; }

#login a#login-button.active { background: url("../images/shine20pc.png") repeat-x scroll 0 -1px #FFFFFF; border-color: #AAAAAA; border-radius: 5px 5px 0 0; border-style: solid; border-width: 1px 1px 0; box-shadow: inherit; color: #000000; font-weight: bold; padding-bottom: 6px; padding-top: 3px; position: relative; text-shadow: none; z-index: 500; }

#login-forms br { display: none; }

@media only screen and (max-width: 500px) { #login { text-align: center; }
  #login .text { display: inline-block; float: none; position: relative; }
  #login .text .btn { margin: 0 5px; padding: 5px 10px; }
  #login #login-form { text-align: left; } }

/** Bordered tables */
.partnerships table th, .partnerships table td, .table--bordered th, .table--bordered td { border: 1px solid #CDE3EB; }

.partnerships table th:empty, .partnerships table td:empty, .table--bordered th:empty, .table--bordered td:empty { border: none; }

.partnerships table thead tr:last-child th, .table--bordered thead tr:last-child th { border-bottom-width: 2px; }

.partnerships table tbody tr th:last-of-type, .table--bordered tbody tr th:last-of-type { border-right-width: 2px; }

/** Striped tables */
.partnerships table th, .table--striped th { background-color: #444; color: #fff; border-color: #444; }

.partnerships table tbody tr:nth-of-type(odd), .table--striped tbody tr:nth-of-type(odd) { background-color: #ECF4F8; /* Override this color in your theme stylesheet */ }

/** Data table */
.partnerships table, .table--data { font: 12px/1.5 sans-serif; }

@media only screen and (max-width: 650px) { .partnerships table { /* Force table to not be like tables anymore */ /* Hide table headers (but not display: none;, for accessibility) */ }
  .partnerships table, .partnerships table thead, .partnerships table tbody, .partnerships table th, .partnerships table td, .partnerships table tr { display: block; }
  .partnerships table th:last-child { position: absolute; top: -9999px; left: -9999px; }
  .partnerships table td { /* Behave  like a "row" */ border: 0 none; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px 10px; }
  .partnerships table td:first-child { border-top: 1px solid #CDE3EB !important; font-weight: 700; padding: 10px 10px 0; }
  .partnerships table td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } }

.table__teacher-survey th { background-color: #000; color: #fff; font-weight: normal; }

.table__teacher-survey th, .table__teacher-survey td { font-size: 14pt; }

.table__teacher-survey tr { border-bottom: 1px solid #999; }

.table__teacher-survey td:nth-child(1), .table__teacher-survey td:nth-child(2) { color: #00a69b; font-weight: bold; }

.table__teacher-survey td:nth-child(3) { padding-left: 8px; }

.table__teacher-survey td:nth-child(1) { width: 90px; }

.table__teacher-survey td:nth-child(2) { width: 125px; }

@media only screen and (max-width: 750px) { .table__teacher-survey th, .table__teacher-survey td { font-size: 14px; }
  .table__teacher-survey td:nth-child(1) { width: auto; }
  .table__teacher-survey td:nth-child(2) { width: auto; } }

.card { display: block; border-radius: 3px; overflow: hidden; background: #FFF; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); position: relative; border: 1px solid #e0e0e0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); }

.card .artist { display: block; font-size: 16px; padding-bottom: 5px; text-transform: uppercase; font-weight: 700; color: #333; }

.card .track { display: block; font-size: 14px; line-height: 16px; font-weight: 400; }

a.card:hover { border: 1px solid #11AC43; }

.card, .card--footer, .card--button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.card--section { padding: 10px 10px 0; display: block; *zoom: 1; }

.card--section:after { clear: both; }

.card--section:before, .card--section:after { content: " "; display: table; }

.card--divider { border-top: 1px solid #ddd; }

.card--heading { font-size: 21px; color: #333; line-height: 1.2; margin: 0 0 10px; }

.card--heading a, a .card--heading { color: #049CDB; }

.card--heading a:hover, a:hover .card--heading { color: #11AC43; }

.card--subheading, a .card--subheading, a:hover .card--subheading { color: #888; }

.card--list { border-bottom: 1px solid #ddd; margin: 0; }

.card--list li { list-style: none outside; }

.card--list a { display: block; border-bottom: 1px solid #ddd; padding: 10px 15px; }

.card--button { width: 100%; text-align: center; text-transform: uppercase; padding: 10px; color: #fff; display: block; margin: 0 auto; background: #00a996; border-radius: 20px; }

.card--footer { min-height: 50px; padding: 10px; font-weight: bold; }

.card--footer .read-more { text-transform: uppercase; letter-spacing: 1px; }

.card--fixed { padding-bottom: 60px; }

.card--fixed .card--footer { position: absolute; width: 100%; bottom: 0; left: 0; }

.launcher { float: right; margin: 0 0 20px 20px; position: relative; display: block; }

.launcher--label { position: absolute; bottom: 10px; left: 10px; right: 10px; padding: 10px 10px; background: rgba(0, 0, 0, 0.6); color: #FFF; text-align: center; font-size: 24px; border-radius: 30px; }

.launcher--label:before { content: '\25B6\0020'; }

.launcher--label--artist { text-transform: uppercase; display: block; }

.launcher--label--track { font-style: italic; display: block; font-size: 13px; }

.launcher:hover .launcher--label { background: rgba(255, 0, 0, 0.6); }

.partnerships .picker { margin-bottom: 0; }

.partnerships .picker a { background: none repeat scroll 0 0 #ECF4F8; color: #888; text-decoration: none; padding: 0 3px; min-width: 16px; text-align: center; display: inline-block; border-radius: 3px; border: 1px solid #CDE3EB; margin-bottom: 4px; }

.partnerships .picker a:hover { background: #11AC43; border: 1px solid #0f953a; color: #fff; }

.btn::-moz-selection, .nav-sub-trigger::-moz-selection, .icon-bar-container::-moz-selection, .nav-link::-moz-selection, .nav-link-pdf::-moz-selection { background: transparent; }

.btn::selection, .nav-sub-trigger::selection, .icon-bar-container::selection, .nav-link::selection, .nav-link-pdf::selection { background: transparent; }

.btn, .btn:visited { padding: 5px 15px; display: inline-block; cursor: pointer; border-radius: 4px; font-size: 16px; text-decoration: none; font-weight: 700; line-height: 21px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.2); background-color: #00a694; background-image: linear-gradient(#00c9b1, #00a996); border: 1px solid #009e8c; border-top: 1px solid #00a996; color: white; text-shadow: 0 -1px 0 #00a996; }

.btn:hover, .btn:visited:hover { color: #fff; text-decoration: none; background: #00b6a1; background-image: linear-gradient(#00d6bc, #00b6a1); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.5); }

.btn:hover i, .btn:visited:hover i { background-color: rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(255, 255, 255, 0.5); }

.lt-ie9 .btn { background: #00a996; }

.lt-ie9 .btn:hover, .lt-ie9 .btn:visited:hover { background: #007669; }

.btn-secondary, .btn-secondary:visited { padding: 5px 15px; background: #e0e0e0; background-image: linear-gradient(#fefefe, #e0e0e0); border: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.2); color: #666; text-shadow: 0 -1px 0 #fff; }

.btn-secondary i, .btn-secondary:visited i { background-color: rgba(0, 0, 0, 0.3); }

.btn-secondary:hover, .btn-secondary:visited:hover { text-decoration: none; background: #e6e6e6; background-image: linear-gradient(#fefefe, #e0e0e0); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.5); color: #444 !important; }

.btn-secondary:hover i, .btn-secondary:visited:hover i { background-color: #444; }

.lt-ie9 .btn-secondary { background: #e0e0e0; }

.lt-ie9 .btn-secondary:hover, .lt-ie9 .btn-secondary:visited:hover { background: #e6e6e6; }

.btn-tertiary, .btn-tertiary:visited { padding: 5px 15px; background: #387175; background-image: linear-gradient(#408286, #387175); border: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.4); text-shadow: 0 -1px 0 #387175; }

.btn-tertiary:hover, .btn-tertiary:visited:hover { text-decoration: none; background: #3c797e; background-image: linear-gradient(#408286, #387175); }

.lt-ie9 .btn-secondary { background: #387175; }

.lt-ie9 .btn-secondary:hover, .lt-ie9 .btn-secondary:visited:hover { background: #3c797e; }

.btn:active, .btn:visited:active { position: relative; top: 1px; }

.btn.disabled, .btn[disabled], .btn:visited.disabled, .btn:visited[disabled] { opacity: 0.6; background: false; cursor: default; -webkit-box-shadow: none 0 4px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: none 0 4px 0 rgba(0, 0, 0, 0.5); box-shadow: none 0 4px 0 rgba(0, 0, 0, 0.5); }

.btn::-moz-focus-inner, .btn:visited::-moz-focus-inner { padding: 0 !important; margin: -1px !important; }

/* line 45, ../theme/_theme-components.scss */
.btn-green, .btn-green:visited, .btn-green:hover, .btn-green:visited:hover { color: white; background: #1c8603; background-image: linear-gradient(#21af00, #1c8603); border-top-color: #176d02; border-left-color: #125402; border-right-color: #125402; border-bottom-color: #0c3b01; border-radius: 5px; box-shadow: 0 1px 2px rgba(255, 255, 255, 0.2) inset; text-shadow: 0 -1px 0 #145e02; }

.btn-green:hover, .btn-green:visited:hover { color: black; box-shadow: 0 1px 2px rgba(255, 255, 255, 0.2) inset; text-shadow: 0 1px 0 #2cd105; }

.btn-green:hover i, .btn-green:visited:hover i { background-image: url("../img/glyphicons-halflings.png"); }

/* to match trial and pricing buttons in the submenu bar */
.btn-green--gradient { background: #21af00 url(/wp-content/themes/charanga_2013/images/graphics/button-grad-dark-18.png); }

.btn-green--gradient:hover, .btn-green--gradient:focus { background: #21af00 url(/wp-content/themes/charanga_2013/images/graphics/button-grad-dark-18.png); color: #333; text-shadow: 0 1px 0 #2be200; }

.btn-white { border: #CCC 1px solid; background: #e0e0e0; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #Fefefe), color-stop(100%, #E0E0E0)); background: -webkit-linear-gradient(#Fefefe, #E0E0E0); background: -moz-linear-gradient(#Fefefe, #E0E0E0); background: -o-linear-gradient(#Fefefe, #E0E0E0); background: linear-gradient(#Fefefe, #E0E0E0); color: #666; text-shadow: 0 1px 0 #FFF; }

.btn-white:hover { border: #CCC 1px solid; background: #e0e0e0; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #Fefefe), color-stop(100%, #E0E0E0)); background: -webkit-linear-gradient(#Fefefe, #E0E0E0); background: -moz-linear-gradient(#Fefefe, #E0E0E0); background: -o-linear-gradient(#Fefefe, #E0E0E0); background: linear-gradient(#Fefefe, #E0E0E0); color: #333; text-shadow: 0 1px 0 #FFF; }

.lt-ie9 .btn-white { background: #e0e0e0; }

.lt-ie9 .btn-white:hover, .lt-ie9 .btn-white:visited:hover { background: #faf9f9; }

.btn.btn-large { font-size: 24px; padding: 12px 30px; border-radius: 6px; }

.btn.btn-large i { margin: 3px 5px 0 0; border: 3px solid transparent; border-radius: 10px; }

.pd-login-button { display: block; width: 240px; height: 100px; transition: opacity 0.1s 0.5s; z-index: 1; background: url(https://charanga.com/wp-content/themes/charanga_2013/images/graphics/login.png) 0 0 no-repeat transparent; padding: 0; text-indent: -999px; }

.pd-login-button:hover, .pd-login-button:focus { background: url(https://charanga.com/wp-content/themes/charanga_2013/images/graphics/login.png) 0 -100px no-repeat transparent; }

/*! Bootstrap v2.3.0 Copyright 2012 Twitter, Inc Licensed under the Apache License v2.0 http://www.apache.org/licenses/LICENSE-2.0 Designed and built with all the love in the world @twitter by @mdo and @fat. */
.clearfix, .container { *zoom: 1; }

.clearfix:before, .container:before, .clearfix:after, .container:after { display: table; content: " "; line-height: 0; }

.clearfix:after, .container:after { clear: both; }

.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

[class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../img/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; margin-top: 1px; }

/* White icons with optional class, or on hover/focus/active states of certain elements */
.icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:focus > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > li > a:focus > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:focus > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"], .dropdown-submenu:focus > a > [class*=" icon-"] { background-image: url("../img/glyphicons-halflings-white.png"); }

.icon-glass { background-position: 0      0; }

.icon-music { background-position: -24px 0; }

.icon-search { background-position: -48px 0; }

.icon-envelope { background-position: -72px 0; }

.icon-heart { background-position: -96px 0; }

.icon-star { background-position: -120px 0; }

.icon-star-empty { background-position: -144px 0; }

.icon-user { background-position: -168px 0; }

.icon-film { background-position: -192px 0; }

.icon-th-large { background-position: -216px 0; }

.icon-th { background-position: -240px 0; }

.icon-th-list { background-position: -264px 0; }

.icon-ok { background-position: -288px 0; }

.icon-remove { background-position: -312px 0; }

.icon-zoom-in { background-position: -336px 0; }

.icon-zoom-out { background-position: -360px 0; }

.icon-off { background-position: -384px 0; }

.icon-signal { background-position: -408px 0; }

.icon-cog { background-position: -432px 0; }

.icon-trash { background-position: -456px 0; }

.icon-home { background-position: 0 -24px; }

.icon-file { background-position: -24px -24px; }

.icon-time { background-position: -48px -24px; }

.icon-road { background-position: -72px -24px; }

.icon-download-alt { background-position: -96px -24px; }

.icon-download { background-position: -120px -24px; }

.icon-upload { background-position: -144px -24px; }

.icon-inbox { background-position: -168px -24px; }

.icon-play-circle { background-position: -192px -24px; }

.icon-repeat { background-position: -216px -24px; }

.icon-refresh { background-position: -240px -24px; }

.icon-list-alt { background-position: -264px -24px; }

.icon-lock { background-position: -287px -24px; }

.icon-flag { background-position: -312px -24px; }

.icon-headphones { background-position: -336px -24px; }

.icon-volume-off { background-position: -360px -24px; }

.icon-volume-down { background-position: -384px -24px; }

.icon-volume-up { background-position: -408px -24px; }

.icon-qrcode { background-position: -432px -24px; }

.icon-barcode { background-position: -456px -24px; }

.icon-tag { background-position: 0 -48px; }

.icon-tags { background-position: -25px -48px; }

.icon-book { background-position: -48px -48px; }

.icon-bookmark { background-position: -72px -48px; }

.icon-print { background-position: -96px -48px; }

.icon-camera { background-position: -120px -48px; }

.icon-font { background-position: -144px -48px; }

.icon-bold { background-position: -167px -48px; }

.icon-italic { background-position: -192px -48px; }

.icon-text-height { background-position: -216px -48px; }

.icon-text-width { background-position: -240px -48px; }

.icon-align-left { background-position: -264px -48px; }

.icon-align-center { background-position: -288px -48px; }

.icon-align-right { background-position: -312px -48px; }

.icon-align-justify { background-position: -336px -48px; }

.icon-list { background-position: -360px -48px; }

.icon-indent-left { background-position: -384px -48px; }

.icon-indent-right { background-position: -408px -48px; }

.icon-facetime-video { background-position: -432px -48px; }

.icon-picture { background-position: -456px -48px; }

.icon-pencil { background-position: 0 -72px; }

.icon-map-marker { background-position: -24px -72px; }

.icon-adjust { background-position: -48px -72px; }

.icon-tint { background-position: -72px -72px; }

.icon-edit { background-position: -96px -72px; }

.icon-share { background-position: -120px -72px; }

.icon-check { background-position: -144px -72px; }

.icon-move { background-position: -168px -72px; }

.icon-step-backward { background-position: -192px -72px; }

.icon-fast-backward { background-position: -216px -72px; }

.icon-backward { background-position: -240px -72px; }

.icon-play { background-position: -264px -72px; }

.icon-pause { background-position: -288px -72px; }

.icon-stop { background-position: -312px -72px; }

.icon-forward { background-position: -336px -72px; }

.icon-fast-forward { background-position: -360px -72px; }

.icon-step-forward { background-position: -384px -72px; }

.icon-eject { background-position: -408px -72px; }

.icon-chevron-left { background-position: -432px -72px; }

.icon-chevron-right { background-position: -456px -72px; }

.icon-plus-sign { background-position: 0 -96px; }

.icon-minus-sign { background-position: -24px -96px; }

.icon-remove-sign { background-position: -48px -96px; }

.icon-ok-sign { background-position: -72px -96px; }

.icon-question-sign { background-position: -96px -96px; }

.icon-info-sign { background-position: -120px -96px; }

.icon-screenshot { background-position: -144px -96px; }

.icon-remove-circle { background-position: -168px -96px; }

.icon-ok-circle { background-position: -192px -96px; }

.icon-ban-circle { background-position: -216px -96px; }

.icon-arrow-left { background-position: -240px -96px; }

.icon-arrow-right { background-position: -264px -96px; }

.icon-arrow-up { background-position: -289px -96px; }

.icon-arrow-down { background-position: -312px -96px; }

.icon-share-alt { background-position: -336px -96px; }

.icon-resize-full { background-position: -360px -96px; }

.icon-resize-small { background-position: -384px -96px; }

.icon-plus { background-position: -408px -96px; }

.icon-minus { background-position: -433px -96px; }

.icon-asterisk { background-position: -456px -96px; }

.icon-exclamation-sign { background-position: 0 -120px; }

.icon-gift { background-position: -24px -120px; }

.icon-leaf { background-position: -48px -120px; }

.icon-fire { background-position: -72px -120px; }

.icon-eye-open { background-position: -96px -120px; }

.icon-eye-close { background-position: -120px -120px; }

.icon-warning-sign { background-position: -144px -120px; }

.icon-plane { background-position: -168px -120px; }

.icon-calendar { background-position: -192px -120px; }

.icon-random { background-position: -216px -120px; width: 16px; }

.icon-comment { background-position: -240px -120px; }

.icon-magnet { background-position: -264px -120px; }

.icon-chevron-up { background-position: -288px -120px; }

.icon-chevron-down { background-position: -313px -119px; }

.icon-retweet { background-position: -336px -120px; }

.icon-shopping-cart { background-position: -360px -120px; }

.icon-folder-close { background-position: -384px -120px; width: 16px; }

.icon-folder-open { background-position: -408px -120px; width: 16px; }

.icon-resize-vertical { background-position: -432px -119px; }

.icon-resize-horizontal { background-position: -456px -118px; }

.icon-hdd { background-position: 0 -144px; }

.icon-bullhorn { background-position: -24px -144px; }

.icon-bell { background-position: -48px -144px; }

.icon-certificate { background-position: -72px -144px; }

.icon-thumbs-up { background-position: -96px -144px; }

.icon-thumbs-down { background-position: -120px -144px; }

.icon-hand-right { background-position: -144px -144px; }

.icon-hand-left { background-position: -168px -144px; }

.icon-hand-up { background-position: -192px -144px; }

.icon-hand-down { background-position: -216px -144px; }

.icon-circle-arrow-right { background-position: -240px -144px; }

.icon-circle-arrow-left { background-position: -264px -144px; }

.icon-circle-arrow-up { background-position: -288px -144px; }

.icon-circle-arrow-down { background-position: -312px -144px; }

.icon-globe { background-position: -336px -144px; }

.icon-wrench { background-position: -360px -144px; }

.icon-tasks { background-position: -384px -144px; }

.icon-filter { background-position: -408px -144px; }

.icon-briefcase { background-position: -432px -144px; }

.icon-fullscreen { background-position: -456px -144px; }

#nav { display: block; margin: 0 auto; overflow: hidden; position: relative; text-align: center; margin: 10px 0 20px; }

#nav a { margin: 10px; border-radius: 10px; background: #ddd; box-shadow: inset #aaa 1px 2px 3px; display: inline-block; width: 20px; height: 20px; text-indent: -50px; overflow: hidden; }

#nav .activeSlide { background: #57999f; box-shadow: inset #387175 1px 2px 3px; }

.hero { position: relative; z-index: 10; padding-bottom: 20px; }

.hero .hero-content, .hero .hero-branding { position: relative; }

.hero .hero-image { position: absolute; top: -5px; z-index: 0; width: 100%; }

.hero .hero-image { z-index: 0; }

.hero .hero-logo { max-width: 515px; min-width: 320px; padding-top: 25px; width: 100%; height: auto; z-index: 10; position: relative; }

.hero h1 { line-height: 30px; margin-top: 55px; font-size: 24px; }

.hero h1 + .leader, .hero .h1 + .leader { margin: -15px 0 10px; font-size: 16px; line-height: 24px; }

.hero-text { border-bottom: 0 none; margin-bottom: 0; padding-bottom: 20px; }

.callout { background: none repeat scroll 0 0 #F7F7E0; border: 1px solid #E0D8CA; border-radius: 1px 1px 1px 1px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); padding: 15px 15px 5px; text-shadow: 0 1px 0 white; }

.single .wp-caption { color: #767676; float: right; font-size: 14px; line-height: 20px; margin: 0 0 5px 20px; max-width: 40%; }

.single .wp-caption img { margin: 0 0 5px; width: 100%; max-width: 100%; height: auto; }

@media only screen and (max-width: 600px), only screen and (min-width: 901px) and (max-width: 960px) { .single .wp-caption { float: none; margin: 0 0 20px; max-width: none; } }

/* WP-Paginate - WordPress Pagination Function Revision: $Id: wp-paginate.css 286636 2010-09-08 00:11:23Z emartin24 $ Copyright (c) 2010 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/ */
.wp-paginate { padding: 5px 0; margin: 0; overflow: hidden; clear: both; }

.wp-paginate li { display: inline; list-style: none; font-weight: 700; }

.wp-paginate a { background: none repeat scroll 0 0 #eee; color: #676767; text-decoration: none; padding: 3px 6px; margin-right: 4px; min-width: 16px; font-weight: 700; text-align: center; display: inline-block; border-radius: 3px; border: 0 none; }

.wp-paginate .title { color: #767676; margin-right: 4px; }

.wp-paginate .gap { color: #767676; margin-right: 4px; }

.wp-paginate a:hover, .wp-paginate a:active, .wp-paginate .current { background: #00a996; padding: 3px 6px; margin-right: 4px; min-width: 16px; font-weight: 700; display: inline-block; text-align: center; border-radius: 3px; border: 0 none; color: #fff; }

/* style overrides for comments pagination */
.nav-in-page-container { border-bottom: 1px solid #CCCCCC; }

.nav-in-page-container ul { margin: 0; padding: 0; }

.nav-in-page { position: relative; padding: 0; background: #fff; margin: 0; overflow: hidden; }

.nav-in-page.sticky { position: fixed; top: 0; z-index: 5000; border-bottom: 0 none; margin: 0 -20px; padding: 10px 20px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }

[data-overlay="open"] .nav-in-page.sticky { z-index: 500; }

.nav-in-page .nav-in-page-secondary { float: right; }

.nav-in-page .nav-in-page-main { float: left; }

.nav-in-page li { display: inline-block; list-style: none outside none; float: left; padding: 6px 0 2px; }

.nav-in-page.sticky li { padding: 0; }

.nav-in-page-main .nav-link { font-weight: 400; line-height: 30px; margin: 0 14px 0 0; text-decoration: none; background-image: none; }

.nav-in-page-main .nav-link:hover { background-image: linear-gradient(rgba(0, 169, 150, 0.5), rgba(0, 169, 150, 0.5)); background-size: 100% 2px; }

.nav-in-page-main .nav-link:focus { outline-color: #666; }

.nav-link-pdf { margin: 0 3px 0 0; float: left !important; background-image: none; }

.nav-link-pdf:hover { background-image: none; }

.nav-in-page .nav-link.pricing { font-weight: 700; color: #666; display: inline-block; padding: 0 7px; background-color: #fefefe; background-image: url(../../images/graphics/button-grad-dark-18.png); border: 1px solid; border-top-color: #e5e4e4; border-left-color: #e5e4e4; border-right-color: #d0d0d0; border-bottom-color: #bcbcbc; font-size: 15px; line-height: 30px; box-shadow: 0 1px 2px rgba(255, 255, 255, 0.2) inset; text-shadow: 0 1px 0 #fff; }

.nav-in-page li:first-child .nav-link { border-radius: 5px 0 0 5px; border-left-color: #d0d0d0; }

.nav-in-page .hidden { display: none; }

.nav-in-page.sticky .nav-link-selected, .nav-in-page .nav-link:hover { color: #000; background-image: linear-gradient(#00a996, #00a996); background-size: 100% 2px; }

.nav-link-pdf, .nav-link-pdf:visited { font-weight: 700; color: #666; border-radius: 5px; display: inline-block; padding: 1px 7px 0 28px; border: 1px solid #767676; border-bottom: 2px solid #666; font-size: 15px; line-height: 30px; text-shadow: 0 1px 0 #fff; position: relative; min-height: 30px; }

.nav-link-pdf:hover, .nav-link-pdf:visited:hover { text-decoration: none; border-color: #aaa; }

.nav-link-pdf span, .nav-link-pdf:visited span { padding-left: 3px; }

.nav-link-pdf .btn-img, .nav-link-pdf:visited .btn-img { position: absolute; top: 7px; left: 9px; }

.nav-in-page .nav-link.pricing { color: white; border-color: #188500; background: #188500; border-bottom: 2px solid #0a3900; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 1px 2px rgba(255, 255, 255, 0.2) inset; text-shadow: 0 -1px 0 #115c00; }

.nav-in-page .nav-link.pricing:hover { background-color: #1d9f00; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 1px 2px rgba(255, 255, 255, 0.2) inset; text-shadow: 0 1px 0 #1d9f00; }

@media only screen and (max-width: 700px) { .nav-in-page .nav-link { padding: 0 5px; font-size: 14px; } }

.size-only-full-and-up, .size-only-lower-than-l { display: none; }

.nav-in-page .size-only-s { display: none; }

@media only screen and (max-width: 1110px) { .size-only-l-and-up { display: none; }
  .size-only-lower-than-l { display: block; }
  .nav-in-page .nav-link { font-size: 15px; padding-right: 10px; } }

@media only screen and (max-width: 1120px) { .nav-in-page.sticky .nav-in-page-cta { float: none; clear: both; padding-top: 5px; } }

@media (min-width: 1240px) { .size-only-full-and-up { display: inline-block; } }

@media only screen and (max-width: 970px) { .nav-in-page .nav-in-page-cta { float: none; clear: both; padding-bottom: 5px; }
  .size-only-m-and-up { display: none; } }

@media only screen and (max-width: 700px) { .nav-in-page-main ul { display: none; }
  .nav-in-page-main .nav-sub-trigger { display: inline-block; float: left; font-size: 40px; line-height: 28px; padding-right: 65px; cursor: pointer; background: #fff; }
  .nav-in-page-container { padding-top: 5px; padding-bottom: 5px; margin-top: 5px; border-top: 1px solid #CCCCCC; }
  #bd .nav-in-page-container-active { position: fixed !important; width: 100%; top: 0; left: 0; right: 0; padding: 0; margin-top: 0; z-index: 9999; }
  #bd .nav-in-page-container-active .nav-in-page { padding: 10px; }
  #bd .nav-in-page-container-active .nav-in-page.sticky { margin: 0 !important; padding: 10px; top: 0px; height: auto; overflow: visible; }
  #bd .nav-in-page-container-active .nav-in-page.sticky li a { font-size: 16px; font-weight: 700; }
  #bd .nav-in-page-container-active .nav-in-page.sticky li:last-child .nav-link { border-radius: 0; }
  #bd .nav-in-page-container-active .nav-in-page-main ul { position: fixed; z-index: 9999; top: 52px; background: #eee; display: block; float: none; width: 100%; left: 0; right: 0; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.7); }
  #bd .nav-in-page-container-active .nav-in-page-main ul li { float: none; display: block; clear: both; padding: 0; }
  #bd .nav-in-page-container-active .nav-in-page-main ul a { background: transparent; border-left: 0 none !important; border-right: 0 none !important; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #fff; color: #767676; display: block; padding: 7px 10px; font-size: 16px; font-weight: 700; }
  #bd .nav-in-page-container-active .nav-in-page-main ul a.nav-link-selected, #bd .nav-in-page-container-active .nav-in-page-main ul a:hover { color: #111; text-shadow: 0 0 0 transparent; text-decoration: none; }
  #bd .nav-in-page-container-active .section-header { color: #fff; background: #c19986; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; padding: 0 10px !important; margin: 0; } }

@media only screen and (max-width: 700px) { .nav-in-page-main .nav-sub-trigger { padding-right: 10px; } }

.hoverable-caption { display: block; position: relative; line-height: 0; overflow: hidden; background-color: #000; }

.hoverable-caption .hoverable-caption--text { position: absolute; z-index: 20; top: -40px; left: 0; right: 0; display: block; width: 95%; padding: 0 2.5%; text-align: center; transition: all 0.6s ease-out; color: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; line-height: 1.2; }

.hoverable-caption--text--large { font-weight: 700; text-transform: uppercase; font-size: 21px; }

.hoverable-caption .hoverable-caption--mask { background: transparent; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all 0.4s ease-out; }

.hoverable-caption:hover .hoverable-caption--mask { background: #000; background: rgba(0, 0, 0, 0.8); }

.hoverable-caption br { display: none; }

.hoverable-caption:hover .hoverable-caption--text { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; top: 42%; }

#overlay { overflow: hidden; transform: translateY(30px); position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto auto; transition: all 0.3s ease-out; z-index: 99999; }

#overlay.is-active { opacity: 1; }

#overlay__mask { position: fixed; z-index: 9999; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); }

#overlay__navbar, #overlay__mask { transition: all 0.6s ease; opacity: 1; }

[data-overlay="true"] #overlay__navbar, [data-overlay="true"] #overlay__mask { transition: all 0.6s ease; opacity: 1; }

#overlay__navbar { position: fixed; height: 60px; top: 0; left: 0; right: 0; z-index: 99999; background: #222; }

#overlay__content { position: relative; width: 100%; height: 0; }

#overlay-iframe { position: absolute; width: 100%; height: 100%; border: 0; top: 0; right: 0; bottom: 0; left: 0; }

@keyframes pulse { 0% { background-color: #000; }
  30% { background-color: #da4619; }
  65% { background-color: #ff3b00; }
  100% { background-color: #333; } }

#overlay__close { position: absolute; top: 0; right: 0; display: block; width: 60px; height: 60px; line-height: 61px; text-align: center; background: black; color: white; transform: rotate(0deg); transition: transform 0.6s ease-out 0s; text-decoration: none; }

#overlay__close.highlight, #overlay__close:hover, #overlay__close:focus { background: #ff3b00 !important; }

#overlay__close #overlay__close-icon { font-size: 48px; font-weight: normal; }

.is-active #overlay__close { animation: pulse 3.5s forwards; }

.is-activated #overlay__close { transform: rotate(-360deg); }

.is-active #overlay__close:hover { transition-delay: 0s; background: #da4619; }

/*

  TODO - Find and Replace/Generalise demostyles

======================================================*/
/*

  Overlay specific settings

======================================================*/
/* demostyles */
.overlay__container, .overlay__container * { box-sizing: border-box; }

body[data-overlay="open"] { overflow-y: hidden; background: url(/wp-content/themes/charanga_2013/backgrounds/kids1.jpg) #ADE6E0 right 17px top fixed no-repeat; background-size: auto 100%; }

.overlay { transform: translateZ(0); background: rgba(0, 0, 0, 0.8); opacity: 0; display: none; }

.overlay__container { position: relative; overflow: hidden; /* demostyles */ width: 235px; height: 100px; }

.overlay__trigger { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; transition: opacity 0.1s 0.5s; z-index: 1; /* demostyles */ display: block; padding: 0; color: #fff !important; text-transform: capitalize; background-image: none; }

.overlay__trigger:hover, .overlay__trigger:focus { background-image: none; background: url("https://charanga.com/wp-content/themes/charanga_2013/images/graphics/login.png") 0 0 no-repeat transparent; background-position: 0 -100px; }

.overlay__trigger:hover img, .overlay__trigger:focus img { visibility: hidden; }

.no-js .overlay { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; z-index: 99999; }

.no-js .overlay__container:target .overlay { position: fixed; display: block; opacity: 1 !important; }

body[data-overlay] .overlay { display: block; position: fixed; opacity: 0; overflow: hidden; background: rgba(0, 0, 0, 0.85); transition: opacity   0.15s 0.3s,  width     0.3s 0.1s,  height    0.3s 0.1s,  top       0.3s 0.1s,  left      0.3s 0.1s; /* demostyles */ height: 100px; width: 235px; }

body[data-overlay] .overlay__container.open .overlay { transition: width   0.3s 0.1s,  height  0.3s 0.1s,  top     0.3s 0.1s,  left    0.3s 0.1s; z-index: 1900; opacity: 1; pointer-events: auto; /*???*/ top: 0 !important; left: 0 !important; width: 100%; height: 100%; }

.overlay__navbar { width: 100%; height: 60px; background: #333; position: relative; overflow: hidden; }

.overlay__title { color: #fff; padding-left: 24px; }

@keyframes pulse { 0% { opacity: 0;
    background-color: #da4619;
    transform: scale(0.1) rotate(0deg); }
  50% { background-color: #da4619; }
  75% { background-color: #ff3b00;
    transform: scale(1.2); }
  100% { background-color: #da4619;
    transform: scale(1) rotate(-360deg);
    opacity: 1; } }

.overlay__close { opacity: 0; position: absolute; top: 0; right: 0; display: block; width: 60px; height: 60px; background: #da4619; color: #fff; line-height: 60px; font-size: 60px; font-family: Arial, sans-serif; text-align: center; text-decoration: none; transition: transform 0.6s ease-out, font-size 0.1s ease-out; overflow: hidden; transform: translateZ(0); }

.overlay__container.open .overlay__close, .overlay__container:target .overlay__close { animation: pulse 0.3s ease-in-out 1s 1 normal forwards; }

.overlay__close:hover { transform: translateZ(0); transition: font-size 0.2s; text-decoration: none; color: #fff; font-size: 72px; line-height: 60px; }

.overlay__navbar .overlay__close, .overlay__navbar .overlay__close:visited, .overlay__navbar .overlay__close:hover, .overlay__navbar .overlay__close:active { color: #fff; }

.overlay__content-wrapper { height: calc(100vh - 60px); /* same as parent */ overflow: hidden; position: relative; }

@keyframes scaleAndFade { 0% { opacity: 0.5;
    transform: scale(0.9) translate3d(0, 0, 0);
    overflow: hidden; }
  70% { transform: scale(1.03); }
  85% { opacity: 1; }
  99% { transform: scale(1);
    overflow: hidden; }
  100% { opacity: 1;
    overflow-x: hidden;
    overflow-y: auto; } }

.overlay__content { opacity: 0; transition: all 0.5s ease-out; overflow: hidden; margin: 0 auto; height: 100%; padding-bottom: 60px; }

.overlay__container.open .overlay__content, .overlay__container:target .overlay__content { animation: scaleAndFade 0.35s ease-in-out 0.5s 1 normal; animation-fill-mode: forwards; }

/*

  Content specific:
  LOGIN BOXES

======================================================*/
.overlay__container .login-wrapper { max-width: 940px; }

.overlay__container .gutters { padding-left: 8px; padding-right: 8px; }

.overlay__container .gu1of3--over-m { max-width: 320px; margin: 20px auto; }

.overlay__container .gu1of2--over-m { max-width: 470px; margin: 20px auto; }

@media screen and (min-width: 900px) { .overlay__container .login-wrapper { align-items: center; }
  .overlay__container .gu1of3--over-m { float: left; width: 33.33%; display: flex; }
  .overlay__container .gu1of2--over-m { float: left; display: flex; } }

@media screen and (max-width: 900px) { .overlay__container .login-wrapper { padding-bottom: 80px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } }

.overlay__container .card--login { background: #fff; border-radius: 10px; font-size: 14px; box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.1); width: 100%; }

.overlay__container .card--login__header { padding: 8px 16px; }

.overlay__container .card--login__body, .overlay__container .card--login__footer { padding: 16px; }

.overlay__container .card--login__header, .overlay__container .card--login__body { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.overlay__container .card--login__heading { font-size: 18px; margin-bottom: 20px; margin-top: 4px; line-height: 1; }

.overlay__container .card--login__header img { max-width: 100%; height: auto; }

.overlay__container .card--login__body { overflow: hidden; height: 240px; }

.overlay__container .card--login__footer { font-size: 14px; min-height: 78px; font-weight: 700; }

.overlay__container .card--login__footer a { text-decoration: none; color: #167fac; }

.overlay__container .card--login__footer p { margin: 0; font-size: 14px; }

.overlay__container .card--login__footer a:hover { text-decoration: underline; color: #e05b28; }

.overlay__container .card--login textarea, .overlay__container .card--login input[type="text"], .overlay__container .card--login input[type="password"], .overlay__container .card--login input[type="datetime"], .overlay__container .card--login input[type="datetime-local"], .overlay__container .card--login input[type="date"], .overlay__container .card--login input[type="month"], .overlay__container .card--login input[type="time"], .overlay__container .card--login input[type="week"], .overlay__container .card--login input[type="number"], .overlay__container .card--login input[type="email"], .overlay__container .card--login input[type="url"], .overlay__container .card--login input[type="search"], .overlay__container .card--login input[type="tel"], .overlay__container .card--login input[type="color"], .overlay__container .card--login .uneditable-input { background-color: #fff; border: 1px solid #888; box-shadow: none; border-radius: 4px 4px 4px 4px; color: #555; display: inline-block; height: 20px; line-height: 20px; margin-bottom: 10px; padding: 4px 6px; vertical-align: middle; font-size: 14px; -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; box-sizing: content-box; }

.overlay__container .card--login label { font-size: 14px; line-height: 1.25; display: block; margin-bottom: 5px; font-weight: 700; }

.overlay__container .card--login .btn, .overlay__container .card--login .btn:visited { padding: 5px 15px; display: -moz-inline-stack; display: inline-block; zoom: 1; cursor: pointer; border-radius: 4px; font-size: 16px; text-decoration: none; font-weight: 700; line-height: 21px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.2); background: #00A390; border: 0 none; color: #fff; text-shadow: 0 -1px 0 #008F7E; }

.overlay__container .card--login .mv1 { margin-top: 8px; margin-bottom: 8px; }

.overlay__container .card--login .mt1 { margin-top: 8px; }

.overlay__container .card--login .pt1 { padding-top: 8px; }

.overlay__container .only-on-mobile { display: none; }

@media screen and (max-width: 900px) and (max-height: 580px) { .overlay__container .only-on-mobile { display: block; }
  .overlay__container .card--login__body, .overlay__container .card--login__footer { transition: all 0.2s ease-in-out 2s; }
  .overlay__container .card--login__body h2, .overlay__container .card--login__body form, .overlay__container .card--login__body iframe, .overlay__container .card--login__body p, .overlay__container .card--login__footer h2, .overlay__container .card--login__footer form, .overlay__container .card--login__footer iframe, .overlay__container .card--login__footer p { top: 0px; }
  .overlay__container .card--login__body { height: 240px !important; padding: 16px; }
  .overlay__container .card--login__footer { height: 80px !important; padding: 16px; }
  .overlay__container body[data-overlay="open"] .js-card--collapsed-on-mobile .card--login__body, .overlay__container body[data-overlay="open"] .js-card--collapsed-on-mobile .card--login__footer { overflow: hidden; transition: all 0.2s ease-in-out 0s; min-height: 0; height: 0 !important; overflow: hidden; padding-top: 0; padding-bottom: 0; }
  .overlay__container body[data-overlay="open"] .js-card--collapsed-on-mobile .card--login__body h2, .overlay__container body[data-overlay="open"] .js-card--collapsed-on-mobile .card--login__body form, .overlay__container body[data-overlay="open"] .js-card--collapsed-on-mobile .card--login__body iframe, .overlay__container body[data-overlay="open"] .js-card--collapsed-on-mobile .card--login__body p, .overlay__container body[data-overlay="open"] .js-card--collapsed-on-mobile .card--login__footer h2, .overlay__container body[data-overlay="open"] .js-card--collapsed-on-mobile .card--login__footer form, .overlay__container body[data-overlay="open"] .js-card--collapsed-on-mobile .card--login__footer iframe, .overlay__container body[data-overlay="open"] .js-card--collapsed-on-mobile .card--login__footer p { position: relative; top: -300px; transition: all 0.1s ease-in-out; }
  .overlay__container body[data-overlay="open"] .js-card--collapsed-on-mobile.js-card--collapsed .card--login__body { height: 240px !important; padding: 16px; }
  .overlay__container body[data-overlay="open"] .js-card--collapsed-on-mobile.js-card--collapsed .card--login__footer { height: 80px !important; padding: 16px; }
  .overlay__container body[data-overlay="open"] .js-card--collapsed-on-mobile.js-card--collapsed h2, .overlay__container body[data-overlay="open"] .js-card--collapsed-on-mobile.js-card--collapsed form, .overlay__container body[data-overlay="open"] .js-card--collapsed-on-mobile.js-card--collapsed iframe, .overlay__container body[data-overlay="open"] .js-card--collapsed-on-mobile.js-card--collapsed p { top: 0px; } }

/*

  Site specific

======================================================*/
[data-overlay="open"] .nav-main-container { display: block !important; }

.l--size-only-s { display: none; }

@media (max-width: 600px) { .l--size-only-s { display: block; }
  .l--size-only-s.inline { display: inline; }
  .l--size-only-s.inline-block { display: inline-block; } }

.mobile-links a { color: #333; }

#bd .main { position: relative; }

#content { min-height: 100vh; }

#ft { clear: both; margin: 20px 0 0; padding: 20px 0 0; }

#ft a, #ft p { color: #666; }

@media only screen and (max-width: 900px) { #ft { position: static; } }

#hd { z-index: 999; }

.site-non-partner .menu-in-viewport #hd { position: fixed; }

#login-button, #ie7-login-button { color: #FFFFFF; font-size: 16px; font-weight: 700; line-height: 1; padding: 0.25em 0; text-transform: uppercase; }

#login-button img, #ie7-login-button img { float: left; margin-right: 10px; background: #fff; }

#login-button:hover, #ie7-login-button:hover { color: #00a996; text-decoration: none; }

#login-button:hover img, #ie7-login-button:hover img { background: #00a996; }

.menu-item a { color: #fff; text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 1; padding: .25em 0; }

body.musical-school-pricing .product-cms a, body.home #menu-home a, body.musical-school #menu-cms a, body.music-coach #menu-cmc a, body.music-world-professional #menu-cmwp a, body.music-world #menu-cmw a, body.contact-us #menu-contact a, body.musical-school .product-cms a, body.music-coach .product-cmc a, body.music-world-professional .product-cmwp a, body.music-world .product-cmw a, body.date .menu-news a, body.category .menu-news a, body.single-post .menu-news a, #hd .current-menu-parent > a, #hd .current-menu-item > a, #hd .menu-item a:hover { color: #00aca1; }

body.musical-school-pricing .product-cms a .info, body.home #menu-home a .info, body.musical-school #menu-cms a .info, body.music-coach #menu-cmc a .info, body.music-world-professional #menu-cmwp a .info, body.music-world #menu-cmw a .info, body.contact-us #menu-contact a .info, body.musical-school .product-cms a .info, body.music-coach .product-cmc a .info, body.music-world-professional .product-cmwp a .info, body.music-world .product-cmw a .info, body.date .menu-news a .info, body.category .menu-news a .info, body.single-post .menu-news a .info, #hd .current-menu-parent > a .info, #hd .current-menu-item > a .info, #hd .menu-item a:hover .info { color: #fff; }

.menu-item .link-info { display: block; color: #aaa; font-size: 16px; text-transform: none; line-height: 1; margin: 0 0 5px; font-weight: normal; }

.sub-menu-parent > a:after { content: "\0020\002B"; color: #888; font-weight: 700; }

.sub-menu { display: none; margin-bottom: 0; }

.sub-menu li { color: #fff; border: 0 none; }

.no-js li:hover .sub-menu { display: block; }

.u1of2, .u1of3, .u2of3, .u1of4, .u3of4, .u1of5, .u2of5, .u3of5, .u4of5, .u1of6, .u5of6, .u1of7, .u2of7, .u3of7, .u4of7, .u5of7, .u6of7, .u1of8, .u3of8, .u5of8, .gu1of2, .gu1of3, .gu2of3, .gu1of4, .gu3of4, .gu1of5, .gu2of5, .gu3of5, .gu4of5, .gu1of6, .gu5of6, .gu1of7, .gu2of7, .gu3of7, .gu4of7, .gu5of7, .gu6of7, .gu1of8, .gu3of8, .gu5of8, .phi-main, .phi-rest { float: left; }

.gutter-left { margin-left: 15px; }

.gutter-right { margin-right: 15px; }

.u1of1 { float: none; margin-left: 15px; margin-right: 15px; }

.u1of2 { width: 50%; }

.u1of3 { width: 33.3333333333%; }

.u2of3 { width: 66.6666666667%; }

.u1of4 { width: 25%; }

.u3of4 { width: 75%; }

.u1of5 { width: 20%; }

.u2of5 { width: 40%; }

.u3of5 { width: 60%; }

.u4of5 { width: 80%; }

.u1of6 { width: 16.6666666667%; }

.u5of6 { width: 83.3333333333%; }

.u1of7 { width: 14.2857142857%; }

.u2of7 { width: 28.5714285714%; }

.u3of7 { width: 42.8571428571%; }

.u4of7 { width: 57.1428571429%; }

.u5of7 { width: 71.4285714286%; }

.u6of7 { width: 85.7142857143%; }

.u1of8 { width: 12.5%; }

.u3of8 { width: 37.5%; }

.u5of8 { width: 62.5%; }

.gu1of2 { width: 48.4%; margin-left: 3.2%; }

.gu1of3 { width: 30.1%; margin-left: 3.2%; }

.gu2of3 { width: 63.4%; margin-left: 3.2%; }

.gu1of4 { width: 22.6%; margin-left: 3.2%; }

.gu3of4 { width: 72.8%; margin-left: 3.2%; }

.gu1of5 { width: 17%; margin-left: 3%; }

.gu2of5 { width: 37%; margin-left: 3%; }

.gu3of5 { width: 57%; margin-left: 3%; }

.gu4of5 { width: 77%; margin-left: 3%; }

.gu1of6 { width: 13.46667%; margin-left: 3.2%; }

.gu5of6 { width: 80.13333%; margin-left: 3.2%; }

.gu1of7 { width: 11.38571%; margin-left: 2.9%; }

.gu2of7 { width: 25.67143%; margin-left: 2.9%; }

.gu3of7 { width: 39.95714%; margin-left: 2.9%; }

.gu4of7 { width: 54.24286%; margin-left: 2.9%; }

.gu5of7 { width: 68.52857%; margin-left: 2.9%; }

.gu6of7 { width: 82.81429%; margin-left: 2.9%; }

.gu1of8 { width: 9.3%; margin-left: 3.2%; }

.gu3of8 { width: 34.3%; margin-left: 3.2%; }

.gu5of8 { width: 59.3%; margin-left: 3.2%; }

.gu1of2:first-child, .gu1of3:first-child, .gu2of3:first-child, .gu1of4:first-child, .gu3of4:first-child, .gu1of5:first-child, .gu2of5:first-child, .gu3of5:first-child, .gu4of5:first-child, .gu1of6:first-child, .gu5of6:first-child, .gu1of7:first-child, .gu2of7:first-child, .gu3of7:first-child, .gu4of7:first-child, .gu5of7:first-child, .gu6of7:first-child, .gu1of8:first-child, .gu3of8:first-child, .gu5of8:first-child { margin-left: 0; }

.phi-main { width: 61.803%; }

.phi-rest { width: 38.196%; }

.first-half, .second-half { width: 48%; margin-right: 4%; float: left; }

.first-half { margin-right: 0; }

body { background: #e2dfd6 top right fixed no-repeat; background-size: auto 100%; }

#hd { top: 0; left: 0; width: 290px; bottom: 0; position: absolute; }

.nav-main-container { display: block; margin-left: 15px; }

.nav-main-trigger { display: none; }

.nav-main .menu-item { margin-top: 7px; padding-left: 0; min-height: 20px; }

.nav-main .menu-item a { display: block; padding: 0; }

body.home #menu-home, body.musical-school #menu-cms, body.music-coach #menu-cmc, body.music-world-professional #menu-cmwp, body.music-world #menu-cmw, body.contact-us #menu-contact, body.music-coach .product-cmc, .nav-main .current-menu-item, .current-page-ancestor a, .current-menu-ancestor a { background: url("../../images/graphics/pointer.png") right top no-repeat; }

.nav-main .divider { margin-top: 21px; }

#logo img { display: block; margin: 30px auto; position: relative; width: 120px; }

#bd { border-left: 290px solid #232525; }

#bd .main { max-width: 900px; padding: 20px; background: #fff; }

.heading-main { padding: 26px 0; }

.gutter-large-r { padding-right: 30px; margin-right: 30px; }

.gutter-large-l { padding-left: 30px; margin-left: 30px; }

.fieldWithErrors { padding: 0; border: 0 none; }

.fieldWithErrors input[type=text] { margin-bottom: 0; background: url(/images/field-with-errors--text.png) top right no-repeat #ffffff; border: solid #eed3d7 3px; }

.fieldWithErrors .error-message { display: block; }

.info-small { line-height: 18px; color: #767676; font-size: 14px; max-width: 400px; margin-bottom: 5px; }

.main-title { padding: 56px 0 24px; }

@media only screen and (max-width: 900px) { .main-title { padding: 0; } }

.ac_loading { background-position: 98.5% center; }

.site-partner #bd .main { padding-top: 10px; }

.site-partner .nav-main .menu-item { margin-top: 10px; }

.site-partner #charanga-link { margin-top: 80px; position: fixed; left: -10px; bottom: 15px; width: 300px; height: 70px; }

.site-partner #charanga-link img { height: 70px; width: 81px; border-right: 1px solid #777777; padding-right: 15px; margin: 0 20px; }

.site-partner #charanga-link .charanga-link-text { color: #aaaaaa; line-height: 1.5; font-size: 13px; padding-top: 7px; }

.site-partner #charanga-link .charanga-link-text:hover { color: #fff; }

.site-partner #logo img { height: auto; margin: 0; width: auto; background: #fff; display: none; }

.site-partner .nav-main-container { display: block; position: fixed; top: 150px; width: 275px; }

@media only screen and (max-width: 900px) { #hd { position: relative; right: 0; bottom: auto; height: 60px; width: auto; }
  #hd li.login-button-2015 { display: none; }
  .site-non-partner #hd { position: relative; background: #333336; }
  #music-sales { display: none; }
  #logo { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("../../images/graphics/charanga-logo-horiz-x2.png"); background-origin: padding-box; background-position: 7px 4px; background-repeat: no-repeat; background-size: 100% auto; display: block; float: left; height: 55px; margin-bottom: 0; width: 160px; }
  .site-partner #arts-council-logo, #logo img { display: none; }
  .nav-main-trigger { background: none repeat scroll 0 0 #2A2A2A; border: 1px solid #000000; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.2) inset, 0 0 3px rgba(255, 255, 255, 0.1); color: #CCCCCC; cursor: pointer; display: block; float: right; font-size: 18px; margin: 8px 7px 10px 0; padding: 10px 7px 6px; text-shadow: 0 -1px 1px black; text-transform: uppercase; }
  #login-button { background: transparent !important; border: 0 none; border-top: 1px solid #000; border-radius: 0; box-shadow: 0 0 0 transparent; display: block !important; margin-top: 0; padding: 17px 0 17px 25px !important; text-align: left !important; text-shadow: 0 0 0 transparent; }
  #login-button:hover { color: #00a996; }
  #hd .nav-main { margin-bottom: 0; }
  .menu-item { border-bottom: 1px solid #444444; }
  #hd .nav-main-container { margin: 0; display: none; position: relative; top: 0; width: 100%; }
  #hd .nav-main-container { position: absolute !important; top: 60px !important; left: 0; background: #333336; z-index: 9999; box-shadow: 0 10px 3px rgba(0, 0, 0, 0.7); }
  .conc-active .nav-main-container { display: block; }
  .icon-bar-container { float: right; width: 18px; display: block; padding-left: 10px; }
  .icon-bar { background-color: #ccc; border-radius: 1px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); display: block; height: 2px; width: 18px; margin-top: 3px; }
  .icon-bar:first-child { margin-top: 1px; }
  #hd .conc-active .conc-content { display: block; clear: both; background: #222; }
  .menu-item { border-bottom: 1px solid #333333; border-top: 1px solid #000000; padding: 0; margin: 0; }
  #hd .menu-item { margin: 0; background-image: none !important; min-height: 50px; }
  #hd .menu-item.featured a { padding: 5px 15px; line-height: 21px; }
  #hd .menu-item a { font-size: 16px; font-weight: 700; line-height: 1; margin-bottom: 0; padding: 10px 15px 3px; line-height: 30px; display: block; text-transform: uppercase; vertical-align: middle; }
  #hd .menu-item .has-link-info { line-height: 18px; }
  .nav-main a { border-left: 8px solid transparent; }
  body.home #menu-home, body.musical-school #menu-cms, body.music-coach #menu-cmc, body.music-world-professional #menu-cmwp, body.music-world #menu-cmw, body.contact-us #menu-contact, body.music-coach .product-cmc, .nav-main .current-menu-item { margin-left: 0  !important; }
  body.home #menu-home a, body.musical-school #menu-cms a, body.music-coach #menu-cmc a, body.music-world-professional #menu-cmwp a, body.music-world #menu-cmw a, body.contact-us #menu-contact a, body.music-coach .product-cmc a, .nav-main .current-menu-item a { border-left: 8px solid #00a996; }
  .nav-main .sub-menu-active { border-bottom: 1px solid #000; }
  .nav-main .sub-menu { background: none repeat scroll 0 0 #111111; border-top: 1px solid #000000; box-shadow: 0 1px 6px #000000 inset; }
  .nav-main .sub-menu li { border-bottom: 0 none; border-top: 0 none; list-style: disc inside; margin-left: 15px; }
  .nav-main .sub-menu li a { display: inline-block; line-height: 31px; }
  #bd { border: 0 none; }
  #bd .main { padding: 20px 10px; max-width: 100%; }
  .heading-main { padding: 12px 0; }
  .gutter-large-l, .gutter-large-r { padding-right: 0; margin-right: 0; border-right: 0 none; }
  .site-partner { height: 77px; left: 0; position: relative; right: 0; top: 0; }
  .site-partner #logo { background-image: none; }
  .site-partner #charanga-link { display: none; }
  .site-partner #mast { border-bottom: 0px solid !important; margin-bottom: 10px !important; }
  .site-partner #mast #banner-logo { display: none; }
  .site-partner #mast #login .media { display: none !important; }
  .site-partner #mast #login .media-unit { width: auto !important; padding-top: 0 !important; }
  .site-partner #mast #login .text { text-align: center; }
  .site-partner #mast #login .text br { display: none; }
  .site-partner #mast #login .text .btn { display: inline-block; float: left; }
  #login #login-form { top: 30px; }
  #login #login-form .form-wrapper { float: none; clear: both; } }

@media only screen and (max-width: 600px), only screen and (min-width: 901px) and (max-width: 960px) { body .u1of2, body .u1of3, body .u2of3, body .u1of4, body .u3of4, body .u1of5, body .u2of5, body .u3of5, body .u4of5, body .u1of6, body .u5of6, body .u1of7, body .u2of7, body .u3of7, body .u4of7, body .u5of7, body .u6of7, body .u1of8, body .u3of8, body .u5of8, body .gu1of2, body .gu1of3, body .gu2of3, body .gu1of4, body .gu3of4, body .gu1of5, body .gu2of5, body .gu3of5, body .gu4of5, body .gu1of6, body .gu5of6, body .gu1of7, body .gu2of7, body .gu3of7, body .gu4of7, body .gu5of7, body .gu6of7, body .gu1of8, body .gu3of8, body .gu5of8, body .phi-main, body .phi-rest { float: none; width: auto; clear: both; margin-left: 0; margin-right: 0; }
  body .gutter-left, body .gutter-right { margin-left: 0; margin-right: 0; } }

@media only screen and (max-width: 900px) { body.log-in #login-forms { background: none repeat scroll 0 0 #fff; padding: 10px 20px; width: 220px; }
  body.log-in #login-forms .form-wrapper { width: auto; clear: both; padding: 5px 0 0; }
  body.log-in #login-forms .form-wrapper:first-child { border-bottom: 3px solid #ccc; padding: 0 0 10px; }
  body.log-in #login-forms #pupil_submit, body.log-in #login-forms #teacher_submit { margin-bottom: 20px; }
  body.log-in #login-forms h2 { font-size: 17px; line-height: 18px; padding: 10px 0; margin: 0; }
  body.log-in #login-forms h2 span { font-size: 11px; font-weight: 100; }
  body.log-in #login-forms input { margin-bottom: 4px; }
  body.log-in #login-forms p { padding: 3px 0; margin-bottom: 5px; }
  body.log-in #login-forms form { border: 0 none; padding: 0; margin-bottom: 0; }
  body.log-in #login-forms img { display: none; }
  #bd .main { padding-bottom: 0 !important; } }

@media only screen and (max-width: 1085px) { #ft .right, #ft .left, #ft .u1of2, #ft .u1of3, #ft .u2of3, #ft .u1of4, #ft .u3of4, #ft .u1of5, #ft .u2of5, #ft .u3of5, #ft .u4of5, #ft .u1of6, #ft .u5of6, #ft .u1of7, #ft .u2of7, #ft .u3of7, #ft .u4of7, #ft .u5of7, #ft .u6of7, #ft .u1of8, #ft .u3of8, #ft .u5of8 { float: none; }
  #ft .right { margin-top: 15px; } }

@media only screen and (max-width: 600px) { #arts-council-logo { display: none; }
  #login p { text-align: center; }
  body.home h1 strong { margin-bottom: 30px; }
  .mobile-links a { text-decoration: underline; }
  .site-partner #mast #login .media-unit { float: none !important; margin: 0 auto !important; padding-top: 0 !important; position: relative; width: 292px !important; }
  .site-partner #mast #login .media-unit br { display: none; }
  body .pt0, body .pv0, body .pa0, body .pt5, body .pv5, body .pa5, body .pt10, body .pv10, body .pa10, body .ptl20, body .pv20, body .pa20, body .pr0, body .ph0, body .pa0, body .prs, body .phs, body .pas, body .pr10, body .ph10, body .pa10, body .pr20, body .ph20, body .pa20, body .pb0, body .pv0, body .pa0, body .pb5, body .pv5, body .pa5, body .pb10, body .pv10, body .pa10, body .pb20, body .pv20, body .pa20, body .pl0, body .ph0, body .pa0, body .pl5, body .ph5, body .pa5, body .pl10, body .ph10, body .pa10, body .pll20, body .ph20, body .pa20, body .mt0, body .mv0, body .ma0, body .mt5, body .mv5, body .ma5, body .mt10, body .mv10, body .ma10, body .mt20, body .mv20, body .ma20, body .mr0, body .mh0, body .ma0, body .mr5, body .mh5, body .ma5, body .mr10, body .mh10, body .ma10, body .mr20, body .mh20, body .ma20, body .mb0, body .mv0, body .ma0, body .mb5, body .mv5, body .ma5, body .mb10, body .mv10, body .ma10, body .mb20, body .mv20, body .ma20, body .ml0, body .mh0, body .ma0, body .ml5, body .mh5, body .ma5, body .ml10, body .mh10, body .ma10, body .ml20, body .mh20, body .ma20, body .ml30, body .mh30, body .ma30, body .mt30, body .mv30, body .ma30, body .mr30, body .mh30, body .ma30, body .mb30, body .mv30, body .ma30, body .pl30, body .ph30, body .pa30, body .pt30, body .pv30, body .pa30, body .pr30, body .ph30, body .pa30, body .pb30, body .pv30, body .pa30 { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
  body .right, body .left, body .u1of2, body .u1of3, body .u2of3, body .u1of4, body .u3of4, body .u1of5, body .u2of5, body .u3of5, body .u4of5, body .u1of6, body .u5of6, body .u1of7, body .u2of7, body .u3of7, body .u4of7, body .u5of7, body .u6of7, body .u1of8, body .u3of8, body .u5of8 { float: none; } }

@media only screen and (max-width: 500px) { .hero h1 { margin-top: 25px; }
  body.home h1 strong { padding: 0 10px; } }

body.musical-school .leader, body.music-coach .leader, body.music-world .leader, body.music-world-professional .leader, body.international .leader { font-size: 16px; line-height: 24px; margin: 0 0 10px !important; }

/*

  body.home

**************************************************/
body.home h1 { text-indent: -99em; overflow: hidden; margin-top: 9px; }

body.home .section { border-top: 0 none; clear: both; margin: 0; padding: 0; }

body.home .strapline { color: #28A195; padding: 10px 0; font-size: 21px; line-height: 30px; font-weight: 400; width: 100%; }

@media only screen and (min-width: 1250px) { body.home .strapline { font-size: 30px; line-height: 36px; padding: 20px 0; } }

body.home .featured-programme { padding-top: 40px; margin-bottom: 0; }

@media only screen and (min-width: 1250px) { body.home .featured-programme { padding-top: 90px; } }

@media only screen and (max-width: 960px) { body.home .featured-programme { padding-top: 0; } }

body.home .featured-programme .section-label { margin: -8px 0 0; }

@media only screen and (min-width: 1250px) { body.home .featured-programme .section-label { margin: 0; } }

@media only screen and (max-width: 960px) { body.home .featured-programme .section-label { margin: 0; } }

body.home .featured-programme-logo { width: 230px; }

@media only screen and (min-width: 1250px) { body.home .featured-programme-logo { width: 300px; } }

@media only screen and (max-width: 960px) { body.home .featured-programme-logo { width: 300px; } }

body.home .featured-programme .strapline { font-size: 24px; margin: 0.8em 0 0.4em; padding: 0; }

@media only screen and (min-width: 1250px) { body.home .featured-programme .strapline { font-size: 27px; } }

body.home .featured-programme-description { font-size: 18px; line-height: 1.428571429; margin-bottom: 1.1em; }

@media only screen and (min-width: 1250px) { body.home .featured-programme-description { font-size: 21px; } }

body.home .product-buttons { padding: 20px 0 5px; margin: 0 0 0 -6px; }

body.home .product-buttons a { /*-moz-box-sizing: border-box;*/ border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 -1px 4px rgba(255, 255, 255, 0.2) inset; display: inline-block; float: left; margin-left: 2%; width: 31%; overflow: hidden; }

body.home .product-buttons a:first-child { margin-left: 1%; }

body.home .product-buttons a:hover { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6), 0 -1px 4px rgba(255, 255, 255, 0.2) inset; }

body.home .product-buttons img { margin-bottom: -3px; }

@media only screen and (max-width: 900px) { .site-partner .music-service-content { display: none; }
  .site-partner body.home .music-service-content { display: block; } }

@media only screen and (max-width: 540px) { body.home h1 { font-size: 24px; line-height: 30px; margin: 0 0 8px; }
  body.home h1 br { display: none; }
  body.home h1 strong { line-height: 30px; margin-bottom: 0; }
  body.home h2 { font-size: 21px; } }

@media only screen and (max-width: 340px) { body.home .product-buttons { text-align: center; }
  body.home .product-buttons a { margin: 0 auto 20px !important; width: auto; float: none; } }

/*

  body.musical-school

**************************************************/
body.musical-school #schools-list { height: auto !important; min-height: 40px !important; }

body.musical-school #schools-list p { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 90px 0 95px !important; width: 100% !important; }

@media only screen and (min-width: 1100px) { body.musical-school .h3-respo { font-size: 18px; } }

body.musical-school .benefits img { float: right !important; }

body.musical-school .used-in-schools { text-align: center; }

body.musical-school .used-in-schools-text { margin: 0 120px 0 110px; }

@media (max-width: 600px) { body.musical-school .used-in-schools-text { margin: 0; clear: both; }
  body.musical-school .used-in-schools-award { float: none; margin: -10px auto 15px !important; }
  body.musical-school .used-in-schools-warning { display: none; } }

.site-partner body.musical-school .used-in-schools img { margin: -15px 0 10px; }

/*

  body.music-coach

**************************************************/
/*

  body.music-world

**************************************************/
/*

  body.music-world-professional

**************************************************/
/*

  body.international

**************************************************/
/*

  body.news

**************************************************/
/* body.single */
/*

  body.blog

**************************************************/
/*

  body.testimonials

**************************************************/
/*

  body.contact

**************************************************/
.site-partner { /* Masthead  */ }

.site-partner #masthead { height: 122px; border-bottom: 3px solid #333; background: #fff; position: relative; z-index: 10; overflow: hidden; z-index: 1000; }

.site-partner #masthead .main { height: 122px; padding: 0 20px 0 310px; position: relative; max-width: 900px; }

.site-partner #masthead.is-flexible-masthead .main { height: 100px; max-width: 1200px; padding: 10px 15px; }

.site-partner #masthead.is-flexible-masthead .main img { float: left; max-height: 100px; width: auto; }

.site-partner #partner-logo { position: absolute; display: block; width: 270px; height: 102px; padding: 5px; left: 0; }

.site-partner #partner-logo img { width: auto !important; max-width: 300px !important; height: 110px !important; }

.site-partner #ms-238 #partner-logo img { max-width: 545px !important; }

.site-partner #hd .nav-main-container { position: relative; top: 150px; }

.site-partner #hd .sticky { position: fixed; top: 5px; }

.site-partner #hd .not-sticky { position: relative !important; top: 150px !important; }

.site-partner #login-button { margin-top: 10px; display: block; width: 235px; height: 100px; background: url("../../images/graphics/login.png") 0 0 no-repeat transparent; padding: 0; text-indent: -999px; }

.site-partner #login-button img { display: none; }

.site-partner #login-button:hover { background: url("../../images/graphics/login.png") 0 -100px no-repeat transparent; }

.site-partner #login-button:active { margin-top: 21px; }

.site-partner .hero h1 { margin: 16px 0; }

.site-partner .main-title { padding: 0; }

.site-partner #arts-council-logo { position: static !important; margin: 180px 0 0 15px; left: 0 !important; }

.site-partner .menu-in-viewport #arts-council-logo { position: fixed !important; }

@media only screen and (max-width: 900px) { .site-partner body { border-top: 60px solid #333336; }
  .site-partner #login-button { margin-top: 0px; display: block; width: auto; height: auto; background: transparent; text-indent: 0; }
  .site-partner #login-button img { display: block; }
  .site-partner #login-button:hover { background: transparent; }
  .site-partner #login-button:active { margin-top: 0px; }
  .site-partner .nav-main-trigger, .site-partner #partner-logo { position: absolute; top: -60px; margin: 0; }
  .site-partner #partner-logo { left: 0; padding: 0; margin: 5px 10px; height: auto; width: auto; }
  .site-partner #partner-logo img { display: block; width: auto; height: 51px !important; width: auto; }
  .site-partner #masthead { background: #fff; border-bottom: 0 none; min-height: 0; height: auto; overflow: visible; position: static; z-index: 99; }
  .site-partner #masthead .main { height: auto !important; padding: 0 !important; overflow: visible; position: relative; }
  .site-partner .nav-main-trigger { right: 0; margin: 10px; }
  .site-partner #hd { height: auto; clear: both; position: static; }
  .site-partner #hd .nav-main-container { position: absolute; top: 60px; left: 0; background: #333336; z-index: 9999; box-shadow: 0 10px 3px rgba(0, 0, 0, 0.7); } }

.site-non-partner body { background: #ADE6E0; position: relative; }

@media only screen and (min-width: 901px) { .site-non-partner .nav-main-container { display: block !important; } }

.site-non-partner body.musical-school h1 { margin: 33px 0 12px; }

@media only screen and (max-width: 900px) { .site-non-partner body.musical-school h1 { margin: 8px 0; } }

.site-non-partner #music-sales { bottom: 0px; padding: 20px 15px; width: 190px; position: absolute; }

.site-non-partner #music-sales span { font-size: 11px; position: absolute; top: 13px; color: #bbb; font-family: arial, sans-serif; }

.site-non-partner .menu-in-viewport #music-sales { position: fixed; }

.site-non-partner .login a { margin-top: 15px; display: block; width: 235px; height: 100px; background: url("../../images/graphics/login.png") 0 0 no-repeat transparent; padding: 0; text-indent: -999px; }

.site-non-partner .login a:hover { background: url("../../images/graphics/login.png") 0 -100px no-repeat transparent; }

.site-non-partner .login a:active { margin-top: 16px; margin-bottom: -1px; }

@media only screen and (max-width: 900px) { .site-non-partner .login a { margin-top: 0; display: block; width: auto; height: auto; background: transparent; text-indent: 0; }
  .site-non-partner .login a:hover { background: transparent; }
  .site-non-partner .login a:active { margin-top: 0px; } }

#login-button { display: none; }

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */
/* pswp = photoswipe */
.pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; }

.pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.pswp img { max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open { display: block; }

.pswp--zoom-allowed .pswp__img { /* autoprefixer: off cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in;  */ cursor: default; }

.pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; }

.pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; }

/* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */
.pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; }

.pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }

.pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }

.pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; }

.pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; }

.pswp__item { position: absolute; left: 0; top: 0; /*  Without this block below commented out, gallery images are shunted bottom right in IE9 But with it commented out, videos and login forms disappear */ right: 0; bottom: 0; overflow: hidden; }

.pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; }

/* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */
.pswp__img--placeholder { -webkit-backface-visibility: hidden; }

/* div element that matches size of large image large image loads on top of it */
.pswp__img--placeholder--blank { background: #222; }

.pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; }

/* Error message appears when image is not loaded (JS option errorMsg controls markup) */
.pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; }

.pswp__error-msg a { color: #CCC; text-decoration: underline; }

/* used for mjau-mjau horizontal transition code, github.com/dimsemenov/PhotoSwipe/issues/660 */
.pswp__container_transition { -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/*************************  Default Skin  *************************/
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */
/*   1. Buttons */
/* <button> css reset */
.pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; border-radius: 0; padding: 0; margin: 0; float: right; opacity: 0.75; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-box-shadow: none; box-shadow: none; }

.pswp__button:focus, .pswp__button:hover { opacity: 1; }

.pswp__button:active { outline: none; opacity: 0.9; }

.pswp__button::-moz-focus-inner { padding: 0; border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close { opacity: 1; background-color: #f44336; }

.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: url(https://charanga.com/wp-content/themes/charanga_base/photoswipe/default-skin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { background-image: url(https://charanga.com/wp-content/themes/charanga_base/photoswipe/default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: none; } }

.pswp__button--close { opacity: 1; background-position: 0 -44px; background-color: #f44336; }

.pswp__button--share { background-position: -44px -44px; }

.pswp__button--fs { display: none; }

.pswp--supports-fs .pswp__button--fs { display: block; }

.pswp--fs .pswp__button--fs { background-position: -44px 0; }

.pswp__button--share.pswp__button--login, .pswp__button--fs.pswp__button--login { display: none; }

.pswp__button--zoom { display: none; background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom { display: none; }

.pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; }

/* Arrow buttons hit area (icon is added to :before pseudo-element) */
.pswp__button--arrow--left, .pswp__button--arrow--right { background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; }

.pswp__button--arrow--left { left: 0; }

.pswp__button--arrow--right { right: 0; }

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ''; top: 35px; background-color: rgba(0, 0, 0, 0.3); height: 30px; width: 32px; position: absolute; }

.pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px; }

.pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px; }

/* 2. Share modal/popup and links */
.pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.pswp__share-modal { display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity; }

.pswp__share-modal--hidden { display: none; }

.pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-backface-visibility: hidden; will-change: transform; }

.pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px; }

.pswp__share-tooltip a:hover { text-decoration: none; color: #000; }

.pswp__share-tooltip a:first-child { /* round corners on the first/last list item */ border-radius: 2px 2px 0 0; }

.pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in { opacity: 1; }

.pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a { padding: 16px 12px; }

a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; }

a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF; }

a.pswp__share--facebook:hover:before { border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF; }

a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D; }

a.pswp__share--download:hover { background: #DDD; }

/* 3. Index indicator ("1 of X" counter) */
.pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: #FFF; opacity: 0.75; padding: 0 10px; }

/* 4. Caption */
.pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; }

.pswp__caption small { font-size: 11px; color: #BBB; }

.pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC; }

.pswp__caption--empty { display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake { visibility: hidden; }

/* 5. Loading indicator (preloader) You can play with it here - https://codepen.io/dimsemenov/pen/yyBWoR */
.pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity; direction: ltr; }

.pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; }

.pswp__preloader--active { opacity: 1; }

.pswp__preloader--active .pswp__preloader__icn { /* We use .gif in browsers that don't support CSS animation */ background: url(https://charanga.com/wp-content/themes/charanga_base/photoswipe/preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active { opacity: 1; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; }

.pswp--css_animation .pswp__preloader__cut { /*  The idea of animating inner circle is based on Polymer ("material") loading indicator  by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html */ position: relative; width: 7px; height: 14px; overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0; }

@media screen and (max-width: 1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; } }

@-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes clockwise { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% { -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% { -webkit-transform: rotate(0);
    transform: rotate(0); } }

@keyframes donut-rotate { 0% { -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% { -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% { -webkit-transform: rotate(0);
    transform: rotate(0); } }

/* 6. Additional styles */
/* root element of UI */
.pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; }

.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; }

.pswp__top-bar, .pswp__caption { background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar { opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0; }

/* pswp__ui--hidden class is added when controls are hidden e.g. when user taps to toggle visibility of controls */
.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { /* Force paint & create composition layer for controls. */ opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; }

.pswp__element--disabled { display: none !important; }

.pswp--minimal--dark .pswp__top-bar { background: none; }

/*************************  Default Skin  *************************/
/*************************  Video  *************************/
.photoswipe_video-holder { position: absolute !important; width: 100%; height: 0; top: 50%; transform: translateY(-50%); }

#photoswipe_video { position: absolute; width: 100%; height: 100%; margin: auto; border: 0; top: 0; right: 0; bottom: 0; left: 0; }

/*************************  Video  *************************/
/*************************  Log-in  *************************/
.photoswipe_login-holder { height: 100%; width: 100%; }

#photoswipe_login { position: absolute; width: 100%; height: 100%; margin: auto; top: 0; left: 0; right: 0; bottom: 0; max-width: 650px; max-height: 440px; border: 0; background-color: #fff; }

/*************************  Log-in  *************************/
#bd, #bd .main { min-height: 100vh; }

.page-liner { min-height: calc(100vh - 200px); }

.module-heading { background: #333336; color: #fff; padding: 10px; border: 0 none !important; z-index: 2; font-weight: bold; letter-spacing: 0.5px; }

.media-list { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); border-radius: 3px; margin: 0 5px 8px; }

.media-list li { clear: both; float: none; margin-bottom: -1px; position: relative; counter-increment: item; border: 1px solid #e0e0e0; }

.media-list li .media-unit { padding: 5px; margin: 0 -1px 0 0; }

.media-list li .media-unit:hover { background: #f5f5f5; box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2); }

.media-list li:first-child { border-radius: 3px 3px 0 0; }

.media-list li:last-child { border-radius: 0 0 3px 3px; }

.media-list li .media img { border-radius: 3px; max-width: none; box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.9); }

.media-list li .artist { font-size: 16px; line-height: 1.5; text-transform: uppercase; font-weight: 700; color: #333; }

.media-list li .track { line-height: 1; }

.media-list li a:hover .track { color: #11AC43; }

.media-list li .media-unit:hover { text-decoration: none; }

.benefit-list { margin-left: 0; }

.benefit-list li { list-style: none outside; padding: 0 0 10px 20px; position: relative; }

.benefit-list li:before { content: '\2713'; position: absolute; left: 0; top: 0; color: #00a996; font-family: sans-serif; }

.reflow--heading, .reflow--body { width: 60%; float: left; }

.reflow--media { width: 35%; float: right; }

.reflow--body { text-align: left; }

.reflow--reversed .reflow--heading, .reflow--reversed .reflow--body { float: right; }

.reflow--reversed .reflow--media { float: left; }

@media only screen and (max-width: 700px) { .reflow, .reflow--heading { text-align: center !important; }
  .reflow--heading, .reflow--body, .reflow--media { width: auto !important; float: none !important; } }

/*

  Style the colorbox titlebar and close button

============================================================== */
/*

  Colourbox styles

============================================================== */
/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }

#cboxWrapper { max-width: none; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; }

#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

#colorbox { outline: none !important; height: 650px !important; }

#cboxOverlay { position: absolute !important; position: fixed !important; top: 0 !important; left: 0 !important; height: 100% !important; width: 100% !important; }

#cboxWrapper, #cboxLoadedContent { overflow: hidden; }

#cboxOverlay, #cboxWrapper { left: 0 !important; overflow: hidden !important; position: absolute !important; /*top: 0 !important;*/ z-index: 9999 !important; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left !important; }

#cboxContent { position: relative !important; }

#cboxLoadedContent { overflow: hidden !important; }

#cboxTitle { margin: 0 !important; }

#cboxLoadingOverlay, #cboxLoadingGraphic { height: 100% !important; left: 0 !important; position: absolute !important; top: 0 !important; width: 100% !important; }

.cboxPhoto { border: 0 none !important; display: block !important; float: left !important; margin: auto !important; }

.cboxIframe { border: 0 none !important; display: block !important; height: 100% !important; width: 100% !important; }

#cboxOverlay { background-color: #fff !important; }

.cboxIE #cboxContent { margin-bottom: 28px !important; }

#colorbox #cboxWrapper #cboxClose { height: 25px !important; width: 25px !important; background-color: #333 !important; color: #fff !important; border: 0 none !important; line-height: 50px !important; padding: 25px !important; position: absolute !important; top: 0 !important; right: 0 !important; cursor: pointer !important; text-indent: -9999px !important; margin: 0 !important; font-size: 40px !important; font-family: arial, sans-serif !important; background-image: url(http://fridayafternoons.charanga.com/2014/images/close.png) !important; background-position: 16px 16px !important; background-repeat: no-repeat !important; -o-transition: color 0.2s ease-out, background 0.2s ease-in !important; -ms-transition: color 0.2s ease-out, background 0.2s ease-in !important; -moz-transition: color 0.2s ease-out, background 0.2s ease-in !important; -webkit-transition: color 0.2s ease-out, background 0.2s ease-in !important; transition: color 0.2s ease-out, background 0.2s ease-in !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; -o-user-select: none !important; user-select: none !important; cursor: pointer !important; }

#colorbox #cboxWrapper #cboxClose .cfa2-nav-icon { cursor: pointer !important; }

#colorbox #cboxWrapper #cboxClose:hover { background-color: #EF4035 !important; }

#colorbox #cboxContent { background: #444 !important; }

#colorbox .lightbox { padding-top: 50px; }

.title-bar { background: #444 !important; text-align: center !important; line-height: 50px !important; color: #aaa !important; font-size: 18px !important; position: relative !important; }

/*

  special rules for a special browser

============================================================== */
.lt-ie9 #colorbox .cfa2-content-box { width: 800px !important; height: 600px !important; display: block !important; position: relative !important; }

.lt-ie9 #colorbox .cfa2-resources, .lt-ie9 #colorbox .cfa2-menus { position: absolute !important; top: 0 !important; left: 0 !important; width: 800px !important; height: 600px !important; display: block !important; }

.lt-ie9 #colorbox .ie-lte-8--resource-display .cfa2-menus, .lt-ie9 #colorbox .cfa2-resources { display: none !important; }

.lt-ie9 #colorbox .cfa2-menus, .lt-ie9 #colorbox #cboxLoadedContent .ie-lte-8--resource-display .cfa2-resources { display: block !important; zoom: 1 !important; }

.print-only { display: none; }

.last-updated { /* color: #888; */ margin: 0 0 1.5em; }

a.print-link { text-align: center; width: 110px; display: block; float: right; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); padding: 10px; border-radius: 4px; }

a.print-link svg { width: 32px; color: #333; }

a.print-link span { display: block; }

.block-link, .block-link:hover { display: block; text-decoration: none; color: #333; }

.block-link img, .block-link p, .block-link li, .block-link div, .block-link h1, .block-link h2, .block-link h3, .block-link h4, .block-link h5, .block-link h6, .block-link:hover img, .block-link:hover p, .block-link:hover li, .block-link:hover div, .block-link:hover h1, .block-link:hover h2, .block-link:hover h3, .block-link:hover h4, .block-link:hover h5, .block-link:hover h6 { text-decoration: none; }

.block-link h1, .block-link h2, .block-link h3, .block-link h4, .block-link h5, .block-link h6, .block-link:hover h1, .block-link:hover h2, .block-link:hover h3, .block-link:hover h4, .block-link:hover h5, .block-link:hover h6 { color: #333; }

.block-link:hover .block-link__highlight { color: #11AC43; text-decoration: underline; }

.site-non-partner .overlay__trigger:focus { outline-offset: -2px; }

/******************************************************************
LAST CALL / OVER-RIDES
things you need to be called last in the cascade
******************************************************************/
/* hiding stuff */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }

.ir br { display: none; }

.hidden { display: none; }

.invisible { visibility: hidden; }

.very-hidden { display: none !important; visibility: hidden; }

.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visually-hidden.focusable:active, .visually-hidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/*********************
LAYOUT & GRID STYLES
*********************/
/* positioning helpers */
.left, .u1of2, .u1of3, .u2of3, .u1of4, .u3of4, .u1of5, .u2of5, .u3of5, .u4of5, .u1of6, .u5of6, .u1of7, .u2of7, .u3of7, .u4of7, .u5of7, .u6of7, .u1of8, .u3of8, .u5of8 { float: left; }

.right { float: right; }

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

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

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

.line, .reflow, #bd, #ft, .last { overflow: hidden; *overflow: visible; *zoom: 1; }

/*

  spacers

***********************************/
.gutters { margin-left: 15px; margin-right: 15px; }

/* padding */
.pt0, .pv0, .pa0 { padding-top: 0px; }

.pt5, .pv5, .pa5 { padding-top: 5px; }

.pt10, .pv10, .pa10 { padding-top: 10px; }

.pt20, .pv20, .pa20 { padding-top: 20px; }

.pr0, .ph0, .pa0 { padding-right: 0px; }

.prs, .phs, .pas { padding-right: 5px; }

.pr10, .ph10, .pa10 { padding-right: 10px; }

.pr20, .ph20, .pa20 { padding-right: 20px; }

.pb0, .pv0, .pa0 { padding-bottom: 0px; }

.pb5, .pv5, .pa5 { padding-bottom: 5px; }

.pb10, .pv10, .pa10 { padding-bottom: 10px; }

.pb20, .pv20, .pa20 { padding-bottom: 20px; }

.pl0, .ph0, .pa0 { padding-left: 0px; }

.pl5, .ph5, .pa5 { padding-left: 5px; }

.pl10, .ph10, .pa10 { padding-left: 10px; }

.pll20, .ph20, .pa20 { padding-left: 20px; }

/* margin */
.mt0, .mv0, .ma0 { margin-top: 0px; }

.mt5, .mv5, .ma5 { margin-top: 5px; }

.mt10, .mv10, .ma10 { margin-top: 10px; }

.mt20, .mv20, .ma20 { margin-top: 20px; }

.mr0, .mh0, .ma0 { margin-right: 0px; }

.mr5, .mh5, .ma5 { margin-right: 5px; }

.mr10, .mh10, .ma10 { margin-right: 10px; }

.mr20, .mh20, .ma20 { margin-right: 20px; }

.mb0, .mv0, .ma0 { margin-bottom: 0px; }

.mb5, .mv5, .ma5 { margin-bottom: 5px; }

.mb10, .mv10, .ma10 { margin-bottom: 10px; }

.mb20, .mv20, .ma20 { margin-bottom: 20px; }

.ml0, .mh0, .ma0 { margin-left: 0px; }

.ml5, .mh5, .ma5 { margin-left: 5px; }

.ml10, .mh10, .ma10 { margin-left: 10px; }

.ml20, .mh20, .ma20 { margin-left: 20px; }

.ml30, .mh30, .ma30 { margin-left: 30px; }

.mt30, .mv30, .ma30 { margin-top: 30px; }

.mr30, .mh30, .ma30 { margin-right: 30px; }

.mb30, .mv30, .ma30 { margin-bottom: 30px; }

.pl30, .ph30, .pa30 { padding-left: 30px; }

.pt30, .pv30, .pa30 { padding-top: 30px; }

.pr30, .ph30, .pa30 { padding-right: 30px; }

.pb30, .pv30, .pa30 { padding-bottom: 30px; }

/******************************************************************
PRINT STYLESHEET
Remember to add things that won't make sense to print at the bottom.
Things like nav, ads, and forms should be set to display none.
******************************************************************/
@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  @page { size: A4;
    margin: 1.25cm;
    @bottom-left { content: "Page " counter(page) " of " counter(pages); } }
  #bd .main { max-width: 100%; padding: 0; }
  p, pre, tr, img, blockquote { page-break-inside: avoid; }
  h2, h3, h4 { page-break-after: avoid; }
  thead { display: table-header-group; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  a, a:visited { text-decoration: none; }
  a:after { content: " (" attr(href) ")"; }
  .ir a:after, .breadcrumbs a:after, a[href^="javascript:"]:after, a[href^="#"]:after, a[href^="mailto:"]:after, body.home a:after, body.news a:after, body.vip-studio-sessions a:after, body.partnerships a:after { content: ""; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  a[class*="button"], a[class*="btn"] { max-width: 100% !important; color: #000 !important; padding: 1em !important !important; border: 2px solid #000 !important; border-radius: 5px; }
  a[class*="button"]:after, a[class*="btn"]:after { content: "" !important; }
  #hd, #ft, nav, aside, a[class*="addthis_button"], .sidebar, .page-navigation, .wp-prev-next, .respond-form, .post-edit-link, #twitter-widget-0, .no-print, .breadcrumbs, .nav-in-page-container, .wp-paginate { display: none !important; }
  .print-only { display: block !important; }
  .heading-main { padding: 0; }
  .heading-main h1 { margin-top: 0; font-size: 36px; }
  #bd { border-left: 0 none; }
  .vip-subpage-links__text { background-color: #fff !important; opacity: 1 !important; height: 60px; }
  [role="main"] { width: auto; }
  #hd, #bd, .main, .page-liner { min-height: 0; }
  .left-over-m { float: left; margin-right: 6px; }
  .right-over-m { float: right; margin-left: 6px; }
  .image-link:after { content: ""; } }

/***** PAGE BREAK FOR PRINT *****/
@media all { .page-break { display: none; } }

@media print { .page-break { display: block; page-break-before: always; } }

/***** PAGE BREAK FOR PRINT *****/
/* lists: numbered */
body.nested-numbers ol { counter-reset: item; }

body.nested-numbers li { display: block; position: relative; margin: 10px 0; }

body.nested-numbers ol > li:before { content: counters(item, ".") " "; counter-increment: item; position: absolute; letter-spacing: 1.5px; }

body.nested-numbers > ol > li:before { font-weight: 700 !important; }

body.nested-numbers ol { margin-left: 25px; }

body.nested-numbers ol > li:before { left: -25px; }

body.nested-numbers ol ol { margin-left: 40px; }

body.nested-numbers ol ol > li:before { left: -40px; }

body.nested-numbers ol ol ol { margin-left: 60px; }

body.nested-numbers ol ol ol > li:before { left: -60px; }

body.nested-numbers ol ol ol ol { margin-left: 70px; }

body.nested-numbers ol ol ol ol > li:before { left: -70px; }

/* lists: bullets */
body.nested-numbers ol ul li:before { content: ' ●'; position: absolute; left: -15px; font-family: Arial, sans-serif; }

body.nested-numbers ol ul ul li:before { content: ' ○'; position: absolute; left: -15px; }

/* lists: headings */
body.nested-numbers ol h3, body.nested-numbers ul h3 { margin: 0 0 10px; }

/* lists: breadcrumbs */
body.nested-numbers ul.breadcrumbs.inline li { display: inline-block; }

/* table */
body.nested-numbers td { vertical-align: top; padding-bottom: 10px; }

body.nested-numbers td:first-child { font-weight: 700; min-width: 110px; }

@media only screen and (max-width: 600px) { body.nested-numbers ol { margin-left: 0 !important; }
  body.nested-numbers li:before { left: -40px; position: static !important; display: inline !important; left: 0 !important; }
  body.nested-numbers ol h3, body.nested-numbers ul h3 { display: inline; }
  body.nested-numbers td, body.nested-numbers th { display: block; padding: 0 0 10px 0; }
  a { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } }

a.print-link { text-align: center; width: 110px; display: block; float: right; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); padding: 10px; border-radius: 4px; }

a.print-link svg { width: 32px; color: #333; }

a.print-link span { display: block; }

@media screen and (max-width: 500px) { a.print-link { text-align: left; width: auto; display: inline-block; float: none; height: 23px; }
  a.print-link svg { width: 24px; display: inline-block; margin-right: 10px; }
  a.print-link span { display: inline-block; white-space: nowrap; width: 100px; vertical-align: top; height: 14px; } }

.menu-item-hidden { display: none; }

.logged-in .menu-item-hidden { display: list-item; }

/*# sourceMappingURL=style.css.map */