@font-face {
	font-family: 'cfont';
	src: url('fonts/meodedsans-webfont.eot');
	src: url('fonts/meodedsans-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/meodedsans-webfont.woff') format('woff'),
	url('fonts/meodedsans-webfont.ttf') format('truetype'),
	url('fonts/meodedsans-webfont.svg#Meoded-Serif_OERegular') format('svg');
	font-weight: normal;
	font-style: normal;
}


::-moz-selection{background: #252525; color: #fff; text-shadow: none; }
::selection { background: #252525; color: #fff; text-shadow: none; }
a { -webkit-tap-highlight-color: #252525; color: #fff; text-decoration: none; }
a:link { -webkit-tap-highlight-color: #252525; color: #fff; text-decoration: none; }

html,body{ background: #fff; color: #000; zoom: 1 !important; }

select { font-family: "cfont"; font-weight: normal; background: #f7f8f8; color: #7c7c7c; outline: none; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; border: 1px solid #ad9c9c; border-radius: 6px 6px 6px 6px; box-shadow: 0 1px rgba(34, 25, 25, 0.2) inset, 0 1px #fff; font-size: 0.8em; line-height: 1em !important; margin: 0 0 10px 0; padding: 0.3em 0.3em !important; width:100%; }

.fluid_3 {
width: 100%;
float: right;
margin-left: 1.5%;}

#wrapper{ opacity: 0; filter:alpha(opacity:0); }

#level_1{ background: #FCFBE3; position: relative; }
#level_1 .nav_footer{ position: absolute; bottom: 1em; width: 100%; text-align: center; color: #fff; font-size: 0.9em; }
#level_1 .nav_footer a{ text-decoration: none; }
#level_2{ background: #252525; color: #ffffff; }
#level_2 .space{ display: block; clear: both; }

#level_text .royalSlider, #level_text .royalSlider .rsOverflow { height: 100% !important; width: 100% !important; position:absolute; top:0; bottom:0; right:0; left:0; }
.form1{ width: 100%; height: 370px; }
.form2{ width: 100%; height: 400px; }

.cfont{ font-family: 'cfont'; }
h1,h2,h3,h4,h5,h6{ font-family: 'cfont'; color: #ccaa59; line-height: 1em; margin-top: -5px; }

#level_2 h2 { padding: 4px 10px 0 10px; display: inline-block; height: auto; color: #fff; }

hr{ background: #850000; height: 1px; width: 100%; }

h2{ font-size: 1.8em; }
h3{ font-size: 1.4em; }
h4{ font-size: 1.2em; }
h5{ font-size: 1em; }
h6{ font-size: 1em; }

.padding{ padding: 15px; }
.vpadding{ padding-top: 15px; padding-bottom: 15px; }
.hpadding{ padding-right: 15px; padding-left: 15px; }
.tpadding{ padding-top: 15px; }
.bpadding{ padding-bottom: 15px; }
.rpadding{ padding-right: 15px; }
.lpadding{ padding-left: 15px; }

.hide{ display: none; }

.icon,.icon img{ vertical-align: middle; }
.icon img{ margin-bottom: 10px; }

h3.icon,h3.icon img{ vertical-align: middle; }
h3.icon img{ margin: -3px 0 0 5px; }
h3.icon{ border-bottom: solid 1px #252525; padding-bottom: 10px; margin: 20px 0 15px 0; }

p.icon{ font-size: 0.9em; }

header nav{ text-align: center; margin-bottom: 2em; }
header nav img:last-child{ display: none; }
header h1{ margin: 0; padding: 0; }
header h1 img{ width: 100%; height: auto; }

header nav a{ font-size: 0.9em; color: #000 !important; font-family: 'cfont'; margin-top: 15px; display: block; text-decoration: none; border-top: 1px dotted #ae925e; }
header nav a .he{ font-size: 1.25em; font-family: 'cfont'; padding: 2px 6px 0 0; margin-top: 15px; display: block; }
header nav a small{ font-size: 0.9em; }

#slider,#level_3{ overflow: hidden; }

#level_3 .footer, #level_text .footer{ position: absolute; bottom: 0; left: 0; right: 0; background: url(/img/footer_bg.png); z-index: 999; padding: 0.5em; color: #ffffff; font-size: 0.7em; }
#level_3 .footer .txt, #level_text .footer .txt{ margin-top: 0.3em; }

#slider{ width: 100%; }
.rsDefault .rsThumb.rsheader navSelected{ background: #252525; }
#slider .rsImg{ max-width: none !important; width: auto; height: auto; }
.rsDefault .rsThumb.rsNavSelected{ background: #FCFBE3; color: #000; }
.rsDefault .rsThumb{ text-align: center; font-weight: bold; color: #fff; font-family: 'cfont'; }
#slider .rsTmb{ padding: 5px; }
#slider .rsArrowDisabled{ display: none !important; }
#slider .rsPlayBtn{ background: none; }
#slider .rsPlayBtnIcon{ background: url(../img/play.png) center center; }
.rsDefault .rsThumbsHor{
	height: 110px;
	bottom: 0;
}

article{ font-family: 'cfont'; font-size: 0.9em; }
article b,article strong{ font-weight: bold; }
article .title{ margin: 0 0 20px 0; }
article .subtitle{ margin: -5px 0 20px 0; font-size: 1.3em}
article .subtitle.nmargin{ margin: 20px 0 10px 0 !important; }
article .desc{ color: #fff; margin: 0 0 20px 0; }
article p, article p span{ font-family: arial; }
article p:last-child{ margin-bottom: 0px; }

.contacttext{ text-align: center; position: absolute; top: 50%; right: 0; left: 0; margin-top: -150px; }

#scrollbar .overview{ font-size: 0.9em; line-height: 1.5em !important; min-height: 100%; }
article ul,article li{ margin: 0; padding: 0; font-size: 1em; list-style-image: url('../img/il-bullet.png'); }
article ul{ padding: 0 20px 0 0; margin-top:-10px; }
article li{ margin-bottom: 0px; }
article ul.leaf,article li.leaf{ list-style-image: url('../img/il-leaf.png'); }

article .medal { text-align: center; margin-bottom: 2.5em; }
article .medal img { width: 40%; }
#level_1, #level_2, #level_3{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }


#subs{ position: relative; }
#subs nav{ overflow: hidden; }
#subs nav a{ position: relative; overflow: hidden; width: 33.333%; float: right; text-decoration: none; }
#level_text #subs nav a:nth-child(3n+1){ clear: both; }
#level_text #subs nav a{ cursor: default; }
#subs nav a img{ max-width: 1000%; width: 100%; }
#level_text #subs nav a img{  opacity: 0.9; }
#subs nav h3{ font-size: 1.05em; position: absolute; z-index: 2; top: 0; left: 29px; right: 1px; padding: 5px; margin: 0; background: url(/img/blackbg.png) center top; color:#000000; }
#subs nav a.selected h3{ background: #252525; color: #FFF; }
#subs .media{ position: absolute; z-index: 1; top: 25px; left: 29px; right: 0; bottom: 0; background: url(../img/play.png) center center; }
#level_text #subs nav h3{ position: relative !important; right: 1px; }

footer h3{ padding: 15px 15px 0 0; line-height: 1em; color: #000000; }
footer form{ padding-top: 10px; font-family: 'cfont'; }
footer form .padding{ padding: 7px; }
footer form input, footer form select{ width: 96%; margin: 0; padding: 5px 2%; border: none; background: #CCC; font-family: 'cfont'; background: #e6e6e6; border: none; color: #a3363d; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
footer form input.checkbox{ width: auto; margin: 0 10px; vertical-align: middle; background: none; }
footer form input.checkbox{ float: right; margin: 5px 10px 10px 10px; }
footer form #send{ margin: 0; padding: 10px 3%; width: 94%; background: #ccaa59; border: none; font-size: 1.5em; font-family: 'cfont'; text-align: center; }
footer form .button{ margin: -44px 0; }
footer form label{ font-size: 0.95em; }
footer form label.error{ display: none !important; }
footer form select.error,footer form input.error{ border: 2px solid red; margin: -2px; }
footer form #sent{ display: none; background: black; }
footer form #sent h3{ display: block; margin: -10px 0 0 20px; padding-bottom: 10px; }
footer form #sent h3 span{ color: #fff !important; }

footer p{ font-family: 'cfont'; margin: 15px 0 0 0; line-height: 1em; font-size: 0.75em; }


#scrollbar { width: 100%; clear: both; margin: 20px 0 10px; }
#scrollbar .viewport { width: 95%; height: auto; overflow: hidden; position: relative; }
#scrollbar .overview { width: 100%; list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar .thumb .end,
#scrollbar .thumb { background-color: #8c8c8c; }
#scrollbar .scrollbar { position: relative; float: right; width: 5%; }
#scrollbar .track { background-color: #5d5d5d; height: 100%; width: 3px; position: relative; padding: 0 1%; }
#scrollbar .thumb { height: 20px; width: 100%; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar .thumb .end { overflow: hidden; height: 5px; width: 8%; }
#scrollbar .disable{ display: none; }

/* {flexi} Responsive Web
----------------------------------------------------------------------------------------------------*/

/* (sp_p) SmartPhone Portrait - Width ...-480 */
@media only screen and (min-width: 300px) and (max-width: 767px){
	.container{ width: 100%;}
	html,body{ font-size: 15pt; }
	.padding{ padding: 15px; }
	.vpadding{ padding-top: 15px; padding-bottom: 15px; }
	.hpadding{ padding-right: 15px; padding-left: 15px; }
	.tpadding{ padding-top: 15px; }
	.bpadding{ padding-bottom: 15px; }
	.rpadding{ padding-right: 15px; }
	.lpadding{ padding-left: 15px; }
	
	#level_2 .space{ display: none; }
	article .title{ margin: 0 0 10px 0; }
	article .subtitle{ margin: -3px 0 10px 0; font-size: 1.3em}
	article .subtitle.nmargin{ margin: 5px 0 5px 0 !important; }
	article .desc{ color: #fff; margin: 0 0 10px 0; }
	
	.sp_p_hide{ display: none; }
	.sp_p_show{ display: inline; }

	#page{ border: none; margin: 0; }

/*	header h1 .hpadding{ padding: 20px 15px 20px 10px; }
	header h1 img{ width: 30%; }
	
	header nav{ margin: 0 0 0 -4%; width: 104% !important; }
	header nav a{ margin: 10px 0 5px 4%; float: right; width: 46%; }*/
	
	header h1{ text-align: center; }
	header h1 img{ width: 100%; max-width: 100px; margin-top: 0; height: auto; }
	
	header{ z-index: 9999; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
	header .navtoggle{ text-align: right; }
	header .navtoggle img{ padding-top: 0.5em; }
	header nav img, header .nav_footer{ display: none; }
	header nav a{ border: 0; }
	header .navwrapper{ position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
	header .navwrapper .border_t{ border-color: #000; border-style: dotted; padding-top: 1em; width: 100%; }
	
	#subs .media{ left: 12px; }
	
	header nav{ margin: 0 -4%; float: none !important; }
	header nav a{ margin: 0px 4% 10px 0; float: right; width: 46%; font-size: 0.6em; }
	
	footer{ margin-top: 0; }
	footer .hpadding{ padding: 0; padding-left: 15px; }
	footer form .button{ margin: 0; }
	footer form #send{ padding: 5px 2%; width: 100%; font-size: 1.4em; }
	
	footer .lpadding p{ padding-right: 5px; }
	
	#subs nav a .lpadding{ padding-right: 7px; padding-left: 7px; }
	#subs nav h3{ left: 7px; right: 7px; font-size: 1.2em; color:#000000; }	
	#subs .media{ left: 7px; }
	
	#subs nav a{ width: 50%; }
	#level_text #subs nav a{ clear: none !important; }
	#subs nav a:nth-child(2n+1){ clear: both }

	#scrollbar .track{ display: none; }
	
	.contacttext{ margin: auto; position: relative; top: 0; }
	#scrollbar .overview{ min-height: auto; }
	.scrollbar .thumb{ display: none; }
	/*/mediaquery*/
}

/* (tb_p) Tablet Portrait - Width 768-980 */
@media only screen and (min-width: 768px) and (max-width: 979px){
	.container{ width: 100%;}
	body,html{ font-size: 13pt; }
	
	.tb_p_hide{ display: none; }
	.tb_p_show{ display: inline; }
	
	header h1{ text-align: center; }
	header h1 img{ width: 100%; max-width: 150px; height: auto; }
	
	header{ padding-bottom: 30px; }
	
	header nav .hpadding{ padding: 30px 12px 0 0; }
	header nav { text-align: right; }
	header nav img, header .nav_footer{ display: none; }
	header .navwrapper .border_t{ border: 0; padding-top: 1em; }


	#subs nav a{ width: 50%; }
	#level_text #subs nav a{ clear: none !important; }
	#subs nav a:nth-child(2n+1){ clear: both }


	header nav{ margin: 0 -4%; }
	header nav a{ margin: 15px 4% 10px 0; float: right; width: 46%; border-top: 0; }
	header nav a{  border-bottom: 1px dotted #fff; }
	
	#level_2 .space{ display: none; }
	article > .padding{ padding-top: 15px; }
	
	.contacttext{ margin: auto; position: relative; top: 0; }
	#scrollbar .overview{ min-height: auto; }
	.scrollbar .thumb{ display: none; }
	/*/mediaquery*/
}
@media only screen and (min-width: 768px) and (max-width: 979px) and (min-height: 735px){
	body,html{ font-size: 15pt; }
	.container{ width: 100%;}
	/*/mediaquery*/
}

/* (tb_l) Tablet Landscape - Width 980-1200 */
@media only screen and (min-width: 980px) and (max-width: 1199px){
	.container{ width: 100%;}
	body,html{ font-size: 13pt; }
	.border_t{ border: 0 !important; }
	/*/mediaquery*/
}
@media only screen and (min-width: 980px) and (max-width: 1199px) and (min-height: 885px){
	.container{ width: 100%; }
	body,html{ font-size: 15pt; }
	.border_t{ border: 0 !important; }
	/*/mediaquery*/
}

/* (ls) Large Screen - Width 1600+ */
@media only screen and (min-width: 1600px){	
	.container{ width: 100%;}
	body,html{ font-size: 15pt; }
	header nav a{ margin-top: 15px; text-align: center; }
	 
	#level_1{ width: 15%; }
	#level_2{ width: 18.333%; }
	#level_2 h1,#level_2 h2,#level_2 h3,#level_2 h4,#level_2 h5,#level_2 h6{ color: #ffffff; }
	#level_2.ls_grid_10{ width: 85%; }
	#level_3.ls_grid_10{ width: 85%; }
	#subs nav h3{ font-size: 1.2em; color: #000; }
	.border_t{ border: 0 !important; }
	/*/mediaquery*/
}

/* (sls) Large Screen - Width 2000+ */
@media only screen and (min-width: 2000px){	
	.container{ width: 100%;}
	body,html{ font-size: 15pt; }
	header nav a{ margin-top: 25px; }
	#level_1{ width: 12%; }
	#level_2{ width: 21.333%; }
	#level_2.ls_grid_10{ width: 88%; }
	#level_3.ls_grid_10{ width: 88%; }
	#subs nav h3{ font-size: 1.4em; }
	.border_t{ border: 0 !important; }
	/*/mediaquery*/
}

/* (dt) Desktop - Width 1200-1600 */
@media only screen and (min-width: 1200px) and (max-width: 1599px){
	.container{ width: 100%;}
	body,html{ font-size: 15pt; }
	#level_1{ width: 20%; }
	#level_2{ width: 30%; }
	#level_2.ls_grid_10{ width: 80%; }
	#level_3.ls_grid_10{ width: 80%; }
	.border_t{ border: 0 !important; }
	/*/mediaquery*/
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) and (min-height: 1200px){
	.container{ width: 100%; }
	body,html{ font-size: 15pt; }
	.border_t{ border: 0 !important; }
	/*/mediaquery*/
}

