/* #post-22 {overflow:  hidden;}
#post-22 h2 {position: relative; z-index: 1;}
#post-22 .roundButton {position: relative; z-index: 1;}
#post-22 img {width: 1600px; max-width: 1600px; height: auto; position: absolute; top: -150px; left: 240px; z-index: 0;}
*/


/* Careers */
.page-id-52 .entry-content .col-lg-6 h4:first-child {margin-top: 0;}


b.registered {
    font-size: 20px;
    font-weight: 300;
    position: relative;
    top: -15px;
}

/* Platform */
.page-template-template-platform #content ul li {background-position: 0 4px!important;}


.goDown {left: 50%; margin-left: -27.5px; width: 55px;}
.home #post-22 {overflow: hidden;}
.home #post-22 .top-cta, .home #post-22 h2 {position: relative; z-index: 2;}
.home #post-25 {overflow: hidden;}
.home #post-27 {padding-top: 85px;}


canvas#anim-power {left: 50%; margin-left: -450px; position: absolute; top: -200px; transition: ease all .5s;  z-index: 1;}
canvas#anim-services {left: 50%; margin-left: -120px; position: absolute; top: -270px; transition: ease all .5s;  z-index: 1;}


canvas#bg-shapes {height: 825px; position: absolute; right: -200px; top: 50px; width: 848px; z-index: 0;}


/* Platform (Pepper) */
.page-template-template-platform header {background-image: none!important; overflow: hidden;}
.page-id-7 .headerImage > .col-md-5 {position: inherit;}
canvas#anim-pepper {
    left: 50%;
    margin-left: -65px;
    position: absolute;
    top: 180px;
    transition: all 0.3s ease 0s;
}


/* Mask Slider */
a.jx-knightlab {display: none!important;}
.juxtapose {background: url('/wp-content/uploads/2016/02/vodSlider-bg.png') no-repeat 0 0; position: relative; height: 585px!important; width: 759px!important;  transition: ease all .3s;}
.jx-slider {
    cursor: pointer;
    height: 344px;
    left: 135px;
    overflow: visible!important;
    position: absolute;
    top: 180px;
    width: 458px!important;
    transition: ease all .3s;
}
div.jx-handle {height: 377px!important; top: -17px;}
div.jx-image.jx-left {background-image:url('/wp-content/uploads/2016/02/vodSlider-wireframe.jpg');background-color:#393f4c;background-position:0 0;background-repeat:no-repeat;border-bottom-left-radius:inherit;height:344px;overflow:hidden;position:absolute;top:0;width:120px;z-index:1;}
div.jx-image.jx-right {background-image:url('/wp-content/uploads/2016/02/vodSlider-webpage.jpg');background-color:#656c7c;background-position:0 0;background-repeat:no-repeat;height:344px;position:absolute;top:0;width:100%;}
div.jx-control {
    background-color: #484e5d!important;
    border-radius: 4px;
    height: 100%!important;
    margin-left: auto;
    margin-right: auto;
    width: 8px!important;
    transition: ease all .3s;
}
div.jx-controller {
    background-color: #484e5d!important;
    border-bottom-width: 4px;
    border-left-width: 6px;
    border-radius: 23.5px;
    border-top-width: 4px;
    bottom: 0;
    height: 47px!important;
    left: 0;
    margin: auto auto auto -3px;
    position: absolute;
    top: 0;
    transition: ease all .3s;
    width: 47px!important;
    z-index: -1;
}
div.jx-arrow.jx-left {
    border-color: transparent #777e8e transparent transparent!important;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    left: 5px!important;
    transition: ease all .3s;
}
div.jx-arrow.jx-right {
    border-color: transparent transparent transparent #777e8e!important;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    right: 5px!important;
    transition: ease all .3s;
}
div.jx-handle:hover div.jx-arrow.jx-right {right: 3px!important;}
div.jx-handle:hover div.jx-arrow.jx-left {left: 3px!important;}




/* Services */


.page-template-template-services header {background-image: none!important; overflow: hidden;}






/* MEDIA QUERIES */


@media (max-width: 2400px) {
    .page-id-9 .site-branding.row {position: relative; z-index: 2;}
}

@media (max-width: 1200px) {
    canvas#anim-power {margin-left: -500px;}
    canvas#anim-services {margin-left: -220px;}
}



@media (max-width: 1082px) {
    canvas#anim-services {margin-left: -240px; top: -200px;}
    .page-id-9 .site-branding.row {position: inherit; z-index: 1;}
.page-id-9 .headerImage {position: relative; z-index: 1;}
.page-id-9 .menuToggle {z-index: 2;}
}

@media (max-width: 991px) {

    .home #post-27 {padding-bottom: 120px;}

    canvas#anim-power { width: 1300px; margin-left: -440px;}
    canvas#anim-services { width: 1250px; margin-left: -240px;}
	
    /*Slider */
    .juxtapose {background-size: 100%; margin: 0 auto; width: 659px!important;}
	.jx-slider {width: 398px!important; height: 300px; left: 117px; top: 156px;}
	div.jx-image.jx-left, div.jx-image.jx-right {height: 300px;}
	div.jx-handle {height: 337px!important;}
    
    canvas#anim-pepper {width: 1000px; margin-left: 40px;}

}

@media (max-width: 940px) {
    canvas#anim-pepper {margin-left: 5px; width: 850px;}
}

@media (max-width: 916px) {
    canvas#anim-services {margin-left: -240px;}
 }   


@media (max-width: 840px) {
    canvas#anim-power {margin-left: -470px;}
}

@media (max-width: 837px) {
.page-template-template-services header {min-height: 800px!important;}
canvas#anim-services {margin-left: -615px; top: -50px;}
.page-id-9 .headerImage h1 {padding-top: 30px;}
   
}

@media (max-width: 772px) {
    canvas#anim-power {margin-left: -650px; top: -50px;}
     .page-id-7 #masthead {padding-bottom: 970px;} 
	.home #post-22 h2 { text-align: center;}
}


@media (max-width: 767px) {
   .top-cta {margin-bottom: 0; margin-top: 400px; text-align: center;}
    #pepper-wrap {
    bottom: 20px;
    height: 400px;
    left: 50%;
    margin-left: -200px;
    position: absolute;
    width: 400px;
}
    canvas#anim-pepper {left: 0; margin-left: 0; top: 0; width: 900px;}
}


@media (max-width: 714px) {
    canvas#anim-power {top: -10px;}
}

@media (max-width: 650px) {
		/*Slider */
    .juxtapose {height: 350px!important; width: 459px!important; position: relative; left: 50%; margin-left: -220px;}
	.jx-slider {width: 277px!important; height: 300px; left: 82px; top: 109px;}
	div.jx-image.jx-left, div.jx-image.jx-right {height: 208px;}
	div.jx-handle {height: 230px!important; top: -11px;}
}

@media (max-width: 640px) {
    canvas#anim-power {top: -80px;}
   .page-id-7 #masthead {padding-bottom: 1000px;}
}

@media (max-width: 579px) {
canvas#anim-services {
    margin-left: -550px;
    top: 100px;
    width: 1100px;
}
.page-template-template-services header {min-height: 850px !important;}
}


@media (max-width: 532px) {
    canvas#anim-power {top: -50px;}
    .top-cta {margin-bottom: 0; margin-top: 450px; text-align: center;}
}


@media (max-width: 480px) {
    canvas#anim-power {
    margin-bottom: 0;
    margin-left: -500px;
    width: 1000px;
    top: 20px;
}

canvas#anim-services {
    margin-left: -450px;
    top: 200px;
    width: 900px;
}

    .page-id-7 #masthead {padding-bottom: 990px;}
 
    #pepper-wrap {bottom: 0; height: 360px; width: 334px; margin-left: -167px;}
    canvas#anim-pepper {width: 750px;}

    
}


@media (max-width: 420px) {
    .top-cta {margin-top: 400px;}
}

@media (max-width: 413px) {
    canvas#anim-power {top: 50px;}
}

@media (max-width: 360px) {
    /* Platform Animation */
    .page-id-7 #masthead {padding-bottom: 1050px;}
    #pepper-wrap {margin-left: -155px; height: 340px; width: 310px;}
    canvas#anim-pepper {width: 700px;}
}

@media (max-width: 353px) {
    canvas#anim-power {
    margin-bottom: 0;
    margin-left: -450px;
    top: 115px;
    width: 900px;
}
    canvas#anim-services {
    margin-bottom: 0;
    top: 250px;
    width: 900px;
}

    }






/* CUSTOM STYLES */

.home article {transition: ease min-height .3s;}

.home article#post-26 {height: auto; min-height: auto; padding-bottom: 500px;}

@media (max-width: 1750px) {
.home article#post-26 {padding-bottom: 450px;}
}

@media (max-width: 1500px) {
.home article#post-26 {padding-bottom: 375px;}
}

@media (max-width: 1250px) {
.home article#post-26 {padding-bottom: 300px;}
}

@media (max-width: 1050px) {
.home article#post-26 {padding-bottom: 250px;}
}

@media (max-width: 992px) {
.home article#post-26 {padding-bottom: 220px!important;}
}

@media (max-width: 767px) {
.home article#post-26 {padding-bottom: 180px!important;}
    }

@media (max-width: 480px) {
.home article#post-26 {padding-bottom: 130px!important;}
    }