/* COSMOS CSS SHEET // DEVELOPED BY WEBBURO.NET */
/* ----------------------------------------------------------------------- SHORTLINKS AND DESIGNSTANDARDS */
@import url('https://fonts.googleapis.com/css?family=Exo:300,400,600,800');
.specialfont		{ font-family:Exo, Arial, Helvetica, sans-serif; letter-spacing: 2px;}

*					{ -moz-box-sizing: border-box; box-sizing: border-box; }
div, 
p, 
form, 
img					{ padding:0px; margin:0px; border:0;}

.positioner 		{ margin:auto; position:relative; }
.breaker			{ clear:both;}

.gradient			{	color:#fff;
						background: rgb(55,55,55); /* Old browsers */
						background: -moz-linear-gradient(top, rgba(55,55,55,0.8) 0%, rgba(17,17,17,1) 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(top, rgba(55,55,55,0.8) 0%,rgba(17,17,17,1) 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(to bottom, rgba(55,55,55,0.8) 0%,rgba(17,17,17,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111', endColorstr='#333',GradientType=0 ); /* IE6-9 */}

.shadow 			{ -moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);}
.rounded			{ -webkit-border-radius: 5px;	-moz-border-radius: 5px;border-radius:5px;}
.textshadow 		{ text-shadow: 1px 1px 1px #333;	}
.upper				{ text-transform:uppercase;}

/* animations */ 
.fade 				{ opacity: 1;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
.fade:hover 		{ opacity: 0.5;}
.transform			{ transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;}

/*basic site colors*/
.color1				{ background:#222; color:#fff;}
.color1_trans		{ background:rgba(34,34,34,0.7); color:#fff;}
.color1text			{ color:#f00;}
.color1 a,
.color1_trans a		{ color:#fff}

.color2				{ background:#6e2094; color:#fff;}
.color2_trans		{ background:rgba(110,32,148,0.9); color:#fff;}
.color2text			{ color:#6e2094;}
.color2 a,
.color2_trans a		{ color:#fff}

.color3				{ background:#f00; color:#fff;}
.color3_trans		{ background:rgba(55,55,55,0.9); color:#fff;}
.color3text			{ color:#f00;}
.color3 a,
.color3_trans a		{ color:#fff}

.flexbox			{ display:flex;flex-direction: row; align-items: stretch; width:100%; }
.flex-item			{ flex:auto; align-self:  stretch; width:100%; margin:5px;}


@media screen and (min-width: 800px){
.mobile 				{ display:none !important;}
}
@media screen and (max-width: 799px){
.desktop				{ display:none !important;}
#standaard_content img	{ width:100%; display:block; clear:both; max-width:auto !important; height:auto !important; margin:0 auto !important;float:none !important;}

}


/* ----------------------------------------------------------------------- BASICS */

html				{ height:100%;}
body				{ background:url('images/body.png') top center #222 no-repeat; color:#fff; font-family:Verdana, Exo,Arial,Verdana, Geneva, sans-serif;font-size:1em; font-weight: 300; line-height:1.7em; height:auto !important;min-height:100%;margin:0; padding:0;position:relative;}
	
h1 					{ font-size:2em;}	
h2 					{ font-size:1.8em;}
h3 					{ font-size:1.6em;}
h4 					{ font-size:1.4em;}
h5 					{ font-size:1.3em;}
h6 					{ font-size:1.2em;}

h1,h2,h3,h4,h5,h6	{ margin:0px;line-height:1.4em; font-weight:300; text-transform: uppercase; font-family:Exo, Verdana, Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif"; letter-spacing: 2px;}

strong				{ font-weight:900;}

/* ----------------------------------------------------------------------- LINKS */
a 					{ color:#317CFF; text-decoration:none; } 
a:hover 			{ text-decoration:underline; }

/* ----------------------------------------------------------------------- MAIN LAYOUT */

.m15		{ margin:15px;}
.m15v		{ margin:15px auto}
.m15h		{ margin:0 15px;}
.p15		{ padding:15px;}
.p15h		{ padding:0 15px;}
.p15v		{ padding:15px 0;}
.p30		{ padding:30px;}
.p30h		{ padding:0 30px;}
.p30v		{ padding:30px 0;}
.p60		{ padding:60px;}

.widewrapper						{ width:100%;}
.col_container						{ text-align:center; display:inline-block; width:100%;}
.col								{ display:inline-block; text-align:left; /*background:#CCC;*/}
.col1, .col2, .col3, .col4, .col5	{ vertical-align:top;}

@media screen and  (min-width:1230px){
.wrapper		{ max-width:1200px;}
.col1			{ width:1170px;}
.col2			{ width:570px;}
.col3			{ width:370px;}
.col4			{ width:270px;}
.col5			{ width:210px;}
}
@media screen and (max-width:1229px) and (min-width: 990px){
.wrapper		{ max-width:960px;}
.col1			{ width:930px;}
.col2			{ width:450px;}
.col3			{ width:290px;}
.col4			{ width:210px;}
.col5			{ width:162px;}
}
@media screen and (max-width:989px) and (min-width: 750px){
.wrapper		{ max-width:720px;}
.col1			{ width:690px;}
.col2			{ width:330px;}
.col3			{ width:210px;}
.col4			{ width:150px;}
.col5			{ width:96%;}
}
@media screen and (max-width:749px) and (min-width: 480px){
.wrapper		{ max-width:480px;}
.col1			{ width:450px;}
.col2			{ width:210px;}
.col3			{ width:450px;}
.col4			{ width:450px;}
.col5			{ width:450px;}
.flexbox				{ flex-direction:column;}
}
@media screen and (max-width:479px) and (min-width: 0px){
.wrapper		{ width:100%;}
.col1			{ width:290px;}
.col2			{ width:290px;}
.col3			{ width:290px;}
.col4			{ width:290px;}
.col5			{ width:290px;}
.flexbox				{ flex-direction:column;}
}

/* ----------------------------------------------------------------------- LAYOUT */ 

.header				{}
.logo_wrapper		{ text-align:center;  overflow: hidden; padding:160px 0 0; background:rgba(0,0,0,0.3); width:100%; height:280px;}
.home_logo			{ padding:350px 0 0;height:465px;}

@media screen and (max-width:749px) and (min-width: 0px){
.home_logo			{display:inline-block;padding:150px 0 0;height:265px; overflow: hidden; z-index: 100; text-align: center;}
}

.logo_link			{ display:inline-block;overflow: hidden; z-index: 100; }
#logo 				{ width:100%; max-width:592px;}

#home_content		{padding:60px 0; background:url('images/line.png') top center no-repeat, url('images/line.png') bottom center no-repeat; margin-bottom:30px;}


.sub_item_image	img	{width:100%;}
.spotlight_link		{ display:block; width:100%; height:100%; padding:360px 30px 30px 30px; min-height:420px;text-align: center; color:#fff; text-transform: uppercase;}
.spotlight_link:hover {background:rgba(34,34,34,0.3);}
.spotlight_link span { display:inline-block; background:rgba(34,34,34,0.6); padding:5px 15px;}
.spotlight_link:hover span {background:#6e2094;}

.vision_title		{ text-align:center; width:200px; height:200px; font-size:1.8em;}
.vision_title span	{ display:flex; align-items:center; justify-content: center; width:200px; height:100%; line-height: 0.8em;}
.vision_content		{ padding:0 30px;}
.vision_content	p	{ display:flex; align-items:center; justify-content: center; height:100%;}

@media screen and (max-width:799px) and (min-width: 0px){
.vision				{ padding:0 30px;}
.vision_content		{ padding:30px 0px;}
}

.services			{ text-align:center; padding:90px 0;}
.services h3		{ display:inline-block; border-bottom:5px solid #6e2094; font-weight: 300; font-size:32px; margin:0 0 60px}
.services .flexbox	{ text-align:left;}
.services .flex-item{ padding:0 30px;}
.services .flex-item:first-child {font-size:1em;}
.services ul		{ margin:0; list-style: square;}

.strip				{ background:#fff;}

.cta				{ text-align: center;}

.cta				{ border-top:1px solid #444;}
.cta a				{ border:1px solid #fff; padding:15px 15px 15px 45px; margin:15px; display:inline-block;}
.cta a:first-child	{ background:url('images/icon_phone.png') left center no-repeat;}
.cta a:last-child	{ background:url('images/icon_contact.png') left center no-repeat;}
.cta a:hover		{ background-color:#6e2094; text-decoration: none;}
@media screen and (max-width:749px) and (min-width: 0px){
.cta a				{ display:block;}
}

.page_title			{ font-size:24px;}

#webburo			{text-align:center;}

/* ----------------------------------------------------------------------- NAV RESETTER */

.nav ul, .nav li, .hnav ul,.hnav li, .slicknav_nav, .slicknav_nav li	{ margin:0; padding:0; list-style-type:none;position:relative; clear:both;}
.nav a, .hnav a, .slicknav_nav a		{ display:inline-block; color:#fff; text-decoration:none;}

/* -----------------------------------------------------------------------HORIZONTAL NAV */

/* NAV BASIC */
.hnav				{ font-size:23px; font-weight:300; padding:30px 0 0; text-align: center; letter-spacing: 2px}
.hnav *				{ transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;}
.footernav .hnav	{ font-size:16px; padding:30px 0;}

@media screen and (max-width: 799px){
.slicknav_menu,
#menu				{ position:absolute; top:0; left:0; background:#222; z-index:1000; min-height:40px; text-transform:uppercase;}
}

@media screen and (min-width:800px){
.hnav li 					{ display:inline-block; margin:0 15px; border-bottom:5px solid rgba(0,0,0,0); line-height:50px;}
.hnav li.on					{ border-bottom:5px solid #6e2094}
.hnav li:hover				{ border-bottom:5px solid #fff;}
.hnav li a					{ display:block; color:#fff;}
.hnav li:hover a			{ }
/*2nd level*/
.hnav li ul					{ display:none;}
.hnav li:hover ul			{ display:block;	position:absolute; top:50px; left:0; width:250px; background:rgba(34,34,34,0.9); z-index:200;}
.hnav li li					{ float:none; padding:10px; text-align:left; line-height:20px; margin:0; display:block;}
.hnav li li a				{ font-size:16px !important}
.hnav li li:hover			{ background:#6e2094;}
.hnav li li a::before		{ content:"» ";}
.hnav li li ul				{ display:none !important;}
/*3rd level*/
.hnav li li:hover ul		{ display:block !important; position:absolute; top:0px; left:200px; width:150px; background:#555; z-index:200;}
.hnav li li li 				{ font-size:1em;} 
.slicknav_menu 				{ display:none; }
}

@media screen and (max-width: 799px) {
.hnav, 								
.js #menu 							{ display:none;}

.slicknav_menu 						{ position:relative;padding:0px 20px;display:block;}
.slicknav_menu:before,
.slicknav_menu:after 				{ display: block; clear:both; }
.slicknav_btn 						{ position: relative; display: block; margin: 5px auto;text-decoration:none;vertical-align: middle; float:left; width:100%; text-align:center;  padding:2px 0px; line-height: 1.125em; cursor: pointer; }
.slicknav_menutxt 					{ float: left; color:#fff; font-size:1.4em;line-height:1.2em;}
.slicknav_icon 						{ margin: 2px 0 0 0;float: right; }
.slicknav_menu .slicknav_icon-bar 	{ display: block; width: 30px; height: 3px; background-color: #fff;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 5px }

.slicknav_nav a						{ display:inline-block; padding:5px 10px; border:1px solid #fff; margin:5px 0; width:100%; position:relative;}
.slicknav_nav div   				{ position:relative; color:#fff;}
.slicknav_nav div span				{ font-size:30px;}
.slicknav_nav a:hover 				{ background:#6e2094;}
.slicknav_arrow						{ position:absolute; right:0px;top:5px;  z-index:300; cursor:pointer; display:block; padding:5px 30px;}
}
/* ----------------------------------------------------------------------- VERTICAL NAV */

.nav li				{ }
.nav li li			{ padding:0 0 0 20px; }

/* ----------------------------------------------------------------------- FOOTER-nav */

#footer ul, 
#footer li			{ margin:0;	padding:0; list-style-type:none; }

/* ######################################################################## COSMOS MODULES */

#showcase			{ width:100%; max-width:930px; overflow:hidden; height:auto !important;}
#showcase img,
#showcase div		{ width:100% !important; height:auto !important;}

/* min-height depending on your showcase settings */
@media screen and (min-width:1230px)						{ #showcase	{ width:100%; max-width:1170px; overflow:hidden; height:auto !important;}#showcase div	{ min-height:450px;}}
@media screen and (max-width:1229px) and (min-width: 990px)	{ #showcase	{ width:100%; max-width:930px; overflow:hidden; height:auto !important;}#showcase div	{ min-height:400px;}}
@media screen and (max-width:989px) and (min-width: 750px)	{ #showcase	{ width:100%; max-width:690px; overflow:hidden; height:auto !important;}#showcase div	{ min-height:300px;}}
@media screen and (max-width:749px) and (min-width: 480px)	{ #showcase	{ width:100%; max-width:450px; overflow:hidden; height:auto !important;}#showcase div	{ min-height:190px;}}
@media screen and (max-width:479px) and (min-width: 0px)	{ #showcase	{ width:100%; max-width:280px; overflow:hidden; height:auto !important;}#showcase div	{ min-height:100px;}}
#showcase div.caption 		{position:absolute;	height:90px !important;	min-height:90px !important;	background:none;}
#showcase div.caption span 	{position:absolute; display:block;	left:0; bottom:50px;background:#000; color:#fff;font-size:24px; font-weight:900 !important; text-transform:uppercase; height:45px !important; line-height:50px; padding:0 20px !important;}
#showcase div.caption p 	{position:absolute; display:block;	left:0; bottom:20px;background:#444; color:#fff;font-size:16px; font-weight:400 !important; text-transform:uppercase; height:30px !important; line-height:30px; padding:0 20px !important;}

/* CAROUSEL -----------------------------------------------------------------------*/

@media screen and (max-width: 999px){#showcase_carousel	{ display:none !important; }}

#showcase_carousel				{ position:relative;}
#carousel1						{ padding:0 0 0 0px; width:930px; height:400px; position: relative; top: 0px; }
#carousel1 img					{ }
#carouseltitles					{ display:none;position:absolute;bottom:10px;left:50%; z-index:500; margin-left:-95px;width:220px; background:#fff; text-align:center;line-height:30px;}
#left-but						{ position:absolute; left:0px; bottom:10px; width:30px; height:30px;border:0; color:#fff; background:url('images/left.png') #ccc; cursor:pointer;}
#right-but						{ position:absolute; right:0px; bottom:10px; width:30px; height:30px;	border:0;	background:url('images/right.png') #ccc; cursor:pointer;}

/* FULLWIDTH showcase ----------------------------------------------------------------------- */

.cbp-bislideshow 						{ list-style: none;width: 100%;height: 600px;	position: absolute;	top: 10px;	left: 0;	z-index: -1;	padding: 0;	margin: 0;}
@media screen and (max-width:749px) and (min-width: 0px){
.cbp-bislideshow 						{ height: 350px;}
}
.standaard_page .cbp-bislideshow 		{ height: 350px;}

.cbp-bislideshow li 					{ position: absolute;	width: 100%;height: 100%;top: 0;left: 0;opacity: 0;-webkit-transition: opacity 1s;-moz-transition: opacity 1s;	transition: opacity 1;}
.backgroundsize .cbp-bislideshow li 	{ -webkit-background-size: cover;	-moz-background-size: cover;background-size: cover;	background-position: center center;}
.backgroundsize .cbp-bislideshow li img { display: none;}
.cbp-bislideshow li img 				{ display: block;width: 100%;}
.no-js.no-backgroundsize .cbp-bislideshow li:first-child 	{ opacity: 1;}
.no-js.backgroundsize .cbp-bislideshow li:first-child img 	{ display: block;}


/* Strip slider ----------------------------------------------------------------*/

.wrap 				 	{ width:100%;  position:relative; padding:0px 0; margin:0 auto;}
.sliderrr    			{ overflow:hidden; position:relative; height:80px !important; }
.sliderrr ul 			{ margin:0; padding:0; height:80px; }
.sliderrr li 			{ float:left; list-style:none; width:310px; text-align:center;  }
.slider_strip_title		{position:absolute; bottom:0;}

/* NEWS ----------------------------------------------------------------------- */

.news_item							{ padding-bottom:0px; border-bottom:1px solid #CCC;	margin-top:10px; }
.news_title							{ font-size:1.4em; font-weight:bold; padding-bottom:3px; }
.news_date							{ font-style:italic; }
.news_time 							{ display:none;}
.news_image 						{ }
.news_summary_thumb_container 		{ float:left; margin:0px 5px 5px 0px; }
.news_summary_thumb_container img	{ width:100px; padding:1px; border:1px solid #ccc; }
.news_readmore						{ clear:both; text-align:right;}

#mod_news_archivelink				{  }
.news_item_archive					{ float:left; width:100%;clear:both; padding:8px 0;}
.news_item_archive .news_title 		{ float:left; width:70%;}
.news_item_archive .news_date		{ float:left; width:30%; text-align:right}

/* GALLERY --------------------------------------------------------------------  */

#gal_wrapper						{ width:100%; text-align:center}
#gal_title							{ width:100%;font-size:1.2em; font-weight:bold;}
#gal_viewer,	
#gal_allthumbs						{ width:100%; }

/* PROJECTS ------------------------------------------------------------------   */

#mod_projects_items table			{ width:100%;}
#mod_projects_items td 				{ padding:2px; border-bottom: 1px solid #ccc; text-align:left;}
#mod_projects_items .td_leesmeer	{ text-align:right;	}
#mod_projects_items th				{ border-bottom: 1px solid #ccc; text-align:left; }

/* Linkenpagina --------------------------------------------------------------   */

#mod_links_items					{ text-align:center; vertical-align:top;}	
.link-holder						{ display:inline-block; margin: 1%; width: 30%; min-width:280px; vertical-align:top; }
.link-holder h3						{ text-align:left; border-bottom:1px solid #ccc;}
.link-holder ul						{ list-style:none;}
.link-holder li						{ text-align:left; padding:5px 0;}

/* WEBUSERS ------------------------------------------------------------------   */
	
#loginform input					{ display:block;	}	
	
/* CALENDAR ------------------------------------------------------------------   */

#mod_calendar_items table			{ width:100%;}
#mod_calendar_items td, 
#mod_calendar_items th, 
#mod_calendar_item td				{ padding:5px; text-align:left;	vertical-align:top;}

/* FORMS ---------------------------------------------------------------------   */

@media screen and (min-width: 768px){
.mod_form table					{ width:100%;}
.mod_form td					{ text-align:left; padding:5px;vertical-align:top;}
.mod_form input[type='text'] 	{ padding:5px; border:1px solid #999; border-radius:5px; min-width:300px;}
.mod_form input.date 			{ min-width:50px !important; width:50px !important;}
textarea 						{ min-width:300px; min-height:200px;padding:5px; border:1px solid #999; border-radius:5px; font-family:Lato,Arial,Verdana, Geneva, sans-serif;}
}
@media screen and (max-width: 767px){
.mod_form table					{ width:100%;}
.mod_form td					{ display:block; text-align:left; width:100%; vertical-align:top;}
.mod_form input[type='text'] 	{ width:100%; padding:5px; border:1px solid #999; border-radius:5px;}
.mod_form input.date 			{ min-width:50px !important; width:50px !important;}
textarea						{ width:100%;  min-height:200px;padding:5px; border:1px solid #999; border-radius:5px;  font-family:Lato,Arial,Verdana, Geneva, sans-serif;}
}

.form_description					{ font-weight:400; border-bottom:1px solid #ccc; color:#9e48c8;}

/* MISC ---------------------------------------------------------------------   */

.error								{ color:#f00; }

input								{ font-size:1em;} 

#slides .pagination,
#mod_calendar_category,
#mod_mailer_cat_selection,
.mod_form  h3:first-child 			{display: none;}