/**
 *	RESET & SPECS
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0px; font-size:100%;	vertical-align:baseline; background:transparent; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
address		{ font-style:normal; }

.divgumbuttons		{ line-height:15px; }

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

a					{ margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins				{ background-color:#ff9; color:#000; text-decoration:none; }
mark			{ background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del				{ text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table			{ border-collapse:collapse; border-spacing:0; }
hr				{ display:block; height:1px; border:0; border-top:1px solid #ccc; margin:5px 0; padding:0; }
select		{ padding:2px; vertical-align:middle; }

textarea							{ height:100px; width:calc(100% - 20px); padding:10px; font:16px/24px 'museo_sans_rounded500', arial, sans-serif; color:#565656; border:1px solid #ccc; resize:vertical; }
input[type="text"]		{ padding:3px; border:1px solid #bbb;  }
input[type="text"],
input[type="password"],
select,
option	{
 font:16px/24px 'museo_sans_rounded500', arial, sans-serif;
}

:focus { outline:none; }
input[type='button'] { width:auto; overflow:visible; }

nav ul					{ margin:0; list-style:none; }
ul 							{ list-style:none; }
ol 							{ margin:0 0 0 20px; }
ol.whitespace		{ margin:0 0 20px 20px; }
	li						{	margin:0 0 0px; }
ul li:before			{ content:"\002022   "; color:#01adae; }

.clearfix		{ display:block; clear:both; overflow:hidden; visibility:hidden; width:0; height:0; }
.whitespace	{ margin:0 0 20px; }
.hyphenate 	{	/* as close as it gets to fix 'm all */
  overflow-wrap:break-word; word-wrap:break-word;
	-webkit-hyphens:auto; -ms-hyphens:auto; -moz-hyphens:auto;
  hyphens:auto;
}

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

::-webkit-input-placeholder { /* WebKit browsers */
	font-style:italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-style:italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-style:italic;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	font-style:italic;
}

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

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

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

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

.xs_editpreview_topmenu,
.xspreview-topmenu-content,
.xspreview-topmenu-item,
.xspreview-topmenu-items-container,
.xspreview-topmenu-publish,
.xspreview-topmenu-usermenu-container,
.smartphone-alert,
.docentopmerking-container,
.docentOpmerkingToolTip,
.divgumbuttons {display: none;}


/**
 *	STYLES AND GLOBAL SETTINGS
 */
html	{ height:100%; -ms-overflow-y:scroll;	overflow:-moz-scrollbars-vertical; overflow-y:scroll; }
body	{ position:relative; font:16px/24px 'museo_sans_rounded500', arial, sans-serif; color:#000; background:#d6d3c5; }

h1		{ margin:0 0 35px; font:34px/34px 'museo_sans_rounded500', arial, sans-serif; color:#000; }
h2		{ margin:0 0 5px; font:22px/26px 'museo_sans_rounded700', arial, sans-serif; color:#01adae; }
h3		{ margin:0 0 5px; font:18px/24px 'museo_sans_rounded700', arial, sans-serif; }
a			{ color:#0481aa; text-decoration:underline; }

.submit-button								{ display:inline-block; padding:5px 15px 5px 15px; background:#efede8; cursor:pointer; border: 0px; font:16px/24px 'museo_sans_rounded500', arial, sans-serif;  }
	.submit-button .fa					{ margin:0 0 0 10px; color:#07cacb; }
.submit-button:hover					{ background: #07cacb; color:#FFF; } 	
	.submit-button:hover .fa		{ color:#FFF; }
	

.top-bar						{ display: none;  padding:5px 8px; margin-bottom: 20px; background:#07cacb url('../images/top-bar-background.svg') -20px 0 / 57px 33px no-repeat; color:#fff; font-size:14px; }
.top-bar a					{ color: #FFF; }
	.top-bar .fa				{ margin:0 20px 0 0; font-size:15px; }

.buac-title			{ width:780px; margin:0 auto; padding:20px 0; text-align:center; font:20px/26px 'museo_sans_rounded500', arial, sans-serif; color:#8d8b82; }

.top-menu						{ display: none; position:fixed; right:0; top:0; color:#95938a; font-size:22px; z-index: 10; }
	.top-menu-item			{ padding:15px 20px; cursor:pointer; }
	.top-menu-item a				{ color: #95938a; }
	.top-menu-item a:hover	{ color: #07cacb; }

/**
 *	VOORTGANG
 */
.voortgang-backdrop									{ position:fixed; width:100%; height:100%; background:#5b5952; opacity:.5; display:none; }
.voortgang-container								{ position:absolute; right:0; top:0; bottom:0; height:100%; width:480px; padding:25px 40px; background:#d6d3c5; z-index:80; display:none }
	.voortgang-container a							{ text-decoration:none; }
	.voortgang-title-wrapper						{ display:flex; justify-content:space-between; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #bebbaf; }
		.voortgang-title										{ color:#929086; font-size:28px; }
	.voortgang-account-wrapper					{ margin:0 0 70px; padding:0 10px; }
	.voortgang-content-wrapper					{  }
		.voortgang-content-row							{ display:flex; justify-content:space-between; padding:7px 10px; border-bottom:1px solid #bebbaf; }
		.voortgang-content-row.top					{ font-family:'museo_sans_rounded700'; font-size:17px; }
			.voortgang-content-title						{ width:70%; }
				.voortgang-content-title .fa				{ margin:0 5px 0 0; color:#929086; }
			.voortgang-content-percentage				{ width:30%; text-align:center; }
			.voortgang-content-percentage .fa-info-circle			{ color:#0481aa; cursor:pointer; }


	.voortgang-article-title				{ font-family:'museo_sans_rounded700'; font-size:21px; color:#000; }
	.voortgang-article-subtitle				{ font-family:'museo_sans_rounded700'; font-size:17px; }

	.voortgang-vraag-container										{ color:#3a3a3a; }
		.voortgang-vraag-vraag												{ margin:0 0 5px; }
		.voortgang-vraag-wrapper											{ display:flex; }	
			.voortgang-vraag-arrow												{ display:flex; align-items:center; }
				.voortgang-vraag-arrow .fa-chevron-right			{ padding:7px 10px; background:#d6d3c4; color:#a7a599; font-size:14px; }
			.voortgang-vraag-content											{ padding:0 10px; line-height:18px; }
				.voortgang-vraag-info													{ color:#00807f; text-transform:uppercase; font-size:13px; }
				a.voortgang-vraag-link												{ text-decoration:none; font-size:15px; font-style:italic; }
				.voortgang-vraag-antwoord											{ font-size:15px; font-style:italic; }

.page	{ width:780px; min-height: 65vh; margin:0 auto; padding:0 0 40px; background:#fff; position: relative;}

	.page-content-wrapper		{ position:relative; padding:15px 65px; }
	
		.article-streamer				{ float:right; width:45%; padding:0 0 15px 40px; font:28px/38px 'museo_sans_rounded500', arial, sans-serif; }
			.article-image-wrapper.right		{ position:relative; float:right; width:30%; margin:0 0 0 30px; } 
			.article-image-wrapper.left			{ position:relative; float:left; width:30%; margin:0 30px 0 0; }
				.article-image-small						{ display:block; width:100%; }
		
		.topborder						{ height:2px; background:#07cacb; }
		.topborder.ocher			{ height:1px; margin:0 65px; background:#d5d3c6; }
		
		.divider-wrapper			{ padding:0 65px; }
			.divider.green				{ height:2px; background:#07cacb; }
			.divider.ocher				{ height:2px; background:#d5d3c6; }
	
		.videowrapper    				   { position:relative; height:0; padding:25px 0 53.25%; }
		  .videowrapper iframe        { position:absolute; top:0; left:0; width:100%; height:100%; }
		  .video-caption							{ padding:25px 65px; font-size:14px; background:#f7f6f3; }

	.article-column-wrapper						{ display:flex; justify-content:space-between; }
		.article-column.small							{ flex:0 0 30%; }
		.article-column.large							{ flex:0 0 65%; }
			.article-column-image							{ display:block; width:100%; }
				.article-column-thumb-wrapper			{ position:relative; }
				.article-column-thumb-handler			{ position:absolute; bottom:0; right:0; padding:5px; background:url('../images/shared/transparent.png') repeat; }

	.grid-container			{ border-top:1px solid #ddd; font-size:14px; }
		.grid-row						{ display:flex; border-right:1px solid #ddd; }
		.grid-row.top				{ font-weight:bold; background:#efede8; }
			.grid-cell					{ flex:1; padding:3px 7px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; }
			.grid-cell.wide			{ flex:2; }
			.grid-cell.xwide		{ flex:3; }

	.fig-caption			{ font-size:14px; color:#323232; }

	.download-wrapper							{ display:flex; margin:0 0 10px; }
		.download-wrapper-icon				{ display:flex; flex:0 0 6%; align-items:center; color:#a5a39b; font-size:22px; }
			.upload-wrapper input				{ cursor:pointer; }
			.download-link-info						{ font-size:12px; }
		.upload-wrapper								{ padding:15px; background:#efede8; }

	.info-box						{ padding:30px; background:#caf7ff; }
		.info-box-list			{  }

	.hint-tab			{ position:absolute; top:25px; right:-5px; height:36px; width:52px; background:url('../images/hint-tab.png') 0 0 no-repeat; }

	.page-content-wrapper	table					{ font-size:13px; line-height:17px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
		.page-content-wrapper	table th			{ padding:5px; border-left:1px solid #ddd; border-top:1px solid #ddd; background:#efede8; }
		.page-content-wrapper	table td			{ padding:5px; border-left:1px solid #ddd; border-top:1px solid #ddd; }

	.bottom-page-navigation		{  }

	.faq-vraag											{  }
		.faq-vraag-wrapper							{ position:relative; padding:0 0 0 20px; font-family:'museo_sans_rounded700'; font-size:17px; cursor:pointer; }
		.faq-vraag-wrapper:before					{ position:absolute; top:0; left:0; content:"\f067"; font-family:'FontAwesome'; font-size:11px; }  
		.faq-vraag-wrapper.open:before		{ content:"\f068"; }
		.faq-antwoord-wrapper							{ padding:10px 0 0 20px; font-style:italic; display:none; }


/**
 *	PAGE NAVIGATION
 */
.nav-prev-page,
.nav-next-page	{ position: fixed; width: 20px; height: 50px; top: 45%; z-index: 5; font-size: 28px; padding: 20px 20px 0; color: #95938a;}
.nav-prev-page	{ left: 0px; }
.nav-next-page	{ right: 0px; }
.nav-prev-page:hover,
.nav-next-page:hover { color: #07cacb; } 


/**
 *	COVER
 */
.cover-wrapper								{ width:100%; position:relative; cursor:pointer; }
.cover-wrapper.edit-modus			{ display:none; }

.cover-content								{ display:none; }
.cover-content.edit-modus			{ display:block; } 

	.cover-image		{ display:block; width:100%; }

	.cover-corner	{position: absolute; top: 0; right:0;
		animation-name: cover-corner; 
		animation-duration: 1s; 
		animation-delay: 0.5s; 
		animation-fill-mode: forwards;
		z-index:5; 
		background:url('/images/cover-start.png') 0 0 no-repeat;
		box-shadow:-2px 3px 6px -1px rgba(0, 0, 0, 0.2);
	}

	@keyframes cover-corner {
	    from {width:0px; height:0px;}
	    to {width:100px; height:99px;}
	}

/**
 *	Startpagina links
 */
 
.startpagina-link														{ border-top: 1px solid #CCC; }
.startpagina-link:last-child								{ border-bottom: 1px solid #CCC}
.startpagina-link	h2,
.startpagina-link	h3												{ margin: 0; }
.startpagina-link	a													{ display: block; text-decoration: none; }
.startpagina-link	a:hover										{ color: #07cacb; }
.startpagina-link	h2 a											{ padding: 10px 5px; }
.startpagina-link	h3 a											{ padding: 8px 5px; }
.startpagina-link	h2 a .fa-chevron-right		{ float:right; font-size: 16px; margin: 6px 5px 0 0; }
.startpagina-link	h3 a .fa-chevron-right		{ float:right; font-size: 16px; margin: 5px 5px 0 0; }


/**
 *	QUESTIONS
 */
.question-wrapper					{ border-top: 2px solid #07cacb; padding-top: 20px; } 
.gridvraag-container			{ border-bottom:1px solid #bcbcbc; }
	.gridvraag-row						{ display:flex; border-right:1px solid #bcbcbc; }
		.gridvraag-cell						{ flex:1 1 0; height:37px; background:#fff; border-color:#bcbcbc; border-style:solid; border-width:1px 0 0 1px; font-size:16px; overflow:hidden; vertical-align:middle; }
		.gridvraag-cell.top				{ height:auto; line-height:37px; text-align:center; }
			.gridvraag-cell input			{ height:87%; width:92%; padding:2% 4%; border:0; }

		.question-options-container					{ border-top:1px solid #e8e8e8; }
			.question-option										{ padding:7px 10px 5px 37px; border-bottom:1px solid #e8e8e8;  cursor:pointer; }

			.question-option.radio							{ background:#fff url('/images/shared/question-bg-radio_desktop.png') 10px -491px no-repeat; }
			.question-option.radio.checked			{ background-position: 10px 9px; }

			.question-option.checkbox						{ background:#fff url('/images/shared/question-bg-checkbox_desktop.png') 10px -491px no-repeat; }
			.question-option.checkbox.checked		{ background-position: 10px 9px; }

				.question-option-input	{ display:none; }


/**
 *	MENU
 */
.menu-container									{ position:absolute; width:65%; background:#e1ded4; }
	.menu-top												{ display:flex; justify-content:space-between; padding:20px 20px 25px; border-bottom:1px solid #c3c0b6; }
		.menu-top-handler								{ display:flex; }
			.menu-top-handler-icon					{ color:#66645a; font-size:20px; }
			.menu-top-handler-label					{ padding:9px 0 0; font-size:18px; }
		.menu-top-toggle								{ padding:6px; font-size:28px; color:#929086; cursor:pointer; }
	.main-menu											{ flex-flow:column; height:calc(100vh - 50px); margin:50px 0 0; }
		ul.main-menu										{ text-transform:none; overflow-y:scroll;}
			.main-menu-item									{ display:flex; }
				.menu-item-voortgang								{ width:25px; background:#07cacb url('../images/shared/voortgang-icons.svg') 6px 14px / 12px 77px no-repeat; border-bottom:1px solid #5fb7b2; }
				.menu-item-voortgang.partial				{ background-position:6px -19px; }
				.menu-item-voortgang.not-started		{ background-position:6px -51px; }
				.main-menu-item-link 								{ width:calc(100% - 25px); display:block; padding:0 15px 0 35px; font-size:16px; line-height:40px; text-decoration:none; border-bottom:1px solid #c3c0b6; color:#000; }
				.main-menu-item-link.active,
				.main-menu-item-link:hover					{ background:#07cacb; color:#fff; }

			ul li:before			{ content:""; }

	.main-menu-toggle							{ position:fixed; top:0; left:0; padding:15px 20px; color:#95938a; font-size:26px; cursor:pointer; z-index:100; }
	.main-menu-toggle:hover i			{ color: #07cacb;}
	.main-menu-backdrop						{ position:fixed; top:0; height:100%; width:100%; background:#000; opacity:0.5; z-index:90; display:none; }
	
	.main-menu-wrapper						{ position:fixed; top: 0px; left:0; height:100vh; background:#d6d3c5; z-index:35;  display:none; }
		ul.main-menu li a									{ display:block; max-width:400px;  text-decoration:none; line-height:22px; color:#000; }
		
			.menu-item-link.active,
			.submenu-item-link.active		{ color:#000; }

			
			a.menu-item-link						{ font-family:'museo_sans_rounded700'; padding:5px 20px; font-size:17px;}
			a.submenu-item-link			 		{ font-family:'museo_sans_rounded500'; padding:5px 20px; font-size:16px;}
			li.subsubmenu-item a 				{ padding: 5px 30px; font-size:15px;}

			
		.menu-item												{ position:relative; width:600px; border-bottom:1px solid #c3c0b6; }
			.submenu-toggle-handler							{ position:absolute; top:0; right:0; height:40px; width:40px; background:url('../images/shared/open-close.svg') 13px 9px / 18px 50px no-repeat; cursor:pointer; }
			.submenu-toggle-handler.open				{ background:url('../images/shared/open-close.svg') 13px -28px / 18px 50px no-repeat; }
			.item1 .submenu-toggle-handler			{ display:none; }
		
		.submenu									{ background:#e1ded4; display:none; }
			.submenu-item						{ position:relative; border-top:1px solid #c3c0b6; }
			
			.subsubmenu							{ display:none; }
				.subsubmenu-item				{ border-top:1px solid #c3c0b6; }
					.subsubmenu-item a			{ padding:5px 0 5px 30px; }
	
					.subsubmenu-toggle-handler				{ position:absolute; top:0; right:0; height:40px; width:40px; background:url('../images/shared/open-close-subsub.svg') 8px 9px / 20px 51px no-repeat; cursor:pointer; }
					.subsubmenu-toggle-handler.open		{ background:url('../images/shared/open-close-subsub.svg') 8px -24px / 20px 51px no-repeat; }

	.menu-item.active	.submenu		{ display:block; }
		.submenu-item.active					{ background:#fff; }
		.subsubmenu-item.active					{ background:#fff; }

/**
 *	ACCOUNT MENU
 */
.menu-account-wrapper 								{ position: fixed; top: 0; right:0px; height: 100vh; width: 30%; min-width: 300px; z-index: 100; background: #D6D3C5; display:none; }	
.menu-account-content									{ padding: 40px; }
.menu-account-wrapper div.top-menu 		{ right: 3px;  }


/**
 *	FORMULIEREN
 */
.xsformbuilder_small_textbox					{ display: none; }
.xsInPageAddContent                   { width:200px; margin:0 0 15px; }
.xsInPageAddContent a                 { display:block; padding:5px; text-decoration:none; color:#fff; text-align:center; background:#bcc5c8; border-radius:5px; }
.xsInPageAddContent a:hover           { background:#009cb4; }

.form-table-row												{ display: flex; flex-wrap: wrap; }
.form-table-row	.col1									{ flex: 0 1 33%; padding: 5px 1%; border-top: 1px solid #ddd; }
.form-table-row	.col2									{ flex: 0 1 63%; padding: 5px 1%; border-top: 1px solid #ddd; }
.form-table-row	input[type="text"] 		{ width: 100%; }
.form-table-row	input[type="password"] { width: 100%; }

div.form-container										{ display: flex; flex-wrap: wrap; }
div.form-label												{ flex: 0 1 33%; padding: 5px 1%; border-top: 1px solid #ddd; }
div.form-input												{ flex: 0 1 63%; padding: 5px 1%; border-top: 1px solid #ddd; }
div.form-input input[type="text"] 		{ width: 100%; }
div.form-input input[type="password"] { width: 100%; }



/**
 *	SEARCH
 */
.search-container																		{ position: relative; }
input[type="text"].search-container-text						{ position: relative; width: 96%; font:20px/34px 'museo_sans_rounded500', arial, sans-serif; color:#000; padding: 1% 2%; height: 35px;  }
input[type="submit"].search-container-button				{ position: absolute; right: 0px; top: 1px; height: 47px; width: 50px; background: url('/images/shared/icon_search.png') 0 -8px no-repeat; border: 0;}
input[type="submit"].search-container-button:hover	{ background: url('/images/shared/icon_search.png') 0 -58px no-repeat; cursor: pointer;}
.xsearchResultsContainer	{ margin-bottom: 30px; border-bottom: 1px solid #D6D3C5; }
.xsearchResult						{ border-top: 1px solid #D6D3C5; padding: 15px 0; cursor: pointer; margin-bottom: 0px;}
/*.xsearchResult:hover			{ background: #f8f7f0; }*/
.xsearchResult a		 			{ text-decoration: none; }
.xsearchResult a:hover,
.xsearchResult:hover a 		{ text-decoration: underline; }
.xsearchUrl,
.xsearch-laatst-gewijzigd	{ display: none;}

.xsearchHighlightedKeyword	{ font-weight: bold; }



/**
 *	NAVBAR
 */
.navbar										{ padding: 0 0 15px 0; font-size: 14px; height: 40px;}
.navbar	a									{ text-decoration: none; }
span.navbar-dots,
a.page-number							{ display: inline-block; margin-right: 1px;  padding: 5px 15px; background: #E4E2D8; float: left; }
a.page-number:hover,
a.page-number.activepage	{ font-family: 'museo_sans_rounded700', arial, sans-serif; color: #FFF; background: #07cacb; }
a.navbar-previous-arrow		{ display: none; }
a.navbar-next-arrow				{ display: none;  margin-right: 1px;  padding: 5px 15px; background: #E4E2D8; }

/**
 *	FOOTER
 */
.footer								{ display:none; }
	.footer-content				{ padding:20px; text-align:center; }
		.footer-content a			{ color:#4b493d; }



 


/**
 *   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; }
#cboxOverlay										{ position:fixed; width:100%; height:100%; }
#cboxMiddleLeft,
#cboxBottomLeft									{ clear:left; }
#cboxContent														{ position:relative; }
#cboxLoadedContent											{ overflow:auto; }
#cboxTitle															{ margin:0; }
#cboxLoadingOverlay,
#cboxLoadingGraphic							{ position:absolute; top:0; left:0; width:100%; }
#cboxPrevious, #cboxNext,
#cboxClose, #cboxSlideshow			{ cursor:pointer; }
.cboxPhoto											{ float:left; margin:auto; border:0; display:block; }
.cboxIframe											{ width:100%; height:100%; display:block; border:0; }

/**
 *   User Style:
 *   Change the following styles to modify the appearance of ColorBox. They are
 *   ordered & tabbed in a way that represents the nesting of the generated HTML.
 */
#cboxOverlay		{ background:#fff; }
	#cboxError		{ padding:50px; border:1px solid #ccc; }
	#cboxContent	{
		box-shadow:	0 0 1px rgba(0, 0, 0, 0.25),
								0 1px 3px 3px rgba(0, 0, 0, 0.25),
								0 5px 4px -3px rgba(0, 0, 0, 0.06);
		-webkit-box-shadow:	0 0 1px rgba(0, 0, 0, 0.25),
												0 1px 3px 3px rgba(0, 0, 0, 0.25),
												0 5px 4px -3px rgba(0, 0, 0, 0.06);
	}
	#cboxTitle				{ position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999; }
	#cboxSlideshow		{ position:absolute; bottom:0px; right:42px; color:#444; }
	#cboxPrevious			{ position:absolute; top:45%; left:-65px; height:0; padding:70px 25px 0; overflow:hidden; background:url('../images/shared/colorbox_arrows.png') 25px 25px no-repeat; }
	#cboxNext					{ position:absolute; top:45%; right:-65px; height:0; padding:70px 25px 0; overflow:hidden; background:url('../images/shared/colorbox_arrows.png') -37px 25px no-repeat; }
	#cboxClose				{
		position:fixed; top:15px; right:15px; display:block; height:0; width:64px; padding:64px 0 0; overflow:hidden;
		background:url('../images/shared/close.png') 0 0 no-repeat; border:0;
	}
	#cboxClose:hover	{ background-position:0 -63px; }





/**
 *	MEDIA QUERIES
 */

@media only screen and (min-width:1200px) {
/*
.page-container 			{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.page-left						{ flex: 1 26%; }
.page-right						{ flex: 1 74%; display: flex; flex-direction: column; position: relative;}
*/
.page-container 			{ z-index: 10; }
.page-left						{ width: 30%; float: left; }
.page-right						{ position: relative; float: right; width: 70%; padding-left: 30%;}

.main-menu-wrapper		{ display: block; position: fixed; width: 29%; } 
.main-menu 						{ flex-flow: column; height: 100vh; margin: 0 0 0; }
.submenu							{ display: block; }
.main-menu-toggle,
.main-menu-backdrop		{ display: none; }
.menu-item						{ width: 99%; } 
ul.main-menu li a			{ width: 90%; font-size: 13px;}
.nav-prev-page 				{	left: 29%; }
}

@media only screen and (max-width:800px) {

	.buac-title,
	.page,
	.footer								{ width:auto; }
	
}

@media only screen and (max-width:600px) {
	
	
	
}