.cb-slideshow,
.cb-slideshow:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    list-style: none;
}

.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 30s linear infinite 0s;
}

.cb-slideshow li div {
    z-index: 1000;
    position: relative;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    animation: titleAnimation 36s linear infinite 0s;
}

.cb-slideshow li:nth-child(1) span {
    background-image: url(../images/main_new.jpg)
}

.cb-slideshow li:nth-child(2) span {
    background-image: url(../images/main3_new.jpg);
    animation-delay: 6s;
}

.cb-slideshow li:nth-child(3) span {
    background-image: url(../images/main4.jpg);
    animation-delay: 12s;
}

.cb-slideshow li:nth-child(4) span {
    background-image: url(../images/main5_new.jpg);
    animation-delay: 18s;
}

.cb-slideshow li:nth-child(5) span {
    background-image: url(../images/main6_new.jpg);
    animation-delay: 24s;
}

.cb-slideshow li:nth-child(2) div {
    animation-delay: 6s;
}

.cb-slideshow li:nth-child(3) div {
    animation-delay: 12s;
}

.cb-slideshow li:nth-child(4) div {
    animation-delay: 18s;
}

.cb-slideshow li:nth-child(5) div {
    animation-delay: 24s;
}

section a, section a:hover, section a:visited {
    color: #de8439;
    font-weight: bold;
}

@keyframes imageAnimation {
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        animation-timing-function: ease-out;
    }

    17% {
        opacity: 1
    }

    25% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.no-cssanimations .cb-slideshow li span {
    opacity: 1;
}

section#coming-up, section#photo-gallery, section#opportunities-available {
    /*background: #161415 url(../images/countdown-bground.jpg) no-repeat top center fixed;
    background-size: cover !important;
    -webkit-background-size: cover !important;*/
    color: #FFFFFF;
    background-color: #0d2446;
}

/****

    NEXT EVENT

*/

section#coming-up #header3 {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
}

section#coming-up #header3 .spacer {
    margin-left: 5px;
    margin-right: 5px;
}

section#coming-up #further-info {
    position: relative;
    margin-top: 20px;
    margin-bottom: 40px;
}

section#coming-up p {
    font-size: 14px;
    margin-bottom: 10px;
}

section p {
    font-size: 24px;
    margin-bottom: 40px;
}

.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

/*.countdown {    
    padding-top: 20px;
    padding-bottom: 20px;
}*/

.time_circles {
    margin-left: auto;
    margin-right: auto;
    /*width: 550px;*/
    height: 200px;
}

section#recent-news .block-picture {
    height: 325px;
}

section#recent-news .block-picture-hover+img {
    width: 100%;
}

/* styles for '...' */
.block-with-text {
    /* hide text if it more than N lines  */
    overflow: hidden;
    /* for set '...' in absolute position */
    position: relative;
    /* use this value to count block height */
    line-height: 1.5em;
    /* max-height = line-height (1.2) * lines max number (3) */
    max-height: 6em;
    /* fix problem when last visible word doesn't adjoin right side  */
    text-align: justify;
    /* place for '...' */
    margin-right: -1em;
    padding-right: 1em;
}
/* create the ... */
.block-with-text:before {
    /* points in the end */
    content: '...';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of block */
    right: 0;
    bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.block-with-text:after {
    /* points in the end */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of text */
    right: 0;
    /* set width and height */
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    /* bg color = bg color under block */
    background: white;
}

.block-with-text p {
    margin-bottom: 20px;
    font-size: 14px;
}


@media (max-width: 767px) {
    section p {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .time_circles {
        margin-left: 21%;
    }
}

@media (max-width: 599px) {

    .time_circles {
        height: 200px;
        margin-left: 33px;
    }
    

}

@media (max-width: 499px) {

    section p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .time_circles {
        height: 150px;
        margin-left: 33px;
    }
}

@media (max-width: 399px) {

    .time_circles {
        height: 120px;
        margin-left: 33px;        
    }
}

@media (max-width: 349px) {

    .time_circles {
        height: 100px;        
    }
}

/****

    EVENTS

*/
section#events img {
    width: 360px;
    height: 258px;
}

.block-picture {
    padding: 0px;
    position: relative;
    overflow: hidden;
}

.block-picture:hover .block-picture-hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9;
}

.block-picture-hover {
    background-color: #de8439;
    display: block;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    width: 100%;    
}

section#photo-gallery .block-picture-hover {
    z-index: 999;
}

.block-picture-hover i {
    color: rgba(255,255,255,0.9);
    font-size: 30px;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
}

.block-body {
    padding: 30px 0px;
}

.block-meta {
    font-weight: bold;
}

.block-meta .small-date {
    display: none;
}

.block-meta i {
    margin-right: 5px;
    vertical-align: baseline;
}

.block-meta .col-sm-3 {
    padding-left: 0px;
}

.event .separator {
    margin: 0px 10px;
    padding: 0px;
}

/**** PHOTO GALLERY */

section#photo-gallery {
    padding-bottom: 30px;
    min-height: 600px;
}

#owl2row-plugin:after, #owl2row-plugin:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*#owl2row-plugin .row {
    width     : 100%;
    max-width : 720px;
    min-width : 320px;
    margin    : 20px 0px;
    padding   : 6px 48px;
}*/

#photo-gallery .row {
    margin: 20px 0px;
}

.owl-carousel .item {
    height: 200px;
    background: #0d2446;
    /*padding: 1rem;*/
}

.owl-carousel .owl-item img {
    height: 100%;
}

.owl-prev {
    left: -60px;
}

.owl-next {
    right: -60px;
}

.owl-prev, .owl-next {
    position: absolute;
    top: 182px;
}


@media (max-width: 1199px) {   

    section#events img {
        width: 294px;
        height: 210px;
    }

    .block-title {
        font-size: 20px;
    }

    /*.block-meta {
        font-size: 12px;
    }*/

    .block-meta .small-date {
        display: inline-block;
    }

    .block-meta .large-date {
        display: none;
    }

}

@media (max-width: 991px) {
    
    section#events img {
        width: 220px;
        height: 157px;
    }

    .block-title {
        font-size: 16px;
    }   
    
    .block-meta .fa-2x {
        font-size: 1em;
    }

    /*.block-meta .fa-clock-o {
        display: none;
    }*/

}

@media (max-width: 767px) {

    section#events img {
        width: 100%;
        height: auto;
    }

    .block-title {
        font-size: 24px;
    }

    .block-meta .fa-2x {
        font-size: 2em;
    }

    .block-meta .fa-clock-o {
        display: inline-block;
    }

    .block-meta i {
        margin-right: 10px;
    }

    .owl-nav {
        margin-left: auto;
        margin-right: auto;
        width: 120px;
        margin-top: 20px;
    }

    .owl-prev, .owl-next {
        position: static;
        display: inline-block;
    }

    .owl-next {
        float: right;
    }

    .block-meta .small-date {
        display: none;
    }

    .block-meta .large-date {
        display: inline-block;
    }
}

/*@media (max-width: 399px) {
    .block-meta .fa-clock-o {
        display: none;
    }
}*/