/* Qode Section */

.qode-int-icon-showcase {
    width: 90%;
    height: 0;
    padding-top: 90%;
    position: relative;
    margin: 0 auto;
}

.qode-int-icon-showcase .qode-int-icon-showcase-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 100px);
    height: calc(100% - 100px);
    margin: 50px;
    z-index: 1;
}

.qode-showcase-icon .qode-icon-holder {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
}

.qode-showcase-icon .qode-icon-holder.qode-icon-circle .qode-icon-element {
    color: #91c63b;
}

.qode-showcase-icon {
    position: absolute;
    z-index: 10;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-transform: translate(-50%, -50%) scale(1.01);
    -moz-transform: translate(-50%, -50%) scale(1.01);
    transform: translate(-50%, -50%) scale(1.01)
}

.qode-showcase-item-holder .qode-showcase-icon {
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .2s ease, top .5s cubic-bezier(.18, .89, .32, 1), left .5s cubic-bezier(.18, .89, .32, 1), -webkit-transform .5s ease;
    transition: opacity .2s ease, top .5s cubic-bezier(.18, .89, .32, 1), left .5s cubic-bezier(.18, .89, .32, 1), transform .5s ease
}

.qode-int-icon-showcase.qode-appeared .qode-showcase-item-holder .qode-showcase-icon,
.touchevents .no_animation_on_touch .qode-int-icon-showcase .qode-showcase-item-holder .qode-showcase-icon {
    opacity: 1
}

.qode-int-icon-showcase.qode-appeared .qode-showcase-item-holder:first-child .qode-showcase-icon,
.touchevents .no_animation_on_touch .qode-int-icon-showcase .qode-showcase-item-holder:first-child .qode-showcase-icon {
    top: 0;
    left: 50%;
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

.qode-int-icon-showcase.qode-appeared .qode-showcase-item-holder:nth-child(2) .qode-showcase-icon,
.touchevents .no_animation_on_touch .qode-int-icon-showcase .qode-showcase-item-holder:nth-child(2) .qode-showcase-icon {
    top: 14.6%;
    left: 85.4%;
    -webkit-transition-delay: .85s;
    transition-delay: .85s
}

.qode-int-icon-showcase.qode-appeared .qode-showcase-item-holder:nth-child(3) .qode-showcase-icon,
.touchevents .no_animation_on_touch .qode-int-icon-showcase .qode-showcase-item-holder:nth-child(3) .qode-showcase-icon {
    top: 50%;
    left: 100%;
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s
}

.qode-int-icon-showcase.qode-appeared .qode-showcase-item-holder:nth-child(4) .qode-showcase-icon,
.touchevents .no_animation_on_touch .qode-int-icon-showcase .qode-showcase-item-holder:nth-child(4) .qode-showcase-icon {
    top: 85.4%;
    left: 85.4%;
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s
}

.qode-int-icon-showcase.qode-appeared .qode-showcase-item-holder:nth-child(5) .qode-showcase-icon,
.touchevents .no_animation_on_touch .qode-int-icon-showcase .qode-showcase-item-holder:nth-child(5) .qode-showcase-icon {
    top: 100%;
    left: 50%;
    -webkit-transition-delay: 1.45s;
    transition-delay: 1.45s
}

.qode-int-icon-showcase.qode-appeared .qode-showcase-item-holder:nth-child(6) .qode-showcase-icon,
.touchevents .no_animation_on_touch .qode-int-icon-showcase .qode-showcase-item-holder:nth-child(6) .qode-showcase-icon {
    top: 85.4%;
    left: 14.6%;
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s
}

.qode-int-icon-showcase.qode-appeared .qode-showcase-item-holder:nth-child(7) .qode-showcase-icon,
.touchevents .no_animation_on_touch .qode-int-icon-showcase .qode-showcase-item-holder:nth-child(7) .qode-showcase-icon {
    top: 50%;
    left: 0;
    -webkit-transition-delay: 1.85s;
    transition-delay: 1.85s
}

.qode-int-icon-showcase.qode-appeared .qode-showcase-item-holder:nth-child(8) .qode-showcase-icon,
.touchevents .no_animation_on_touch .qode-int-icon-showcase .qode-showcase-item-holder:nth-child(8) .qode-showcase-icon {
    top: 14.6%;
    left: 14.6%;
    -webkit-transition-delay: 2.05s;
    transition-delay: 2.05s
}

.qode-showcase-icon .qode-icon-holder.qode-icon-circle {
    background-color: #fff;
}

.qode-icon-holder {
    display: inline-block;
    vertical-align: middle
}

.qode-icon-holder.qode-icon-circle,
.qode-icon-holder.qode-icon-square {
    background-color: #1abc9c;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    -webkit-transition: background-color .8s cubic-bezier(.19, .65, .02, .93), border-color .8s cubic-bezier(.19, .65, .02, .93);
    -moz-transition: background-color .8s cubic-bezier(.19, .65, .02, .93), border-color .8s cubic-bezier(.19, .65, .02, .93);
    transition: background-color .8s cubic-bezier(.19, .65, .02, .93), border-color .8s cubic-bezier(.19, .65, .02, .93)
}

.qode-icon-holder.qode-icon-circle a,
.qode-icon-holder.qode-icon-square a {
    display: inline-block;
    width: 100%;
    height: 100%
}

.qode-icon-holder.qode-icon-circle {
    border-radius: 50%
}

.qode-icon-holder.qode-icon-tiny {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.qode-icon-holder.qode-icon-small {
    font-size: 2em
}

.qode-icon-holder.qode-icon-medium {
    font-size: 3em
}

.qode-icon-holder.qode-icon-large {
    font-size: 4em
}

.qode-icon-holder.qode-icon-huge {
    font-size: 5em
}

.qode-icon-holder .qode-icon-element {
    line-height: inherit;
    color: #fff;
    -webkit-transition: color .8s cubic-bezier(.19, .65, .02, .93);
    -moz-transition: color .8s cubic-bezier(.19, .65, .02, .93);
    transition: color .8s cubic-bezier(.19, .65, .02, .93)
}

.qode-icon-holder .qode-icon-element:before {
    line-height: inherit
}

.qode-int-icon-showcase .qode-showcase-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    text-align: center;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.qode-int-icon-showcase .qode-showcase-content .qode-section-subtitle {
    text-transform: capitalize
}

.qode-int-icon-showcase .qode-showcase-content-table {
    display: table;
    height: 100%;
    width: 100%;
    table-layout: fixed
}

.qode-int-icon-showcase .qode-showcase-content-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20%
}

.qode-int-icon-showcase .qode-showcase-content-table {
    display: table;
    height: 100%;
    width: 100%;
    table-layout: fixed;
}

.qode-int-icon-showcase .qode-showcase-content-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20%;
}

.qode-info-card .qode-info-card-text,
.qode-int-icon-showcase .qode-showcase-content .qode-showcase-content-inner {
    margin-top: 18px;
}

.qode-int-icon-showcase .qode-int-icon-circle {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 100px);
    height: calc(100% - 100px);
    margin: 50px;
    background-color: transparent;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .85s cubic-bezier(.18, .89, .32, 1.28);
    -moz-transition: all .85s cubic-bezier(.18, .89, .32, 1.28);
    transition: all .85s cubic-bezier(.18, .89, .32, 1.28);
    -webkit-transform: scale(.1, .1);
    -moz-transform: scale(.1, .1);
    transform: scale(.1, .1)
}

.qode-int-icon-showcase.qode-appeared .qode-int-icon-circle {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
}

.qode-showcase-item-holder.qode-showcase-active .qode-showcase-content {
    opacity: 1
}



.qode-showcase-item-holder.qode-showcase-active .qode-icon-holder.qode-icon-circle {
    background-color: #91c63b !important;
}

.qode-showcase-item-holder.qode-showcase-active .qode-icon-holder.qode-icon-circle .qode-icon-element {
    color: #fff
}