.arrow_box_top {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #F00;
    font-color:#000;
}

.arrow_box_top:after,
.arrow_box_top:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_top:after {
    border-color: rgba(52, 70, 82, 0);
    border-bottom-color: #F00;
    border-width: 12px;
    margin-left: -12px;
}

.arrow_box_top:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #F00;
    border-width: 18px;
    margin-left: -18px;
}