/*HTML5 Reset*/
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, sub, sup, 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:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

html{
	height:100%;
	background: url(../images/background-top.png) no-repeat top center, url(../images/background-repeat.png) repeat-y center, #e0d9dd;
}

img.alignleft{
	margin-right:20px;
}

img.alignright{
	margin-left:20px;
}

.nav-toggle {
	display:none !important;
}

body{
    line-height:1;
	font:normal 12px/21px Verdana, Geneva, sans-serif;
	color:#414141;
}

/* Internet Explorer 7, 8 body fix */

.ie7 body, .ie8 body{
	background:#e0d9dd url(../images/background-repeat.png) repeat-y center;
}

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

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

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

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-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* Algemene onderdelen */

::-moz-selection {background: #0067c6; color: #fff;}
::-webkit-selection{background: #0067c6; color: #fff;}
::selection {background: #0067c6; color: #fff;}

/* Alignment */

.alignleft{
	display: inline;
	float: left;
}

.alignright{
	display: inline;
	float: right;
}

.verberg {
	display:none !important;
}

.aligncenter{
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

h1, h2, h3, h4, h5, h6, p{
	margin:0 0 21px;
}

article ul, article ol{
	margin:0 0 21px 25px;
}

article ul ul, article ol ol, article ol ul, article ul ol{
	margin:0 0 0 25px;
}

/* Template opbouw */

#container{
	margin:0 auto;
	width:1150px;
	clear:both;
	background:#fff;
}

#header{
	height:125px;
	width:1150px;
	float:left;
	background:#fff;
	margin-top:10px;
}

#topright{
	margin:55px 0 0 0;
	float:right;
	width:385px;
	height:30px;
}

#topnav{
	float:left;	
	margin-right:24px;
	color:#515151;
	font:normal 14px/27px 'nobile-webfont', Verdana, Geneva, sans-serif;
}

#topnav a{
	color:#515151;	
	text-decoration:none;
}

#topnav a.active{
	color:#0067c6;	
	text-decoration:none;
}

.topnavdivider{
	padding:0 8px;	
}

/* Zoeken */

#searchform{
	float:left;
	margin:0;	
	background:url(../images/search-input.png) no-repeat;
	height:29px;
}

#s{
	background:none;
	width:148px;
	height:20px;
	float:left;
	border:none;
	vertical-align:middle;
	font:normal 14px/18px 'nobile-webfont', Verdana, Geneva, sans-serif;
	color:#515151;
	padding:3px 8px 3px 8px;

}

#searchsubmit{
	background:url(../images/search-submit.png);
	width:34px;
	height:29px;
	border:none;
	padding:0;
	text-indent:-9999px;
}

/* Logo */

#branding{
	width:333px;
	background:url(../images/logo.jpg);
	height:44px;
	margin:44px 0 0 22px;
	float:left;
	text-indent:-9999px;
}

#content{
	width:1086px;
	padding:32px 32px 32px 32px;
	float:left;
	height:auto;
	background:#fff;
}

#content h1{
	font:normal 21px/25px 'nobile-webfont', Verdana, Geneva, sans-serif;
	margin:0 0 21px;
	color:#0067c6;
}

/* U bevindt zich hier info */

#pagelocation{
	font:normal 10px/10px 'nobile-webfont', Verdana, Geneva, sans-serif;	
	color:#505050;
}

#pagelocation a{
	font:normal 10px/10px 'nobile-webfont', Verdana, Geneva, sans-serif;	
	color:#0067c6;
	text-decoration:none;
}

.locationcolor{
	color:#0067c6;
}	

/* Horizontaal menu */

#menu{
	width:1151px;
	float:left;
	font:normal 14px/39px 'nobile-webfont', Verdana, Geneva, sans-serif;
	margin:0 0 0 -1px;
}

.horizontalmenu ul.topnav{
	height:39px;
	width:1151px;
	background:#0067c6;
	float:left;
	position:relative;	
	z-index:200000;
}

.horizontalmenu ul.topnav li{  
    padding:0 22px;
    position: relative;
	height:39px;
	float:left;
}

.horizontalmenu ul.topnav li:hover ul{
	display:block;
}

.horizontalmenu ul.topnav li ul{
	display:none;
    position: absolute;
    left: 0;
    top: 39px;
    background: #4389cd;
}

.horizontalmenu ul.topnav li a.first{  
    margin-left:10px;
}

.horizontalmenu ul.topnav li.active, .horizontalmenu ul.topnav li:hover{  
}
 
.horizontalmenu ul.topnav li a{
	display:block;
	color:#fff;
	text-decoration:none;
	float:left;
	position:relative;
	height:39px;
}
.horizontalmenu ul.topnav li a:hover, .horizontalmenu ul.topnav li.current-menu-item a{
	color:#fff;
}

/*Slider*/

#slider{
	width:1150px;
	height:221px;
	float:left;
	list-style:none;
	overflow:hidden;
}

#slider li, #slider img{
	width:1150px;
	height:221px;
	float:left;
}

#slider-underlay{
	width:100%;
	background:url(../images/slider-underlay.png) center no-repeat;
	height:260px;
	position:relative;
	z-index:-1;
	margin-bottom:-396px;
	margin-top:136px;
}

#slider-underlay-repeater{
	width:100%;
	background:url(../images/slider-underlay-repeater.png) repeat-x;
	height:260px;
	position:relative;
	z-index:-2;
	margin-bottom:-395px;
	margin-top:136px;
}

/*Article*/

article{
	margin:20px 0 0 0;
	float:left;
}

article h1{
	margin:0;	
}

article h3{
	color:#0067c6;
}

#h1arrow{
	float:left;
	margin:2px 10px 0 0;	
}

.articlesmall{
	width:750px;
	min-height:858px;
	background:url(../images/article-shade.png) no-repeat right;
}

.sectionsmall{
	margin:20px 0 0 0;
	width:680px;
}

section a{
	color:#0067c6;	
	text-decoration:none;
}

.hrefbutton{
	background:url(../images/buttonbg.png);
	width:331px;
	height:31px;
	padding:11px 0 0 32px;
	font:normal 17px Verdana, Geneva, sans-serif;
	display:block;
}

.infolargefont, .infolargefont a{
	font:normal 18px Verdana, Geneva, sans-serif;
	color:#0067c6;
}

.cursussentabel{
	cellpadding:0;
	cellspacing:0;
	width:685px;
	border:0;
	margin-bottom:40px;
}

.tabel-links{
	width:125px;
}

#blokcontainer{
	width:100%;
	height:260px;
	float:left;	
	margin-bottom:40px;
}

#blokcontainer img{
	margin:0 0 0 -1px;
}

#blokcontainer a{
	text-decoration:none;
	color:#414141;
	display: block;
	height: 100%;
}

#content-blok {
	width:338px;
	float:left;
	background:url(../images/blok-content.png) repeat-y;
}

#blok-einde {
	width:338px;
	height: 88px;
	background:url(../images/blok-einde.png);
	float:left;
}

#blok1 h1, #blok2 h1, #blok3 h1 {
	background:url(../images/blok-titel.png) no-repeat top;
	height:46px;
}


#blokcontainer p{
	margin:18px 10px 0 14px;
}

.highlight{
	color:#0067c6;
}

.twit-time{
	color:#949494;
}

.userpic{
	float:left;
	width:42px;
	height:42px;
	margin:10px 0 0 0;
}

#blokcontainer h1{
	padding:5px 0 0 45px;
	color:#fff;
	font:normal 24px/39px 'nobile-webfont', Verdana, Geneva, sans-serif;
	margin-bottom:0;
}

/* 3 Blokken homepage */

#blok1{
	width:338px;
	height:183px;
	float:left;	
}

#blok2{
	width:338px;
	height:183px;
	float:left;
	margin-left:36px;
}

#blok3{
	width:338px;
	height:183px;
	float:right;	
}

/* Twitter sectie homepage */

#twitterfeed{
	float:left;
	width:730px;
	min-height:452px;
	background:url(../images/twitter-side.png) right no-repeat;	
}

.twitpost{
	float:left;
	width:691px;
}

.twitpost p{
	margin-left:50px;
	margin-bottom:0px;
}

.twistpostdivider{
	width:691px;
	float:left;
	border-bottom:1px solid #c1c1c1;
	margin:10px 0 10px 0;
}

/* Opleidingskeuze */

#opleidingkeuze{
	width:700px;	clear: both;
}

#opleidingkeuze ul{
	margin:30px 0 30px 0;	
}

#opleidingkeuze h1{
	font:normal 18px 'nobile-webfont', Verdana, Geneva, sans-serif;
	margin:0 0 -2px 0;
}

#opleidingkeuze p{
	margin:0;
}

#opleidingkeuze a{
	text-decoration:none;
	color:#414141;
}

#opleidingkeuze li{
	background:#e0d9dd url(../images/selectionarrow.png) 15px 50% no-repeat;
	height:50px;
	margin:8px 0 0 0;
	padding:5px 0 0 50px;	
}

#opleidingkeuze li:hover{
	background:#b3c2d8 url(../images/selectionarrow.png) 15px 50% no-repeat;
}

#opleidinglist{
	margin:0 0 21px 50px;	
}

/* Aside (rechter gedeelte pagina's) */

aside{
	margin: 0 26px 0 26px;
	width:304px;
	float:left;
}

.asidesmall{
	width:284px;
}

.asidesmall h1{
	margin-bottom:21px;
}

aside h1{
	margin-bottom:41px;
}

aside a{
	font:bold 12px Verdana, Geneva, sans-serif;
	color:#0067c6;
	text-decoration:none;
}

#partners{
	margin-top:50px;
}

/* Whatsapp  content */
	#whatsapp {
		position: fixed;
		display: flex;
		right: 55px;
		bottom: 198px;
		bottom: 33px;
		z-index: 999;
		width: 5rem;
		height: 5rem;
		border-radius: 50%;
		font-size: 5rem;
		color: #fff;
		justify-content: center;
		align-items: center;
		z-index: 1;
		isolation: isolate;
	}
	
	#whatsapp .inner {
		background-color: #33d951;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center; 
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23fff' d='M476.9 161.1C435 119.1 379.2 96 319.9 96C197.5 96 97.9 195.6 97.9 318C97.9 357.1 108.1 395.3 127.5 429L96 544L213.7 513.1C246.1 530.8 282.6 540.1 319.8 540.1L319.9 540.1C442.2 540.1 544 440.5 544 318.1C544 258.8 518.8 203.1 476.9 161.1zM319.9 502.7C286.7 502.7 254.2 493.8 225.9 477L219.2 473L149.4 491.3L168 423.2L163.6 416.2C145.1 386.8 135.4 352.9 135.4 318C135.4 216.3 218.2 133.5 320 133.5C369.3 133.5 415.6 152.7 450.4 187.6C485.2 222.5 506.6 268.8 506.5 318.1C506.5 419.9 421.6 502.7 319.9 502.7zM421.1 364.5C415.6 361.7 388.3 348.3 383.2 346.5C378.1 344.6 374.4 343.7 370.7 349.3C367 354.9 356.4 367.3 353.1 371.1C349.9 374.8 346.6 375.3 341.1 372.5C308.5 356.2 287.1 343.4 265.6 306.5C259.9 296.7 271.3 297.4 281.9 276.2C283.7 272.5 282.8 269.3 281.4 266.5C280 263.7 268.9 236.4 264.3 225.3C259.8 214.5 255.2 216 251.8 215.8C248.6 215.6 244.9 215.6 241.2 215.6C237.5 215.6 231.5 217 226.4 222.5C221.3 228.1 207 241.5 207 268.8C207 296.1 226.9 322.5 229.6 326.2C232.4 329.9 268.7 385.9 324.4 410C359.6 425.2 373.4 426.5 391 423.9C401.7 422.3 423.8 410.5 428.4 397.5C433 384.5 433 373.4 431.6 371.1C430.3 368.6 426.6 367.2 421.1 364.5z'/%3E%3C/svg%3E");
		background-size: 65%;
		background-position: center center;
		background-repeat: no-repeat;
	}


/* Footer content */

#push, #footer{
	width:100%;
	height:235px;
	overflow:hidden;
	clear:both;
}

#footer{
	margin-top:-50px;
	background:#013a6f;
	float:left;
	position:relative;
	z-index:-150;
}

.divider{
	padding:8px 8px;
	color:#fff;
}

#footernav{
	color:#827a81;
	margin:0 auto;
	margin-top:100px;
	padding:0;
	width:1061px;
	font:normal 12px Verdana, Geneva, sans-serif;
}

#footernav ul li{	
	display:inline;
}

#footernav ul li a{
	font:bold 12px Verdana, Geneva, sans-serif;
	color:#fff;
	text-decoration:none;
}

.credits{
	color:#827a81;
	font:normal 12px Verdana, Geneva, sans-serif;
}

.footernav{
	text-align:center;
}

.footernav .alignleft{
}

.footernav .alignright{
}

/* Images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ddd;
	padding: 6px;
}
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}

.clear{
	clear:both;
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	width:100%;
}




/* --------------------------------------------
  iPad in landscape
-------------------------------------------- */

/* 	
	TO PREVIEW ON THE DESKTOP, REPLACE THE QUERY WITH THE FOLLOW:
	@media (max-width: 1024px) {  } 
*/
	
@media (max-width: 1024px) {

	#container {
  width: 1000px;
}

#header {
  width: 1000px;
}

#slider {
  width: 1000px;
}

#menu {
  width: 1000px;
}

.horizontalmenu ul.topnav {
  width: 1000px;
}

.horizontalmenu ul.topnav li {
  padding: 0 15px;
}

#content {
  width: 935px;
}

#blok1, #blok2, #blok3 {
  width: 285px;
}

#blokcontainer h1 {
  font: normal 20px/39px 'nobile-webfont', Verdana, Geneva, sans-serif;
}

#blokcontainer img {
  max-width: 100%;
}

#blok1 h1, #blok2 h1, #blok3 h1 {
  background: url(../images/blok-titel.png) no-repeat left top;
}

#twitterfeed {
  width: 575px;
}

.twistpostdivider {
  width: 520px;
}

.twitpost {
  width: 520px;
}

#footernav {
  width: 930px;
}

.articlesmall {
  width: 595px;
  background: url(../images/article-shade.png) no-repeat top right;
}

.sectionsmall {
  width: 540px;
}

#opleidingkeuze {
  width: 540px;
    float: left;
}

#opleidingkeuze li {
	height:auto;
}

table {
	width:540px;
}
}


/* --------------------------------------------
  iPad in portrait
-------------------------------------------- */

/* 	
	TO PREVIEW ON THE DESKTOP, REPLACE THE QUERY WITH THE FOLLOW:
	@media (max-width: 768px) {  } 
*/

@media (max-width: 768px){
#container {
  width: 750px;
}

#header {
  width: 750px;
}

#topright {
  width: 355px;
}

#slider {
  width: 750px;
}

#menu {
  width: 750px;
}

.horizontalmenu ul.topnav {
  width: 750px;
}

.horizontalmenu ul.topnav li {
  padding: 0 6px;
}

.horizontalmenu ul.topnav li a {
  font-size: 11px;
}

#content {
  width: 720px;
    padding: 32px 15px 32px 15px;
}

#blok1, #blok2, #blok3 {
  width: 218px;
}

#blokcontainer h1 {
  font: normal 15px/39px 'nobile-webfont', Verdana, Geneva, sans-serif;
}

#twitterfeed {
  width: 720px;
  background:none;
}

.twistpostdivider {
  width: 720px;
}

.twitpost {
  width: 720px;
}

aside {
  margin: 0;
  width: 720px;
  float: left;
}

	#whatsapp { 
		right: 9px;
		bottom: 198px;
		bottom: 20px; 
		width: 4rem;
		height: 4rem; 
	}
	
#footernav {
  width: 720px;
}

.articlesmall {
  width: 720px;
  background: none;
  min-height: 0;
}
.sectionsmall {
  width: 720px;
}	

#opleidingkeuze {
  width: 100%;
  float: left;
}

.asidesmall {
  width: 720px;
  margin-top: 30px;
}	

}


/* --------------------------------------------
  Mobile
-------------------------------------------- */

@media (max-width: 600px) {

	.js .selectnav {
		display: block;
		width: 100%;
		float: left;
	}
	
	#branding{
		max-width:90%;
		width:64%;
		background-size:contain;
		background-repeat:no-repeat;
	}
	
	#container {
  width: 100%;
}

#header {
  width: 100%;
}

#topright {
  display: none;
}

#slider {
  width: 100%;
  height:75px;
}

.menu {
	display:none;
}

#content {
  width: 90%;
  padding: 30px 5%;
}

#blok1, #blok2, #blok3 {
  width: 100%;
  height:auto;
}

#blokcontainer {
  height: auto;
}

#blok2 {
  margin-left: 0;
}

#twitterfeed {
  width: 100%;
}

.twistpostdivider {
  width: 100%;
}

.twitpost {
  width: 100%;
}

aside {
  margin: 20px 0 0 0;
  width: 100%;
  float: left;
}

#content img {
	max-width:50%;
	height:auto;
}

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
  border: 1px solid #ddd;
  padding: 0;
}

#footernav {
  width: 90%;
    margin-top: 75px;
}

#blokcontainer img {
	max-width:100%;
}

#content p {
	text-align:left !important;
}

.alignleft {
  float: left;
  width: 100%;
  text-align: center;
}

#footernav ul li {
  display: inline;
  width: 100%;
  float: left;
  text-align: center;
    margin-top: 10px;
}

#push, #footer {
  height: auto;
    padding-bottom: 25px;
}

.divider {
	display:none !important;
}

.articlesmall {
  width: 100%;
}

.sectionsmall {
  width: 100%;
}

.asidesmall {
  width: 100%;
  margin-top: 30px;
}

.tabel {
	width:100%;
	overflow:auto;
}

.verberg {
	display:block !important;
}





.nav-toggle {
				cursor:pointer !important;
			}
			
			.nav-collapse li {
width: 100% !important;
	}
	
	
	
	
	
	.nav-collapse a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  background: #0067c6;
  border-bottom: 1px solid white;
  padding: 0.7em 1em;
  float: left;
}

.nav-collapse a {
    margin: 0;
    padding: 1em;
    float: left;
    text-align: left;
    border-bottom: 0;
    border-bottom: 1px solid white;
  }
  
  .nav-collapse ul ul a {
  background: #0067c6;
  padding-left: 2em;
}

.nav-collapse ul ul a {
    display: none;
  }
  
  .js .nav-collapse-0.opened {
max-height: none !important;
margin: 20px 0 0 0;
z-index: 99999999;
}

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

.nav-collapse li {
  float: left;
  width: 100%;
}






.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 45px;
height: 45px;
  float: right;
  border: 1px solid #0067c6;
border-radius: 5px;
margin-right: 0;
  margin-top: -165px;
  margin-right: 3%;
}

.nav-toggle:before {
  color: #0067c6; /* Edit this to change the icon color */
  font-family: "responsivenav", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 40px;
  text-transform: none;
  position: absolute;
  content: "≡";
  text-indent: 0;
  text-align: center;
  line-height: 45px;
  speak: none;
  width: 100%;
  top: 0;
  left: 0;
}

.horizontalmenu ul.topnav {
  height: auto;
}

.nav-collapse a {
  margin: 0;
  padding: 0 3%;
}

.horizontalmenu ul.topnav li a {
  font-size: 13px;
}

#menu {
  width: 100%;
    margin: 0;
}

.horizontalmenu ul.topnav {
  width: 100%;
}

.horizontalmenu ul.topnav li a.first {
  margin-left: 0;
}

.horizontalmenu ul.topnav li {
  padding: 0;
}


.nav-toggle.active::before {
  content:"≡";
}

.nav-toggle {
	display:block !important;
}

}