@charset "utf-8";
/* CSS Document */

html {
    position: relative;
    min-height: 100%;
}

#wrap {
    margin-bottom: 100px;
}

body {
    background-color: #FFF;
}

#footer {
    /* Set the fixed height of the footer here */
    height: 100px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.footer {
    padding: 20px;
    background: #004289;
}

    .footer li {
        display: inline;
        list-style: none;
    }

    .footer a {
        color: #fff;
    }

    .footer hr {
        border-top: 1px solid #286db8;
        margin: 0px;
        padding: 0px;
    }

.footerlinks {
    font-size: 14px;
    padding: 10px 5px;
    color: #fff;
}

.xs-title {
    font-size: 13px;
    text-align: center;
    color: #fff;
    padding: 10px;
}

.pad-20 {
    padding: 10px;
}

.date {
    padding: inherit;
    background: rgb(153, 153, 153);
    color: rgb(255, 255, 255);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 15px;
}

    .date span {
        margin: 10px;
    }

.share {
    text-transform: uppercase;
}

.bold-blue {
    font-weight: bold;
    font-size: 20px;
    color: #004289;
}

.home {
    height: 215px; /*background-color:#f2f2f2;*/
}

.margin-photo {
    margin: 15px;
}

.pagetitle {
    height: 100px;
    margin-top: 2px;
}

    .pagetitle h1 {
        color: #fff;
        font-weight: bold;
        text-shadow: 2px 2px 8px #000;
        padding-top: 20px;
    }

#PillarTheme {
    height: 100px;
}
/*** colors for the themes **/
.pagebar { /*background-color: #e5e5e5;*/
    margin-bottom: 10px;
}

.conf {
    background-color: #ce0538;
}

.map {
    background-color: #abcc59;
}

.senary {
    background-color: #e9500e;
}

.dika {
    background-color: #005239;
}

.art {
    background-color: #7e1974;
}

.north {
    background-color: #3961ac;
}

.blue a {
    background-color: #004289;
}

.orange a {
    background-color: #e9500e;
}

.yellow a {
    background-color: #f9b122;
}

.green a {
    background-color: #abcc59;
}

.darkgreen a {
    background-color: #005239;
}

.red a {
    background-color: #ce0538;
}

.purple a {
    background-color: #7e1974;
}

.grey a {
    background-color: #817f7f;
}


.breadcrumb {
    display: none;
}

.language {
    /*margin: 16px -15px 5px 5px;*/
    display: block;
    color: #004289;
    border-radius: 4px;
    background: rgb(247, 247, 247);
    padding: 2px 5px;
    font-size: 12px;
  }

    .language a {
        color: #004289;
        text-decoration: none;
    }


/* Flex Slider Overwrites*/

/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles */
.flexslider {
    margin: 0;
    padding: 0;
}

.slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
    padding: 0;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.slides img {
    width: 100%;
    height: auto;
    display: block;
    -moz-backface-visibility: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

    /* No JavaScript Fallback */
    /* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
    .no-js .slides > li:first-child {
        display: block;
    }

/* FlexSlider Default Theme
*********************************/
.flexslider {
    margin: 0;
    background: #fff;
    position: relative;
    zoom: 1;
    border: 1px solid #e5e5e5;
    margin: 0 0 30px;
    overflow: hidden;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.simple-slider {
    min-height: 100px;
    background: url("../img/theme/revolution/loader.gif") no-repeat center center #fff;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px;
}

/* FlexSlider Main Slider 
*********************************/
.main-slider {
    overflow: hidden;
}

    .main-slider .flex-prev {
        left: -40px;
    }

    .main-slider .flex-next {
        right: -40px;
    }

    .main-slider:hover .flex-prev {
        opacity: 0.6;
        left: 0px;
    }

    .main-slider:hover .flex-next {
        opacity: 0.6;
        right: 0px;
    }

        .main-slider:hover .flex-next:hover, .main-slider:hover .flex-prev:hover {
            opacity: 0.8;
        }

/* FlexSlider Simple Slider 
*********************************/
.simple-slider {
    overflow: hidden;
}

    .simple-slider a:active, .simple-slider a:focus {
        outline: none;
    }

.simple-slider {
    margin: 0;
    padding: 0;
    position: relative;
}

    .simple-slider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
        margin: 0 !important;
    }
    /* Hide the slides before the JS is loaded. Avoids image jumping */
    .simple-slider .slides img {
        width: 100%;
        display: block;
    }

    .simple-slider:hover .flex-prev {
        opacity: 0.6;
        left: 0px;
    }

    .simple-slider:hover .flex-next {
        opacity: 0.6;
        right: 0px;
    }

        .simple-slider:hover .flex-next:hover, .simple-slider:hover .flex-prev:hover {
            opacity: 0.8;
        }

/* FlexSlider Simple Slider Portfolio
*********************************/
.simple-slider-portfolio {
    overflow: hidden;
}

    .simple-slider-portfolio a:active, .simple-slider-portfolio a:focus {
        outline: none;
    }

.simple-slider-portfolio {
    margin: 0;
    padding: 0;
    position: relative;
}

    .simple-slider-portfolio .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
        margin: 0 !important;
    }
    /* Hide the slides before the JS is loaded. Avoids image jumping */
    .simple-slider-portfolio .slides img {
        width: 100%;
        display: block;
    }

    .simple-slider-portfolio:hover .flex-prev {
        opacity: 0.6;
        left: 0px;
    }

    .simple-slider-portfolio:hover .flex-next {
        opacity: 0.6;
        right: 0px;
    }

        .simple-slider-portfolio:hover .flex-next:hover, .simple-slider-portfolio:hover .flex-prev:hover {
            opacity: 0.8;
        }

/* FlexSlider Thumb Slider 
*********************************/
.thumb-slider {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
}

    .thumb-slider .flex-prev {
        left: -40px;
    }

    .thumb-slider .flex-next {
        right: -40px;
    }

    .thumb-slider:hover .flex-prev {
        opacity: 0.6;
        left: 0px;
    }

    .thumb-slider:hover .flex-next {
        opacity: 0.6;
        right: 0px;
    }

        .thumb-slider:hover .flex-next:hover, .thumb-slider:hover .flex-prev:hover {
            opacity: 0.8;
        }

/* Direction Nav */
.flex-direction-nav {
    *height: 0;
}

    .flex-direction-nav li {
        padding: 0;
    }

    .flex-direction-nav a {
        display: block;
        width: 40px;
        height: 40px;
        margin: -20px 0 0;
        position: absolute;
        top: 50%;
        z-index: 10;
        overflow: hidden;
        opacity: 0.4;
        cursor: pointer;
        color: rgba(0,0,0,0.8);
        text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
        background: #FFF;
        text-align: center;
    }

    .flex-direction-nav .flex-prev {
        left: -40px;
    }

    .flex-direction-nav .flex-next {
        right: -40px;
    }

.flexslider:hover .flex-prev {
    opacity: 0.7;
    left: 0px;
}

.flexslider:hover .flex-next {
    opacity: 0.7;
    right: 0px;
}

    .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
        opacity: 1;
    }

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
}

.flex-direction-nav a:before {
    font-family: "FontAwesome";
    font-size: 24px;
    display: inline-block;
    content: '\f053';
    line-height: 1.8;
}

.flex-direction-nav a.flex-next:before {
    content: '\f054';
}

/* Pause/Play */
.flex-pauseplay a {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    bottom: 25px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

    .flex-pauseplay a:before {
        font-family: "FontAwesome";
        font-size: 20px;
        display: inline-block;
        content: '\f04b';
    }

    .flex-pauseplay a:hover {
        opacity: 1;
    }

    .flex-pauseplay a.flex-play:before {
        content: '\f04c';
    }

/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

    .flex-control-nav li {
        margin: 0 6px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

    .flex-control-paging li a:hover {
        background: #333;
        background: rgba(0,0,0,0.7);
    }

    .flex-control-paging li a.flex-active {
        cursor: default;
    }

.flex-control-thumbs {
    margin: 0;
    position: static;
    overflow: hidden;
}

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0;
        padding: 2%;
    }

    .flex-control-thumbs img {
        width: 100%;
        margin: 0;
        display: block;
        opacity: .5;
        cursor: pointer;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
        -moz-backface-visibility: hidden;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

        .flex-control-thumbs img:hover {
            opacity: 1;
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default;
    }

.flex-caption {
    width: 96%;
    padding: 2%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    font-size: 14px;
    line-height: 18px;
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 0px;
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 0px;
    }
}

/* Portfolio
---------------------------------------- */
.filter {
    padding: 0;
    text-align: center;
}

    .filter:before {
        content: "\f0b0";
        font-family: "FontAwesome";
        font-size: 16px;
        margin-right: 10px;
    }

    .filter li {
        display: inline-block;
        list-style: none;
        font-size: 14px;
    }

        .filter li + li:before {
            content: "/";
        }

    .filter button {
        background: none;
        border: none;
        outline: none;
    }

        .filter button.selected:hover {
            cursor: default;
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .filter button:hover {
            opacity: 0.7;
            filter: alpha(opacity=70);
        }

.isotope {
    margin: 50px 0;
    padding: 0;
    width: 100%;
}

    .isotope:before, .isotope:after {
        content: " ";
        display: table;
    }

    .isotope:after {
        clear: both;
    }

    .isotope li {
        display: block;
        /*float: none;*/
        width: 24.9%;
    }

@media (max-width: 992px) {
    .isotope li {
        width: 49.9%;
    }
}

@media (max-width: 400px) {
    .isotope li {
        width: 100%;
    }
}

.classic.isotope {
    margin-left: -1.3%;
    width: 102.6%;
}

    .classic.isotope header {
        overflow: hidden;
        position: relative;
    }

    .classic.isotope li {
        padding: 0 1.3% 25px 1.3%;
    }

        .classic.isotope li > h2 {
            margin-top: 14px;
            text-align: center;
            text-transform: none;
        }

.isotope,
.isotope li {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    transition-property: height, width;
}

    .isotope li {
        -webkit-transition-property: -webkit-transform, opacity;
        transition-property: -webkit-transform, opacity;
    }

        /**** disabling Isotope CSS3 transitions ****/
        .isotope.no-transition,
        .isotope.no-transition .isotope-item,
        .isotope li.no-transition {
            -webkit-transition-duration: 0;
            transition-duration: 0;
        }

/* Portfolio single
---------------------------------------- */
.portfolio-single p {
    margin: 20px 0;
}

.portfolio-single h3 {
    font-size: 18px;
    margin-top: 40px;
}

    .portfolio-single h3:first-child {
        margin-top: -5px;
    }

.portfolio-single .btn:last-child {
    margin-top: 23px;
}
/* Posts
---------------------------------------- */
.posts {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .posts li:hover div {
        left: 15%;
    }

    .posts li:hover img {
        left: -15%;
    }

    .posts img {
        height: 100%;
        width: 100%;
        position: relative;
        left: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .posts div {
        background-color: #f9f9f9;
        bottom: 0;
        left: 100%;
        padding: 26px 19px 26px 28px;
        position: absolute;
        top: 0;
        width: 85%;
        -webkit-transition: 0.5s all;
        transition: 0.5s all;
    }

        .posts div a {
            bottom: 0;
            color: #fff;
            font-size: 16px;
            left: 0;
            height: 37px;
            padding-top: 12px;
            position: absolute;
            text-align: center;
            width: 37px;
            -webkit-transition: 0.2s background-color;
            transition: 0.2s background-color;
        }

    .posts h2 {
        font-size: 17px;
        margin: 0 0 19px 0;
    }

@media (max-width: 1320px) {
    .posts h2 {
        margin-bottom: 7px;
    }

    .posts div {
        padding: 16px 9px 16px 18px;
        width: 100%;
    }

    .posts li:hover div {
        left: 0;
    }
}

@media (max-width: 1100px) {
    .posts h2 {
        font-size: 16px;
    }

    .posts p {
        display: none;
    }

    .posts div {
        padding: 12px 9px 12px 14px;
    }
}

@media (max-width: 768px) {
    .posts li {
        width: 50%;
    }

    .posts p {
        display: block;
    }
}

@media (max-width: 450px) {
    .posts p {
        display: none;
    }
}

@media (max-width: 400px) {
    .posts li {
        width: 100%;
    }

    .posts p {
        display: block;
    }
}

.press img {
    width: 120px;
}

.col-md-8 li {
    list-style-position: inside;
}

.pagination div {
    display: inline-block;
    margin: 15px;
    padding: 15px;
    background: #e5e5e5;
}

    .pagination div a {
        color: #ce0538;
    }

.min-height {
    min-height: 230px;
}

.formtitle {
    font-weight: bold;
    color: #286db8;
    padding: 5px 0px;
}

.home-events {
}

    .home-events img {
        width: 180px;
        height: 120px;
    }

.mgtop10 {
    margin-top: 10px;
}

.pillars {
    padding: 25px 10px 0px 15px;
    margin: 15px -15px;
    color: #fff;
    position: relative;
    height: 230px;
}

.blue1 {
    background: #286db8;
}

.blue2 {
    background: #4384cb;
}

.blue3 {
    background: #63a2e5;
}

.heading-single span:before {
    right: 100%;
    margin-right: .5em;
}

.heading-single span:before, .heading-single span:after {
    content: "";
    position: absolute;
    top: 50%;
    height: .5em;
    border-top: 1px solid #e5e5e5;
    width: 200em;
}

.heading-single span {
    position: relative;
}

    .heading-single span:after {
        left: 100%;
        margin-left: .5em;
    }

.heading-single {
    overflow: hidden;
}

.thumbnail {
    height: 270px;
}

.mbot15 {
    margin-bottom: 15px;
}