.promo-blocks-template-5 {
    position: relative;
}

.promo-blocks-template-5 .blocks-title {
    text-align: center;
    font-size: 35px;
}

.promo-blocks-template-5 .promo-blocks {
    position: relative;
    margin: 40px 0;
    text-align: center;
}

.promo-blocks-template-5 .promo-block {
    position: relative;
    width: 33%;
    display: inline-block;
    margin: 0 0 100px 0;
}

.promo-blocks-template-5 .block-logo-wrapper {
    position: relative;
    box-sizing: border-box;
    width: 330px;
    height: 330px;
    margin: 0 auto;
    display: block;
}

.promo-blocks-template-5 .block-logo {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    display: block;
    border-radius: 100%;
}

.promo-blocks-template-5 .block-logo-wrapper:before {
    content: '';
    position: absolute;
    background: #2196F3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    z-index: -1;
    opacity: 1;
    transition: all 0ms;
}

.promo-blocks-template-5 .block-logo-wrapper:hover:before {
    content: '';
    position: absolute;
    top: -60px;
    left: -60px;
    padding: 60px;
    opacity: 0;
    transition: all 1s cubic-bezier(0, 0, 0, 1.21);
}

.promo-blocks-template-5 .block-description {
    display: table;
    position: absolute;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}

.promo-blocks-template-5 .block-description .description-inner {
    vertical-align: middle;
    position: relative;
    display: table-cell;
    text-align: center;
    color: #fff;
    padding: 20px;
    font-size: 16px;
}

.promo-blocks-template-5 .block-title {
    position: relative;
    text-align: center;
    background: white;
    width: 250px;
    height: 250px;
    border-radius: 100%;
    margin: -80px auto 0 auto;
    display: block;
}

.promo-blocks-template-5 .block-title:before {
    content: '';
    border-radius: 50%;
    position: absolute;
    top: 25px;
    left: 25px;
    bottom: 25px;
    right: 25px;
    margin: 0 auto;
    border-top: 1px solid #ffd072;
    border-left: 1px solid #ffd072;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.promo-blocks-template-5 .title-text-wrapper {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.promo-blocks-template-5 .title-text {
    display: table-cell;
    vertical-align: middle;
    line-height: 28px;
    font-size: 17px;
    word-break: break-all;
    padding: 0px 40px 0px 40px;
    color: #333;
}

.promo-blocks-template-5 .block-url {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}