/* CSS Reset*/
html { margin:0;padding:0;border:0; }
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section, video {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; list-style: none; }

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

div, video {
    display: block;
    margin: 0 auto;
}

body {
    background-color: #1c1d1f;
    color: #fff;
}

.main-container {
    width: 1920px;
    position: relative;
}

.section {
    position: relative;
}

.section .page {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: top center;
    z-index: 5;
}

.section-1 { height: 3161px; }
.section-1 .page { background: url("img/img-1.2.png") no-repeat; }

.section-2 { height: 1051px; }
.section-2 .page { background: url("img/img-2.png") no-repeat; }

.section-3 { height: 696px; }
.section-3 .page { background: url("img/img-3.png") no-repeat; }

.slider {
    position: relative;
    width: 1202px;
    top: 330px;
}

.map {
    width: 645px;
    height: 100%;
    z-index: 6;
    position: absolute;
    top: -160px;
    left: 380px;
}