/* Fonts */
.Reso-Bold { font-family: Reso-Bold; font-weight: normal; font-style: normal; }
.Reso-Regular { font-family: Reso-Regular; font-weight: normal; font-style: normal; }

/* Global */
body { margin: 0; padding: 0; background: #e5e5e5; font-family: Arial, sans-serif; overflow-x: hidden; }
a img, img { border: none; }
#header { position:fixed; left:0; width:100%; border-bottom: 50px solid #e5e5e5; z-index:200; background:#fff; top: 0; overflow: visible; }
#header .wrapper { overflow: visible; }
#header .column { padding: 0; margin: 0 1% 0 1%; overflow: visible; background: #fff; }
#header #logo { float: left; text-indent: -9999px; background: url(../images/logo-large.png) no-repeat; background-size: 100%; height: 80px; width: 165px; z-index: 3; position: relative;}
#header #logo a { width: 100%; height: 100%; position: absolute; text-indent: -9999px; top:0; left:0;}
#header #slogo { position: absolute; bottom: 10px; left: 10px; margin: 0; display: none; height: 36px; z-index: 400; background: url(../images/logo-small.png) no-repeat; background-size: 100%; width: 74px; text-indent: -9999px; }
#header #logo a:link, #header #logo a:visited, #header #slogo:link, #head2r #slogo:visited { text-decoration: none; color: #9B9B9B; }
#header #logo a:hover, #header #logo a:active, #header #slogo:hover, #header #slogo:active { text-decoration: none; color: #A8BE00; }
#hamburger:link, #hamburger:visited { position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; background-size: 30px; background-image: url(../images/mobile-nav.png); background-position: top center; background-repeat: no-repeat; text-indent: -9999px; opacity: 0.8; display: none; }
#hamburger:hover, #hamburger:active, #hamburger:focus { opacity: 1; }

#topnav { position: absolute; top: 0; left: 15%; width: 85%; list-style: none; margin: 0; padding: 0; text-align: center; z-index: 1; }
#topnav li { display: inline-block; float: right; margin: 15px 0 0 15px; }
#topnav li a:link, #topnav li a:visited { font-size: 14px; color: #565655; line-height: 19px; text-decoration: none; }
#topnav li a:hover, #topnav li a:active, #topnav li.here a { color: #565655; text-decoration: underline; }

#top-forms { position: absolute; top: 62px; right: 0; }
#top-forms form { float: left; margin: 0 0 0 20px; }
#top-forms input { float: left; border: none; border-bottom: 1px solid #e6e6e6; color: #565655; font-size: 13px; height: 18px; padding: 5px 4px 4px 0; }
#top-forms input.submit-btn { float: left; height: 28px; padding: 0 10px !important; background: #7F7F80; color: #fff; margin: 0 0 0 4px; border: none; }
#top-forms input.search-btn { background-image: url(../images/search-bg.png); background-position: center center; background-size: 80%; background-repeat: no-repeat; text-indent: -9999px; width: 28px !important; }
#top-forms input.submit-btn:hover, #top-forms input.submit-btn:active { background-color: #454545; cursor: pointer; }

#nav { float: left; width: 102%; list-style: none; padding: 0; margin: 0 0 -50px -1%; height: 50px; position: relative; z-index: 300; text-align: center; background:#e5e5e5; font-family: Reso-Regular, Arial, sans-serif !important; }
#nav li { margin: 0 10px 0 10px; padding: 0; position: relative; display: inline-block; }
#nav li.locked { padding-left: 20px !important; background-image: url(../images/locked.png); background-repeat: no-repeat; background-position: top left; background-size: 14px 14px; }
#nav li a:link, #nav li a:visited { padding: 14px 10px 6px 10px; height: 26px; float: left; font-size: 20px; line-height: 26px; font-weight: 400; color: #58585a; text-decoration: none; background: none; transition: all 0.3s; }
#nav li a span { padding-bottom: 3px; border-bottom: 2px solid #e5e5e5; }
.fixed #nav li a span { border-color: #fff; }
.fixed #nav li ul { border-color: #e5e5e5; }
#nav li a:hover span, #nav li a span:active, #nav li.here a span, #nav li.open a span, #nav li.parent-here a span { border-color: #565655; }
#nav li ul { display: none; position: absolute; top: 42px; list-style: none; z-index: 3; left: 0px; background: #eee; color: #565655; border-bottom: none; margin: 0; padding: 10px 10px 10px 10px; z-index: 3000; border-top: 8px solid #e5e5e5; }
.fixed #nav li ul { border-color: #fff; }
#nav li ul li { float: left; margin: 3px 0 3px 0; padding: 0; width: 100%; }
#nav li ul li a span { padding-bottom: 0; border-bottom: none; }
#nav li ul li a:link, #nav li ul li a:visited { color: #565655; text-decoration: none; background: none;  padding: 0; margin: 0; white-space: nowrap; font-size: 16px; line-height: 20px; border-bottom: none !important; }
#nav li ul li a:hover, #nav li ul li a:active, #nav li ul li.here a { color: #565655; text-decoration: underline !important; background: none;  border: none !important; }
.fixed #nav { border-top: none !important; background: #fff; }
body .fixed #slogo { left: 0 !important; top: 8px !important; }
.fixed { border-color: #fff !important; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5); }
#nav li ul.open { display: block; }
#nav li#nav-contact { display: none; }

.container { float: left; width: 100%; overflow-x: hidden; margin: 0 0 20px 0; }
.container-white { background: #fff; }
#intro .intro { width: 100%; margin-left: -15%; padding: 10px 15% 10px 15%; background: url(../images/intro-bg.png); background-size: cover; background-position: center center; }
#intro .column { background: none; }
#intro .wrapper { padding: 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc); }
#intro h1 { font-size: 44px; line-height: 58px; color: #fff; font-weight: 400; margin: 0 0 5px 0; padding: 0; font-family: Reso-Regular, Arial, sans-serif !important; }
.equal-height { display: flex; float: left; clear: both; width: 100%; }
#intro .equal-height { margin: -2% 0 1% 0; }
#intro .equal-height .one-three { background: #fff; flex: 3; }
.impression-wrapper { float: left; width: 100%; background: url(../images/impression-bg.png) no-repeat center center; background-size: cover; position: relative; }
#impression { float: left; width: 100%; min-height: 360px; overflow: hidden; background-position: center center; background-size: 70%; background-repeat: no-repeat; margin: 0; padding: 0; }
.impression-overlay { width: 100%; bottom: 0; left: 0; position: absolute; background: url(../images/impression-overlay.png) no-repeat; background-size: cover; background-position: bottom center; height: 100%; z-index: 0; }
#intro span.faq-label { float: left; width: 125px; height: 34px; padding: 16px 0 0 15px; color: #009BE9; position: relative; z-index: 2; font-size: 16px; }
#intro .full-field { width: 100%; margin-left: -140px; float: left; background: #fff; border: none; padding: 6px 166px 6px 140px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc); height:50px; z-index: 1; font-size: 16px; color: #555; font-family: 'Montserrat', sans-serif; -webkit-appearance: none; border-radius: 0; }
#intro .full-field::placeholder { color: #B1B1B1; font-size: 14px; font-style: italic; }
#intro .faq-btn { float: right; height: 50px; padding: 15px; color: #fff; font-size: 16px; border: none; margin: -50px 0 0 0; font-family: 'Montserrat', sans-serif; -webkit-appearance: none; border-radius: 0; }
#intro .faq-btn:hover { background: #40AEED; }
#intro .faq-form { padding: 0; margin: 0 1% 2% 1%; }

div.inline-media {position: relative; padding-bottom: 36.25%; width: 70%; padding-top: 35px; height: 0; overflow: hidden; margin: 10px 15% 30px 15%; float: left;}
div.inline-media iframe, div.inline-embed iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }

#subnav {margin: 0 auto; float: left; width: 100%; list-style: none; padding: 0; }
#subnav li { margin: 0 20px 20px 0; float: left; }
#subnav li a:link, #subnav li a:visited { background: #e5e5e5; padding: 5px 10px; font-size: 14px; text-decoration: none; color: #565655; }
#subnav li.blue a:link, #subnav li.blue a:visited { background: #e5e5e5 !important; color: #fff !important; }
#subnav li.white-blue a:link, #subnav li.white-blue a:visited { color: #565655 !important; }
#subnav li a:hover, #subnav li a:active, #subnav li.here a, #subnav li.blue a { background: rgb(105,172,72); background: linear-gradient(45deg, rgba(105,172,72,1) 0%, rgba(0,155,233,1) 100%); color: #fff; }
#subnav li.wb-here a { color: #fff !important; background: rgb(105,172,72); background: linear-gradient(45deg, rgba(105,172,72,1) 0%, rgba(0,155,233,1) 100%); }

#content { min-height:100%; margin:0 auto; padding: 160px 0 0 0; }
#content a:link, #footer a:link, #content a:visited, #footer a:visited { transition: all 0.3s; color: #565655; text-decoration: underline; }
#content p a:link, #content p a:visited, a.readon:link, a.readon:link { transition: all 0.3s; color: #565655; text-decoration: underline; }
#content p a:hover, #content p a:active, a.readon:hover, a.readon:active { color: #75AD3F; text-decoration: underline; }
#content .title-column { text-align: center !important; }
#content .title-column h1, #content .title-column h2, #content .equal-height h2 { font-size: 26px; line-height: 31px; margin: 0; padding: 0; font-family: Reso-Regular, Arial, sans-serif !important; color: #565655; font-weight: normal; background-image: url(../images/triangle.png); background-repeat: no-repeat; background-position: left center; background-size: 15px 16px; display: inline-block; padding: 2px 0 0 26px; }
#content .title-border { border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 2%; }
#content .equal-height h2 { margin: 0 0 12px 0; }
.wrapper { margin: 0 auto; overflow-y: auto; overflow-x:hidden; }
.float-wrapper { float: left; width: 100%; margin-top: -70px; z-index: 3; position: relative; }
.float-wrapper .wrapper { display: flex; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc); }
.float-wrapper .wrapper .item { }
.float-wrapper .wrapper .column {  }
.float-wrapper .wrapper .one-one { width: 99%; margin-right: 0; flex: 1; }
.column { margin: 1%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc); padding: 20px; background: #fff; position: relative; }
.one-one { width: 98%; }
.one-two { width: 48%; }
.column .one-two { margin: 0 2% 20px 0; background: #f7f7f7; border: 1px solid #eee; padding: 15px 20px 10px 20px; }
.one-three, .one-third { width: 31.33%; }
.two-third { width: 64.67%; padding: 40px 60px; margin-bottom: 20px; flex: 1; }
.one-four { width: 23%; }
.one-five { width: 18%; }
.one-six { width: 14.66%; }
.one-seven { width: 12.28%; }
.sidebar { padding: 20px 20px 0 20px; margin-bottom: 20px; }
.center { text-align: center; }
.with-border { border-bottom: 1px solid #d9d9d9; }
.item img { width: 100%; margin: 0 0 20px 0; }

.main h1, .main h2, .main h3, .main h4, .main h5, .sidebar h3, .sidebar h4 { font-weight: normal; font-family: Reso-Regular, Arial, sans-serif !important; color: #565655; }
.main h1 { font-size: 26px; line-height: 31px; margin: 0 0 20px 0; padding: 0; background-image: url(../images/triangle.png); background-repeat: no-repeat; background-position: left center; background-size: 15px 16px; display: inline-block; padding: 2px 0 0 26px; }
.main h2 { font-size: 22px; line-height: 34px; margin: 0 0 10px 0; padding: 0; display: inline-block; width: 100%; }
.main h3 { font-size: 20px; line-height: 28px; margin: 0 0 10px 0; padding: 0; }
.main h4 { font-size: 16px; line-height: 24px; margin: 0 0 5px 0; padding: 0; }
.main h5 { font-size: 14px; line-height: 22px; margin: 0 0 10px 0; padding: 0; }
.main h4.purple { color: #6F3183; }
.main h4.blue { color: #0B9BE5; }
.sidebar h3 { font-size: 24px; line-height: 36px; color: #0B9BE5; margin: 0 0 5px 0; padding: 0; }
.main a:link, .main a:visited { color: #009BE9; text-decoration: none; }
.main a:hover, .main a:active { opacity: 0.8; }
.main img { max-width: 100%; float: left; height: auto !important; }
.main img.img100 { width: 100% !important; padding: 0 0 20px 0 !important; clear: both; }
.main img.img75 { width: 75% !important; padding: 5px 20px 20px 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc); }
.main img.img50 { width: 50% !important; padding: 5px 20px 20px 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc); }
.main img.img25 { width: 25% !important; padding: 5px 20px 20px 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc); }
.main img.logo25 { float: left; }
.main div.desc75 { float: left; width: 75%; margin-left: -20px; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc); }
.desc75 h2 a:link, .desc75 h2 a:visited { text-decoration: none !important; }
.main p, .main ol, .main ul, .sidebar p, .sidebar ol, .sidebar ul { font-size: 15px; line-height: 26px; color: #575555; margin: 0 0 20px 0; padding: 0; }
.main p.intro-text, .main .intro-text p, .main .intro-text ol, .main .intro-text ul { font-size: 16px; line-height: 24px; }
.main ul, .sidebar ul { list-style: square; margin-left: 17px; }
.main ol, .sidebar ol { margin-left: 17px; }
.sidebar ul a:link, .sidebar ul a:visited { color: #555; text-decoration: underline; }
.sidebar ul a:hover, .sidebar ul a:active { color: #712D86; }
.sidebar a.small-del { float: right; font-size: 9px; margin: 0 0 5px 5px; }
.main hr { width: 100%; background: #d9d9d9; height: 1px; border: none; margin: 10px 0 20px 0; float: left; clear: both; }
.main form { background: #fff; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc); margin: 0 0 20px 0; }
.one-two form { width: 100% !important; }
.main .subscribed-box { float: left; width: 80%; background: #D8EECD; padding: 25px 25px 0 25px; margin: 0 0 20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc); clear: both; }
.main form h4 { font-size: 20px; line-height: 28px; clear: both; }
.main form .field, .main form textarea { width: 80%; padding: 6px 0px 6px 0px; font-size: 15px; line-height: 17px; color: #666; font-family: Arial, sans-serif !important; margin: 0; border: none; border-bottom: 1px solid #ccc; margin: 0 0 20px 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.main form textarea { height: 70px; border: 1px solid #ccc; padding: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc); }
.select-style { border: 1px solid #ccc; width: 160px; height: 30px; overflow: hidden; background: #fff url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 90% 50%; margin: 0 0 20px 0; }
.select-style select { font-size: 14px; font-family: Arial; padding: 7px 8px; width: 130%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; margin: 0; }
.select-style select:focus { outline: none; }
.main form select { margin: 0 0 20px 0; }
.main form p { font-size: 14px; margin: 0; }
.page form #keuzeopties { position: relative; margin: 0px 0 20px 0; }
.page form #keuzeopties label.error { display: block !important; color: #F30; position: absolute; top: 0px; left: 0px; font-size: 10px; }
.main form small { max-width: 80%; display: inline-block; }
form p.small { margin-top: 20px; font-size: 12px; }
.main form .btn { margin: 0; cursor: pointer; }
.main form label.error { display: none !important; }
.main form #keuzeopties label.error, .main form #kostenopties label.error { display: block !important; float:left; width:100%; font-size: 12px; color:#B40000; text-align: left; margin-top: -54px; }
.main form .times { float: left; margin-top: 15px; }
.main form .time { font-size: 12px; line-height: 20px; color: #555; }
.main form .times .small { font-size: 12px; line-height: 20px; color: #6F3183; }
.main form input.error, .main form input.error, form textarea.error { color: #E10000 !important; border-bottom: 1px solid #E10000 !important; }
.main form .g-recaptcha { margin: 0 0 20px 0; }
.sidebar .field, .sidebar form textarea { width: 100%; color: #555; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc); padding: 8px; font-size: 14px; height: 34px; position: relative; z-index: 3; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #ddd; }
.sidebar form textarea { height: 80px; }
.sidebar small { color: #999; font-style: italic; margin: 0 0 2px 0; display: inline-block; }
.light-field { color: #BBBBBB !important; }
.sidebar .btn { margin-top: 0; }
.sidebar .search-btn { float: right; margin-top: -34px; height: 34px; position: relative; z-index: 4; background-image: url(../images/search-bg.png); background-repeat: no-repeat; background-position: center; background-size: 26px 26px; text-indent: -9999px; width: 34px; }
.sidebar .twitter-follow-button, .twitter-timeline { float: right; margin: 0 0 5px 0; font-size: 10px; color: #fff !important; }
.sidebar .module { float: left; width: 99%; border-bottom: 1px solid #D9D9D9; padding: 0 0 20px 0; margin: 0 0 20px 0; }
.sidebar .module:last-child { border-bottom: none; padding-bottom: 0; }
p.filename { max-width: 73px; overflow: hidden; font-size: 10px; border: 1px solid #eee; padding: 2px 2px 0 2px; margin-bottom: -10px; }
.file_field { margin: -20px 0 0 0; }
.file_field a { color: #0B9BE5; text-decoration: none; font-size: 10px; }
#comment_form { margin-top: 20px; width: 100% !important; }
.comment { background: #fff; border: 1px solid #eee; padding: 20px 20px 0 20px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc); margin: 10px 0 0 0; }
.comment-top { margin-top: 30px !important; }
.comment p { font-size: 12px; line-height: 17px; }
.main .comment hr { margin: 0 0 10px 0 !important; }
#comment_form textarea { width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc); }
.trumbowyg-box, .trumbowyg-editor { min-height: 200px !important; }
.trumbowyg-editor, .trumbowyg-textarea { min-height: 200px !important; font-size: 14px; font-weight: 400; color: #555; }

.items { padding: 0 0 0 1%; margin: 0 0.5% 0 -0.5%; }
.float-wrapper .items { margin: 0 -0.5% 0 -0.5%; }
.items>.item { overflow: hidden; padding: 0 0.5% 0 0.5%; border-right: 1px solid #e5e5e5; width: 25%; margin: 0 0 2% 0; }
.agenda-items>.item { height: 220px; }
.news-items>.item { height: 352px; }
.items .item .inner { padding: 0 20px; height: 100%; }

.items>.item:nth-child(5n + 1) .inner{ padding-left: 0; }
.items>.item:nth-child(5n + 4){ border-right-color: #fff !important; }
.items>.item:nth-child(5n + 4) .inner { padding-right: 0; }
.items .item:before, .related-item:before { content:''; width:100%; height:100%; background: url(../images/fade-bg.png) repeat-x bottom center; position:absolute; left:0; top:0; z-index: 2; pointer-events: none; }
.float-readon { position: absolute; bottom: 0; left: 20px; z-index: 3; padding-left:2%; width: 100px; }
.equal-height .float-readon { bottom: 15px; padding-left: 0; }
.related-item .float-readon { left: -8px !important; padding-left: 0 !important; }
.items>.item:nth-child(5n + 1) .float-readon { left: 0; }

.main .story { float: left; clear: both; width: 100%; margin: 0 0 20px 0; padding: 30px 0 0 0; border-top: 1px solid #d9d9d9; }
.main .story h2 { margin-bottom: 10px; }
.main .story h4 span, .main h4 span.-label { padding: 5px 5px 4px 5px; font-size: 10px; line-height: 11px; font-weight: 300; color: #565655; margin: 0 0 10px 10px; float: right; background: #e5e5e5; font-family: Arial !important; }
.main .story h4 span.blue-label { color: #565655; }
.main .pages { margin-bottom: 0 !important; }
.main .pages .btn { margin-top: 5px;}
.main .pages .prev-btn { float: left; }
.main .pages .next-btn { float: right; }

#content .item p, #footer .item p, #content .column p { color: #565655; font-size: 15px; line-height: 26px; margin:  0 0 20px 0; }
#content .item h2, #content .item h3 { color: #565655; font-size: 26px; line-height: 32px; font-family: Reso-Regular, Arial, sans-serif; margin: 0 0 10px 0; padding: 0; }
#content .item h4 { color: #565655; font-size: 14px; line-height: 21px; font-weight: 400; margin: 0 0 10px 0; padding: 0; }
#content .blue-item h2, #content .blue-item h3, #content .blue-story h2, #content .blue-story h3 { color: #009BE9; }
#content .green-item h2, #content .green-item h3, #content .green-story h2, #content .green-story h3 { color: #75AD3F; }
#content .item h2 a:link, #content .item h2 a:visited, #content .item h3 a:link, #content .item h3 a:visited, #content .story h2 a:link, #content .story h2 a:visited, #content .story h3 a:link, #content .story h3 a:visited { color: #6A6A6A; text-decoration: none; }
#content .item h2 a:hover, #content .item h2 a:active, #content .item h3 a:hover, #content .item h3 a:active, #content .story h2 a:hover, #content .story h2 a:active, #content .story h3 a:hover, #content .story h3 a:active { opacity: 0.8; text-decoration: none; }
#content .blue-item h2 a:link, #content .blue-item h2 a:visited, #content .blue-item h3 a:link, #content .blue-item h3 a:visited, #content .blue-story h2 a:link, #content .blue-story h2 a:visited, #content .blue-story h3 a:link, #content .blue-story h3 a:visited { color: #009BE9; }
#content .green-item h2 a:link, #content .green-item h2 a:visited, #content .green-item h3 a:link, #content .green-item h3 a:visited, #content .green-story h2 a:link, #content .green-story h2 a:visited, #content .green-story h3 a:link, #content .green-story h3 a:visited { color: #75AD3F; }
.all-column { padding-bottom: 20px; padding-top: 0; }

#content a.blue:link, #content a.blue:visited, #content .blue-item a:link, #content .blue-item a:visited { color: #009BE9; }
#content a.purple:link, #content a.purple:visited, #content .green-item a:link, #content .green-item a:visited { color: #75AD3F; }

div.inline-media {position: relative; padding-bottom: 56.25%; width: 100%; padding-top: 0; height: 0; overflow: hidden; margin: 8px 0 20px 0; float: left; clear: both; }
div.inline-media iframe, div.inline-embed iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }
.equal-height .inline-media { margin-bottom: 0; }

.btn:link, .btn:visited, input.btn { margin: 0 0 10px 0; padding: 8px 12px; font-size: 15px; line-height: 20px; color: #565655 !important; text-decoration: none !important; background: #e5e5e5; border: none; display: inline-block; }
.btn:hover, .btn:active, input.btn:hover { background: rgb(105,172,72); background: linear-gradient(45deg, rgba(105,172,72,1) 0%, rgba(0,155,233,1) 100%); color: #fff !important; }
.story .btn, .item .btn, .library-item .btn { clear: both; float: left; }
.pagination .btn { margin: 0 10px; }
#content .sidebar .arrow-btn { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc); float: left; margin: 0; font-weight: 400; padding: 12px; background-image: url(../images/arrow-bg.png); background-repeat: no-repeat; background-position: center right; background-size: 21px 16px; }

.faq { padding-top: 25px; }
.faq .question:link, .faq .question:visited { float: left; background: #fff; padding: 7px 31px 0 0; text-decoration: none; webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-family: Reso-Regular, Arial, sans-serif; box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc); width: 100%; margin: 0 0 5px 0; font-size: 20px; line-height: 26px; text-decoration: none !important; border-top: 1px solid #e5e5e5; }
.faq .question span { float: right; margin: -3px -23px 0 0; width: 30px; height: 30px; background-image: url(../images/plus-min.png); background-size: 30px 60px; background-position: top center; }
.faq .question:hover, .faq .question:active { background: #fff; }
.faq .active-q { background-color: #fff !important; }
.faq .active-q span { background-position: bottom center; }
.faq .answer { display: none; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc); padding: 0 0 0 0; width: 100%; }
.faq .answer * { font-size: 14px; line-height: 20px; }
.msg { color: #009BE9 !important; }
.faq-pagination { float: left; clear: both; width: 100%; margin: 20px 0 0 0; padding: 0; }

#members .column { background: none; }
#members .title-column { margin-bottom: -1%; }

#contentend { width: 100%; float: left; clear: both; min-height: 130px; margin: 0 0 -130px 0; z-index: 2; position: relative; padding: 0; background: url(../images/bottom-swoosh.png) no-repeat bottom left; background-size: 100% 130px; }

#related { padding: 20px 0 20px 0; min-height: 80px; background: url(../images/intro-bg.png); background-size: cover; background-position: center top; }
#related .column { background: none; }
#related .slogan h2, #related .slogan h3, #related .slogan p { color: #fff; width: 60%; padding: 0 20%; font-weight: 400; }
#related .slogan h2 { font-size: 24px; line-height: 32px; margin: 0 0 20px 0; }
#related .slogan h3 { font-size: 20px; line-height: 28px; margin: 0 0 10px 0; }
#related .slogan a.readon:link, #related .slogan a.readon:visited { display: inline-block; border: 1px solid #fff; padding: 8px 12px; font-size: 15px; line-height: 20px; margin: 0 10px; color: #fff; text-decoration: none; transition: all 0.2s; }
#related .slogan a.readon:hover, #related .slogan a.readon:active { color: #fff; text-decoration: none; opacity: 0.8; }
#related .related-items { text-align: center; }
#related .related-item { background: #fff; padding: 0; height: 390px; float: none; display: inline-block; overflow: hidden;}
#related .inner { padding: 20px; text-align: left; }
#related h4 { color: #565655; font-size: 20px; line-height: 28px; margin: 0 0 15px 0; padding: 0; font-family: Reso-Regular, sans-serif; }
#related .related-items p { color: #575555; font-size: 13px; line-height: 21px; }
#related a:link, #related a:visited { color: #565655; text-decoration: underline; }
#related a:hover, #related a:active { opacity: 0.8; }
#related h4 a { text-decoration: none !important; }
#related a.float-readon { text-decoration: underline; bottom: 20px; font-size: 13px; }
#related .related-items .one-one { color: #fff; margin-bottom: 0; }
#related .related-items .title-column { padding: 0; }
#related .related-items .title-column h2 { background: none; color: #fff; padding: 0; }
#related .related-items img { width: 100%; float: left; margin: 0 0 15px 0; }
#related .related-item:before { background:linear-gradient(to bottom, rgba(255,255,255,0) 300px,rgba(255,255,255,1) 90%) !important; }
#related .related-item p { padding: 0 !important; }

#partners, #possible-by { padding: 0 0 20px 0; text-align: center;}
#partners .one-six, #possible-by .one-seven { padding: 0 10px; }
#partners p, #possible-by p { color: #6F3183; margin: 0; padding: 0; }
#possible-by small { font-size: 11px !important; line-height: 17px !important; }
#partners img { width: 100%; float: left; }
#possible-by img { margin: 0 10px; }
#possible-by { padding: 0; margin-bottom: -20px; }
.slider-partners img { width: 100%; float: left; }
.slider-partners .column { display: inline-block; float: none; padding: 0; }

#gallery { float: left; width: 100%; position: relative; margin: 0; overflow-x: hidden; }
.gallery-item { float: left; width: 100%; display: none; }
#gallery img.item-1 { display: block; }
#gallery-slides { float: left; clear: both; margin: 20px 0 0 0; }
#gallery-slides a:link, #gallery-slides a:visited { float: left; margin: 0 8px 0 0; width: 28px; font-size: 12px; padding: 7px 0 0 0; height: 21px; text-align: center; color: #939598; background: #e5e5e5; text-decoration: none; }
#gallery-slides a:hover, #gallery-slides a:active, #gallery-slides a.active { color: #fff; background: rgb(105,172,72); background: linear-gradient(45deg, rgba(105,172,72,1) 0%, rgba(0,155,233,1) 100%); text-decoration: none; }

.slider { text-align: center; }
.slider .slick-list { margin-left: 1px; }
.slider .slick-slide { /*border-right: 1px solid #d9d9d9;*/ padding: 10px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc); }
.slick-slide img { display: inline !important; width: auto; max-height: 50px; max-width: 100%; float: none; }
.slick-dots { list-style: none; margin: 20px 0 0 0; padding: 0; }
.slick-dots li { display: inline; }
.slick-dots button { width: 8px; height: 8px; text-indent: -9999px; border-radius: 4px; border: none; background: #d6d6d6; padding: 0; margin: 0 4px; outline: none; cursor: pointer;}
.slick-dots li.slick-active button{ background: #565655; }

.slick-arrow { position: absolute; cursor: pointer; top: calc(50% - 6px); padding: 0; margin: 0; color: #fff; text-indent: -9999px; background: #fff; border: transparent; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.slick-prev { left: -29px; border-right: 12px solid #ccc; }
.slick-prev:hover, .slick-prev:active { border-right: 12px solid #75AD3F; }
.slick-next { right: -29px; border-left: 12px solid #ccc; }
.slick-next:hover, .slick-next:active { border-left: 12px solid #75AD3F; }

@-moz-document url-prefix() {
    .slick-arrow { margin-top: -20px; }
}

#content #footer { background: #fff; padding: 40px 0 40px 0; margin: 0 0 20px 0; }
#content #footer .column { background: none; flex: 4; }
#content #footer h4 { font-size: 15px; font-weight: 700; color: #565655; margin: 0 0 10px 0; padding: 0; }
#content #footer .item p { color: #565655; }
#content #footer a:link, #footer a:visited { color: #565655; text-decoration: underline; }
#content #footer li a:link, #footer li a:visited { color: #565655; text-decoration: none; }
#content #footer a:hover, #footer a:active { color: #565655 !important; text-decoration: underline !important; }
#content #footer ul { list-style: none; color: #565655; margin: 0 0 20px 0; padding: 0; line-height: 24px; font-size: 15px; }
#content #footer li:before { content: "- "; }
#content #footer li { padding: 0; }
#content #footer .one-four { padding: 0; margin-bottom: 0; max-height: 2000px; }
#content #footer .one-four:before { background: none !important; }

.calendarBG { background: #fff; font-size: 11px; font-weight: 500; }
.calendarHeader { background: #672883; color: #fff; font-size: 11px; font-weight: 500; height: 26px; }
.calendarCell a:link, .calendarCell a:visited { color: #fff; text-decoration: underline; background: #0F9EE0; width: 26px; padding: 6px 0 0 0; height: 20px; border: 1px solid #fff; float: left; }
.calendarDayHeading, .calendarBlank { width: 26px; height: 26px; text-align: center; }
.calendarCell a:hover, .calendarCell a:active { color: #fff; text-decoration: underline; }
.calendarToday { background: #75AD3F; border: 1px solid #fff; }
.calendarToday a { color: #fff; }
.calendarHeader a:link, .calendarHeader a:visited { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; width: 16px; height: 14px; display: block;  background: #fff; color: #414042; text-decoration: none; padding: 2px 0 0 0; margin: 0 5px; font-size: 11px; font-weight: 500; }
.calendarHeader a:hover, .calendarHeader a:active { text-decoration: underline; color: #414042; }
legend { font-size: 12px; line-height: 18px; color: #666; }

/* Widescreen ++ */
@media screen and (min-width: 1280px) {
	.wrapper,#subnav { width: 1280px;}
}
@media screen and (min-width: 980px) and (max-width: 1280px) {
	.wrapper,#subnav { width: 100%;}
	.slick-prev { left: -19px; }
	.slick-next { right: -19px;}
	
}
/* Desktop */
@media screen and (max-width: 980px) {
	.wrapper, #subnav { width: 100%; }
	#header .powered { padding-top: 48px; }
	.two-third { width: 98%; border-right: none; padding: 20px; margin-top: 1%; }
	.sidebar { display: none; }
	.main form { width: 100%; }
	.one-four { width: 48%; }
	#content .items .item { width: 50%; border-right: 1px solid #d9d9d9; }
	#footer .equal-height { flex: none !important; display: block; }
	#footer .items .item { flex: none !important; }
	#content .items { margin-right: 0; }
	.items .item:nth-child(2), .items .item:nth-child(4), .items .item:nth-child(7), .items .item:nth-child(9){ border-right: none !important; }
	.items .item:nth-child(1), .items .item:nth-child(3), .items .item:nth-child(6), .items .item:nth-child(8){ clear: left; padding-left: 0; }
	.items .item .inner { padding: 0 20px !important; }
	.float-readon { padding-left: 0 !important; left: 20px !important; }
	.items .item:nth-child(2) .float-readon, .items .item:nth-child(4) .float-readon, .items .item:nth-child(7) .float-readon, .items .item:nth-child(9) .float-readon { padding-left: 1% !important; }
	#topswoosh { margin: -64px 0 0 0; background-size: 100% 65px; height: 65px; }
	.agenda-items>.item { min-height: 140px; }
	.news-items>.item { height: 280px; }
	#related .related-item { height: 377px; width: 23% !important; }
	#contentend { margin-top: 40px; min-height: 65px; background-size: 100% 65px; margin-bottom: -65px; }
	#related { padding-top: 65px; }
	.float-wrapper { margin-top: 0; }
	.float-wrapper .wrapper { padding: 0; }
	#impression { min-height: 200px; }
	#intro .wrapper { padding: 0 20px; }
	.slick-prev { left: -19px; }
	.slick-next { right: -19px;}
}
/* Tablet */
@media screen and (max-width: 880px) {
	#header #slogo { display: none !important; }
	.wrapper .one-three:nth-child(1n+1), .wrapper .one-three:nth-child(2n+2) { width: 48%; }
	.wrapper .one-three:nth-child(3n+3) { width: 98%; }
	#partners .one-six { padding: 0 10px; }
	#related h2, #related h3, #related p { padding: 0 10% !important; width: 80% !important; }
	#topnav { text-align: right; }
	.slider-partners .one-three { max-width: 31.33% !important; }
	.slick-prev { left: -19px; }
	.slick-next { right: -19px;}
}
/* Mobile */
@media screen and (max-width: 740px) {
	#top-forms { display: none; }
	.wrapper { width: 100%; overflow: hidden !important;}
	#content { padding-top: 56px; overflow: hidden !important; }
	#content .column { width: 98% !important; }
	#content .items { margin-right: 0; padding: 0; }
	#related { padding: 0; }
	#content .items .item, #related .related-item { height: auto; min-height: auto; max-height: 3000px !important; }
	#content .items .item:before, #related .related-item:before { background: none; display: none; }
	#content .float-readon { float: left; left: 0 !important; position: relative; margin: 0px 0 30px 0; padding: 0 !important; }
	.items .one-four { border-right: none !important; margin: 1%; border-bottom: 1px solid #d9d9d9; min-height: auto !important; width: 98%; }
	.items .one-four .inner { padding: 20px !important; }
	#content .all-column { padding: 20px 20px 30px 20px; }
	#footer .items .item { border: none !important; width: 48% !important; }
	#footer .items .full-item { width: 98% !important; }
	#footer .items .inner { padding: 0 20px !important; }
	#logo { display: none !important; }
	#header #slogo { display: block !important; float: left; position: relative; margin: 0 0 20px 0; top: 10px !important; left: 10px !important; }
	#header { position: fixed; border-bottom: none !important; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5); }
	#hamburger { display: block !important; }
	#nav-contact { display: inline-block; }
	#header #nav { position: fixed; top: 56px; background: none; left: 0; display: none; border-top: none; padding: 0; }
	#header #nav ul { margin: 0; padding: 0; }
	#header #nav li { width: 100%; display: block; float: left; padding: 0; margin: 0;}
	#header #nav li a span { padding: 0; border: none; }
	#header #nav li a:link, nav li a:visited { background-color: #e5e5e5; border-bottom: none !important; height: 30px; width: 100%; padding: 7px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; color: #565655 !important; }
	#header #nav li ul li a:link, #header #nav li ul li a:visited { background-color: #eee; }
	#header #nav li.locked a:link, #header #nav li.locked a:visited { background-color:none !important; background-image: url(../images/locked.png); background-position: 10px 10px; background-repeat: no-repeat; background-size: 14px 14px; }
	#header #nav li a:hover, #nav li a:active, #nav li a:focus, #nav li.here a { }
	#header #nav li ul { position: relative; top: auto; left: auto; margin: 0; padding: 0; list-style: none; background: #eee; border-bottom: none; z-index: 0; float: left; width: 100%; /*display: block !important;*/ }
	#header #nav li ul li { width: 100%; display: block; float: left; background-color: none !important; margin: 0; padding: 0 !important; }
	#header #nav li ul li a:link, nav li ul li a:visited { width: 100%; padding: 7px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; border-bottom: none; text-align: center; }
	#header #nav li.last { border-bottom: 7px solid #e5e5e5; }
	.fixed #nav { border-top: none; }
	#header .powered { display: none; }
	#topnav { top: 56px; background: #fff; width: 100%; position: absolute; padding: 0; margin: 0; left: -5px; text-align: center; background: rgba(116, 173, 63, .8); padding: 0 5px; }
	#topnav li { margin: 5px 10px !important; float: none !important; }
	#topnav li a { color: #fff !important; }
	#impression { min-height: 100px; }
	.impression-wrapper { height: 98px; overflow: hidden; margin-top: -2px; }
	#intro .equal-height { display: block !important; }
	body #intro .equal-height .one-three { width: 98% !important; flex: none !important; margin: 1% 1% 3% 1%; }
	#partners .one-six { width: 48% !important; margin: 0 26%; padding: 0; }
	#related h2, #related h3, #related p { padding: 0 !important; width: 100% !important; }
	#related .slogan h2 { font-size: 16px !important; line-height: 24px !important; }
	.faq { padding-top: 0 !important; }
	#intro .faq-form .faq-label { display: none; }
	#intro .faq-form .full-field { padding-left: 10px; padding-top: 10px; margin-left: 0; padding-right: 134px; }
	#intro .faq-form .full-field::placeholder { color: #fff; }
	#intro .faq-btn { padding: 5px 10px; font-size: 14px; }
	#related .related-item { padding: 0 !important; }
	#subnav li { margin-left: 5px !important; margin-right: 5px !important; }
	#subnav a { padding: 5px !important; font-size: 12px !important; }
	.slider .slick-slide { border-right: none; }
	.slider .slick-slide img { height: 50px; max-width: 100%; }

	.slider-partners .one-three { max-width: 31.33% !important; }
	.slick-prev { left: 0; }
	.slick-next { right: 0;}
}