.tooltip {
    position: absolute;
    font-size: 12px;
    width: 260px;
    box-sizing: border-box;
    height: auto;
    padding: 20px;
    background-color: #eceff1;;
    border: 1px solid transparent;
    top: 35px;
    left: -15px;
    z-index: 15;
    display: none;
    line-height: 1.5;
    color: #000;
    text-align: left;
    cursor: pointer;
}
.tooltip:after {
    border: 1px solid transparent;
    margin-left: 0;
    margin-top: 25px;
    background: #eceff1;
    width: 20px;
    height: 20px;
}
.tooltip:after,.tooltip:before {
    position: absolute;
    left: 17px;
    top: -35px;
    content: '';
    display: block;
    transform: rotate(45deg) skew(15deg, 15deg);
}

.tooltip.top:before {
    border-bottom-width: 0;
    margin-top: 23px
}

.tooltip.top:after {
    border-bottom-width: 0;
    margin-top: 23px
}

.tooltip.bottom:before {
    border-bottom-color: rgba(0,0,0,.1)
}

.tooltip.top:after {
    border-top-color: #fff
}

.tooltip.top:before {
    border-top-color: rgba(0,0,0,.1)
}

.tooltip.gray {
    background-color: #ebebeb;
    box-shadow: none
}

.tooltip.gray.bottom:after {
    border-bottom-color: #ebebeb
}

.tooltip.gray.bottom:before {
    border-bottom-color: transparent
}

.tooltip.gray.top:after {
    border-top-color: #ebebeb
}

.tooltip.gray.top:before {
    border-top-color: transparent
}

.tooltip.left {
    left: -170px
}

.tooltip.left:after,.tooltip.left:before {
    left: 186px
}

.tooltip.left:after {
    margin-left: 1px
}

.tooltip .ttl {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    border-bottom: 1px solid #c8cbcc;
    padding: 5px 0 15px;
    margin-bottom: 15px!important
}

.tooltip .txt {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400
}

.tooltip .close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 10px;
    cursor: pointer
}

.tooltip .close:before {
    font-family: icomoon;
    content: '\e902';
    font-size: 12px;
    line-height: 1
}

.tooltip .icon-close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 10px;
    cursor: pointer
}

.tooltip .icon-close:before {
    font-family: icomoon;
    content: '\e902';
    font-size: 12px;
    line-height: 1
}