/* To home */

body.home.from-about-us #background {
    animation: from-about-us-to-home 1s alternate;
    -moz-animation: from-about-us-to-home 1s alternate;
    -webkit-animation: from-about-us-to-home 1s alternate;
}

@keyframes from-about-us-to-home {
    0%    {
        right: -460px;
    }
    100%  {
        right: 0px;
    }
}
@-moz-keyframes from-about-us-to-home {
    0%    {
        right: -460px;
    }
    100%  {
        right: 0px;
    }
}
@-webkit-keyframes from-about-us-to-home {
    0%    {
        right: -460px;
    }
    100%  {
        right: 0px;
    }
}

body.home.from-oil #background {
    animation: from-oil-to-home 1s alternate;
    -moz-animation: from-oil-to-home 1s alternate;
    -webkit-animation: from-oil-to-home 1s alternate;
}

@keyframes from-oil-to-home {
    0%    {
        right: -920px;
    }
    100%  {
        right: 0px;
    }
}
@-moz-keyframes from-oil-to-home {
    0%    {
        right: -920px;
    }
    100%  {
        right: 0px;
    }
}
@-webkit-keyframes from-oil-to-home {
    0%    {
        right: -920px;
    }
    100%  {
        right: 0px;
    }
}

body.home.from-tech #background {
    animation: from-tech-to-home 1s alternate;
    -moz-animation: from-tech-to-home 1s alternate;
    -webkit-animation: from-tech-to-home 1s alternate;
}

@keyframes from-tech-to-home {
    0%    {
        right: -1380px;
    }
    100%  {
        right: 0px;
    }
}
@-moz-keyframes from-tech-to-home {
    0%    {
        right: -1380px;
    }
    100%  {
        right: 0px;
    }
}
@-webkit-keyframes from-tech-to-home {
    0%    {
        right: -1380px;
    }
    100%  {
        right: 0px;
    }
}

body.home.from-news #background {
    animation: from-news-to-home 1s alternate;
    -moz-animation: from-news-to-home 1s alternate;
    -webkit-animation: from-news-to-home 1s alternate;
}

@keyframes from-news-to-home {
    0%    {
        right: -1840px;
    }
    100%  {
        right: 0px;
    }
}
@-moz-keyframes from-news-to-home {
    0%    {
        right: -1840px;
    }
    100%  {
        right: 0px;
    }
}
@-webkit-keyframes from-news-to-home {
    0%    {
        right: -1840px;
    }
    100%  {
        right: 0px;
    }
}

body.home.from-contacts #background {
    animation: from-contacts-to-home 1s alternate;
    -moz-animation: from-contacts-to-home 1s alternate;
    -webkit-animation: from-contacts-to-home 1s alternate;
}

@keyframes from-contacts-to-home {
    0%    {
        right: -2300px;
    }
    100%  {
        right: 0px;
    }
}
@-moz-keyframes from-contacts-to-home {
    0%    {
        right: -2300px;
    }
    100%  {
        right: 0px;
    }
}
@-webkit-keyframes from-contacts-to-home {
    0%    {
        right: -2300px;
    }
    100%  {
        right: 0px;
    }
}

/* To about-us */

body.about-us.from-home #background {
    animation: from-home-to-about-us 1s alternate;
    -moz-animation: from-home-to-about-us 1s alternate;
    -webkit-animation: from-home-to-about-us 1s alternate;
}

@keyframes from-home-to-about-us {
    0%    {
        right: 0px;
    }
    100%  {
        right: -460px;
    }
}
@-moz-keyframes from-home-to-about-us {
    0%    {
        right: 0px;
    }
    100%  {
        right: -460px;
    }
}
@-webkit-keyframes from-home-to-about-us {
    0%    {
        right: 0px;
    }
    100%  {
        right: -460px;
    }
}

body.about-us.from-oil #background {
    animation: from-oil-to-about-us 1s alternate;
    -moz-animation: from-oil-to-about-us 1s alternate;
    -webkit-animation: from-oil-to-about-us 1s alternate;
}

@keyframes from-oil-to-about-us {
    0%    {
        right: -920px;
    }
    100%  {
        right: -460px;
    }
}
@-moz-keyframes from-oil-to-about-us {
    0%    {
        right: -920px;
    }
    100%  {
        right: -460px;
    }
}
@-webkit-keyframes from-oil-to-about-us {
    0%    {
        right: -920px;
    }
    100%  {
        right: -460px;
    }
}

body.about-us.from-tech #background {
    animation: from-tech-to-about-us 1s alternate;
    -moz-animation: from-tech-to-about-us 1s alternate;
    -webkit-animation: from-tech-to-about-us 1s alternate;
}

@keyframes from-tech-to-about-us {
    0%    {
        right: -1380px;
    }
    100%  {
        right: -460px;
    }
}
@-moz-keyframes from-tech-to-about-us {
    0%    {
        right: -1380px;
    }
    100%  {
        right: -460px;
    }
}
@-webkit-keyframes from-tech-to-about-us {
    0%    {
        right: -1380px;
    }
    100%  {
        right: -460px;
    }
}

body.about-us.from-news #background {
    animation: from-news-to-about-us 1s alternate;
    -moz-animation: from-news-to-about-us 1s alternate;
    -webkit-animation: from-news-to-about-us 1s alternate;
}

@keyframes from-news-to-about-us {
    0%    {
        right: -1840px;
    }
    100%  {
        right: -460px;
    }
}
@-moz-keyframes from-news-to-about-us {
    0%    {
        right: -1840px;
    }
    100%  {
        right: -460px;
    }
}
@-webkit-keyframes from-news-to-about-us {
    0%    {
        right: -1840px;
    }
    100%  {
        right: -460px;
    }
}

body.about-us.from-contacts #background {
    animation: from-contacts-to-about-us 1s alternate;
    -moz-animation: from-contacts-to-about-us 1s alternate;
    -webkit-animation: from-contacts-to-about-us 1s alternate;
}

@keyframes from-contacts-to-about-us {
    0%    {
        right: -2300px;
    }
    100%  {
        right: -460px;
    }
}
@-moz-keyframes from-contacts-to-about-us {
    0%    {
        right: -2300px;
    }
    100%  {
        right: -460px;
    }
}
@-webkit-keyframes from-contacts-to-about-us {
    0%    {
        right: -2300px;
    }
    100%  {
        right: -460px;
    }
}

/* To oil */

body.oil.from-home #background {
    animation: from-home-to-oil 1s alternate;
    -moz-animation: from-home-to-oil 1s alternate;
    -webkit-animation: from-home-to-oil 1s alternate;
}

@keyframes from-home-to-oil {
    0%    {
        right: 0px;
    }
    100%  {
        right: -920px;
    }
}
@-moz-keyframes from-home-to-oil {
    0%    {
        right: 0px;
    }
    100%  {
        right: -920px;
    }
}
@-webkit-keyframes from-home-to-oil {
    0%    {
        right: 0px;
    }
    100%  {
        right: -920px;
    }
}

body.oil.from-about-us #background {
    animation: from-about-us-to-oil 1s alternate;
    -moz-animation: from-about-us-to-oil 1s alternate;
    -webkit-animation: from-about-us-to-oil 1s alternate;
}

@keyframes from-about-us-to-oil {
    0%    {
        right: -460px;
    }
    100%  {
        right: -920px;
    }
}
@-moz-keyframes from-about-us-to-oil {
    0%    {
        right: -460px;
    }
    100%  {
        right: -920px;
    }
}
@-webkit-keyframes from-about-us-to-oil {
    0%    {
        right: -460px;
    }
    100%  {
        right: -920px;
    }
}

body.oil.from-tech #background {
    animation: from-tech-to-oil 1s alternate;
    -moz-animation: from-tech-to-oil 1s alternate;
    -webkit-animation: from-tech-to-oil 1s alternate;
}

@keyframes from-tech-to-oil {
    0%    {
        right: -1380px;
    }
    100%  {
        right: -920px;
    }
}
@-moz-keyframes from-tech-to-oil {
    0%    {
        right: -1380px;
    }
    100%  {
        right: -920px;
    }
}
@-webkit-keyframes from-tech-to-oil {
    0%    {
        right: -1380px;
    }
    100%  {
        right: -920px;
    }
}

body.oil.from-news #background {
    animation: from-news-to-oil 1s alternate;
    -moz-animation: from-news-to-oil 1s alternate;
    -webkit-animation: from-news-to-oil 1s alternate;
}

@keyframes from-news-to-oil {
    0%    {
        right: -1840px;
    }
    100%  {
        right: -920px;
    }
}
@-moz-keyframes from-news-to-oil {
    0%    {
        right: -1840px;
    }
    100%  {
        right: -920px;
    }
}
@-webkit-keyframes from-news-to-oil {
    0%    {
        right: -1840px;
    }
    100%  {
        right: -920px;
    }
}

body.oil.from-contacts #background {
    animation: from-contacts-to-oil 1s alternate;
    -moz-animation: from-contacts-to-oil 1s alternate;
    -webkit-animation: from-contacts-to-oil 1s alternate;
}

@keyframes from-contacts-to-oil {
    0%    {
        right: -2300px;
    }
    100%  {
        right: -920px;
    }
}
@-moz-keyframes from-contacts-to-oil {
    0%    {
        right: -2300px;
    }
    100%  {
        right: -920px;
    }
}
@-webkit-keyframes from-contacts-to-oil {
    0%    {
        right: -2300px;
    }
    100%  {
        right: -920px;
    }
}

/* To tech */

body.tech.from-home #background {
    animation: from-home-to-tech 1s alternate;
    -moz-animation: from-home-to-tech 1s alternate;
    -webkit-animation: from-home-to-tech 1s alternate;
}

@keyframes from-home-to-tech {
    0%    {
        right: 0px;
    }
    100%  {
        right: -1380px;
    }
}
@-moz-keyframes from-home-to-tech {
    0%    {
        right: 0px;
    }
    100%  {
        right: -1380px;
    }
}
@-webkit-keyframes from-home-to-tech {
    0%    {
        right: 0px;
    }
    100%  {
        right: -1380px;
    }
}

body.tech.from-about-us #background {
    animation: from-about-us-to-tech 1s alternate;
    -moz-animation: from-about-us-to-tech 1s alternate;
    -webkit-animation: from-about-us-to-tech 1s alternate;
}

@keyframes from-about-us-to-tech {
    0%    {
        right: -460px;
    }
    100%  {
        right: -1380px;
    }
}
@-moz-keyframes from-about-us-to-tech {
    0%    {
        right: -460px;
    }
    100%  {
        right: -1380px;
    }
}
@-webkit-keyframes from-about-us-to-tech {
    0%    {
        right: -460px;
    }
    100%  {
        right: -1380px;
    }
}

body.tech.from-oil #background {
    animation: from-oil-to-tech 1s alternate;
    -moz-animation: from-oil-to-tech 1s alternate;
    -webkit-animation: from-oil-to-tech 1s alternate;
}

@keyframes from-oil-to-tech {
    0%    {
        right: -920px;
    }
    100%  {
        right: -1380px;
    }
}
@-moz-keyframes from-oil-to-tech {
    0%    {
        right: -920px;
    }
    100%  {
        right: -1380px;
    }
}
@-webkit-keyframes from-oil-to-tech {
    0%    {
        right: -920px;
    }
    100%  {
        right: -1380px;
    }
}

body.tech.from-news #background {
    animation: from-news-to-tech 1s alternate;
    -moz-animation: from-news-to-tech 1s alternate;
    -webkit-animation: from-news-to-tech 1s alternate;
}

@keyframes from-news-to-tech {
    0%    {
        right: -1840px;
    }
    100%  {
        right: -1380px;
    }
}
@-moz-keyframes from-news-to-tech {
    0%    {
        right: -1840px;
    }
    100%  {
        right: -1380px;
    }
}
@-webkit-keyframes from-news-to-tech {
    0%    {
        right: -1840px;
    }
    100%  {
        right: -1380px;
    }
}

body.tech.from-contacts #background {
    animation: from-contacts-to-tech 1s alternate;
    -moz-animation: from-contacts-to-tech 1s alternate;
    -webkit-animation: from-contacts-to-tech 1s alternate;
}

@keyframes from-contacts-to-tech {
    0%    {
        right: -2300px;
    }
    100%  {
        right: -1380px;
    }
}
@-moz-keyframes from-contacts-to-tech {
    0%    {
        right: -2300px;
    }
    100%  {
        right: -1380px;
    }
}
@-webkit-keyframes from-contacts-to-tech {
    0%    {
        right: -2300px;
    }
    100%  {
        right: -1380px;
    }
}

/* To news */

body.news.from-home #background {
    animation: from-home-to-news 1s alternate;
    -moz-animation: from-home-to-news 1s alternate;
    -webkit-animation: from-home-to-news 1s alternate;
}

@keyframes from-home-to-news {
    0%    {
        right: 0px;
    }
    100%  {
        right: -1840px;
    }
}
@-moz-keyframes from-home-to-news {
    0%    {
        right: 0px;
    }
    100%  {
        right: -1840px;
    }
}
@-webkit-keyframes from-home-to-news {
    0%    {
        right: 0px;
    }
    100%  {
        right: -1840px;
    }
}

body.news.from-about-us #background {
    animation: from-about-us-to-news 1s alternate;
    -moz-animation: from-about-us-to-news 1s alternate;
    -webkit-animation: from-about-us-to-news 1s alternate;
}

@keyframes from-about-us-to-news {
    0%    {
        right: -460px;
    }
    100%  {
        right: -1840px;
    }
}
@-moz-keyframes from-about-us-to-news {
    0%    {
        right: -460px;
    }
    100%  {
        right: -1840px;
    }
}
@-webkit-keyframes from-about-us-to-news {
    0%    {
        right: -460px;
    }
    100%  {
        right: -1840px;
    }
}

body.news.from-oil #background {
    animation: from-oil-to-news 1s alternate;
    -moz-animation: from-oil-to-news 1s alternate;
    -webkit-animation: from-oil-to-news 1s alternate;
}

@keyframes from-oil-to-news {
    0%    {
        right: -920px;
    }
    100%  {
        right: -1840px;
    }
}
@-moz-keyframes from-oil-to-news {
    0%    {
        right: -920px;
    }
    100%  {
        right: -1840px;
    }
}
@-webkit-keyframes from-oil-to-news {
    0%    {
        right: -920px;
    }
    100%  {
        right: -1840px;
    }
}

body.news.from-tech #background {
    animation: from-tech-to-news 1s alternate;
    -moz-animation: from-tech-to-news 1s alternate;
    -webkit-animation: from-tech-to-news 1s alternate;
}

@keyframes from-tech-to-news {
    0%    {
        right: -1380px;
    }
    100%  {
        right: -1840px;
    }
}
@-moz-keyframes from-tech-to-news {
    0%    {
        right: -1380px;
    }
    100%  {
        right: -1840px;
    }
}
@-webkit-keyframes from-tech-to-news {
    0%    {
        right: -1380px;
    }
    100%  {
        right: -1840px;
    }
}

body.news.from-contacts #background {
    animation: from-contacts-to-news 1s alternate;
    -moz-animation: from-contacts-to-news 1s alternate;
    -webkit-animation: from-contacts-to-news 1s alternate;
}

@keyframes from-contacts-to-news {
    0%    {
        right: -2300px;
    }
    100%  {
        right: -1840px;
    }
}
@-moz-keyframes from-contacts-to-news {
    0%    {
        right: -2300px;
    }
    100%  {
        right: -1840px;
    }
}
@-webkit-keyframes from-contacts-to-news {
    0%    {
        right: -2300px;
    }
    100%  {
        right: -1840px;
    }
}

/* To contacts */

body.contacts.from-home #background {
    animation: from-home-to-contacts 1s alternate;
    -moz-animation: from-home-to-contacts 1s alternate;
    -webkit-animation: from-home-to-contacts 1s alternate;
}

@keyframes from-home-to-contacts {
    0%    {
        right: 0px;
    }
    100%  {
        right: -2300px;
    }
}
@-moz-keyframes from-home-to-contacts {
    0%    {
        right: 0px;
    }
    100%  {
        right: -2300px;
    }
}
@-webkit-keyframes from-home-to-contacts {
    0%    {
        right: 0px;
    }
    100%  {
        right: -2300px;
    }
}

body.contacts.from-about-us #background {
    animation: from-about-us-to-contacts 1s alternate;
    -moz-animation: from-about-us-to-contacts 1s alternate;
    -webkit-animation: from-about-us-to-contacts 1s alternate;
}

@keyframes from-about-us-to-contacts {
    0%    {
        right: -460px;
    }
    100%  {
        right: -2300px;
    }
}
@-moz-keyframes from-about-us-to-contacts {
    0%    {
        right: -460px;
    }
    100%  {
        right: -2300px;
    }
}
@-webkit-keyframes from-about-us-to-contacts {
    0%    {
        right: -460px;
    }
    100%  {
        right: -2300px;
    }
}

body.contacts.from-oil #background {
    animation: from-oil-to-contacts 1s alternate;
    -moz-animation: from-oil-to-contacts 1s alternate;
    -webkit-animation: from-oil-to-contacts 1s alternate;
}

@keyframes from-oil-to-contacts {
    0%    {
        right: -920px;
    }
    100%  {
        right: -2300px;
    }
}
@-moz-keyframes from-oil-to-contacts {
    0%    {
        right: -920px;
    }
    100%  {
        right: -2300px;
    }
}
@-webkit-keyframes from-oil-to-contacts {
    0%    {
        right: -920px;
    }
    100%  {
        right: -2300px;
    }
}

body.contacts.from-tech #background {
    animation: from-tech-to-contacts 1s alternate;
    -moz-animation: from-tech-to-contacts 1s alternate;
    -webkit-animation: from-tech-to-contacts 1s alternate;
}

@keyframes from-tech-to-contacts {
    0%    {
        right: -1380px;
    }
    100%  {
        right: -2300px;
    }
}
@-moz-keyframes from-tech-to-contacts {
    0%    {
        right: -1380px;
    }
    100%  {
        right: -2300px;
    }
}
@-webkit-keyframes from-tech-to-contacts {
    0%    {
        right: -1380px;
    }
    100%  {
        right: -2300px;
    }
}

body.contacts.from-news #background {
    animation: from-news-to-contacts 1s alternate;
    -moz-animation: from-news-to-contacts 1s alternate;
    -webkit-animation: from-news-to-contacts 1s alternate;
}

@keyframes from-news-to-contacts {
    0%    {
        right: -1840px;
    }
    100%  {
        right: -2300px;
    }
}
@-moz-keyframes from-news-to-contacts {
    0%    {
        right: -1840px;
    }
    100%  {
        right: -2300px;
    }
}
@-webkit-keyframes from-news-to-contacts {
    0%    {
        right: -1840px;
    }
    100%  {
        right: -2300px;
    }
}

/* End states */

body.home #background {
    right: 0px;
}

body.about-us #background {
    right: -460px;
}

body.oil #background {
    right: -920px;
}

body.tech #background {
    right: -1380px;
}

body.news #background {
    right: -1840px;
}

body.contacts #background {
    right: -2300px;
}