.october-sprite {
    background: url(/Media/images/october/october-sprite.png);
    overflow: hidden;
    text-indent: -9999px;
}

.october-wrap .top-text {
    margin: 28px 0 80px;
    font: italic 20px/30px Georgia, Arial;
    position: relative;
    padding: 0;
}

    .october-wrap .top-text:after {
        content: "";
        top: 22px;
        left: 335px;
        position: absolute;
        background: url("/Media/images/may/arrow2.png") no-repeat;
        width: 78px;
        height: 76px;
        z-index: -1;
    }

    .october-wrap .top-text img {
        float: left;
        width: 319px;
        height: 224px;
        padding-right: 30px;
        padding-top: 8px;
    }

    .october-wrap .top-text .text-footer {
        border-top: 2px solid #000;
        text-align: center;
        position: relative;
        margin-top: 22px;
        padding-top: 12px;
        font: normal 14px Arial, san-serif;
    }

        .october-wrap .top-text .text-footer:after {
            content: "";
            position: absolute;
            top: -4px;
            width: 6px;
            height: 6px;
            left: 50%;
            margin-left: -3px;
            border-radius: 100%;
            background: #000;
        }

.october-wrap .map-wrapper {
    margin-bottom: 49px;
}

    .october-wrap .map-wrapper .map {
        position: relative;
        height: 532px;
    }

        .october-wrap .map-wrapper .map .soldier-icon {
            position: relative;
            width: 9px;
            height: 23px;
            z-index: 5;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAXCAYAAADZTWX7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEJDN0FCQzAwNzk1MTFFNEJFREFFMUUwQTZEMTFCOUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEJDN0FCQzEwNzk1MTFFNEJFREFFMUUwQTZEMTFCOUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4QkM3QUJCRTA3OTUxMUU0QkVEQUUxRTBBNkQxMUI5RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QkM3QUJCRjA3OTUxMUU0QkVEQUUxRTBBNkQxMUI5RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoxZq1IAAAGuSURBVHjaYvj//z8DMr4eG+2lo6H6GlkMzngbFcl3NiQk1s3C+hYzE/P/CWEhKzAUNXt57Tp16hTTtQePF3Py8v5/mZrCA5NjibUwv7rt7n21z58+sLB4uq95++aDCZegAMOG169mhGZlJQlOm/YLrDLLzuYMExPTfxYWlv/mjg7/+CUk/jOzMP13MzJ8aKdr8BTF0UBF/xgYGP8zMjL8ZwIq4uDh+u9noH+PiQEJbAkMrAQqAAJGhn9//jH8+PKN4dnHj9woJj2LjxNgBJvEBPQSA5BmBJrI/B/FpFPff5QBlQOl/0FFGBmY/jMyoJikraL+kgEozAQ1CYS5+fn+ojmc7T8D0AoGmCIge5eXdyGKIh5evt8QExjBipgYQcL/GVDd5OFlgcxnZGKGMNAjGOhWuHuSjQzPosQd3F3MzHBFr4NCxbAqMhCXOA1TBBNDcRMIhBho3EAXw1DE8J/5F8TVjLgVGbDznAPLg9yCpAhF4YWPnwxA8kxMqCb9Q1YUKio0ERhADP/QTEIBN77/SmYEm4QkhR4EPkpKD48cPdxsZWf/dJW9dS1IDCDAAOJgLgFrs99lAAAAAElFTkSuQmCC);
        }

            .october-wrap .map-wrapper .map .soldier-icon .popup-wrap {
                padding: 10px;
                position: absolute;
                bottom: 23px;
                left: 50%;
                margin-left: -102px;
                width: 205px;
                z-index: 100;
                color: #000;
                background: #fafafa;
                font-size: 11px;
                visibility: hidden;
                opacity: 0;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -ms-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s;
                box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
                -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
                -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
                -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
                -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
            }

            .october-wrap .map-wrapper .map .soldier-icon:hover .popup-wrap {
                opacity: 1;
                visibility: visible;
                bottom: 27px;
            }

            .october-wrap .map-wrapper .map .soldier-icon.position1 {
                top: 262px;
                left: 48px;
            }

            .october-wrap .map-wrapper .map .soldier-icon.position2 {
                top: 273px;
                left: 145px;
            }

            .october-wrap .map-wrapper .map .soldier-icon.position3 {
                top: 263px;
                left: 114px;
            }

            .october-wrap .map-wrapper .map .soldier-icon.position4 {
                top: 278px;
                left: 161px;
            }

        .october-wrap .map-wrapper .map .name {
            position: absolute;
            padding: 0 0 0 6px;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTkzMTc4ODcwNzhDMTFFNEI3QUZDMkE5NDU0RDZFRkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTkzMTc4ODgwNzhDMTFFNEI3QUZDMkE5NDU0RDZFRkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBOTMxNzg4NTA3OEMxMUU0QjdBRkMyQTk0NTRENkVGQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBOTMxNzg4NjA3OEMxMUU0QjdBRkMyQTk0NTRENkVGQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnUdiHsAAAARSURBVHjaYmKAASYsLIAAAwAAlgAHwhtn5AAAAABJRU5ErkJggg==);
            background-position: left 10px;
            background-repeat: no-repeat;
            z-index: 4;
            font-size: 11px;
        }

            .october-wrap .map-wrapper .map .name.position1 {
                top: 186px;
                right: 342px;
            }

            .october-wrap .map-wrapper .map .name.position2 {
                top: 325px;
                right: 133px;
            }

            .october-wrap .map-wrapper .map .name.position3 {
                top: 411px;
                right: 33px;
            }

            .october-wrap .map-wrapper .map .name.position4 {
                top: 457px;
                right: 77px;
            }

            .october-wrap .map-wrapper .map .name.position5 {
                top: 415px;
                right: 155px;
            }

            .october-wrap .map-wrapper .map .name.position6 {
                top: 443px;
                right: 197px;
            }

            .october-wrap .map-wrapper .map .name.position7 {
                top: 425px;
                right: 350px;
            }

            .october-wrap .map-wrapper .map .name.position8 {
                top: 436px;
                right: 403px;
            }

            .october-wrap .map-wrapper .map .name.position9 {
                top: 408px;
                right: 439px;
            }

            .october-wrap .map-wrapper .map .name.position10 {
                top: 320px;
                left: 340px;
            }

            .october-wrap .map-wrapper .map .name.position11 {
                top: 258px;
                left: 296px;
            }

            .october-wrap .map-wrapper .map .name.position12 {
                top: 342px;
                left: 303px;
            }

            .october-wrap .map-wrapper .map .name.position13 {
                top: 359px;
                left: 242px;
            }

            .october-wrap .map-wrapper .map .name.position14 {
                top: 400px;
                left: 252px;
            }

            .october-wrap .map-wrapper .map .name.position15 {
                top: 273px;
                left: 162px;
            }

            .october-wrap .map-wrapper .map .name.position16 {
                top: 322px;
                left: 178px;
            }

            .october-wrap .map-wrapper .map .name.position17 {
                top: 345px;
                left: 178px;
            }

            .october-wrap .map-wrapper .map .name.position18 {
                top: 311px;
                left: 128px;
            }

            .october-wrap .map-wrapper .map .name.position19 {
                top: 287px;
                left: 64px;
            }

        .october-wrap .map-wrapper .map .graph1 {
            position: absolute;
            top: 160px;
            right: 398px;
            width: 60px;
            height: 60px;
            border-radius: 100%;
            background-position: 0 0;
            z-index: 4;
        }

        .october-wrap .map-wrapper .map .graph2 {
            position: absolute;
            top: 263px;
            left: 270px;
            width: 18px;
            height: 18px;
            border-radius: 100%;
            background-position: 0 30px;
            z-index: 4;
        }

        .october-wrap .map-wrapper .map .graph3 {
            position: absolute;
            top: 319px;
            right: 201px;
            width: 26px;
            height: 26px;
            border-radius: 100%;
            background-position: -19px 30px;
            z-index: 4;
        }

        .october-wrap .map-wrapper .map .graph4 {
            position: absolute;
            top: 306px;
            left: 302px;
            width: 30px;
            height: 30px;
            border-radius: 100%;
            background-position: -46px 30px;
            z-index: 4;
        }

        .october-wrap .map-wrapper .map img {
            position: absolute;
            display: block;
            top: 24px;
            right: 0;
            z-index: 3;
        }

        .october-wrap .map-wrapper .map ul {
            display: block;
            float: left;
            margin-right: 38px;
        }

            .october-wrap .map-wrapper .map ul li {
                margin-bottom: 3px;
                color: #4a4a4a;
            }

                .october-wrap .map-wrapper .map ul li span {
                    width: 12px;
                    height: 12px;
                    float: left;
                    margin-top: 3px;
                    margin-right: 4px;
                }

                    .october-wrap .map-wrapper .map ul li span.color1 {
                        background: #9d9d9d;
                    }

                    .october-wrap .map-wrapper .map ul li span.color2 {
                        background: #c0c0c0;
                    }

                    .october-wrap .map-wrapper .map ul li span.color3 {
                        background: #e8e8e8;
                    }

                    .october-wrap .map-wrapper .map ul li span.color4 {
                        background: #1d71bf;
                    }

                    .october-wrap .map-wrapper .map ul li span.color5 {
                        background: #fbb63e;
                    }

                    .october-wrap .map-wrapper .map ul li span.color6 {
                        background: #6bad1b;
                    }

        .october-wrap .map-wrapper .map .description {
            position: absolute;
            width: 430px;
            padding: 0 0 30px 15px;
            bottom: 0;
            left: 0;
            z-index: 4;
        }

            .october-wrap .map-wrapper .map .description span {
                border-bottom: 1px dotted #33a2d0;
                color: #33a2d0;
                cursor: pointer;
            }

            .october-wrap .map-wrapper .map .description a {
                color: #33a2d0;
            }

    .october-wrap .map-wrapper .timeline {
        border-top: 5px solid #d2492a;
        border-bottom: 2px solid #d2492a;
        position: relative;
    }

        .october-wrap .map-wrapper .timeline .wrapper {
            height: 125px;
            position: relative;
            overflow: hidden;
        }

            .october-wrap .map-wrapper .timeline .wrapper .indicator {
                height: 125px;
                width: 16px;
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAB9CAYAAACrmePlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzIxNzU0MzEwNzc4MTFFNEJDMTJBNDIxRDU2QkY5MzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzIxNzU0MzIwNzc4MTFFNEJDMTJBNDIxRDU2QkY5MzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MjE3NTQyRjA3NzgxMUU0QkMxMkE0MjFENTZCRjkzNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MjE3NTQzMDA3NzgxMUU0QkMxMkE0MjFENTZCRjkzNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr5creEAAAEiSURBVHjaYvz19tX/O7khDH/ev2EgBTCysTOoTFrFwMQqJMooW9rJwMDERJIBUpnVDBxyKoxgXTwGFoyioSlEaxZw8mUQcg9mBLHh1orH5DBwaRkR1Mwuq8wglV0L58MNYGRmZpQt62Rg5uHH62+56j4GZk5uRgwDQIBNTIpRpqgFpwHSQJtB/kYWwwg5PgsnRmHfKKz+FnQNZEQXxxr0EimlDBxKGjj9jQL+//+Pgf9dS2b48fje/yv+uv8v+2n///7w9n9s6kCYEURgGHodHqUwSUZGzTlYHUBa6hk1YNSAUQNGDRg1YNSAUQNGDRg1YNSAUQNGDRg1YNSAUQNGDRg1YNSAUQNGDRg1YNSAUQNGDRg1YNSAUQNGDRhWBgAEGABGAlKuLj/vRwAAAABJRU5ErkJggg==);
                position: absolute;
                top: 0;
                left: 37px;
                z-index: 6;
            }

        .october-wrap .map-wrapper .timeline .next-btn,
        .october-wrap .map-wrapper .timeline .previous-btn {
            width: 30px;
            height: 30px;
            position: absolute;
            bottom: 50px;
            cursor: pointer;
            border-radius: 100%;
        }

        .october-wrap .map-wrapper .timeline .previous-btn {
            left: -25px;
            background-position: 61px 0;
        }

            .october-wrap .map-wrapper .timeline .previous-btn:hover {
                background-position: 61px -31px;
            }

        .october-wrap .map-wrapper .timeline .next-btn {
            right: -25px;
            background-position: 30px 0;
        }

            .october-wrap .map-wrapper .timeline .next-btn:hover {
                background-position: 30px -31px;
            }

        .october-wrap .map-wrapper .timeline .wrapper .item {
            font: 11px Arial,sans-serif;
            position: absolute;
            width: 133px;
            min-height: 31px;
            padding: 3px 0 3px 15px;
            font-weight: bold;
            border: 1px solid #c7c7c7;
            line-height: 13px;
            background: #eee;
            cursor: pointer;
            color: #888;
        }

            .october-wrap .map-wrapper .timeline .wrapper .item:hover {
                background: #fff;
                color: #000;
                z-index: 4;
                box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
                -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
                -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
                border: 1px solid #9e9e9e;
            }

                .october-wrap .map-wrapper .timeline .wrapper .item:hover .date {
                    color: #888;
                }

            .october-wrap .map-wrapper .timeline .wrapper .item.current {
                border: 1px solid #fed663;
                z-index: 1;
                background: #fff;
                color: #000;
                box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
                -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
                -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
                cursor: default;
            }

                .october-wrap .map-wrapper .timeline .wrapper .item.current .date {
                    color: #888;
                }

            .october-wrap .map-wrapper .timeline .wrapper .item .date {
                margin-bottom: 4px;
            }

            .october-wrap .map-wrapper .timeline .wrapper .item.position1 {
                top: 26px;
                left: 45px;
            }

            .october-wrap .map-wrapper .timeline .wrapper .item.position2 {
                top: 12px;
                left: 135px;
            }

            .october-wrap .map-wrapper .timeline .wrapper .item.position3 {
                top: 58px;
                left: 135px;
            }

            .october-wrap .map-wrapper .timeline .wrapper .item.position4 {
                top: 54px;
                left: 225px;
            }

            .october-wrap .map-wrapper .timeline .wrapper .item.position5 {
                top: 12px;
                left: 315px;
            }

            .october-wrap .map-wrapper .timeline .wrapper .item.position6 {
                top: 46px;
                left: 405px;
            }

            .october-wrap .map-wrapper .timeline .wrapper .item.position7 {
                top: 55px;
                right: 325px;
            }

            .october-wrap .map-wrapper .timeline .wrapper .item.position8 {
                top: 12px;
                right: 325px;
            }

            .october-wrap .map-wrapper .timeline .wrapper .item.position9 {
                top: 27px;
                right: 235px;
            }

            .october-wrap .map-wrapper .timeline .wrapper .item.position10 {
                top: 62px;
                right: 145px;
            }

            .october-wrap .map-wrapper .timeline .wrapper .item.position11 {
                top: 11px;
                right: 145px;
            }

            .october-wrap .map-wrapper .timeline .wrapper .item.position12 {
                top: 35px;
                right: 55px;
            }

            .october-wrap .map-wrapper .timeline .wrapper .item:after,
            .october-wrap .map-wrapper .timeline .wrapper .item.current:after,
            .october-wrap .map-wrapper .timeline .wrapper .item:hover:after {
                content: "";
                width: 1px;
                top: -65px;
                left: -1px;
                height: 200px;
                position: absolute;
            }

            .october-wrap .map-wrapper .timeline .wrapper .item:after {
                background: #c7c7c7;
            }

            .october-wrap .map-wrapper .timeline .wrapper .item.current:after {
                background: #fed663 !important;
            }

            .october-wrap .map-wrapper .timeline .wrapper .item:hover:after {
                background: #9e9e9e;
            }

            .october-wrap .map-wrapper .timeline .wrapper .item:hover:before,
            .october-wrap .map-wrapper .timeline .wrapper .item:before,
            .october-wrap .map-wrapper .timeline .wrapper .item.current:before {
                content: "";
                width: 5px;
                bottom: -2px;
                left: -1px;
                height: 2px;
                position: absolute;
            }

            .october-wrap .map-wrapper .timeline .wrapper .item:hover:before {
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkY1MTM4RjAwODM1MTFFNDhDN0RFQUIxNUQ3QjgwMTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkY1MTM4RjEwODM1MTFFNDhDN0RFQUIxNUQ3QjgwMTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjUxMzhFRTA4MzUxMUU0OEM3REVBQjE1RDdCODAxOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjUxMzhFRjA4MzUxMUU0OEM3REVBQjE1RDdCODAxOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg/SMAYAAAA5SURBVHjaYvwPBC9fvmS4ceMGw7179xjA4Nq1a//nzp37va2tLQsozwDCDECBWyUlJZYwARAGCDAA4conXezs8ZkAAAAASUVORK5CYII=);
            }

            .october-wrap .map-wrapper .timeline .wrapper .item:before {
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTNBMjZEMzYwODM3MTFFNEIwNjVEQTQ0MjlERjFFQkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTNBMjZEMzcwODM3MTFFNEIwNjVEQTQ0MjlERjFFQkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1M0EyNkQzNDA4MzcxMUU0QjA2NURBNDQyOURGMUVCRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1M0EyNkQzNTA4MzcxMUU0QjA2NURBNDQyOURGMUVCRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk672kAAAAA7SURBVHjaYnz9+vX/379/M7x79w6MweDOnTv/Dx48+H3lypWl////ZwBhhgMHDtydMmWKPUwAhAECDAAkwymND8p2YAAAAABJRU5ErkJggg==);
            }

            .october-wrap .map-wrapper .timeline .wrapper .item.current:before,
            .october-wrap .map-wrapper .timeline .wrapper .item.current:before:hover {
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjJGMTY3QjgwODM3MTFFNEIxMzA5NUM2NkQzRjczMUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjJGMTY3QjkwODM3MTFFNEIxMzA5NUM2NkQzRjczMUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMkYxNjdCNjA4MzcxMUU0QjEzMDk1QzY2RDNGNzMxRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMkYxNjdCNzA4MzcxMUU0QjEzMDk1QzY2RDNGNzMxRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlG+L+kAAAA6SURBVHjaYvwPBAzf7zP8f3+AgeHjUQYw+P9u7/+/V5O/39oRWgCSB2GGP1eSbu2e52kJEwBhgAADALW2JzwYyXScAAAAAElFTkSuQmCC);
            }

    .october-wrap .map-wrapper .scale {
        position: relative;
        height: 35px;
        padding: 0 20px;
        font-size: 11px;
    }

        .october-wrap .map-wrapper .scale .month {
            float: left;
            width: 50px;
            text-align: center;
            padding-top: 4px;
            background-position: top center;
            background-repeat: no-repeat;
            margin-right: 40px;
            color: #929292;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkYzRkNFMDAwODQ1MTFFNDkyMjlBRThFOTMzQTQ5NzkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkYzRkNFMDEwODQ1MTFFNDkyMjlBRThFOTMzQTQ5NzkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RjNGQ0RGRTA4NDUxMUU0OTIyOUFFOEU5MzNBNDk3OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2RjNGQ0RGRjA4NDUxMUU0OTIyOUFFOEU5MzNBNDk3OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoRALLsAAAA7SURBVHjaYrwWYfP/z8d3DMiAhV+IgUnQPYgBHQi6BjAw/v//n+H57K7/Hw5sBQsKOHgzSKaWMQIEGABViRC7N3jKQAAAAABJRU5ErkJggg==);
        }

            .october-wrap .map-wrapper .scale .month.current {
                color: #000;
            }

        .october-wrap .map-wrapper .scale .year {
            position: absolute;
            padding: 22px 0 0 5px;
            border-left: 1px solid #d3d3d3;
            top: 0;
        }

            .october-wrap .map-wrapper .scale .year.position1 {
                left: 0;
            }

            .october-wrap .map-wrapper .scale .year.position2 {
                left: 360px;
            }

            .october-wrap .map-wrapper .scale .year.position3 {
                right: 220px;
            }

.october-wrap .bottom-title {
    padding: 30px 20px;
    background: #2191c0;
    color: #fff;
    font: bold italic 19px/28px Georgia;
    text-align: center;
    border-bottom: 1px solid #d6f3ff;
    position: relative;
}

    .october-wrap .bottom-title:after {
        content: "";
        position: absolute;
        width: 11px;
        height: 6px;
        bottom: -6px;
        left: 50%;
        margin-left: -7px;
        z-index: 2;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzQ5NjJFQjkwNzUwMTFFNEEwNERCMTY4Njc1MTVBNUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzQ5NjJFQkEwNzUwMTFFNEEwNERCMTY4Njc1MTVBNUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NDk2MkVCNzA3NTAxMUU0QTA0REIxNjg2NzUxNUE1QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NDk2MkVCODA3NTAxMUU0QTA0REIxNjg2NzUxNUE1QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvYUx+kAAABLSURBVHjaYrz2+f9/73kHGQiBrUn2DExAejqIQUghSB1IcRY+DTCFIHVMUDGsGpAVghhMSHIoGtAVggAj0IPoNk8D4kx0hSAAEGAAteUdfuFoLCwAAAAASUVORK5CYII=);
    }

.october-wrap .bottom-text {
    padding: 26px 50px 29px;
    background: #93dcfb;
    font: italic 20px/30px Georgia, Arial;
    position: relative;
}

    .october-wrap .bottom-text:after {
        content: "";
        width: 78px;
        height: 76px;
        position: absolute;
        top: 44px;
        left: 155px;
        background: url("/Media/images/october/arrow.png") no-repeat;
    }

    .october-wrap .bottom-text .text-wrap {
        padding-bottom: 17px;
        border-bottom: 1px solid #51b7e3;
        position: relative;
        z-index: 2;
    }

        .october-wrap .bottom-text .text-wrap img {
            float: left;
            padding-right: 30px;
            padding-top: 7px;
            display: block;
        }

    .october-wrap .bottom-text .text-footer {
        border-top: 1px solid #c2edff;
        font: normal 14px Arial, san-serif;
        color: #6f7070;
        font-style: italic;
        padding-top: 18px;
        line-height: 21px;
    }