@charset "utf-8";
 body {
     font-family: 'PT Sans', sans-serif;
     color: #444444;
     background-color: white;
     font-size: 15px;
     font-weight: 400;
     overflow-x: hidden;
}
 h2, h3 {
     font-size: 20px;
     color: #2faa49;
     margin: 22px 0 0 0;
     font-family: 'Arvo', serif;
     font-weight: 700;
     padding-bottom:6px;
     word-wrap: break-word;
}
 h2 {
     font-size: 20px;
}
 h3 {
     font-size: 18px;
}
 #contentTextBlock strong{
     font-weight:700;
}
 #contentTextBlock div, #contentTextBlock p, #contentCmsBody td, #contentCmsBody div #contentTextBlock, .allNewsWrapper .newsItem, #contentCmsBody div, .allNewsWrapper .newsItem .newsItemWrapper .newsTeaser {
     font-size: 15px;
     line-height: 24px;
     font-family: 'PT Sans', sans-serif;
     font-weight: 400;
     color: #444444;
     text-align: left;
}
 #contentTextBlock, .newsItem, .allNewsWrapper {
     padding: 0px 0 68px 0;
}
 .searchWrapper {margin-top:30px; padding-top:0px;}
.searchWrapper h1{padding-top:0px;}
 h1 {
    padding-top:26px;
}
 #contentTextBlock h2, #contentTextBlock h3, .contentWrapper h2, .contentWrapper h3 {
     text-align: left;
     font-family: 'Arvo', serif;
     word-wrap: break-word;
     color: #009245;
     font-weight: 700 !important;
}
 #contentCmsBody a:link, #contentCmsBody a:visited {
     color: #33b5ee !important;
     text-decoration: none;
}
 #contentCmsBody a:hover {
     color: #ae1d21 !important;
}
 .breadcrumbsBlock {
     color: #33b5ee !important;
}
 .wrapper {
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -35px;
     -webkit-transition: padding-top 0.5s;
     -moz-transition: padding-top 0.5s;
     -ms-transition: padding-top 0.5s;
     -o-transition: padding-top 0.5s;
     transition: padding-top 0.5s;
}
 .push {
     height: 35px;
}
 .wrapper.clicked {
     padding-top: 40px;
     -webkit-transition: padding-top 0.5s;
     -moz-transition: padding-top 0.5s;
     -ms-transition: padding-top 0.5s;
     -o-transition: padding-top 0.5s;
     transition: padding-top 0.5s;
}
/* head + divers ---------------------------------------------------------------------*/
 .navbar {
     position: relative;
     min-height: auto;
     margin-bottom: 0px;
     clear: left;
}
 .logo {
     height: auto;
     position:absolute;
     margin-top: 0;
     z-index:999;
     margin-bottom: 0px;
}
/* dc > logo with a ahref tag always needs a display: block;
 */
 a.logoImg, a.logo, a.logoLink, a.footerLogo {
     display: block;
}
/*CONTENT -----------------------------------------------------------------------------*/
 .title {
     font-size: 24px;
     color: #440044;
     width: 100%;
     font-weight:700;
     text-align: left;
     padding: 22px 0 0px 0;
}
 .content .contentColumn {
     margin-top: 0px;
     margin-bottom: 0px;
}
 .searchWrapper {
     padding:12px 0 46px 0px;
}
 img {
     max-width: 100%;
}
/* -------------- SEARCH -------------------------------------------------------- */
 input.searchTextOnsite::-webkit-input-placeholder {
    /* Safari,Chrome and Opera */
     color: #fff;
}
 input.searchTextOnsite:-moz-placeholder {
    /* Firefox 18- */
     color: #fff;
     opacity: 1;
}
 input.searchTextOnsite::-moz-placeholder {
    /* Firefox 19+ */
     color: #fff;
     opacity: 1;
}
 input.searchTextOnsite:-ms-input-placeholder {
    /* IE 10+ */
     color: #fff;
}
 input.searchTextOnsite::-ms-input-placeholder {
    /* Edge */
     color: #fff;
}
/* GLOBAL EFFECTS */
 .borderEffect::before {
     content: "";
     position: absolute;
     bottom: -6px;
     right: -6px;
     z-index: -1;
     display:inline;
     width: 100%;
     height: 100%;
     background: #9ed1f1;
}
/* -------------- SLIDER -------------------------------------------------------- */
/*slideshow */
 .slideshow {
     height:160px;
}
 .slideshow .owl-item .slideshow-image {
     width: 100%;
     height: 160px;
     background-position: center center;
     background-size: cover;
}
 .slideshowEffects::after {
     display: block;
     position: absolute;
     background: url(/images/sliderObject-puppet.svg);
     margin-top:-48px;
     height:60px;
     width:88px;
     content: '';
     left : 40px;
     z-index: 1;
     background-repeat:no-repeat;
}
/* -------------- SEARCH --------------- */
 #searchContainer {
     height: 40px;
     margin-top: -40px;
     background: #33b5ee;
     color: white;
     width: 100%;
     -webkit-transition: margin-top .3s;
     -moz-transition: margin-top .3s;
     -o-transition: margin-top .3s;
     transition: margin-top .3s;
}
 #searchContainer.clicked {
     margin-top: 0px;
}
 #searchContainer input[type=text] {
     width: calc(100% - 30px);
     display: block;
     float: right;
     background-color: #33b5ee;
     margin: 5px 0px;
     border: none;
     height: 30px;
     color: #fff !important;
     text-transform: uppercase;
     border-bottom-right-radius: 0px;
     border-top-right-radius: 0px;
     padding-left: 10px;
}
 #searchTextOnsite input {
     color: #fff !important;
}
 #searchContainer input[type=text]:focus {
     outline: 0px;
}
 #searchContainer a {
     width: 30px;
     height: 30px;
     display: block;
     background: #33b5ee;
     margin: 5px 0px;
     border-bottom-left-radius: 0px;
     border-top-left-radius: 0px;
     right: 15px;
     position: absolute;
     line-height: 30px;
     text-align: center;
     color: #fff;
     text-decoration: none !important;
}
 #searchContainer a::after {
     content: "\f002";
     font-family: FontAwesome;
}
 #searchContainer a:hover {
     text-decoration: none;
}
 #searchContainer a:hover {
     text-decoration: none !important;
     color: #f6861c;
}
 .search-toggle::after {
     content: "\f002";
     font-family: FontAwesome;
     position: absolute;
     width: 100%;
     height: 100%;
     pointer-events: none;
     font-size: 16px;
     color: #fff;
     left: 0;
     top: 2px;
}
 .search-toggle.clicked::after {
     content: "\f00d";
}
 .searchText {
     color: #fff;
}
 .search {
     z-index: 3;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     margin-top: -35px;
     -webkit-transition: margin-top 0.5s;
     -moz-transition: margin-top 0.5s;
     -ms-transition: margin-top 0.5s;
     -o-transition: margin-top 0.5s;
     transition: margin-top 0.5s;
}
 .search.clicked {
     margin: 0;
}
 .bgSchoolinfo {
     padding:0;
     overflow:hidden;
     position:relative;
     padding: 0px 0 58px 0 !important;
     text-align: center;
     width: 100%;
     z-index: 0;
     background-color:#f9f9f9 
}
/*Google maps embed - */
 .maps iframe {
     height:326px;
     display: block;
     width: 100%;
     border:0;
}
/*Google maps + video container - */
 .componentWrapper {
     display: block;
     height:326px;
     max-height:326px !important;
     position: relative;
     background-color:#fff;
}
 .bgSchoolinfo .title {
     padding:0;
     display:block;
     margin: 62px 0 22px 0;
     text-align: center;
     width: 100%;
     font-size: 24px;
     line-height:22px;
     font-family: 'Arvo', serif;
     color: #444444;
     width: 100%;
     font-weight:700;
}
/*YouTube video embed - */
 .bgVideoContainer::before {
     content:"\f04b";
     font-family: FontAwesome;
     font-size:50px;
     padding-left:14px;
     color:#fb951e;
     line-height:70px;
     width:90px;
     height:90px;
     background:transparent;
     border-radius:100%;
     border:solid #fb951e 8px;
     cursor: pointer;
     position:absolute;
     top:50%;
     left:50%;
     margin-left:-35px;
     margin-top:-35px;
}
 .bgVideoContainer:hover::before {
     background:#c97718;
}
 .bgVideoContainer {
     position: relative;
     z-index:0;
     padding-bottom:46.25%;
     padding-top: 30px;
     height:100%;
     overflow:hidden;
     overflow: hidden;
     background: url(/images/bgVideoImage.jpg);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
}
/* dc remove gray background on model open */
 .modal-backdrop {
     background-color: transparent;
}
 .button {
     border:0;
}
/*NEWS --------------------------------------------------------------------*/
 #news {
     width: 100%;
     text-align: center;
}
 .newsOS {
     text-align: center;
}
 .newsOS .newsOSContent {
     width: 100%;
}
 .newsOS .newsOSContent::after {
     clear: both;
     display: table;
     content: '';
}
/* global title */
 .news .title {
     padding: 60px 0 20px 0 !important;
}
/* per item */
 .newsTitle {
     text-align: left;
     vertical-align: middle;
     width: 100%;
     overflow: hidden;
     height:62px;
     padding: 30px 20px 0 20px;
     background-color: #f6f6f6;
}
 .newsOS .newsTitle a {
     display: inline-block;
     text-align: left;
     font-size: 18px;
     line-height:22px;
     font-weight: 700;
     font-family: 'PT Sans', sans-serif;
     color: #555555;
     width: 100%;
     display: block;
     overflow:hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}
 .newsOS .newsTitle a:hover {
     color:#7f549c;
     text-decoration:none;
}
 .newsOS .newsContentItem {
     width: 100%;
     margin-bottom:50px;
     float: left;
     position: relative;
}
 .newsOS .newsItemImage, .newsOS .newsItemImage {
     width: 100%;
     height: 226px;
     max-width: 100% !important;
     max-height: 100% !important;
     position: relative;
     overflow: hidden;
     background: url(/images/newsDummy.png);
     background-size: cover;
     background-position: center;
     border-left:solid 22px #f6f6f6;
     border-right:solid 22px #f6f6f6;
     border-top:solid 1px #f6f6f6;
     border-bottom:solid 20px #f6f6f6;
}
 .newsOS .newsItemImage img {
     min-height: 100%;
     min-width: 100%;
     width: auto;
     height: auto;
     position: absolute;
     max-width: none;
     max-height: none;
     display: block;
     top: 50%!important;
     left: 50%!important;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
}
 .newsOS .date {
     display:none 
}
 .newsBlokTitle {
     display:none;
}
 .newsOS .newsTeaser, .newsOS .teaserDivider {
     padding: 10px 25px;
     width: 100%;
     background-color:#f6f6f6;
     text-align: left;
     height: auto;
     min-height:160px;
     max-height:160px;
     overflow: hidden !important;
     text-align: left;
     font-size: 15px;
     line-height:24px;
     font-weight: 400;
     font-family: 'PT Sans', sans-serif;
     color: #555555;
     width: 100%;
     text-overflow: ellipsis;
}
 .allNews {
     display:none;
}
 .buttonMore{
     color: #ffffff;
     font-size: 16px;
     line-height: 22px;
     margin: 0;
     position: relative;
     display: inline-block;
     text-align:center;
     font-weight: 400;
     margin:30px 0 64px 0;
     background-color: #7f549c;
     padding:16px 38px;
     max-width:160px;
}
 .buttonMore:hover{
     color: #ffffff;
     text-decoration:none;
     background-color: #33b5ee;
}
.allNewsWrapper .newsTitle a {
     font-size:18px;
     line-height:22px;
}
.allNewsWrapper .newsTitle {
     height:auto;
     padding: 0px 12px 0 0px;
     background-color:transparent;
}
 .allNewsWrapper .newsTeaser::after {
   display:none;
}

/*-- FOOTER ------------------*/
 .sectionFooter {
     background-color:#f9f9f9;
     color: #444444;
     font-family: 'PT Sans', sans-serif;
     text-align: center;
}
 .footer .footerTop {
     font-weight: 400;
     padding: 80px 0 18px 0;
     color: #444444;
     font-family: 'PT Sans', sans-serif;
     line-height: 22px;
     font-size: 15px;
     height: auto;
}
 .footerTitle {
     font-family: 'PT Sans', sans-serif;
     line-height: 22px;
     font-size: 18px;
     color:#17245a !important;
     margin:0px 0 6px 0;
     font-weight:700;
}
 .footer .footerTop a {
     color: #444444;
}
 .footer .footerTop a:hover {
     text-decoration:none;
     color:#33b5ee !important;
}
 .footer .phone, .footer .mail {
     position: relative;
     padding-left: 22px;
}
 .footer .phone::before, .footer .mail::before {
     font-family: FontAwesome;
     position: absolute;
     top: 0;
     left: 0;
     color:#444444;
     font-size: 15px;
}
 .footer .phone::before {
     content: "\f095";
}
 .footer .mail::before {
     content: "\f0e0";
     font-size: 13px;
}
 .footer .socialIcon {
     width: 35px;
     height: 35px;
     background: #dddddd;
     display: block;
     color:#17245a;
     margin: 8px 10px 0 0;
     float: left;
     position: relative;
}
 .footer .socialIcon::after {
     font-family: FontAwesome;
     position: absolute;
     color:#17245a;
     top: 8px;
     left: 11px;
     font-size: 17px;
}
 .footer .socialIcon.twitter::after {
     content: "\f099";
}
 .footer .socialIcon.facebook::after {
     content: "\f09a";
     left: 12px;
}
 .footer .socialIcon.youtube::after {
     content: "\f166";
     left: 10px;
}
 a.socialIcon:hover {
     background: #33b5ee;
}
 .footerBottom {
     text-align: center;
     margin: 12px 0 12px 0;
}
 .footer .contactInfo a:hover {
     text-decoration: none;
     color: #33b5ee;
}
 .logoFooter {
     max-width: 133px;
     margin-top:20px;
     margin-bottom:20px;
}
 .colored {
     background-color: #f9f9f9;
}
 .poweredBy a {
     color: #cdcdcd;
     font-size: 16px;
     line-height: 22px;
     display:block;
     padding-top:8px;
     white-space: nowrap;
     text-decoration: none;
}
 .poweredBy a:hover {
     color: #17245a;
     text-decoration: underline;
}
/* override bootstrap nav . BS gets loaded after menu.css, so this styles couldn't be overwritten and need to be included here----------------------------------------------------------------*/
 .navbar-default {
     background-color: transparent;
     border: none !important;
     width: 100%;
     z-index: 1;
}
 .navbar-collapse {
     max-height: 100% !important;
     border: none;
}
 .navbar-default .navbar-collapse {
     text-align: left;
     background: transparent;
     width: 100%;
}
/* RESPONSIVE ----------------------------------------------------------------------------*/
 @media (max-width: 767px) {
     .navbar-collapse {
         margin-bottom: 0px;
    }
     .slideshow::after{
         display: block;
         position: absolute;
         background: url(/images/sliderObject-triangles.svg);
         margin-top:-35px;
         height:50px;
         width:205px;
         content: '';
         z-index: 9;
         left : 30%;
         background-repeat:no-repeat;
    }
     .logo {
         max-width:130px;
         position:absolute;
         height: auto;
         text-align:center;
         margin-top:10px;
         margin-left:-90px;
    }
     .main-mobileTop-container {
         padding-top: 0px;
         height: auto;
         text-align:center;
         display: block;
         height:90px;
    }
     .search-toggle {
         width: 40px;
         height: 40px;
         display: block;
         cursor: pointer;
         position: absolute;
         right: 0px;
         top: 15px;
         border-radius: 0px;
         text-align: center;
         line-height: 36px;
         background-color: #ae1d21;
    }
     #contentTextBlock {
         padding: 0px 0 66px 0;
    }
     #contentTextBlock img {
         display: block;
         width: 100%;
         text-align: center;
    }
     .full-width-container {
         text-align: center;
         width: 100%;
    }    
     .componentWrapper {
     height:100%; 
     max-height:100% !important;
	}
    /* GLOBAL EFFECTS only for news on mobile*/
     .newsContentItem::before {
         content: "";
         position: absolute;
         bottom: -6px;
         right: -6px;
         z-index: -1;
         display:inline;
         width: 100%;
         height: 100%;
         background: #9ed1f1;
    }
     .newsOS .newsContentItem {
         width: 100%;
    }
     .footer .socialMedia {
         width: auto;
         height: 100px;
         padding: 0px 0 30px 0;
         float: none;
         text-align: center;
         display: inline-block;
         position: relative;
    }
     .footer{
         text-align: center;
    }
     .volg {
	     padding-top:20px;
	}
}
 @media (min-width: 767px) and (max-width: 991px) {
     .newsOS .newsItemImage, .newsOS .newsItemImage {
         height: 160px;
    }
     .newsOS .newsTeaser, .newsOS .teaserDivider {
         line-height:20px;
         font-size:13px;
    }
}
/* 768px------------------------------*/
 @media (min-width: 768px) {
     #contentTextBlock {
         padding-bottom:112px !important;
    }
     .slideshow {
         height:244px;
    }
     .slideshow .owl-item .slideshow-image {
         height: 244px;
    }
     .slideshowEffects::after {
         margin-top:-106px;
         height:140px;
         width:96px;
         content: '';
         left : 20px;
    }
     .navbar-default .navbar-collapse {
         width: auto !important;
         margin: 0;
         padding: 0;
    }
     .main-top-container {
         padding-top: 28px;
         height: 140px;
         display: block;
    }
     .logo {
         position: absolute;
         top: -10px;
         left: -60px;
         z-index:2;
         width: 360px;
         overflow:hidden;
    }
     a.logoImg {
         margin: 0;
    }
     .header-right .button:hover {
         background-color: #ae1d21;
    }
     .header-right {
         float: right;
         margin: 0;
    }
     .header-right .button, .button {
         float: left;
         margin: 0 20px 0 0;
         position: relative;
         display: block;
         text-align:center;
         height: 38px;
         padding:0 32px;
         color: #fff;
         line-height: 38px;
         text-decoration: none;
         font-family: 'PT Sans', sans-serif;
         font-weight:700;
         font-size: 19px;
    }
     .header-right .portal {
         background-color: #33b5ee;
    }
    /*-- 
    /*SEARCH ---*/
     .search-toggle {
         background: #ae1d21;
         width: 38px;
         height: 38px;
         display: block;
         cursor: pointer;
         position: relative;
         float: right;
         z-index: auto;
    }
     .search-toggle:hover {
         background-color: #39b549;
    }
     .search-toggle::after {
         content: "\f002";
         font-family: FontAwesome;
         position: absolute;
         top: 8px;
         left: 12px;
         pointer-events: none;
         font-size: 16px;
         color: #ffffff;
    }
     .search-toggle.clicked::after {
         content: "\f00d";
         left: 12px;
         top: 6px;
         color: #ffffff;
         font-size: 18px;
    }
     .contentWrapper::before{
         background: url(/images/sliderObject-triangles.svg);
         border:solid 0px green;
         position:absolute;
         content: '';
         z-index: 9;
         left : 100px;
         background-repeat:no-repeat;
         margin-top:-113px;
         height:91px;
         width:477px;
         left : -60px;
    }
    /* global title */
     .news .title {
         padding: 60px 0 22px 0 !important;
    }
     .newsOS .newsContentItem {
         width: 33.3333333%;
         padding:0 10px;
         float: left;
         position: relative;
    }
     .newsOS {
         margin-left:-15px;
         margin-right:-15px;
    }
     .newsOS .newsContentItem {
         margin-bottom:36px;
    }
     .buttonMore{
         margin:0px 0 64px 0;
    }
     .newsContentItem::before{
         content: "";
         position: absolute;
         top: 0px;
         right:8px;
         z-index:1 !important;
         overflow: hidden;
         background: url(/images/lineRight.png);
         background-position:center;
         background-repeat:no-repeat;
         display:block;
         width: 8px;
         height: 100%;
    }
     .newsTeaser::after {
         content: "";
         position: absolute;
         bottom:-6px;
         right: 9px;
         overflow: hidden;
         background: url(/images/lineBottom.png);
         background-position: right;
         background-repeat:no-repeat;
         z-index: -1;
         display:inline;
         width: 90%;
         height:8px;
    }
     .sectionFooter {
         text-align: left;
    }
     .footer .socialIcon {
         margin: 6px 10px 0 0;
    }
     .footer .footerTop {
         padding: 80px 0 60px 0;
    }
     .footerTitle {
         margin:0px 0 6px 0;
    }
     .logoFooter {
         max-width:232px;
         top:-30px;
         display:block;
         right:10px;
         position:absolute;
    }
}
/* min-width: 992px- ------------------------------------------------------------------------- */
 @media (min-width: 992px) {
     .slideshow {
         height:315px;
    }
     .slideshow .owl-item .slideshow-image {
         height: 315px;
    }
     .slideshowEffects::after {
         left : 55px;
    }
     .main-top-container {
         height:160px;
    }
     .logo {
         width: 420px;
         top: 8px;
         left:-80px;
    }
     .contentWrapper {
         padding-left:65px !important;
    }
     .contentWrapper::before{
         margin-top:-142px;
         height:121px;
         width:636px;
         left : -20px;
    }
}
/* min-width: 1200px- -------------------------------------------------------------------------*/
 @media (min-width: 1200px) {
     .main-top-container {
         padding-right:30px;
         padding-left:30px;
    }
     .slideshow {
         height:508px;
    }
     .slideshow .owl-item .slideshow-image {
         height: 508px;
    }
     .main-top-container {
         height:180px;
    }
     .mainMenu {
         margin-left:30px;
    }
     #contentTextBlock {
         padding-right:30px;
    }
     .logo {
         width:500px;
         top: -8px;
         left:-100px;
    }
     .search-desktop {
         margin-top: 20px;
    }
     .searchWrapperOnsite input {
         height: 36px;
    }
     .searchWrapperOnsite .searchOnsiteSubmitWrapper {
         width: 30px;
         height: 36px;
    }
     .searchWrapperOnsite .searchOnsiteSubmitWrapper::after {
         top: 6px;
    }
     #slideshow, #slideshow .slide, #slideshow .slide .slideShowItemImage {
         height: 425px !important;
    }
     #slideshow::after {
         width: 446px;
         height: 403px;
    }
     #contentTextBlock {
         padding: 0px 0 36px 10px;
    }
     .contentWrapper::before{
         margin-top:-170px;
         height:150px;
         width:795px;
         left : -45px;
    }
     .bgSchoolinfo .container{
         max-width:1120px;
         width:1120px;
         padding:0;
    }
     .bgContainer-news .container{
         width:1120px;
         max-width:1120px !important;
    }
     .bgContainer-news .title {
         margin-left: -20px !important;
         padding-bottom:30px;
    }
     .newsOS {
         margin-left:-30px;
         margin-right:-30px;
    }
     .newsOS .newsTeaser, .newsOS .teaserDivider {
         padding:10px 65px 10px 25px !important
    }
     .newsTeaser::after {
         width: 98%;
    }
     .newsOSContent::after {
         display: block;
         position: absolute;
         background: url(/images/newsObject-puppet.svg);
         margin-top:-82px;
         height:139px;
         width:79px;
         content: '';
         right: 0px;
         z-index: 1;
         background-repeat:no-repeat;
    }
     .footer .footerTop {
         padding: 120px 0 80px 30px;
    }
     .logoFooter {
         right:30px;
    }
}