/* ==================================================================== 
        SERVICES SLIDESHOW
 ====================================================================*/
 #services-splash{
    background: url("../img/background/optimus.png") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100vh;
}

#services-slideshow,
#services-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -1; 
    list-style-type: none;
    margin:0;
    display: inline-block;
}
#services-slideshow:after { 
    content: '';
}

#services-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 30s linear infinite 0s; 
}

#services-slideshow li:nth-child(1) span { 
    background-image: url(../img/background/services/1.jpg);
    background-position: 50% 10%; 
}
#services-slideshow li:nth-child(2) span { 
    background-image: url(../img/background/services/2.jpg);
    animation-delay: 6s; 
}
#services-slideshow li:nth-child(3) span { 
    background-image: url(../img/background/services/3.jpg);
    animation-delay: 12s; 
}
#services-slideshow li:nth-child(4) span { 
    background-image: url(../img/background/services/4.jpg);
    animation-delay: 18s; 
}
#services-slideshow li:nth-child(5) span { 
    background-image: url(../img/background/services/5.jpg);
    animation-delay: 24s; 
}


/* ==================================================================== 
        SERVICES 
 ====================================================================*/
#services-intro{
    margin-bottom: 60px;
    z-index:1; 
    position: relative;
    background-color: #f78f1e;
    background: linear-gradient(-120deg, #f78f1e 68%, #d27a1a 68%);
}

#services-intro2{
    margin-top:75px;
    margin-bottom: 40px;
    z-index:1; 
    position: relative;
    background-color: #0068ac;
    background: linear-gradient(120deg, #0068ac 65%, #002c70 65%);
}

#services-quote{
    z-index:-10;
    padding-top:10px;

    /*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;
    padding-bottom:80px;
}

#services-list h1{
    color: #f78f1e;
    font-size:3em;
    font-weight: bold;
}
#services-list ul{
    list-style: none; 
    margin: 0;
    padding: 0;
}
#services-list li{
    color:white;
    background-color: #f78f1e;
    padding:8px 0 8px 15px;
    margin-bottom:12px;
    font-size:1em;
    max-width:100%;
    background: linear-gradient(120deg, #f78f1e 60%, #d27a1a 60%);
}

.bullet-point{
    margin-right:30px;
}

#services-outro{
    margin-bottom: 50px;
}