body, html {
    background-color: #000;
    height: 100%;
    position: relative;
}

body {
    -moz-osx-font-smoothing: grayscale;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    color: #fff;
    font: 300 16px Helvetica, Arial, sans-serif;
    margin: 0;
    overflow: hidden;
    text-align: center;
    user-select: none;
    width: 100%;
}

.mcontent {
    font-size: 28px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pl-r {
    width: 360px;
    height: 200px;
    max-width: 100%;
    border-bottom: 2px solid rgba(255,255,255,.2);
    margin: 0 auto 50px;
    background: #0a0a0a;
    position: relative;
}

.pl-r:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fe0100;
    position: absolute;
    left: 0;
    bottom: -6px;
    cursor: pointer;
}

 .ico1,.ico2,.ico3,.ico4,.ico5,.ico6,.ico7,.ico8 {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    cursor: pointer;
}

.ico1 {top: 15px; left: 11px;}

.ico2 {
    width: 25px;
    height: 25px;
    top: 17px;
    right: 100px;
}

.ico3 {top: 15px; right: 55px;}
.ico4 {top: 15px; right: 10px;}

.ico5,
.ico7 {
    width: 20px;
    height: 20px;
    top: 50%;
    left: 75%;
    margin: -10px 0 0 -10px;
}

.ico6 {
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 22px solid #fff;
    margin: -15px 0 0 -7px;
}

.ico5 {
    top: 50%;
    left: 25%;
}

.ico8 {right: 15px; bottom: 13px;}