@-webkit-keyframes a{
    0%{
        opacity:0;
    }
    to{
        opacity:1;
    }
}

@keyframes a{
    0%{
        opacity:0;
    }
    to{
        opacity:1;
    }
}

@-webkit-keyframes b{
    0%{
        opacity:.5;
        -webkit-transform:translateY(50px);
        transform:translateY(50px);
    }
    to{
        opacity:1;
        -webkit-transform:translate(0);
        transform:translate(0);
    }
}

@keyframes b{
    0%{
        opacity:.5;
        -webkit-transform:translateY(50px);
        transform:translateY(50px);
    }
    to{
        opacity:1;
        -webkit-transform:translate(0);
        transform:translate(0);
    }
}

header.wide .hero{
    /*height:0;*/
    /*padding-bottom: 56.25%;*/
    -webkit-animation:a 1.5s .2s 1 both;
    animation:a 1.5s .2s 1 both;

}

header.wide .hero:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}

#bgvid{
    display:block;
    opacity:1;
    position:absolute;
    top:50%;
    left:50%;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    z-index:-100;
    -ms-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    z-index:1;
    /*background: url(https://b.glcdn.co/godlife/cms/images/devotionals/2019/loneliness.jpg?904a43e833);*/
    background-size: cover;
    margin: 80px 0 0 0;
}

.headhome {
  padding-top: 15%;
  color: #fff;
  text-align: center;
}

#bgvid h2 {
  /* padding-top: 15%; */
  font-size: calc(20px + (40 - 20) * ((100vw - 300px) / (1440 - 300)));
  line-height:70px;
}

header.wide .khaki{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:4em 0;
    background:rgba(238,234,222,.85);
}

header.wide .wood{
    padding:4em 0;
    z-index: 12;
}

.services{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-flow:row wrap;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-justify-content:space-around;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    font-size:3em;
    -webkit-animation:a 1.5s .8s 1 both;
    animation:a 1.5s .8s 1 both;

}

.services div{
    display:inline-block;
    text-align:center;
    vertical-align:middle;
}

.services .title{
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
}

.services .time span{
    display:block;
    margin-top:.5em;
    font-size:.6em;
    font-weight:300;
    text-transform:uppercase;
}


#tag{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:100%;
    width:100%;
    text-align:left;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-flow:column;
    -ms-flex-flow:column;
    flex-flow:column;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding-top:84px;
    z-index:10;
}

#tag>.container{
    color:#fff;
    font-size:60px;
    font-weight:300;
    letter-spacing:3px;
    text-transform:uppercase;
    -webkit-animation:b 1s 1 both;
    animation:b 1s 1 both;
}

#page-listing #content,#page-ltj #content,#page-30dns #content,#page-devos #content,#page-record #content,#page-submit #content{
    color:#254688;
    max-width: 1280px;
    padding: 18em 10px;
}

.split.wide{
    display:table;
}

.split .left,.split .right{
    display:table-cell;
    position:relative;
    width:50%;
    margin:0;
    padding:0;
    overflow:hidden;
    /* 		padding-bottom:50%; */
}

.split.wide .container{
    position:relative;
    width:500px;
    height:100%;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-flow:column;
    -ms-flex-flow:column;
    flex-flow:column;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}

.split.wide .left .container{
    right:0;
    float: right;
}

.split.wide .right .container{
    left:0;
    float: left;
}

.split.wide .wrapper{
    /*padding:9em;*/
}

.split.wide .wrapper p{
    margin:2.2em 0;
    font-size:1.5em;
    line-height:2;
    text-align:justify;
}

.split .photo{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%;
}



section.photo{
    /*padding:18.5em 0;*/
    color:#fff;
    text-align:center;
}

.section-bg{
    bottom:0;
    right:0;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%;
    background-attachment:fixed;
}

.section-bg,.section-bg:before{
    position:absolute;
    top:0;
    left:0;
}

.section-bg:before{
    content:'';
    width:100%;
    height:100%;
    background:rgba(0,0,0,.2);
}

section h2,section h2 p{
    margin:0 !important;
    text-transform:uppercase;
    font-size:45px !important;
    font-weight:300;
    line-height:1.111 !important;
    letter-spacing:2px;
}

section h2.section-split,section h2.section-split p{
    text-align:left !important;
}

#section1 .left{
    background:#154567;
}

#section2{
    /*height:65em;*/
}

#section2 h2 p {
    padding-bottom: 40px;
}

p.s2ct {
    margin: 0 0 2em 0;
    text-align: justify;
}

#section3 .right{
    background:#892829;
}

#section4 .details{
    margin-top:9em;
}

#section4 p{
    font-size:1.7em;
    font-weight:500;
    margin:0;
    padding: 20px 10px;
}

#section4 p.title{
    font-size:3em;
}

#section4 a.button{
    margin-top:5.7em;
}

#slider{
    margin-top:6em;
    position:relative;
}

.sliderMask{
    position:relative;
    width:650px;
    min-height:200px;
    margin:0 auto;
    overflow:hidden;
}

.sliderContainer{
    position:absolute;
    top:0;
    left:0;
    height:100%;
}

.slide{
    position:relative;
    width:650px;
    height:auto;
    min-height:200px;
    float:left;
}

.slide p{
    margin:.5em 0 2em;
    font-size:1.5em;;
    line-height:2;
    text-align:left;
}

.slide .title{
    margin:0;
    font-size:2.5em;
    line-height:1;
    font-weight:600;
    text-transform:uppercase;
}

#slideNext,#slidePrev{
    position:absolute;
    top:0;
    width:50px;
    height:50px;
    cursor:pointer;
    font-size:4.5em;
    color:#fff;
    opacity:.5;
    text-align:left;
    transition:.2s ease-out;
}

#slideNext:hover,#slidePrev:hover{
    opacity:1;
}

#slidePrev{
    left:0;
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
}


#slideNext{
    right:0;
}

#section4 p.actions {

}

.actions a.media_player {
    margin-right: 2em;
}


.aspect-helper{
    padding-bottom:56.2%;
}

.split .left .wrapper{
    -webkit-transform:translate(-100px);
    -ms-transform:translate(-100px);
    transform:translate(-100px);
    opacity:0;
    transition:.8s ease-out;
}
.split .right .wrapper{
    -webkit-transform:translate(100px);
    -ms-transform:translate(100px);
    transform:translate(100px);
    opacity:0;
    transition:.8s ease-out;
}

.split.animate .left .wrapper,.split.animate .right .wrapper{
    opacity:1;
    -webkit-transform:translate(0);
    -ms-transform:translate(0);
    transform:translate(0);
}

#section4>.container,.eventrotatorDescriptions,.eventrotatorOverlay{
    opacity:0;
    -webkit-transform:translateY(100px);
    -ms-transform:translateY(100px);
    transform:translateY(100px);
    transition:.8s ease-out;
}

#section4>.container.animate,.eventrotatorDescriptions.animate,.eventrotatorOverlay.animate{
    opacity:1;
    -webkit-transform:translate(0);
    -ms-transform:translate(0);
    transform:translate(0);
}


@media (max-width:1024px){

    .section-bg{
        background-attachment:scroll;
    }

    #bgvid{
        display:none;
    }

    .mobile-bg{
        display:block;
        position:absolute;
        top:80px;
        left:0;
        right:0;
        bottom:0;
        background-size:cover;
        background-attachment:scroll;
        z-index:0;
    }

}


@media (max-width:640px){



    header.wide{
        height:auto;
    }

    header.wide .hero{
        height:47em;
    }


    .mobile-bg {
        background-position: right;
    }

    #tag{
        margin-top:0;
        padding-top:114px;
    }

    #tag>.container{
        font-size:30px;
    }

    .services,.services div{
        display:block;
    }

    .services .time{
        margin:.5em 0;
    }

    section.photo{
        padding: 0;
    }

    section h2, section h2 p {
        font-size: 30px !important;
    }

    .section-bg{
        background-attachment:scroll;
        background-position: left center !important;
    }

    .split.wide{
        display:block;
    }

    .split .left,.split .right{
        display:block;
        width:100%;
        overflow:hidden;
        padding:0;
    }

    .split.wide .container{
        position:relative;
        width:88%;
        height:auto;
        float: none !important;
    }

    .split.wide .wrapper{
        padding:5em 0;
    }

    .split.wide .wrapper p{
        margin:2.2em 0;
        font-size:1.5em;
        line-height:2;
        text-align:justify;
    }

    #section2{
        height:100%;
    }

    #section1 .wrapper, #section3 .wrapper {
        text-align: center;
    }

    #section4 .container {
        padding: 40px 0;
    }

    #section4 p.title {
        font-size: 2.8em;
    }

}