.slider-wrap {
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 20;
    padding: 1em 4em 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.rangeslider,
.rangeslider__fill {
    display: block;
    border-radius: 1em;
    position: absolute;
}
.rangeslider {
    background: #f07643;
    position: relative;
}
.rangeslider__fill {
    background: #f07643;
}
.rangeslider--horizontal .rangeslider__fill {
    top: 0;
    height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
    bottom: 0;
    width: 100%;
}
.rangeslider--horizontal {
    height: 2px;
    width: 100%;
}
.rangeslider--vertical {
    width: 2px;
    min-height: 150px;
    max-height: 100%;
}
.rangeslider--disabled {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}
.rangeslider__handle {
    cursor: pointer;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    background: #f1b54c;
    border-radius: 50%;
}
.rangeslider__handle:active {
    background: #eee;
    -webkit-box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.5);
}
.rangeslider--horizontal .rangeslider__handle {
    top: -0.75em;
    touch-action: pan-y;
    -ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
    left: -0.75em;
    touch-action: pan-x;
    -ms-touch-action: pan-x;
}
.rangeslider--horizontal:before,
.rangeslider--horizontal:after {
    content: "";
    display: block;
    border: 2px solid #f07643;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -9px;
}

.rangeslider--horizontal:before {    
    left: -20px;
}

.rangeslider--horizontal:after {
    right: -20px;
}
#output {
    text-align: center;
    position: relative;
    width: 100%;
}
#output .red {
    color: red;
}
#output > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#output a {
    text-decoration: underline;
}
#output strong {
    font-weight: 700;
}
#output img {
    position: absolute;
}
#output .size-guide {
    visibility: hidden;
    padding: 0;
}
#output h3 {
    margin:0;
    font-size:1.3em;
    text-transform:initial;
    font-family:'proxima-nova',sans-serif;
    font-weight: 600;
}
#output h5 {
    font-size:39px;
    margin-top:20px;
    margin-bottom: 13px;
}
#output p {
    font-size:1.3em;
    font-weight: 400;
}
.center-x {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.center-y {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.center-xy {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.content-block__inner {
    padding:15px 15px 0;
}
.glp-container {
    padding:20px 0 0 0;
    max-width:400px;
    margin:0 auto;
}
.glp-container h2 {
    font-size:50px;
}
.glp-container p, .glp-container h2 {
    margin-top:0;
    padding-bottom:0;
}
/*  ANIMATIONS */

.last-frame {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 11;
}
.glp-slider-container.invert {
    /*background-image:url(/wp-content/themes/pro-child/glp-slider/assets/bg.png);*/
    -webkit-animation: bganimate .7s linear infinite;
    animation: bganimate .7s linear infinite;
    -webkit-animation-timing-function: steps(1,end);
    animation-timing-function: steps(1,end);
    background-repeat:repeat;
}
.glp-slider-container.invert .content-block__inner,
.glp-slider-container.invert .glp-container {
    background:#fff;
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.1);
    box-shadow:1px 1px 3px rgba(0,0,0,0.1);
}
.home-animations {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 30;
    pointer-events: none;
}
.home-animation {
    display: none;
}
.home-animation.is-active {
    display: block;
}
.home-animation img {
    position: absolute;
}
/* GLP Animations */
.unicorncontainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation: flyBy 8s linear infinite alternate;
    animation: flyBy 8s linear infinite alternate;
}
.unicorncontainer > img {
    -webkit-animation: wiggle 0.2s linear infinite alternate;
    animation: wiggle 0.2s linear infinite alternate;
}
@keyframes bganimate {
    0% {background-image:url(/wp-content/themes/pro-child/glp-slider/assets/bg.png);}
    25% {background-image:url(/wp-content/themes/pro-child/glp-slider/assets/bg2.png);}
    50% {background-image:url(/wp-content/themes/pro-child/glp-slider/assets/bg3.png);}
    75% {background-image:url(/wp-content/themes/pro-child/glp-slider/assets/bg4.png);}
}
@-webkit-keyframes bganimate {
    0% {background-image:url(/wp-content/themes/pro-child/glp-slider/assets/bg.png);}
    25% {background-image:url(/wp-content/themes/pro-child/glp-slider/assets/bg2.png);}
    50% {background-image:url(/wp-content/themes/pro-child/glp-slider/assets/bg3.png);}
    75% {background-image:url(/wp-content/themes/pro-child/glp-slider/assets/bg4.png);}
}
@keyframes fliparound {
    0% {
        transform: scaleX(1);/*original*/
    }
    49% {
        transform: scaleX(1);
    }
    50% {
        transform: scaleX(-1);/*original*/
    }
    100% {
        transform: scaleX(-1);/*original*/
    }
}
@keyframes flyBy {
    0% {
        -webkit-transform: translateX(20%); /*original*/
        transform: translateX(20%);/*original*/
    }
    50% {
        -webkit-transform: translateX(-110%);/*original*/
        transform: translateX(-110%);/*original*/
    }
    100% {
        -webkit-transform: translateX(20%);/*original*/
        transform: translateX(20%);/*original*/
    }
}
@-webkit-keyframes flyBy {
    0% {
        -webkit-transform: translateX(20%); /*original*/
        transform: translateX(20%);/*original*/
    }
    50% {
        -webkit-transform: translateX(-110%);/*original*/
        transform: translateX(-110%);/*original*/
    }
    100% {
        -webkit-transform: translateX(20%);/*original*/
        transform: translateX(20%);/*original*/
    }
}
@keyframes wiggle {
    from {
        -webkit-transform: rotate(-4deg) translateY(5%);
        transform: rotate(-4deg) translateY(5%);
    }
    to {
        -webkit-transform: rotate(4deg) translateY(5%);
        transform: rotate(4deg) translateY(5%);
    }
}
@-webkit-keyframes wiggle {
    from {
        -webkit-transform: rotate(-4deg) translateY(5%);
        transform: rotate(-4deg) translateY(5%);
    }
    to {
        -webkit-transform: rotate(4deg) translateY(5%);
        transform: rotate(4deg) translateY(5%);
    }
}

/* Old Styles */
.home-animation--1 img {
    opacity: 0;
}
.home-animation--1.is-active img:nth-child(1) {
    -webkit-animation: stickerShow 0.4s 1s linear forwards;
    animation: stickerShow 0.4s 1s linear forwards;
}
.home-animation--1.is-active img:nth-child(2) {
    -webkit-animation: stickerShow 0.4s 2s linear forwards;
    animation: stickerShow 0.4s 2s linear forwards;
}
.home-animation--2 img {
    opacity: 0;
}
.home-animation--2.is-active img:nth-child(2) {
    -webkit-animation: stickerShow 0.2s 0.5s linear forwards;
    animation: stickerShow 0.2s 0.5s linear forwards;
}
.home-animation--2.is-active img:nth-child(1) {
    -webkit-animation: stickerShow 0.2s 1s linear forwards;
    animation: stickerShow 0.1s 2s linear forwards;
}
@keyframes stickerShow {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes stickerShow {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.home-animation--3.is-active img {
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    -webkit-animation: inFromTop 0.4s 1s linear forwards;
    animation: inFromTop 0.4s 1s linear forwards;
}
@keyframes inFromTop {
    from {
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
    to {
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }
}
@-webkit-keyframes inFromTop {
    from {
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
    to {
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }
}
.home-animation--4.is-active img {
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    -webkit-animation: inFromBottomCentre 0.4s 0.5s linear forwards;
    animation: inFromBottomCentre 0.4s 0.5s linear forwards;
}
@keyframes inFromBottomCentre {
    from {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
    }
    to {
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }
}
@-webkit-keyframes inFromBottomCentre {
    from {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
    }
    to {
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }
}
.home-animation--5.is-active .dog-phone {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-animation: inFromBottom 0.4s 3s linear forwards;
    animation: inFromBottom 0.4s 3s linear forwards;
}
@keyframes inFromBottom {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@-webkit-keyframes inFromBottom {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}
.home-animation--5.is-active .thumbs {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-animation: inFromRight 0.8s 0.5s linear forwards;
    animation: inFromRight 0.8s 0.5s linear forwards;
}
@keyframes inFromRight {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@-webkit-keyframes inFromRight {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}
.home-animation--6.is-active .dancing-cat {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-animation: inFromBottom 0.2s linear forwards;
    animation: inFromBottom 0.2s linear forwards;
}
.home-animation--6.is-active .bulldog {
    opacity: 0;
    -webkit-animation: fadeIn 0.4s 3s linear forwards;
    animation: fadeIn 0.4s 3s linear forwards;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.home-animation--7 > img {
    -webkit-animation: wiggle 0.2s linear infinite alternate;
    animation: wiggle 0.2s linear infinite alternate;
}

.animation__plane {
    position: fixed;
    top: 6em;
    left: 0;
    width: 100%;
    height: 100%;
    height: calc(100% - 6em);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: -1;
}
.animation__plane img {
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
}
.home-animation--7.is-active .animation__plane {
    -webkit-animation: flyBy 3s linear infinite reverse;
    animation: flyBy 3s linear infinite reverse;
}
.home-animation--7.is-active .animation__plane img {
    animation: flyByChild 3s linear infinite reverse;
    -webkit-animation: flyByChild 3s linear infinite reverse;
}
.home-animation--8__explosions {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.animation__dog-skateboard {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.animation__dog-skateboard img {
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
}
.home-animation--8.is-active .animation__dog-skateboard {
    -webkit-animation: flyBy 4s linear infinite;
    animation: flyBy 4s linear infinite;
}
.home-animation--8.is-active .animation__dog-skateboard img {
    animation: flyByChild 4s linear infinite;
    -webkit-animation: flyByChild 4s linear infinite;
}

@keyframes flyByChild {
    from {
        -webkit-transform: translate(100%, -50%);
        transform: translate(100%, -50%);
    }
    90% {
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
    }
    to {
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
    }
}
@-webkit-keyframes flyByChild {
    from {
        -webkit-transform: translate(100%, -50%);
        transform: translate(100%, -50%);
    }
    90% {
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
    }
    to {
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
    }
}
.home-animation--9 .pointing {
    -webkit-animation: bounce 0.3s linear infinite alternate;
    animation: bounce 0.3s linear infinite alternate;
}
@keyframes bounce {
    from {
        -webkit-transform: translate(-40%, -20%);
        transform: translate(-40%, -20%);
    }
    to {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}
@-webkit-keyframes bounce {
    from {
        -webkit-transform: translate(-40%, -20%);
        transform: translate(-40%, -20%);
    }
    to {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}