@charset "UTF-8";

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

body {line-height: 1;}

ol, ul {list-style-position: outside;}

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

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

body {-webkit-text-size-adjust: none;}

/* ================ COLUMNS ============== */
.lda_col {padding: 0; border: 0; outline: 0; vertical-align: baseline; display: block; float: left; width: 100%; margin: 0 0 20px 0;}
.lda_col .lda_one_half,.lda_col .lda_one_third,.lda_col .lda_one_quarter,.lda_col .lda_two_thirds {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; min-height: 30px; margin-left: 2.564102564102564%;}
.lda_col .lda_one_half {width: 48.717948717948715%;}
.lda_col .lda_one_third {width: 31.623931623931625%;}
.lda_col .lda_two_thirds {width: 63.24786324786324%;}
.lda_col .lda_one_quarter {width: 23.076923076923077%;}
.lda_col [class*="lda_"]:first-child{margin-left: 0;}

@media (max-width: 800px) {
.lda_col .lda_one_half,.lda_col .lda_one_third,.lda_col .lda_one_quarter,.lda_col .lda_two_thirds {margin-left: 0;}
.lda_col .lda_one_half {width: 100%;}
.lda_col .lda_one_third {width: 100%;}
.lda_col .lda_two_thirds {width: 100%;}
.lda_col .lda_one_quarter {width: 100%;}
}

/* ================ BUTTONS ============== */
a.lda_button {display: inline-block;text-decoration: none;background: #0076e8;line-height: 20px;position: relative;margin: 0 10px 10px 0;color: #FFF;border: 0;padding: 18px 24px; font-family:Arial, Helvetica, sans-serif;}
.lda_button:hover {text-decoration: none; background: #0082ff;}

/* ================ SPACES ============== */
#space7 {clear: both; height:7px; }
#space17 {clear: both; height:17px; }
#space27 {clear: both; height:27px; }
#space37 {clear: both; height:37px; }
#space47 {clear: both; height:47px; }
#space57 {clear: both; height:57px; }
#space67 {clear: both; height:67px; }
#space77 {clear: both; height:77px; }
#space87 {clear: both; height:87px; }
#space97 {clear: both; height:97px; }
#space107 {clear: both; height:107px; }

/* ================ CLEAR ============== */
#clearBoth {clear: both;}

.textNormal {font-weight:normal; letter-spacing:normal;}

/* ========= Side navigation menu ========= */
.sidenav {height: 100%; width: 0; position: fixed; z-index: 10007; top: 0; right: 0; background-color: #0b0b0b; overflow-x: hidden; padding-top: 60px; transition: 0.5s;}
.sidenav a {font-family: Arial, Helvetica, sans-serif; font-size:13px; letter-spacing: 1px; padding: 15px 0 0 20px; text-decoration: none; color: #CCC; display: block; transition: 0.3s;}
.sidenav a:hover, .offcanvas a:focus {color: #FFF;}
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}
/* ========= / END of Side navigation menu ========= */

/* Basic */

@-ms-viewport {width: device-width;}

body {-ms-overflow-style: scrollbar;}

@media screen and (max-width: 480px) {html, body {min-width: 320px;} }

body {background: #fff;}

/* Type */
body, input, select, textarea {color: #444444;font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 1.8;}

a {color: #5385c1;text-decoration: underline;}
a:hover {text-decoration: none;	}

strong, b {font-weight: bold;}
em, i {font-style: italic;}
p {	margin: 0 0 1.5em 0;}

h1, h2 {color: #555; font-weight: normal; line-height: 1.5; margin: 0 0 1.2em 0; letter-spacing: 1px;}
h3, h4, h5, h6 {color: #555; font-weight: normal; line-height: 1.5; margin: 0 0 1.2em 0;}

h1 {font-size: 2.25em;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}	
	
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #5385c1;	text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;	}

.IndentLeft {margin-left: -47px;}

#big-text {font-size: 1.2em; color: #555; font-weight: normal; line-height: 1.5; margin: 0 0 1.2em 0;}

.TextSubtitle1 {font-size: 1.4em; color: #333; font-weight: normal; margin: 0 0 1.3em 0;}
.TextSubtitle2 {font-size: 1.2em; color: #333; font-weight: bold; margin: 0 0 1em 0;}

blockquote {border-left: solid 4px #dbdbdb;	font-style: italic;	margin: 0 0 2em 0;	padding: 0.5em 0 0.5em 2em;}
	
.darkBorder {border-left: solid 4px #555;}

hr {border: 0; border-bottom: solid 1px #dbdbdb; margin: 2em 0; }

hr.major {margin: 3em 0;}

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

.inner {
max-width: 62em; /* page width 52 like WP*/
margin: 0 auto;
}

@media screen and (max-width: 1280px) {.inner {max-width: 90%;}}

@media screen and (max-width: 480px) {.inner {max-width: 85%;}}

.CompetitionHeader { margin-bottom:0; }

/* Section/Article/Special */
section.special, article.special {text-align: center;}
section.special article, article.special article {text-align: left;	}
section.wrapper, article.wrapper {padding: 3em 0;}
section.wrapper2 {padding: 3em 0 0 0;}
section.wrapper header, article.wrapper header {margin-bottom: 4em;	}
section.wrapper header h2, article.wrapper header h2 {font-size: 2.5em; margin: 0 0 .1em 0;}
section.wrapper header h3, article.wrapper header h3 {font-size: 1.2em; font-weight: normal; letter-spacing: 0;}
section.wrapper header p, article.wrapper header p {font-size: 1.3em;}
section.wrapper article header, article.wrapper article header {margin: 0;}

@media screen and (max-width: 980px) {section.wrapper, article.wrapper {padding: 2em 0;}}

@media screen and (max-width: 736px) {
section.wrapper header, article.wrapper header {margin-bottom: 2em;}
section.wrapper header h2, article.wrapper header h2 {font-size: 2em;}
section.wrapper header p, article.wrapper header p {font-size: 1em;}
}

/* Section/Article style1*/
section.wrapper.style1, article.wrapper.style1 {
background: #f2efe7; background-image:url(../../images/paper-tile.jpg); background-position:top center; background-repeat: repeat; color: #333; }

section.wrapper.style1 a:hover, article.wrapper.style1 a:hover {text-decoration: none;}
section.wrapper.style1 header h2, article.wrapper.style1 header h2 {color: #333;}
section.wrapper.style1 h3, article.wrapper.style1 h3 {color: #333;}
section.wrapper.style1 header p, article.wrapper.style1 header p {color: #333;}
section.wrapper.style1 strong {color: #333;}

/* Section/Article PaperTile*/
section.wrapper.PaperTyle, article.wrapper.PaperTyle {
background: #f2efe7; background-image:url(../../images/paper-tile.jpg); background-repeat:repeat; color: #333; }
section.wrapper.PaperTyle a, article.wrapper.PaperTyle a {text-decoration: none;}
section.wrapper.PaperTyle a:hover, article.wrapper.PaperTyle a:hover {text-decoration: underline;}

/* Section CTA*/
section.wrapper.CTA { max-width: 900px; margin: auto; margin-top:-30px;}
section.wrapper.CTA2 { max-width: 900px; margin: auto; margin-top:-60px;}

/* Section PayPal*/
section.wrapper.PayPal { max-width: 600px; margin: auto; margin-top:-70px; margin-bottom:-40px;}

/* Background 7 */
.bg7 {
	background: #18171d;
	background-image:url(../../images/bg-7.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	color: #fff; }
section.wrapper.bg7 a {color: #fff; text-decoration: underline;}
section.wrapper.bg7 a:hover {color: #fff; text-decoration: none;}
section.wrapper.bg7 a.lda_button {text-decoration: none;}
section.wrapper.bg7 .lda_button:hover {text-decoration: none;}
section.wrapper.bg7 .previous-next-wrapper {color: #787683; text-decoration: none;}
section.wrapper.bg7 .previous-next-wrapper a {color: #787683; text-decoration: none;}
section.wrapper.bg7 .previous-next-wrapper a:hover {color: #fff; text-decoration: none;}
section.special.bg7 h2, section.special.bg7 h3, section.special.bg7 h4, section.special.bg7 h5, section.special.bg7 h6, section.special.bg7 strong  {color: #fff;}

/* Background 8 */
.bg8 {
	background: #222;
	background-image:url(../../images/bg-8.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	color: #fff; }
section.wrapper.bg8 a {color: #fff; text-decoration: underline;}
section.wrapper.bg8 a:hover {color: #fff; text-decoration: none;}
section.special.bg8 h2, section.special.bg8 h3, section.special.bg8 h4, section.special.bg8 strong  {color: #fff;}

/* Background Great Value */
.bgGreatValue {
	background: #e6cb91;
	background-image:url(../../images/banner-art-fame-4.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	height:370px;
	}
.GreatValueCenter {position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.GreatValueBlock {text-align: center; display: block; max-width:900px; margin: 0 auto; color: #000; }
.GreatValueBlock h1 {font-size: 3em;font-weight: normal;letter-spacing: 3px;color: #000;line-height: 1em;margin: 0 0 0.5em 0;padding: 0;}
.GreatValueBlock h2 {font-size: 2.5em;font-weight: normal;letter-spacing: 1px;color: #000;}
@media screen and (max-width: 1280px) {.GreatValueBlock {padding: 8em 2em 6em 2em;} .GreatValueBlock h2  {font-size: 2.0em;}}
@media screen and (max-width: 736px) {.GreatValueBlock {padding: 8em 1.5em 6em 1.5em;} .GreatValueBlockn h2 {font-size: 2.0em;}}
@media screen and (max-width: 480px) {.GreatValueBlock {padding: 6em 1.5em 4em 1.5em;} .GreatValueBlock h2 {font-size: 2em;}}

/* Background Liute Player */
.bgLutePlayer {
	background-image:url(../../images/banner-art-fame-1.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	height:400px;
}

/* Background Napoleon */
.bgNapoleon {
	background-image:url(../../images/banner2.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	height:400px;
}

/* Background Rose of Moods */
.bgRoseMoods {
	background-image:url(../../images/banner-art-fame-2.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	height:412px;
}

/* Background Violin Player */
.bgViolinPlayer {
	background-image:url(../../images/banner-art-fame-3.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	height:500px;
}

/* Background Diploma */
.bgDiploma {background: #d9d6d3; color: #000;}
section.wrapper.bgDiploma a {color: #000; text-decoration: underline;}
section.wrapper.bgDiploma a:hover {color: #000; text-decoration: none;}
section.special.bgDiploma h2, section.special.bgDiploma h3, section.special.bgDiploma h4, section.special.bgDiploma strong  {color: #000;}

/* Background WhiteDrawing */
.bgWhiteDrawing {background: #f2f2f2; color: #000;}
section.wrapper.bgWhiteDrawing a {color: #000; text-decoration: underline;}
section.wrapper.bgWhiteDrawing a:hover {color: #000; text-decoration: none;}
section.special.bgWhiteDrawing h2, section.special.bgWhiteDrawing h3, section.special.bgWhiteDrawing h4, section.special.bgWhiteDrawing strong  {color: #000;}

/* Old Paper 1 */
.oldpaper1 {background: #fbf6e9;background-image:url(../../images/old-paper-1.jpg);background-position:top center;background-repeat:repeat;color: #222;}

.verticalCenter {position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.verticalCenterDiploma {position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);}

@media screen and (max-width: 800px) {.verticalCenterDiploma {padding-bottom:50px;);}}

/* Flex */
.flex {display: -ms-flexbox;-ms-flex-wrap: wrap;-ms-flex-pack: justify;display: -moz-flex;display: -webkit-flex;display: -ms-flex;display: flex;		-moz-flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-moz-justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;justify-content: space-between;}

.flex.flex-2 article {width: 47%;}

.flex.flex-3 article {position: relative;width: 28%;}
.flex.flex-3 article:before {content: '';position: absolute;width: 100%;height: 100%;right: -2em;top: 0;pointer-events: none;}

@media screen and (max-width: 800px) {
.flex.flex-2 article {width: 100%;margin-bottom: 3em;}
.flex.flex-2 article:last-child {margin-bottom: 0;}
.flex.flex-3 {-moz-flex-direction: column;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;	}
.flex.flex-3 article {width: 100%;padding-bottom: 2.5em;margin-bottom: 3em;}
.flex.flex-3 article:last-child {padding-bottom: 0;margin: 0 0 1em 0;}
.flex.flex-3 article:before {display: none;}
}

/* Form */
form {margin: 0 0 2em 0;}
label {color: #555;display: block;font-size: 0.9em;font-weight: 600;margin: 0 0 1em 0;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select, textarea {
-moz-appearance: none;	-webkit-appearance: none;	-ms-appearance: none;	appearance: none;	background: rgba(144, 144, 144, 0.075);	border-radius: 0;	border: none;	border: solid 1px #dbdbdb;	color: inherit;	display: block;	outline: 0;	padding: 0 1em;	text-decoration: none;	width: 100%;
}
input[type="text"]:invalid, input[type="password"]:invalid,	input[type="email"]:invalid, input[type="tel"]:invalid,	select:invalid,	textarea:invalid {box-shadow: none;}
input[type="text"]:focus, input[type="password"]:focus,	input[type="email"]:focus,	input[type="tel"]:focus, select:focus, 	textarea:focus {			border-color: #5385c1;	box-shadow: 0 0 0 1px #5385c1;	}
.select-wrapper {text-decoration: none;	display: block;	position: relative;}
.select-wrapper:before {content: "";-moz-osx-font-smoothing: grayscale;	-webkit-font-smoothing: antialiased;font-family: Arial, Helvetica, sans-serif; font-style: normal;font-weight: normal; text-transform: none !important;	}
.select-wrapper:before {color: #dbdbdb;	display: block;	height: 2.75em;	line-height: 2.75em;pointer-events: none;position: absolute;right: 0;text-align: center;	top: 0;	width: 2.75em;	}
.select-wrapper select::-ms-expand {display: none;}
input[type="text"],	input[type="password"],	input[type="email"], select {height: 2.75em;}
textarea {	padding: 0.75em 1em;}

/* Box */
.box {border: solid 1px #dbdbdb; margin-bottom: 2em; padding: 1.5em;}
.box > :last-child, .box > :last-child > :last-child, .box > :last-child > :last-child > :last-child { margin-bottom: 0;}
.box.alt {border: 0;border-radius: 0;padding: 0;}
.box.person {border: solid 1px rgba(255, 255, 255, 0.25);padding: 3em 1.5em;}
.box.person h3 {margin: 0;}
.box.person .image {margin-bottom: 1em;	}
.box.person .image img {max-width: 100%;}

/* Image */
.image { border-radius: 0; border: 0; display: inline-block; position: relative; }
.image img { border-radius: 0; display: block; }
.image.left, .image.right { max-width: 40%; }
.image.left img, .image.right img { width: 100%;}
.image.left { float: left; padding: 0 1.5em 1em 0; top: 0.25em; }
.image.right { float: right; padding: 0 0 1em 1.5em; top: 0.25em; }
.image.fit { display: block; margin: 0 0 1em 0; width: 100%; }
.image.fit img { width: 100%; }
.image.fit2 { display: block; margin: 0; width: 100%; }
.image.fit2 img { width: 100%; }
.image.round img { border-radius: 100%;	}
.image.main { display: block; margin: 0 0 3em 0; width: 100%; }
.image.main img { width: 100%; }
.image.responsive img { margin: 0 0 1em 0; max-width: 100%; height: auto;}

/* List */
ol {list-style: decimal;margin: 0 0 2em 0;padding-left: 1.25em;}
ol li {	padding-left: 0.25em;}
ul {list-style: disc;list-style-position: outside;margin: 0 0 2em 0;padding-left: 1em;}
ul li {	padding-left: 0.5em;}
ul.alt {list-style: none;padding-left: 0;}
ul.alt li {	border-top: solid 1px #dbdbdb;padding: 0.5em 0;	}
ul.alt li:first-child {	border-top: 0;padding-top: 0;}
ul.icons {cursor: default;list-style: none;	padding-left: 0;}
ul.icons li {display: inline-block;	padding: 0 1em 0 0;}
ul.icons li:last-child {padding-right: 0;}
ul.icons li .icon:before {font-size: 2em;}
ul.actions {cursor: default;list-style: none;padding-left: 0;}
ul.actions li {	display: inline-block;padding: 0 1em 0 0;vertical-align: middle;}
ul.actions li:last-child {padding-right: 0;}
ul.actions.small li {padding: 0 0.5em 0 0;}
ul.actions.vertical li {display: block;padding: 1em 0 0 0;}
ul.actions.vertical li:first-child {padding-top: 0;}
ul.actions.vertical li > * {margin-bottom: 0;}
ul.actions.vertical.small li {padding: 0.5em 0 0 0;}
ul.actions.vertical.small li:first-child {padding-top: 0;}
ul.actions.fit {display: table;margin-left: -1em;padding: 0;table-layout: fixed;width: calc(100% + 1em);}
ul.actions.fit li {	display: table-cell;padding: 0 0 0 1em;	}
ul.actions.fit li > * {	margin-bottom: 0;}
ul.actions.fit.small {margin-left: -0.5em;width: calc(100% + 0.5em);}
ul.actions.fit.small li {padding: 0 0 0 0.5em;}

@media screen and (max-width: 480px) {
ul.actions {margin: 0 0 2em 0;}
ul.actions li {	padding: 1em 0 0 0;	display: block;text-align: center;width: 100%;}
ul.actions li:first-child {padding-top: 0;}
ul.actions li > * {	width: 100%;margin: 0 !important;}
ul.actions li > *.icon:before {margin-left: -2em;}
ul.actions.small li {padding: 0.5em 0 0 0;}
ul.actions.small li:first-child {padding-top: 0;}
}

dl {margin: 0 0 2em 0;}
dl dt {	display: block;font-weight: normal;margin: 0 0 1em 0;}
dl dd {margin-left: 2em;}

/* Button */
input[type="submit"], input[type="reset"], input[type="button"], button, .button {
-moz-appearance: none;-webkit-appearance: none;-ms-appearance: none;appearance: none;-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;background-color: #5a5a5a;border-radius: 0;border: 0;color: #ffffff !important;cursor: pointer;display: inline-block;font-weight: normal;height: 2.85em;line-height: 2.95em;padding: 0 1.5em;text-align: center;text-decoration: none;white-space: nowrap;}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, utton:hover, .button:hover {background-color: #676767;}
input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, button:active, .button:active {background-color: #4d4d4d;}
input[type="submit"].icon, input[type="reset"].icon, nput[type="button"].icon, button.icon, .button.icon {padding-left: 1.35em;}
input[type="submit"].icon:before, input[type="reset"].icon:before, input[type="button"].icon:before, utton.icon:before, .button.icon:before {				margin-right: 0.5em;}
input[type="submit"].fit, input[type="reset"].fit, input[type="button"].fit, button.fit, .button.fit {display: block;margin: 0 0 1em 0;width: 100%;	}
input[type="submit"].small, input[type="reset"].small, input[type="button"].small, button.small, .button.small { font-size: 0.8em;}
input[type="submit"].big,input[type="reset"].big,input[type="button"].big,button.big,.button.big {font-size: 1.35em;}input[type="submit"].alt,input[type="reset"].alt,input[type="button"].alt,button.alt,.button.alt {background-color: transparent;box-shadow: inset 0 0 0 2px #dbdbdb;color: #555 !important;}input[type="submit"].alt:hover,input[type="reset"].alt:hover,input[type="button"].alt:hover,button.alt:hover,.button.alt:hover {background-color: rgba(144, 144, 144, 0.075);}input[type="submit"].alt:active,input[type="reset"].alt:active,input[type="button"].alt:active,button.alt:active,.button.alt:active {background-color: rgba(144, 144, 144, 0.2);}input[type="submit"].alt.icon:before,input[type="reset"].alt.icon:before,input[type="button"].alt.icon:before,button.alt.icon:before,.button.alt.icon:before {color: #bbb;}input[type="submit"].special,input[type="reset"].special,input[type="button"].special,button.special,.button.special {background-color: #5385c1;color: #ffffff !important;}input[type="submit"].special:hover,input[type="reset"].special:hover,input[type="button"].special:hover,button.special:hover,.button.special:hover {background-color: #6692c8;}input[type="submit"].special:active,input[type="reset"].special:active,input[type="button"].special:active,button.special:active,.button.special:active {background-color: #4278b8;}input[type="submit"].disabled, input[type="submit"]:disabled,input[type="reset"].disabled,input[type="reset"]:disabled,input[type="button"].disabled,input[type="button"]:disabled,button.disabled,button:disabled,.button.disabled,.button:disabled {background-color: #9a9a9a !important;box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);color: #fff !important;cursor: default;opacity: 0.25;}

@media screen and (max-width: 480px) {
input[type="submit"], input[type="reset"], ut[type="button"], button, .button {	padding: 0;width: 100%;	}
}

/* Header */
.subpage {padding-top: 0;}
.subpage #header {
background: #fff;
top: 0;
height: 90px;/* nav height */
line-height: 90px; /* nav links position */
position: relative;
}

#header {color: #000;cursor: default;height: 3.25em;left: 0;line-height: 3.25em;position: relative;text-align: right;top: 4em;width: 100%;z-index: 10001;}
#header .inner {margin: 0 auto;position: relative;}
#header .logo { width: 200px; height: 200px; color: #000;display: inline-block;font-weight: normal;letter-spacing: 3px;height: inherit;left: 0;line-height: inherit;margin: 0 0 0 -90px;;padding: 0;position: absolute;top: 0;font-size: 1.3em;z-index:1001;}
.logo img {	max-height: 129px; max-width: 129px;}
#header .logo a:hover {	text-decoration: none;}

/* Logo */
.site-title {
  margin-bottom: 0;
  line-height: 1.2;
/*     min-height: 4rem; */
  top: 0;
}
.site-title img { max-width: 200px;}
		
#header a {-moz-transition: color 0.2s ease-in-out;-webkit-transition: color 0.2s ease-in-out;-ms-transition: color 0.2s ease-in-out;transition: color 0.2s ease-in-out;display: inline-block;padding: 0 0.75em;color: #000;text-decoration: none;font-size: .8em;}
#nav {font-family:Arial, Helvetica, sans-serif;font-size: .85em;letter-spacing: 1px;}
#nav a:hover {color: #000;text-decoration: underline;}
#header a:last-child {padding-right: 0;}
#header a.navPanelToggle {display: none;text-decoration: none;height: 4em;width: 4em;z-index: 10003;font-size:28px;}

@media screen and (max-width: 980px) {#header a.navPanelToggle {display: inline-block;}}
@media screen and (max-width: 736px) {#header a {	padding: 0 0.5em;}}
@media screen and (max-width: 980px) {#header {top: 3em;height: 44px;line-height: 44px;}}
@media screen and (max-width: 736px) {#header {top: 2em;}}
@media screen and (max-width: 480px) {#header {top: 1em;min-width: 320px;}}

/* ========== sub navigation ================ */
nav ul {padding: 0; margin: 0;list-style: none;position: relative;}
nav ul li {display:inline-block;}
nav ul ul {display: none;position: absolute; top: 60px;margin-left: -95px;}
nav ul ul.lessons {display: none;position: absolute; top: 60px;margin-left: -197px;}
nav ul li:hover > ul {display:inherit;background-color:#FFF;}
nav ul ul li {width:220px;text-align:left;float:none;display:list-item;position: relative;}
nav ul ul li.submenu1st {line-height: 30px;margin-top: 10px;margin-bottom: 15px;margin-left: 5px;}
nav ul ul li.submenu {line-height: 30px;margin-top: -10px;margin-bottom: 15px;margin-left: 5px;}
nav ul ul li.submenuLast {line-height: 30px;margin-top: -10px;margin-bottom: 15px;margin-left: 5px;}
navPanel ul ul li.submenu {margin-bottom: 0px;}
	
/* Nav */
@media screen and (max-width: 960px) {#nav {display: none;}}
	
#navPanel {font-size:14px;-moz-transform: translatex(20em);-webkit-transform: translatex(20em);-ms-transform: translatex(20em);transform: translatex(20em);-moz-transition: -moz-transform 0.2s ease-in-out, visibility 0.2s ease-in-out;-webkit-transition: -webkit-transform 0.2s ease-in-out, visibility 0.2s ease-in-out;-ms-transition: -ms-transform 0.2s ease-in-out, visibility 0.2s ease-in-out;transition: transform 0.2s ease-in-out, visibility 0.2s ease-in-out;-webkit-overflow-scrolling: touch;visibility: hidden;overflow-y: auto;position: fixed;right: 0;top: 0;background: #fdfdfd;color: #fff;height: 100%;max-width: 80%;width: 20em;padding: 0.5em 1.25em;z-index: 10003;}
#navPanel .submenuLast {margin-bottom:-30px;}
#navPanel ul ul li.submenu1st, li.submenu, li.submenuLast {margin-left:-20px;}
#navPanel.visible {-moz-transform: translatex(0);-webkit-transform: translatex(0);-ms-transform: translatex(0);transform: translatex(0);box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.2);visibility: visible;}
#navPanel a:not(.close) {border-top: solid 1px rgba(255, 255, 255, 0.25);color: #000;font-weight: normal;display: block;padding: 0.75em 0;text-decoration: none;font-weight: normal;}
#navPanel a:not(.close):first-child {border: none;}
#navPanel .close {text-decoration: none;border: 0;color: #000;cursor: pointer;display: block;height: 4em;padding-right: 1.25em;position: absolute;right: 0;text-align: right;top: 0;vertical-align: middle;width: 5em;}
#navPanel .close:before {font-family: Arial, Helvetica, sans-serif;font-size:20px;font-style: normal;font-weight: normal;text-transform: none !important;content: '✕';width: 4em;height: 3em;line-height: 3em;display: block;position: absolute;right: 0;top: 0;text-align: center;color: #000;}
#navPanel .close:hover {color: inherit;}

.YesIcon {display: inline; position: relative; top: 6px; margin-right: 10px;}
.NoIcon {display: inline; position: relative; top: 7px; margin-right: 10px;}

/* Banner */
#banner {padding: 13em 0 13em 0;text-align: center;background-position: top;background-attachment: fixed;background-repeat:repeat-x;}
.background1 {background-image: url('../../images/art-fame-header.jpg');}
.background2 {background-image: url('../../images/banner-2.jpg');}
.background3 {background-image: url('../../images/banner-3.jpg');}
#banner h1 {font-size: 3em;font-weight: normal;letter-spacing: 3px;color: #000;line-height: 1em;margin: 0 0 0.5em 0;padding: 0;}
#banner h2 {font-size: 1.2em;font-weight: normal;letter-spacing: 1px;color: #000;}
#banner p {font-size: 1em;font-weight: normal;color: #000;margin-bottom: 1.75em;}

@media screen and (max-width: 1280px) {#banner {padding: 13em 2em 12em 2em;}}
@media screen and (max-width: 736px) {#banner {padding: 9em 1.5em 6em 1.5em;} #banner h1 {font-size: 2.5em;} }
@media screen and (max-width: 480px) {#banner {padding: 8em 1.5em 4em 1.5em;} }

/* Banner Slim*/
#bannerSlim {padding: 8em 1em 6em 1em;text-align: center; background-image:url(../../images/banner1.jpg); background-image:url(../../images/banner1.jpg); background-position: top; background-attachment: fixed;background-repeat:repeat-x;}
#bannerSlim h1 {font-size: 3em;font-weight: normal;letter-spacing: 3px;color: #000;line-height: 1em;margin: 0 0 0.5em 0;padding: 0;}
#bannerSlim h2 {font-size: 1.2em;font-weight: normal;letter-spacing: 1px;color: #000;}
@media screen and (max-width: 1280px) {#bannerSlim {padding: 8em 2em 6em 2em;} #bannerSlim h1 {font-size: 2.5em;}}
@media screen and (max-width: 736px) {#bannerSlim {padding: 8em 1.5em 6em 1.5em;} #bannerSlim h1 {font-size: 2.5em;}}
@media screen and (max-width: 480px) {#bannerSlim {padding: 6em 1.5em 4em 1.5em;} #bannerSlim h1 {font-size: 2em;}}

#bannerNapoleon {padding: 8em 1em 6em 1em;text-align: center; background-image:url(../../images/banner2.jpg); background-position: top; background-attachment: fixed;background-repeat:repeat-x;}
#bannerNapoleon h1 {font-size: 3em;font-weight: normal;letter-spacing: 3px;color: #000;line-height: 1em;margin: 0 0 0.5em 0;padding: 0;}
#bannerNapoleon h2 {font-size: 1.2em;font-weight: normal;letter-spacing: 1px;color: #000;}
@media screen and (max-width: 1280px) {#bannerNapoleon {padding: 8em 2em 6em 2em;} #bannerNapoleon h1  {font-size: 2.5em;}}
@media screen and (max-width: 736px) {#bannerNapoleon {padding: 8em 1.5em 6em 1.5em;} #bannerNapoleon h1 {font-size: 2.5em;}}
@media screen and (max-width: 480px) {#bannerNapoleon {padding: 6em 1.5em 4em 1.5em;} #bannerNapoleon h1 {font-size: 2em;}}

#smallText {font-family:Arial, Helvetica, sans-serif;font-size:14px;}

/* Footer Banners */
.footerBanners {clear: both;background-color:#1e2525;margin: 0 0 -7em 0;}
.footerBanners .innerFooterBanner {padding: 1em 0 1em 0;max-width: 62em;margin: 0 auto;}
.footerBanners img {margin: 0 0 1.3em 0; max-width: 100%; height: auto;}
@media screen and (max-width: 1280px) {.footerBanners .innerFooterBanner {max-width: 90%;}}
@media screen and (max-width: 800px) {.footerBanners .lda_col .lda_one_quarter {width: 45%;margin-left: 0;margin-right: 20px;margin-bottom: 0;}}
@media screen and (max-width: 480px) {.footerBanners .innerFooterBanner {max-width: 85%;}.footerBanners .lda_col .lda_one_quarter {width: 85%;margin-left: 0;margin-right: 0;margin-bottom: 0;}}

/* Footer Black */
#footerBlack {clear: both;background-color:#141818;color:#CCC;font-family:Arial, Helvetica, sans-serif;font-size: 0.8em;margin-top:5em;}
#footerBlack .innerFooter {padding: 2em 0 3em 0;max-width: 77em;margin: 0 auto;}
#footerBlack a {color: #bbb;text-decoration: none;}
#footerBlack a:hover {color: #fff;text-decoration: none;}
#footerBlack .copyright {color: #a3a3a3;font-size: 0.8em;}
#footerBlack .copyright a {color: #fff;text-decoration: none;}
#footerBlack .copyright a:hover {color: #fff;text-decoration: underline;}
#footerBlack h3 {font-family:Georgia, "Times New Roman", Times, serif;color:#009aab;letter-spacing: 0;font-size: 1.3em;margin-top: 30px;}
#footerBlack .lda_col {margin-bottom: 70px;}
#footerBlack img {max-width: 100%;height: auto;}
#footerBlack .brochure a {color: #00d3ec;text-decoration: none;}
#footerBlack .brochure a:hover {color: #00d3ec;text-decoration: underline;}
	
@media screen and (max-width: 1280px) {#footerBlack .innerFooter {max-width: 90%;}}
@media screen and (max-width: 800px) {#footerBlack .lda_col .lda_one_quarter {width: 45%;margin-left: 0;margin-right: 20px;margin-bottom: 40px;}}
@media screen and (max-width: 480px) {#footerBlack .innerFooter {max-width: 85%;}#footerBlack .lda_col .lda_one_quarter {width: 85%;margin-left: 0;margin-right: 0;margin-bottom: 40px;}}

/* YouTube responsive video embed */
.video-responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; margin-bottom: 40px; }
.video-responsive-container iframe,  .video-responsive-container object,  .video-responsive-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }