/* ==================================================================== 
        ABOUT 
 ====================================================================*/
 #about-splash{
    background: url("../img/background/bg_about.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100vh;
}

#about-slideshow,
#about-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -1; 
    list-style-type: none;
    margin:0;
    display: inline-block;
}
#about-slideshow:after { 
    content: '';
}

#about-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #f78f1e;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: -1;
    animation: imageAnimation 36s linear infinite 0s; 
}

#about-slideshow li:nth-child(1) span { 
    background-image: url(../img/background/about/1.jpg); 
}
#about-slideshow li:nth-child(2) span { 
    background-image: url(../img/background/about/2.jpg);
    animation-delay: 6s; 
}
#about-slideshow li:nth-child(3) span { 
    background-image: url(../img/background/about/3.jpg);
    animation-delay: 12s; 
}
#about-slideshow li:nth-child(4) span { 
    background-image: url(../img/background/about/4.jpg);
    animation-delay: 18s; 
}
#about-slideshow li:nth-child(5) span { 
    background-image: url(../img/background/about/5.jpg);
    animation-delay: 24s; 
}
#about-slideshow li:nth-child(6) span { 
    background-image: url(../img/background/about/6.jpg);
    animation-delay: 30s; 
}
/* ==================================================================== 
        ABOUT QUOTE AND SECTIONS
 ====================================================================*/
#about-quote{
    z-index:-10;
    padding-bottom:250px;
    padding-top:250px;
    margin-top:-250px;

    /*background: url("../img/background/bg_about2.jpg") no-repeat center center fixed;*/
    background-color: white; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#about-sec1{
    margin-top:75px; 
    margin-bottom: 75px; 
    z-index:1; 
    position: relative;
    max-width:900px;
    background: linear-gradient(-120deg, #f78f1e 78%, #d27a1a 78%);
}

#about-sec1b{
    margin-top:75px; 
    margin-bottom: 75px; 
    z-index:1; 
    position: relative;
    max-width:900px;
    background: linear-gradient(120deg, #f78f1e 78%, #d27a1a 78%);
}

#about-sec1c{
    margin-top:75px; 
    margin-bottom: 75px; 
    z-index:1; 
    position: relative;
    max-width:900px;
    background-color: #f78f1e;
    background: linear-gradient(120deg, #f78f1e 100%, #d27a1a 100%);
}

#about-sec2{
    margin-top:-175px; 
    z-index:1; 
    position: relative; 
    max-width:900px; 
    margin-bottom:80px; 
    /*background: linear-gradient(110deg, #0068ac 60%, #002c70 60%);*/
    

    background: linear-gradient(120deg, #0068ac 78%, #002c70 78%);
    background-color: #0068ac;
}

#about-sec2b{
    z-index:1; 
    position: relative; 
    max-width:900px; 
    margin-bottom:80px;
    /*background: linear-gradient(-110deg, #002c70 41%, #0068ac 41%);*/
    background: linear-gradient(-120deg, #0068ac 78%, #002c70 78%);
    background-color: #0068ac;
}

#about-sec2c{
    z-index:1; 
    position: relative; 
    max-width:900px; 
    margin-bottom:100px; 
    /*background: linear-gradient(110deg, #0068ac 60%, #002c70 60%);*/
    background: linear-gradient(120deg, #0068ac 78%, #002c70 78%);
    background-color: #0068ac;
}

#trex{
    max-width: 264px;
    max-height: 318px;
    display: inline-block;
    overflow: visible;
    position: absolute;
    left:-100px;
    bottom:-35px;
    z-index: 2;
}

#humpty{
    max-height: 318px;
    max-width: 260px;
    display: inline-block;
    overflow: visible;
    position: absolute;
    left:-90px;
    bottom:-35px;
    z-index: 2;
}

#steve-dad-adult{
    max-height: 290px;
    display: inline-block;
    overflow: visible;
    position: absolute;
    right:-85px;
    bottom:-32px;
    z-index: 2;
}

#steve-dad-child{
    max-height: 330px;
    display: inline-block;
    overflow: visible;
    position: absolute;
    left:-185px;
    bottom:-32px;
    z-index: 2;
}

#super_grover img{
    max-height: 320px;
    display: inline-block;
    overflow: visible;
    position: absolute;
    right:-115px;
    bottom:-20px;
    z-index: 2;
}

#jim img{
    max-height: 325px;
    display: inline-block;
    overflow: visible;
    position: absolute;
    right:-130px;
    bottom:-30px;
    z-index: 2;
}

#beaver img{
    max-height: 300px;
    display: inline-block;
    overflow: visible;
    position: absolute;
    right:-135px;
    bottom:-40px;
    z-index: 2;
}