/*Reset*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big,
cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed,figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio,
video 			{margin:0; padding:0; border:0; font:inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ol, ul 			{list-style:none;}
blockquote, q 	{quotes:none;}
table 			{border-collapse:collapse; border-spacing:0;}


.clearfix {clear: both; float: none;}
.page_width_1000 {width: 960px; margin: 0 auto; padding: 0 10px;}
a {outline: none; color: #09b345;}
a:hover {text-decoration: none;}
b {font-weight: bold;}
p {margin: 0 0 20px 0; min-height: 1px;}
ul {margin: 0 0 30px 0;}
li {margin: 0 0 10px 0;}
.quote {font-style: italic;}
.content_link {color:#5D1784;}
.content_link:hover {text-decoration: none;}
::selection				{background: gray;color:#fff}
::-moz-selection		{background: gray;color:#fff}


html, body 		{height:100%; width:100%;}
body 			{min-height:100%; height:auto !important; position:relative; font-size:18px; line-height:20px; color:#fff; font-weight: 300; background:#1d1d1d;}

/*Fonts*/
body {font-family: 'Open Sans', sans-serif;}

/*background*/
.header__car--old {background: url("../images/old_car.jpg") no-repeat center top;
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/

    -webkit-background-attachment: fixed;
    -moz-background-attachment: fixed;
    -o-background-attachment: fixed;
    background-attachment: fixed;
}
.header__car--new {background: url("../images/new_car.jpg") no-repeat center top;
    /*  -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;*/

    -webkit-background-attachment: fixed;
    -moz-background-attachment: fixed;
    -o-background-attachment: fixed;
    background-attachment: fixed;
}

.page {background: #000 url("../images/content_bg.jpg") no-repeat center bottom;
    -webkit-background-size: fixed;
    -moz-background-size: fixed;
    -o-background-size: fixed;
    background-size: fixed;
}
.social__item {background: url("../images/social_sprite.png") no-repeat left top;}


.header {position: fixed; z-index: -1; width: 100%; height: 100%; overflow: hidden;}
.header__car {height: inherit; position: absolute; z-index: 2; width: 100%; left: 0; top: 0;}
.header__car img {display: block; width: 100%; height: auto; position: absolute; bottom: 0; left: 0;}
.header__car--old {}
.header__car--new {left:100%;}

.header_foreground {display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 3;}
.header__opel {position: relative; z-index: 3;}
.header__opel img {margin: 0 auto; display: block;}

.header__text {
    width: 600px;
    height: 223px;
    position: relative;
    margin: 20px auto 15px;
    overflow: hidden;
    z-index: 4;
}
.header__text div {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
    left:0; top:0;
    background-attachment: fixed;
}
.header__text .black {
    background: url("../images/black.png") center top;
}
.header__text .white {
    background: url("../images/white.png") center top;
    opacity: 0;
}

.header__bfm {position: absolute; bottom: 50px; left: 50%;}
.header__bfm img {margin: 0 0 0 -58px;}

.header__garbage_logo {position: absolute; bottom: -42px; left: 50%;}
.header__garbage_logo img {margin: 0 0 0 -39px;}

.social {text-align: center;  padding: 0;}
.social__item {display: inline-block; width: 31px; height: 31px; margin: 0 5px;}
.social__item__facebook {background-position: 0 0;}
.social__item__twitter {background-position: -40px 0;}
.social__item__vk {background-position: -80px 0;}

.page {z-index: 100; position: relative; padding: 125px 0 150px 0;}
.page__garbage_logo {position: absolute; left: 50%; top: -39px;}
.page__garbage_logo img {margin: 0 0 0 -39px;}
.page__description {margin: 0 0 30px 0;}
.page__description img {float: left;}
.page__description p {margin: 0 0 0 150px;}

.page .page_width_1000 {width: 1000px; padding: 0;}

.page__bfm_logo {width: 116px; margin: 0 auto;}
.page__bfm_logo img {display: block;}

.blocks {font-size: 12px; line-height: 14px; text-align: center; padding: 0 0 70px 0;}
.block {width: 320px; margin: 0 0 0 20px; display: inline-block; vertical-align: top; height: 350px; text-align: left; color:#fff; text-decoration: none;}
.block:first-child {margin: 0;}
.block__image {margin: 0 0 10px 0;}
.block__image img {display: block; width: 320px;}
.block__text--title {font-size: 14px; font-weight: bold;}
.block__text--summary {display: block; margin-top: 7px;}

@media screen and (max-width: 1600px) {
    .header__car--old,
    .header__car--new {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    @media screen and (max-width: 1041px) {
        .page_width_1000 {width: 700px; box-sizing: border-box;}
        .page .page_width_1000 {width: 700px; box-sizing: border-box; padding: 0 5px;}

        .block {margin: 0 10px;}
        .block:first-child {margin: 0 10px;}
    }
    @media screen and (max-width: 1000px) {

    }
    @media screen and (max-width: 769px) {
        .header__car--old {background-image: url("../images/old_car-768.jpg");}
        .header__car--new {background-image: url("../images/new_car-768.jpg");}
        .header__car {height: 718px;}
        .header__text { display: none;}
        .social {padding: 200px 0 0 0;}
    }
}

@media screen and (max-width: 720px) {
    .page_width_1000 {width: 100%; box-sizing: border-box;}
    .page .page_width_1000 {width: 100%; box-sizing: border-box;}


    .header__garbage_logo {display: none;}
}
@media screen and (max-width: 600px) {
    .block {margin: 0;}
    .block:first-child {margin: 0;}
}
@media screen and (max-width: 480px) {
    .page__description {margin: 0 0 30px 0;}
    .page__description img {display: none;}
    .page__description p {margin: 0 20px;}
}
@media screen and (max-width: 420px) {
    .block {width: 100%; margin: 0;}
    .block:first-child {width: 100%; margin: 0;}
    .block img {width: 100%;}
}

/* mobile tablet */
.mobile .header,
.tablet .header {position: static;}
.mobile .header_foreground,
.tablet .header_foreground {display: block; position: absolute; width: 100%; top: 0;}
.mobile .header__car,
.tablet .header__car {height: 718px;}
.mobile .header__car--old,
.tablet .header__car--old {position: static; overflow: hidden; width: 100%;}
.mobile .header__car--new,
.tablet .header__car--new {left:0; opacity: 0;}

/* INNER PAGE */
.footer {background-color: #FFFFFF; clear: both; height: 66px;}
.footer .wrap {background-color: #FFFFFF;}
.footer .line {width: 100%; height: 5px; border-bottom: 2px solid #000000; margin-bottom: 14px;}
.footer .logo {float: left; width: 200px;}
.footer .license {margin-left: 200px; font-size: 14px; margin-top: 12px; background-color: white;}
body .main-container .special-news .current-article .s1 a,
body .main-container .article-news .current-article .s1 a {color: #fff;}
body .main-container .special-news .current-article .s1 a:hover,
body .main-container .article-news .current-article .s1 a:hover {text-decoration: none;}

.navigation__button {display: none;}
.navigation__button--right {display: block;}
.navigation__get_more {display: none;}