#gonitro-home .trial-pre-footer a,
#gonitro-home a.button-transparent,
#gonitro-home a.button-flat {
    padding: 24px 55px;
    font-size: 20px;
    line-height: normal;
}
#gonitro-home .trial-pre-footer .heading2 {
    font-size: 26px;
}
.translated.lang-au #gonitro-home .trial-pre-footer a {
    text-align: center;
    font-size: 20px !important;
    width: 100% !important;
}
.translated #gonitro-home .trial-pre-footer a {
    text-align: center;
    font-size: 16px;
    width: 100% !important;
}
#hero-wrapper {
    overflow: hidden;
}
#hero {
    /*background: url(/images/sites/gonitro/home/hero-bg.png) repeat-x top center;*/
    background: url(/images/sites/gonitro/home/hero/city-bg-1.png) repeat-x bottom center #ffffff;
    border-bottom: 2px solid #96a0a5;
    padding-bottom: 0 !important;
}
.crane,
.heli,
.bldg {
    background-size: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}
/*.bldg-2 {*/
    /*background: url(/images/sites/gonitro/home/hero/animate/build-03.svg) no-repeat center top;*/
    /*left: 60px;*/
/*}*/
.bldg-3 {
    background: url(https://cdn.gonitro.com/images/sites/gonitro/home/hero/animate/build-04.svg) no-repeat center top;
    left: -267px;
    top: -26px;
    height: 280px;
}

.bldg-4 {
    background: url(https://cdn.gonitro.com/images/sites/gonitro/home/hero/animate/build-05.svg) no-repeat center top;
    left: 150px;
    height: 245px;
    top: 64px;
}
.bldg-5 {
    background: url(https://cdn.gonitro.com/images/sites/gonitro/home/hero/animate/build-06.svg) no-repeat center top;
    left: 258px;
    top: -5px;
    height: 315px;
}
.bldg-6 {
    background: url(https://cdn.gonitro.com/images/sites/gonitro/home/hero/animate/build-07-v2.svg) no-repeat center top;
    left: -1px;
    top: 2px;
    height: 306px;
}
.bldg-7 {
    background: url(https://cdn.gonitro.com/images/sites/gonitro/home/hero/animate/build-02.svg) no-repeat center top;
    left: -148px;
    height: 250px;
    top: 57px;
}

#hero .graphic {
    background: url(https://cdn.gonitro.com/images/sites/gonitro/home/hero/animate/build-01.svg) no-repeat bottom center;
    /*width: 100%;*/
    /*height: 370px;*/
    /*margin: 0 auto;*/
    /*background-position: 35px 0;*/
    /*background-size: 100%;*/
    /*position: relative;*/
    width: 100%;
    height: 303px;
    margin: 0 auto;
    /*background-position: 87px 350px;*/
    background-position: 67px 64px;
    background-size: 814px 303px;
    position: relative;
    transition: all 3s;
}
#hero .graphic.animate {
    background-position: 67px 64px;
}
.graphic .hero-video {
    color: #ee5b21;
    bottom: 10px;
    /*left: 416px;*/
    display: block;
    width: 100px;
    height: 100%;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 auto;
    padding-top: 140px;
    cursor: pointer;
    position: relative;
}
.graphic .hero-video>span {
    background: url(/images/sites/gonitro/home/hero/play-button-sprite-v3.png) no-repeat top center;
    background-position: 0 0;
    display: block;
    width: 74px;
    height: 74px;
    margin: 0 auto 7px;
}
.graphic .hero-video:active>span,
.graphic .hero-video:hover>span {
    background: url(/images/sites/gonitro/home/hero/play-button-sprite-v3.png) no-repeat -74px center;
}
.graphic .hero-video:hover {
    text-decoration: none;
}
/*mobile hero*/
.mobile-graphic {
    background: url(/images/sites/gonitro/home/hero/hp-illustration-mobile.svg) no-repeat center bottom;
    background-size: 200%;
    background-position: -55px 0px;
}
.mobile-graphic a {
    height: 260px;
    width: 100%;
    display: block;
    cursor: pointer;
}

#hero h1 {
    color: #169acd;
    font-weight: lighter;
    margin-bottom: 10px;
    font-size: 40px;
}
#hero .heading3 {
    color: #888888;
    font-weight: normal;
    margin-bottom: 30px;
}
#hero .hero-links a {
    margin-bottom: 10px;
    font-weight: bold;
}
.heading1 {
    font-size: 34px;
}
#products .heading2 {
    font-size: 30px;
}
#products .heading4 {
    padding: 0 220px;
    color: #888888;
}
#products .product-item {
    /*padding-top: 220px;*/
}
#products .product-item .description {
    padding: 0 80px;
}
#products .product-item a {
    font-size: 18px;
}
#products .product-graphic {
    margin: 30px auto 20px;
    display: block;
}
#products .product-1 .product-graphic {
    background: url(/images/sites/gonitro/home/Pro-v2.svg) no-repeat center top;
    background-position: 0 -191px;
    background-size: 100%;
    width: 247px;
    height: 160px;
}
#products .product-1:hover .product-graphic {
    background-position: 0 1px;
}
#products .product-2 .product-graphic {
    background: url(/images/sites/gonitro/home/biz-buildings.svg) no-repeat center top;
    background-position: 0 0;
    background-size: 96%;
    width: 340px;
    height: 160px;
}
#products .product-2:hover .product-graphic {
    background-position: 0 -180px;
}

@-moz-document url-prefix() {
    #products .product-1 .product-graphic {
        height: 160px;
    }
    #products .product-2 .product-graphic {
        height: 160px;
    }
    #products .product-1:hover .product-graphic {
        background-position: 0 2px;
    }
    #products .product-2:hover .product-graphic {
        background-position: 0 -181px;
    }
}

#products .business-callout {
    margin-top: 30px;
}
#products .business-callout .heading2 {
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 20px;
}
#products .business-callout .product-graphic-biz {
    background: url(/images/sites/gonitro/home/business-desk-v1.png) no-repeat center top;
    background-size: 100%;
    width: 180px;
    height: 131px;
    margin: 0 auto 20px;
}
#products .business-callout .button-flat {
}

_:-ms-fullscreen, :root #products .product-2 .product-graphic,
_:-ms-fullscreen, :root #products .product-1 .product-graphic {
    height: 175px;
    margin-bottom: 0;
}
_:-ms-fullscreen, :root #products .product-1 .product-graphic {
    background: url(/images/sites/gonitro/home/Pro-on-v1.svg) no-repeat center top;
    background-size: 80%;
}
_:-ms-fullscreen, :root #products .product-2 .product-graphic {
    background: url(/images/sites/gonitro/home/biz-buildings.svg) no-repeat center top;
    background-size: 200%;
    background-position: -172px 0;
    height: 155px;
    width: 340px;
    margin-bottom: 20px;
}
_:-ms-fullscreen, :root #products .product-1:hover .product-graphic {
    background: url(/images/sites/gonitro/home/Pro-off-v1.svg) no-repeat center top;
    background-size: 80%;
}
_:-ms-fullscreen, :root #products .product-2:hover .product-graphic {
    background: url(/images/sites/gonitro/home/biz-buildings.svg) no-repeat center top;
    background-size: 200%;
    background-position: -172px -165px;
    height: 155px;
    width: 340px;
    margin-bottom: 20px;
}


html[data-useragent*='MSIE 10.0'] #products .product-1 .product-graphic,
html[data-useragent*='MSIE 10.0'] #products .product-2 .product-graphic {
    height: 175px;
    margin-bottom: 0;
}
html[data-useragent*='MSIE 10.0'] #products .product-1 .product-graphic {
    background: url(/images/sites/gonitro/home/Pro-on-v1.svg) no-repeat center top;
    background-size: 80%;
}
html[data-useragent*='MSIE 10.0'] #products .product-2 .product-graphic {
    background: url(/images/sites/gonitro/home/biz-buildings.svg) no-repeat center top;
    background-size: 200%;
    background-position: -172px 0;
    height: 155px;
    width: 340px;
    margin-bottom: 20px;
}
html[data-useragent*='MSIE 10.0'] #products .product-1:hover .product-graphic {
    background: url(/images/sites/gonitro/home/Pro-off-v1.svg) no-repeat center top;
    background-size: 80%;
}
html[data-useragent*='MSIE 10.0'] #products .product-2:hover .product-graphic {
    background: url(/images/sites/gonitro/home/biz-buildings.svg) no-repeat center top;
    background-size: 200%;
    background-position: -172px -165px;
    height: 155px;
    width: 340px;
    margin-bottom: 20px;
}
#resources ul li {
    float: left;
    width: 240px;
    margin: 0 35px;
}
#resources ul li .video-item {
    /*background: url(/images/sites/gonitro/home/home-resources-sprite.png) no-repeat top center;*/
    background: url(/images/sites/gonitro/home/hp-vid-thumb-sprite-v2.png) no-repeat top center;
    height: 150px;
    width: 100%;
    margin-bottom: 25px;
    border-radius: 8px;
}
#resources ul li .video-item .play-button {
    background: url(/images/sites/gonitro/home/play-icon.png) no-repeat center center;
    display: inline-block;
    width: 100%;
    height: 100%;
}
#resources ul li .video-item .play-button:hover {
    opacity: .8;
}
#resources ul li .video-1 {
    background-position: 2px 0;
}
#resources ul li .video-2 {
    background-position: -236px 0;
}
#resources ul li .video-3 {
    background-position: -477px 0;
}

#resources .button-transparent {
    padding: 17px 35px;
}
#resources .button-transparent:hover {
    color: #5d5d5d;
}
#credibility {
    padding-bottom: 70px !important;
}
#credibility .dark-gray-text {
    color: #888888 !important;
}
#feature {
    background: url(/images/sites/gonitro/home/feature-bg.png) repeat-x center -2px #f7fbfd;
    border-top: 2px solid #d1e1e8;
}
#feature p {
    color: #065575;
}

.translated.lang-de #feature .heading4 {
    font-size: 15px;
}
.translated.lang-es #feature .heading4 {
    font-size: 13px;
}

@media screen and (min-width: 375px) {
    .mobile-graphic a {
        height: 310px;
    }
}
@media screen and (min-width: 414px) {
    .mobile-graphic a {
        height: 350px;
    }
}
@media screen and (min-width: 667px) {
    .mobile-graphic {
        background-size: 130%;
        background-position: 45px 0px;
    }
    #gonitro-home .trial-pre-footer .col-md-8 {
        width: 60%;
        float: left;
    }
    #gonitro-home .trial-pre-footer .col-md-8 p {
        padding-right: 150px;
    }
    #gonitro-home .trial-pre-footer .col-md-4 {
        margin-top: 20px;
    }
}
@media screen and (max-width: 991px) {
    #hero .graphic {
        height: 283px;
        margin: 0 auto;
        background-position: 30px 120px;
        background-size: 99%;
        overflow: hidden;
    }
    .graphic .hero-video {
        padding-top: 127px;
    }
    #products .heading4 {
        padding: 0 80px;
    }
    #resources ul li {
        margin: 0;
    }
    #feature .col-md-6 .feature-content,
    #feature .col-md-6 {
        text-align: center;
    }
    #feature {
        background: url(/images/sites/gonitro/home/feature-bg.png) repeat-x center bottom #f7fbfd;
    }
    .trial-pre-footer .col-md-8 {
        width: 50%;
        float: left;
    }
    #gonitro-home .trial-pre-footer .heading2 {
        font-size: 20px;
    }
}

@media all and (max-width: 479px) and (min-width: 320px) {
    h1,
    .heading1 {
        font-size: 32px !important;
        line-height: 1.2;
        font-weight: 500 !important;
        padding: 0 0 10px;
    }
    h2,
    .heading2 {
        font-size: 30px;
    }
    h3,
    .heading3 {
        font-size: 20px;
    }
    #products .heading4 {
        padding: 0 20px;
    }
    #resources ul li {
        margin: 0;
        float: none;
        width: 100%;
        border-bottom: 1px solid #fff;
    }
    #resources ul li .video-item {
        height: 150px;
        width: 237px;
        margin: 50px auto 20px;
        border-radius: 8px;
    }
    #resources ul li p {
        padding: 0 40px 20px;
    }
    #credibility .heading1 {
        padding: 0 !important;
    }
    #gonitro-home .trial-pre-footer a,
    #gonitro-home a.button-transparent,
    #gonitro-home a.button-flat {
        padding: 20px 10px;
        font-size: 20px;
        text-align: center;
        width: 100%;
    }
    #credibility p {
        padding: 0 20px !important;
    }
    #feature {
        background: url(/images/sites/gonitro/home/feature-bg-v2.png) repeat-x center bottom #f7fbfd;
        padding: 40px 0;
    }
    #feature img {
        height: 100%;
        width: 100%;
    }
    #feature .feature-content {
        text-align: center;
    }
    .trial-pre-footer .heading2 {
        margin-bottom: 30px;
        text-align: center;
    }
    #hero .graphic {
        width: 100%;
        margin: 0 auto;
        background-position: -267px 0;
        background-size: 300%;
        position: relative;
        height: 320px;
    }
    .graphic .hero-video {
        padding-top: 177px;
    }
    #products .product-2 .product-graphic {
        width: 300px;
        background-position: 0px 12px;
    }
    #products .product-item .description {
        padding: 0 10px;
    }
    #products .product-2:active .product-graphic,
    #products .product-2:hover .product-graphic {
        background-position: 0 -147px;
    }
    #gonitro-home .trial-pre-footer .col-md-8 {
        width: 100%;
        float: none;
    }
}
@media all and (max-width: 767px) and (min-width: 480px) {
    #products .heading4 {
        padding: 0;
    }
    #resources ul li {
        width: 100%;
        margin-bottom: 20px;
    }
    #resources ul li p {
        width: 250px;
        margin: 20px auto 0;
    }
    #resources ul li .video-item {
        width: 240px;
        margin: 0 auto;
    }
    #gonitro-home .trial-pre-footer .col-md-4 {
        float: right;
        text-align: center;
    }
}
@media all and (max-width: 1023px) and (min-width: 768px) {
    /*#hero .graphic {*/
    /*height: auto;*/
    /*background-position: 27px 10px;*/
    /*}*/
    /*.graphic .hero-video {*/
    /*padding: 138px 0 40px;*/
    /*}*/
}
@media all and (max-width: 1200px) and (min-width: 1024px) {

}

/*hero animations*/
.clouds {
    position: absolute;
    display: block;
}
.cloud-1 {
    background: url(/images/sites/gonitro/home/hero/clouds/big-cloud-left.png) no-repeat center;
    height: 38px;
    width: 235px;
    top: 13px;
    left: 7px;
}
.cloud-2 {
    background: url(/images/sites/gonitro/home/hero/clouds/big-cloud-right.png) no-repeat center;
    height: 38px;
    width: 235px;
    right: 0px;
    top: 70px;
}
.cloud-3 {
    background: url(/images/sites/gonitro/home/hero/clouds/small-cloud-left-1.png) no-repeat center;
    height: 18px;
    width: 107px;
    top: 100px;
    left: -50px;
}
.cloud-4 {
    background: url(/images/sites/gonitro/home/hero/clouds/small-cloud-left-2.png) no-repeat center;
    height: 26px;
    width: 107px;
    top: 105px;
    left: 125px;
}
.cloud-5 {
    background: url(/images/sites/gonitro/home/hero/clouds/small-right-clouds.png) no-repeat center;
    height: 27px;
    width: 231px;
    right: 80px;
    top: 190px;
}
.cloud-6 {
    background: url(/images/sites/gonitro/home/hero/clouds/stationary-sky-stuff.png) no-repeat center;
    height: 140px;
    width: 979px;
    top: 84px;
    left: -25px;
}

.clouds.intro-animate {
    -webkit-animation-name: Floating;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: default;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: default;
    -moz-animation-timing-function: ease-in-out;
    animation-name: Floating;
    animation-duration: 1s;
    animation-iteration-count: default;
    timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}

.cloud-2.hover-animate {
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: rotate;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    animation-name: rotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}
.cloud-3.hover-animate {
    -webkit-animation-name: rotate2;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: rotate2;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    animation-name: rotate2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}
.cloud-4.hover-animate {
    -webkit-animation-name: rotate3;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: rotate3;
    -moz-animation-duration: 10s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    animation-name: rotate3;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}
@-webkit-keyframes Floating{
    from {-webkit-transform: translate(0, 0) rotate(0);}
    50% {-webkit-transform: translate(0, 0) rotate(0);}
    to {-webkit-transform: translate(0, 0) rotate(0);}
}

@-moz-keyframes Floating{
    from {-moz-transform: translate(0, 0) rotate(0);}
    50% {-moz-transform: translate(0, 0) rotate(0);}
    to {-moz-transform: translate(0, 0) rotate(0);}
}

@keyframes Floating{
    from {transform: translate(0, 0) rotate(0);}
    50% {transform: translate(0, 0) rotate(0);}
    to {transform: translate(0, 0) rotate(0);}
}

@-webkit-keyframes rotate {
    from {-webkit-transform:translate(0px, 0px) rotate(0);}
    50% {-webkit-transform:translate(20px, 0px) rotate(0);}
    to {-webkit-transform: translate(0px, 0px) rotate(0);}
}

@-moz-keyframes rotate {
    from {-moz-transform:translate(0px, 0px) rotate(0);}
    50% {-moz-transform:translate(20px, 0px) rotate(0);}
    to {-moz-transform: translate(0px, 0px) rotate(0);}
}

@keyframes rotate {
    from {transform:translate(0px, 0px) rotate(0);}
    50% {transform:translate(20px, 0px) rotate(0);}
    to {transform: translate(0px, 0px) rotate(0);}
}
@-webkit-keyframes rotate2 {
    from {-webkit-transform:translate(0px, 0px) rotate(0);}
    50% {-webkit-transform:translate(-30px, 0px) rotate(0);}
    to {-webkit-transform: translate(0px, 0px) rotate(0);}
}

@-moz-keyframes rotate2 {
    from {-moz-transform:translate(0px, 0px) rotate(0);}
    50% {-moz-transform:translate(-30px, 0px) rotate(0);}
    to {-moz-transform: translate(0px, 0px) rotate(0);}
}

@keyframes rotate2 {
    from {transform:translate(0px, 0px) rotate(0);}
    50% {transform:translate(-30px, 0px) rotate(0);}
    to {transform: translate(0px, 0px) rotate(0);}
}
@-webkit-keyframes rotate3 {
    from {-webkit-transform:translate(0px, 0px) rotate(0);}
    50% {-webkit-transform:translate(25px, 0px) rotate(0);}
    to {-webkit-transform: translate(0px, 0px) rotate(0);}
}

@-moz-keyframes rotate3 {
    from {-moz-transform:translate(0px, 0px) rotate(0);}
    50% {-moz-transform:translate(25px, 0px) rotate(0);}
    to {-moz-transform: translate(0px, 0px) rotate(0);}
}

@keyframes rotate3 {
    from {transform:translate(0px, 0px) rotate(0);}
    50% {transform:translate(25px, 0px) rotate(0);}
    to {transform: translate(0px, 0px) rotate(0);}
}

@media all and (max-width: 479px) and (min-width: 320px) {
    .clouds {
        display: none;
    }
}

/*building animations*/
.bldg-3.animate {
    -webkit-animation-name: Heli;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: default;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Heli;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: default;
    -moz-animation-timing-function: ease-in-out;
    animation-name: Heli;
    animation-duration: 5s;
    animation-iteration-count: default;
    timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}
.bldg-3.fly {
    -webkit-animation-name: fly;
    -webkit-animation-duration: 8s;
    -webkit-animation-iteration-count: default;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: fly;
    -moz-animation-duration: 8s;
    -moz-animation-iteration-count: default;
    -moz-animation-timing-function: linear;
    animation-name: fly;
    animation-duration: 8s;
    animation-iteration-count: default;
    timing-function: linear;
    margin-left: 30px;
    margin-top: 5px;
}
.bldg-7.animate {
    -webkit-animation-name: Intro;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: default;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Intro;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: default;
    -moz-animation-timing-function: ease-in-out;
    animation-name: Intro;
    animation-duration: 2s;
    animation-iteration-count: default;
    timing-function: ease-in-out;

}
.bldg-6.animate {
    -webkit-animation-name: Intro2;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: default;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Intro2;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: default;
    -moz-animation-timing-function: ease-in-out;
    animation-name: Intro2;
    animation-duration: 2s;
    animation-iteration-count: default;
    timing-function: ease-in-out;

}
.bldg-4.animate {
    -webkit-animation-name: Intro3;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: default;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Intro3;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: default;
    -moz-animation-timing-function: ease-in-out;
    animation-name: Intro3;
    animation-duration: 2s;
    animation-iteration-count: default;
    timing-function: ease-in-out;

}
.bldg-5.animate {
    -webkit-animation-name: Intro3;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: default;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Crane;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: default;
    -moz-animation-timing-function: ease-in-out;
    animation-name: Crane;
    animation-duration: 5s;
    animation-iteration-count: default;
    timing-function: ease-in-out;

}
.bldg-3.hover-animate {
    -webkit-animation-name: HeliRotate;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: HeliRotate;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    animation-name: HeliRotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}

@-webkit-keyframes Intro {
    from {-webkit-transform: translate(0, 400px) rotate(0);}
    to {-webkit-transform: translate(0, 0) rotate(0);}
}

@-moz-keyframes Intro {
    from {-moz-transform: translate(0, 400px) rotate(0);}
    to {-moz-transform: translate(0, 0) rotate(0);}
}

@keyframes Intro {
    from {transform: translate(0, 400px) rotate(0);}
    to {transform: translate(0, 0) rotate(0);}
}
@-webkit-keyframes Intro2 {
    from {-webkit-transform: translate(0, 350px) rotate(0);}
    to {-webkit-transform: translate(0, 0) rotate(0);}
}

@-moz-keyframes Intro2 {
    from {-moz-transform: translate(0, 350px) rotate(0);}
    to {-moz-transform: translate(0, 0) rotate(0);}
}

@keyframes Intro2 {
    from {transform: translate(0, 350px) rotate(0);}
    to {transform: translate(0, 0) rotate(0);}
}
@-webkit-keyframes Intro3 {
    from {-webkit-transform: translate(0, 400px) rotate(0);}
    to {-webkit-transform: translate(0, 0) rotate(0);}
}

@-moz-keyframes Intro3 {
    from {-moz-transform: translate(0, 400px) rotate(0);}
    to {-moz-transform: translate(0, 0) rotate(0);}
}

@keyframes Intro3 {
    from {transform: translate(0, 400px) rotate(0);}
    to {transform: translate(0, 0) rotate(0);}
}
@-webkit-keyframes Crane {
    from {-webkit-transform: translate(0, 500px) rotate(0);}
    to {-webkit-transform: translate(0, 0) rotate(0);}
}

@-moz-keyframes Crane {
    from {-moz-transform: translate(0, 500px) rotate(0);}
    to {-moz-transform: translate(0, 0) rotate(0);}
}

@keyframes Crane {
    from {transform: translate(0, 500px) rotate(0);}
    to {transform: translate(0, 0) rotate(0);}
}
@-webkit-keyframes Heli {
    from {-webkit-transform: translate(0, 1000px) rotate(0);}
    to {-webkit-transform: translate(0, 0) rotate(0);}
}

@-moz-keyframes Heli {
    from {-moz-transform: translate(0, 1000px) rotate(0);}
    to {-moz-transform: translate(0, 0) rotate(0);}
}

@keyframes Heli {
    from {transform: translate(0, 1000px) rotate(25deg);}
    to {transform: translate(0, 0) rotate(0);}
}
@-webkit-keyframes HeliRotate {
    from {-webkit-transform:translate(0px, 0px) rotate(0);}
    50% {-webkit-transform:translate(5px, -5px) rotate(2deg);}
    to {-webkit-transform: translate(0px, 0px) rotate(0);}
}

@-moz-keyframes HeliRotate {
    from {-moz-transform:translate(0px, 0px) rotate(0);}
    50% {-moz-transform:translate(5px, -5px) rotate(2deg);}
    to {-moz-transform: translate(0px, 0px) rotate(0);}
}

@keyframes HeliRotate {
    from {transform:translate(0px, 0px) rotate(0);}
    50% {transform:translate(5px, -5px) rotate(2deg);}
    to {transform: translate(0px, 0px) rotate(0);}
}
@-webkit-keyframes fly {
    from {-webkit-transform: translate(0, 0) rotate(0);}
    45% {-webkit-transform: translate(600px, -3px) rotate(20deg);}
    55% {-webkit-transform: translate(600px, -3px) rotateY(180deg) rotateX(20deg);}
    90% {-webkit-transform: translate(0, -3px) rotateY(180deg) rotateX(20deg);}
    to {-webkit-transform: translate(0, 0) rotate(0);}
}

@-moz-keyframes fly {
    from {-moz-transform: translate(0, 0) rotate(0);}
    45% {-moz-transform: translate(600px, -3px) rotate(20deg);}
    55% {-moz-transform: translate(600px, -3px) rotateY(180deg) rotateX(20deg);}
    90% {-moz-transform: translate(0, -3px) rotateY(180deg) rotateX(20deg);}
    to {-moz-transform: translate(0, 0) rotate(0);}
}

@keyframes fly {
    from {transform: translate(0, 0) rotate(0);}
    45% {transform: translate(600px, -3px) rotate(20deg);}
    55% {transform: translate(600px, -3px) rotateY(180deg) rotateX(20deg);}
    90% {transform: translate(0, -3px) rotateY(180deg) rotateX(20deg);}
    to {transform: translate(0, 0) rotate(0);}
}



/*gadd*/

.gadd {
    background: url(/images/sites/gonitro/home/hero/animate/easteregg/gadd-easter-egg.png) no-repeat center top;
    height: 249px;
    width: 275px;
    position: absolute;
    left: -500px;
    bottom: -18px;
    transition: all 3s;
}
.gadd.animate {
    margin: 0 auto;
    width: 100%;
}
.gadd.animate {
    -webkit-animation-name: Gadd;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: default;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Gadd;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: default;
    -moz-animation-timing-function: ease-in-out;
    animation-name: Gadd;
    animation-duration: 5s;
    animation-iteration-count: default;
    timing-function: ease-in-out;
}
@-webkit-keyframes Gadd {
    from {-webkit-transform: translate(0, 0) rotate(0);}
    50% {-webkit-transform: translate(780px, 0) rotate(0);}
    to {-webkit-transform: translate(0, 0) rotate(0);}
}

@-moz-keyframes Gadd {
    from {-moz-transform: translate(0, 0) rotate(0);}
    50% {-moz-transform: translate(780px, 0) rotate(0);}
    to {-moz-transform: translate(0, 0) rotate(0);}
}

@keyframes Gadd {
    from {transform: translate(0, 0) rotate(0);}
    51% {transform: translate(480px, 5px) rotate(-5deg);}
    53% {transform: translate(480px, -5px) rotate(5deg);}
    55% {transform: translate(480px, 5px) rotate(-5deg);}
    57% {transform: translate(480px, -5px) rotate(5deg);}
    59% {transform: translate(480px, 5px) rotate(-5deg);}
    to {transform: translate(3000px, 0) rotate(0);}
}



/*walrus*/

.walrus {
    background: url(/images/marketing-promos/eggs/walrus.png) no-repeat center top;
    height: 249px;
    width: 275px;
    position: absolute;
    right: -500px;
    bottom: -18px;
    transition: all 3s;
}
.walrus.animate {
    margin: 0 auto;
    width: 100%;
}
.walrus.animate {
    -webkit-animation-name: Walrus;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: default;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Walrus;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: default;
    -moz-animation-timing-function: ease-in-out;
    animation-name: Walrus;
    animation-duration: 5s;
    animation-iteration-count: default;
    timing-function: ease-in-out;
}
@-webkit-keyframes Walrus {
    from {-webkit-transform: translate(0, 0) rotate(0);}
    50% {-webkit-transform: translate(780px, 0) rotate(0);}
    to {-webkit-transform: translate(0, 0) rotate(0);}
}

@-moz-keyframes Walrus {
    from {-moz-transform: translate(0, 0) rotate(0);}
    50% {-moz-transform: translate(780px, 0) rotate(0);}
    to {-moz-transform: translate(0, 0) rotate(0);}
}

@keyframes Walrus {
    from {transform: translate(0, 0) rotate(0);}
    51% {transform: translate(-460px, 5px) rotate(-5deg);}
    53% {transform: translate(-460px, -5px) rotate(5deg);}
    55% {transform: translate(-460px, 5px) rotate(-5deg);}
    57% {transform: translate(-460px, -5px) rotate(5deg);}
    59% {transform: translate(-460px, 5px) rotate(-5deg);}
    to {transform: translate(-3000px, 0) rotate(0);}
}