html,
body
{
    height : 100%;
}

.wrapper
{
    min-height : 100%;
    height : auto !important;
    height : 100%;
    margin : 0 auto -60px;
}

.push
{
    height : 60px;
}

header
{
    /*height : 90px;*/
    background-color : #075192; /*#152c55*/
}

h1.brand
{
    padding : 22px 0 23px 0;
    margin : 0;
}

.image-wrapper
{
    height : 350px;
    background : rgba(0, 0, 0, 0.45) url(../images/image-wrapper.jpg);
    background-size : cover;
    position : relative;
}

.content-inner
{
    padding : 30px 0 0 0;
    margin : 0;
}

.right-inner
{
    margin : 40px 0 0 0;
}

footer
{
    background-color : #222;
    color : #99979c;
    padding : 20px 0 20px 0;
}

footer p
{
    margin : 0;
}

footer a
{
    color : #fff;
}

footer a:hover,
footer a:focus,
footer a:active
{
    color : #fff;
}

/* Navbar */
.navbar
{
    margin-bottom : 0px;
    box-shadow : 0px 1px 3px rgba(34, 25, 25, 0.4);
    z-index : 1000;
}

.nav > li
{
    display : block !important;
}

ul.navbar-nav > li > ul > li > a
{
    font-size : 14px;
}

h1.brand > a
{
    font : 300 36px/1.3 "Open Sans",sans-serif;
    text-decoration : none;
    padding-bottom : 20px;
    color : #fff;
    outline : none;
}

h1.brand > a:hover
{
    color : #eeeeee;
}

.dropdown-header
{
 	padding: 12px 20px 7px 20px; 
}

/* Typograhpy */
h1.slogan
{
    font : 300 46px/60px "Open Sans",sans-serif;
    padding : 0 0 20px 0;
    margin : 0;
}

.item-page > .container > .col-md-12 > .page-header,
.blog > .page-header,
div[class^="leading"] > .page-header,
.item-page > .page-header
{
    margin : 0;
    padding : 0;
    border-bottom : none;
}

.item-page > .container > .col-md-12 > .page-header > h1,
.blog > .page-header > h1,
div[class^="leading"] > .page-header > h2,
.item-page > .page-header > h2
{
    font-family : "Open Sans",sans-serif;
    margin : 10px 0 0 0;
    padding : 0;
    font-size : 36px;
    font-weight : 400;
    color : #152c55;
}

div[class^="leading"] > .page-header > h2,
.item-page > .page-header > h2
{
    margin : 10px 0 30px 0;
    font-size : 30px;
    font-weight : 700;
    line-height : 1.3;
}

.com-content-category-date,
.com-content-category-hits,
.com-content-category-author
{
    display : inline-block;
    font : 300 17px/27px "Open Sans",sans-serif;
    padding : 10px 0 0 0;
    margin : 0;
}

.item-page h3
{
    font : 600 24px/36px "Open Sans",sans-serif;
}

.item-page h3.flowing
{
    font : 400 24px/36px "Open Sans",sans-serif;
}

.item-page h3 span.indent
{
    display : block;
    margin-left : 2em;
}

.item-page h1 span.indent
{
    display : block;
    margin-left : 3em;
}

.white > .container > .col-md-12 h3.title,
.gray > .container > .col-md-12 h3.title
{
    margin-top : 0;
}

.item-page h4
{
    font : 400 18px/1.5em "Open Sans",sans-serif;
}

.caption > p
{
    text-align : center;
    font : 300 18px/1.5em "Open Sans",sans-serif;
}

.modal-body p
{
    font : 300 18px/1.5em "Open Sans",sans-serif;
}

h3 > a
{
    cursor : pointer;
    color : #333;
}

a > img
{
    cursor : pointer;
}

h3 > a:hover,
h3 > a:focus
{
    color : #23527c;
}

p.box-home-title
{
    display : block;
    font : 400 32px/1.1 "Open Sans",sans-serif;
    padding : 20px 0 10px 0;
    margin : 0;
}

p.box-home
{
    display : block;
    font : 300 19px/30px "Open Sans",sans-serif;
    padding : 10px 0 0 0;
    margin : 0;
}

/* Content */
.white
{
    background-color : #fff;
    margin : 30px 0 30px 0;
}

.gray
{
    background-color : #f2f2f2;
    padding : 30px 0 30px 0;
}

.box-home-outer
{
    margin-bottom : 30px;
}

ul.index-list
{
    counter-reset : li;
}

ul.index-list > li
{
    padding-left : 120px;
    position : relative;
}

ul.index-list > li::before
{
    left : 6px;
    top : 12px;
    display : inline-block;
    height : 80px;
    width : 80px;
    text-align : center;
    background : #14CEF5 none repeat scroll 0% 0%;
    font : 400 40px "Open Sans",sans-serif;
    line-height : 78px;
    color : #FFF;
    border-radius : 50%;
    content : counter(li, decimal-leading-zero);
    counter-increment : li;
    position : absolute;
    border : 1px solid #fff;
    box-shadow: 0px 0px 0px 5px #14CEF5;
}

ul.index-list > li.inverse::before
{
    left : 6px;
    top : 12px;
    display : inline-block;
    height : 80px;
    width : 80px;
    text-align : center;
    background : #fff none repeat scroll 0% 0%;
    font : 400 40px "Open Sans",sans-serif;
    line-height : 78px;
    color : #373d43;
    border-radius : 50%;
    content : counter(li, decimal-leading-zero);
    counter-increment : li;
    position : absolute;
    border : 1px solid #c0c0c0;
    box-shadow: 0px 0px 0px 5px #FFF;
}

ul.ok-list-home
{
    padding-top : 10px;
}

ul.ok-list > li
{
    padding : 0 0 5px 50px;
    display : block;
    position : relative;
}

ul.ok-list-home > li
{
    padding : 0 0 5px 50px;
    display : block;
    position : relative;
    font : 300 19px/30px "Open Sans",sans-serif;
}

ul.ok-list > li::before
{
    font-family: 'Glyphicons Halflings';
    font-size : 19px;
    content: "\e013";
    position : absolute;
    left : 15px;
    top : 10px;
}

ul.ok-list-home > li::before
{
    font-family: 'Glyphicons Halflings';
    font-size : 19px;
    content: "\e013";
    position : absolute;
    left : 15px;
    top : 1px;
}

.box-gray
{
    background-color : #f2f2f2;
    padding : 20px;
}

.box-gray-inner
{
    background-color : #fff;
    padding : 10px;
}

.img-center
{
    margin : 0 auto;
}

ul.article-info > li
{
    display : inline-block;
    padding-right : 20px;
}

nav.pagi
{
    padding : 20px 0 80px 0;
}

ul.pagination
{
    padding : 0;
    margin : 0;
}

ul.pager
{
    padding-top : 40px;
    margin : 30px 0 50px 0;
    border-top : 1px solid #eeeeee;
}

.parallax-container
{
    width : 100%;
}

/* Blog */
div[class^="leading"]
{
    padding : 0 0 30px 0;;
    margin : 0 0 20px 0;
    border-bottom : 1px solid #eeeeee;
}

.blog-featured-home div[class^="leading"]:last-child
{
    padding-bottom : 0;
    margin-bottom : 0;
}

.article-info
{
    padding : 0;
    margin : 0;
}

p.readmore
{
    margin : 20px 0 0 0;
}

/* Modules */
.mod-languages
{
    margin : 35px 0 0 0;
}

ul.lang-inline > li > a
{
    font : 400 15px/1.1 "Open Sans",sans-serif;
    color : #fff;
    outline : none;
}

ul.lang-inline > li > a:hover
{
    color : #eeeeee;
}

ul.mostread-right > li
{
    padding : 5px 0 5px 0;
}

ul.mostread-right > li > a
{
    font-size : 16px;
}

.moduletable-news .news-header
{
    background-color : #96f8e3;
    padding : 30px 20px 30px 20px;
}

.moduletable-news .news-content
{
    background-color : #fff;
    padding : 30px 20px 30px 20px;
}

.moduletable-news h3
{
    font : 400 36px/1.1 "Open Sans",sans-serif;
    padding : 0 0 40px 0;
    margin : 0;
    text-align : center;
}

.moduletable-right h3
{
    font : 600 30px/1.1 "Open Sans",sans-serif;
}

.moduletable-news h3.item
{
    font : 600 24px/36px "Open Sans",sans-serif;
    padding : 0;
    margin : 0;
    text-align : left;
}

.moduletable-news .mod-articles-category-date
{
    display : block;
    font : 300 18px "Open Sans",sans-serif;
    padding : 10px 0 0 0;
    margin : 0;
}

.moduletable-news .mod-articles-category-introtext
{
    display : block;
    padding-bottom : 15px;
    line-height : 1.6;
}

.moduletable-footermenu > ul
{
    padding : 0;
    margin : 0;
}

.navbar.affix
{
    position : fixed;
    top : 0;
    width : 100%;
    z-index : 10;
}

.nav-wrapper
{
    min-height : 70px;
}

.menufooter > li
{
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

/* Misc */
.form-control-feedback
{
    height : 44px;
    line-height : 44px;
}

.breadcrumb
{
    margin-bottom : 0;
}

.blockMsg
{
    border : none;
    background : transparent;
}

.overlay
{
    position : absolute;
    left : 0px;
    top : 0px;
    right : 0px;
    bottom : 0px;
    overflow : hidden;
    background : rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
}

.carousel-control
{
    z-index : 1;
}

.carousel-indicators
{
    z-index : 2;
}

.carousel-caption
{
    text-shadow : none;
    font-family : "Open Sans",sans-serif;
    z-index : 1;
}

.carousel-caption > h1
{
    font-size : 56px; /*66px*/
    font-weight : 600;
    text-transform : uppercase;
    text-shadow : -3px 3px 8px rgba(0, 0, 0, 0.75);
    color : #fff;
}

.carousel-caption > h2
{
    font-size : 46px; /*46px*/
    font-weight : 600;
    text-transform : inherit;
    text-shadow : -3px 3px 8px rgba(0, 0, 0, 0.75);
    line-height : 56px;
    color : #fff;
    padding : 0 0 20px 0;
}

.carousel-caption > h3
{
    font-size : 40px; /*46px*/
    font-weight : 600;
    text-transform : inherit;
    text-shadow : -3px 3px 8px rgba(0, 0, 0, 0.75);
    line-height : 1.2; /*56px*/
    color : #fff;
    padding : 0 0 20px 0;
}

.carousel-caption > p
{
    font-size : 24px; /*30px*/
    font-weight : 400;
    text-transform : uppercase;
    padding-bottom : 20px;
    text-shadow : -3px 3px 8px rgba(0, 0, 0, 0.75);
}

.carousel-caption > a.btn
{
    margin-bottom : 30px;
}

.btn-white
{
    color : #fff;
    background-color : #fff;
    border-color : #fff;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active
{
    color : #152C55;
    background-color : #fff;
    border-color : #fff;
}

.btn-outline
{
    background-color : transparent;
    color : inherit;
    transition : all .5s;
}

.overlay-team
{
    position : relative;
}

.overlay-team-wrapper
{
    width : 100%;
    height : 100%;
    position : absolute;
    top : 0px;
    left : 0px;
    cursor : pointer;
    transition : background-color 0.2s ease-in-out 0s;
}

.overlay-team-wrapper:hover
{
    background-color : rgba(0, 0, 0, 0.4);
}

.overlay-team-wrapper span
{
    position : relative;
    width : 60px;
    top : 50%;
    left : 50%;
    margin-left : -30px;
    margin-top : -30px;
    opacity : 0;
    color : #fff;
    font-size : 5em;
    transition : opacity 0.2s ease-in-out 0s;
}

.overlay-team-wrapper:hover span
{
    opacity : 1;
}

.offer
{
	margin: 0 auto;
}

.btn-header
{
    display: block;
	width: 200px !important;
	margin-bottom: 5px;
}

/* Image card - libpanel */
.lib-panel {
    margin-bottom: 20Px;
}
.lib-panel img {
    width: 100%;
    background-color: transparent;
}

.lib-panel .row,
.lib-panel .col-md-6 {
    padding: 0;
    background-color: #FFFFFF;
}


.lib-panel .lib-row {
    padding: 0 20px 0 20px;
}

.lib-panel .lib-row.lib-header {
    background-color: #FFFFFF;
    font-size: 20px;
    padding: 10px 20px 0 20px;
}

.lib-panel .lib-row.lib-header .lib-header-seperator {
    height: 2px;
    width: 26px;
    background-color: #d9d9d9;
    margin: 7px 0 7px 0;
}

.lib-panel .lib-row.lib-desc {
    position: relative;
    height: 100%;
    display: block;
    font-size: 13px;
}
.lib-panel .lib-row.lib-desc a{
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 20px;
}

.row-margin-bottom {
    margin-bottom: 20px;
}

.box-shadow {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
}

.no-padding {
    padding: 0;
}

/* Tables*/
.table-inverse
{
    text-align : center;
}

.table-inverse > thead > tr > th
{
    text-align : center !important;
}

.table-inverse > tbody > tr > td
{
    vertical-align : middle;
}

/* Media Querys */
@media (min-width: 1200px)
{
    /* Navbar */
    ul.navbar-nav > li > a
    {
        font-size : 18px;
        font-weight : 400;
      	padding: 25px 12px;
    }
    
    ul.navbar-nav > li > ul > li > a
    {
        font-size : 15px;
    }
    
    #main-navbar .dropdown-menu
    {
        box-shadow : 0px 4px 0px 0px #152c55 inset;
        min-width : 280px !important;
    }
    
    #main-navbar .dropdown-menu > li > a
    {
        padding : 10px 20px;
        line-height : 1.42857;
        color : #5f5f5f;
        white-space : nowrap;
        box-shadow : none;
        transition : all 0.15s ease-out 0s;
    }
    
    #main-navbar .dropdown-menu > li > a:hover,
    #main-navbar .dropdown-menu > li > a:focus,
    #main-navbar .dropdown-menu > .active > a,
    #main-navbar .dropdown-menu > .active > a:hover,
    #main-navbar .dropdown-menu > .active > a:focus
    {
        color : #000 !important;
        background-color : #f8f8f8;
        box-shadow : 4px 0px 0px #152c55 inset;
    }
    
    .navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow
    {
        position : static;
        margin : -1px 0 0 6px;
        vertical-align : middle;
        display : inline-block;
        font-family : 'Glyphicons Halflings';
        font-size : 11px;
        font-style : normal;
        font-weight : normal;
        line-height : 1;
        -webkit-font-smoothing : antialiased;
        -moz-osx-font-smoothing : grayscale;
    }

    .navbar-nav .sub-arrow:before, .navbar-nav .collapsible .sub-arrow:before
    {
        content : "\e114";
    }
}

@media (max-width: 1200px)
{
    /* Navbar */
    .navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow
    {
	position : static;
	margin-top : 0;
	margin-right : 0;
	margin-left : 6px;
	display : inline-block;
	width : 0;
	height : 0;
	overflow : hidden;
	vertical-align : middle;
	border-top : 4px solid;
	border-right : 4px dashed transparent;
	border-bottom : 4px dashed transparent;
	border-left : 4px dashed transparent;
    }
    
        p.box-home-title
    {
        display : block;
        font : 400 22px/1.1 "Open Sans",sans-serif;
        padding : 20px 0 10px 0;
        margin : 0;
    }
    
    .carousel-caption > h1
    {
        font-size : 46px; /*66px*/
        font-weight : 600;
        text-transform : uppercase;
        text-shadow : -3px 3px 8px rgba(0, 0, 0, 0.75);
        color : #fff;
    }
    
    .carousel-caption > h2
    {
        font-size : 40px; /*46px*/
        font-weight : 600;
        text-transform : inherit;
        text-shadow : -3px 3px 8px rgba(0, 0, 0, 0.75);
        line-height : 1.2;
        color : #fff;
        padding : 0 0 20px 0;
    }
    
    .carousel-caption > h3
    {
        font-size : 30px; /*46px*/
        font-weight : 600;
        text-transform : inherit;
        text-shadow : -3px 3px 8px rgba(0, 0, 0, 0.75);
        line-height : 1.2;
        color : #fff;
        padding : 0 0 20px 0;
    }
    
    .carousel-caption > p
    {
        font-size : 20px; /*30px*/
        font-weight : 400;
        text-transform : uppercase;
        padding-bottom : 20px;
        text-shadow : -3px 3px 8px rgba(0, 0, 0, 0.75);
    }
}

@media (max-width: 992px)
{
    .mod-languages
    {
        padding-bottom : 20px;
        margin : 0;
    }
    
    ul.index-list > li
    {
        padding : 10px 0 40px 120px;
    }
    
    .moduletable-news li
    {
        margin-bottom : 30px;
    }
    
    .moduletable-news li:last-child
    {
        margin-bottom : 0px;
    }
    
    .col-md-4.team
    {
        margin-bottom : 40px;
    }
    
    .carousel-caption > h2
    {
        font-size : 32px; /*46px*/
        font-weight : 600;
        text-transform : inherit;
        text-shadow : -3px 3px 8px rgba(0, 0, 0, 0.75);
        line-height : 1.2;
        color : #fff;
        padding : 0 0 20px 0;
    }
    
    .item-page-school .box-gray
    {
        margin-bottom : 30px;
    }
    
    .box-home-outer-below
    {
        margin-top : 30px;
    }
}

@media (max-width: 768px)
{
    h1.brand > a
    {
        font : 400 26px/1.1 "Open Sans",sans-serif;
    }
    
    h1.slogan
    {
        font : 300 36px/46px "Open Sans",sans-serif;
    }
    
    .modal-body .col-md-6
    {
        text-align : center;
    }
    
    .modal-body .col-md-6 img
    {
        margin : 0 auto;
    }
    
    .carousel-caption > h1
    {
        font-size : 26px; /*66px*/
        font-weight : 600;
        text-transform : uppercase;
        text-shadow : -3px 3px 8px rgba(0, 0, 0, 0.75);
        color : #fff;
        margin-bottom : 30px;
    }
    
    .carousel-caption > h2
    {
        font-size : 22px; /*46px*/
        font-weight : 600;
        text-transform : inherit;
        text-shadow : -3px 3px 8px rgba(0, 0, 0, 0.75);
        line-height : 1.2;
        color : #fff;
        padding : 0 0 20px 0;
    }
}

@media (min-width: 992px) and (max-width: 1200px)
{
    p.box-home
    {
        font : 300 15px/30px "Open Sans",sans-serif;
    }
    
    ul.ok-list-home > li
    {
        font : 300 15px/30px "Open Sans",sans-serif;
    }
    
    ul.ok-list-home > li::before
    {
        font-size : 15px;
    }
}















#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
    
    opacity: 0;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
}

#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
}
#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
}
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
	background-color: #428bca;
	border-color: #357ebd;
	opacity: 1;
	padding: 10px 17px;
	font-size: 27px;
}