.iconc{
    text-align:center;
    overflow: hidden;
}

/* ----------------- COMMON : buttonc Class -------------------------- */
.buttonc:before {
    display: block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    /* font-size: 48px;
     line-height: 90px;*/
}

.buttonc:after {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    border-radius: 50% 50% 50% 50%;
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%;
}

.buttonc {
    border-radius: 50% 50% 50% 50%;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    /*color: #FFFFFF;
    height: 90px;
    width: 90px; */
    margin: 15px 30px;
    position: relative;
    text-align: center;

    z-index: 1;
}
/* ----------------- Effect : 1 Class -------------------------- */

.osc-effect-1, .osc-effect-2{
    /*background: rgba(255,255,255,0.1);*/
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
    text-decoration: none !important;
}

.osc-effect-1:after, .osc-effect-2:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    /*box-shadow: 0 0 0 4px #fff;*/
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}

.no-touch .osc-effect-1:hover {
    /*background: rgba(255,255,255,1);*/
    /*color: #41ab6b;*/
}

.no-touch .osc-effect-1:hover:after, .no-touch .osc-effect-2:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* ----------------- Effect : 2 Class -------------------------- */

.no-touch .osc-effect-2:hover {
    /*background: rgba(255,255,255,1);*/
   /* color: #41ab6b;*/
}

.osc-effect-2:after {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

/* ----------------- Effect : 3 Class -------------------------- */

.osc-effect-3 ,.osc-effect-4 {
    /*color: #eea303;*/
    /*box-shadow: 0 0 0 3px #fff;*/
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    text-decoration: none !important;
}

.osc-effect-3:after, .osc-effect-4:after {
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    /*background: #fff;*/
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}

.no-touch .osc-effect-3:hover {
    /*color: #eea303;*/
}

.no-touch .osc-effect-3:hover:after {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}

/* ----------------- Effect : 4 Class -------------------------- */

.no-touch .osc-effect-4:hover:after {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
    -moz-transition: -moz-transform 0.4s, opacity 0.2s;
    transition: transform 0.4s, opacity 0.2s;
}

.no-touch .osc-effect-4:hover {
    /*color: #fff;*/
}
/* ----------------- Effect : 5 Class -------------------------- */

.osc-effect-5, .osc-effect-6 {
    /*box-shadow: 0 0 0 4px #fff;*/
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    text-decoration: none !important;
}

.osc-effect-5:after, .osc-effect-6:after {
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    /*background: #fff;*/
    -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
    -moz-transition: -moz-transform 0.2s, opacity 0.3s;
    transition: transform 0.2s, opacity 0.3s;
}

.osc-effect-5{
    /*color: #f06060;*/
}

.no-touch .osc-effect-5:hover {
    /*color: #fff;*/
}

.no-touch .osc-effect-5:hover:after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
}

/* ----------------- Effect : 6 Class -------------------------- */

.osc-effect-6 {
    color: #fff;
}

.no-touch .osc-effect-6:hover {
    color: #f06060;
}

.osc-effect-6:after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
}

.no-touch .osc-effect-6:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* ----------------- Effect : 7 Class -------------------------- */
.osc-effect-7,.osc-effect-8{
    /*width: 92px;*/
    /*height: 92px;*/
    /*box-shadow: 0 0 0 4px rgba(255,255,255,1);*/
    text-decoration: none !important;
}

.osc-effect-7 {
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

.osc-effect-7:before,.osc-effect-8:before {
    /*line-height: 92px;*/
}

.osc-effect-7:after ,.osc-effect-8:after{
    top: -4px;
    left: -4px;
    padding: 0;
    z-index: 10;
    /*border: 4px dashed #fff;*/
}

.no-touch .osc-effect-7:hover, .no-touch .osc-effect-8:hover {
    /*box-shadow: 0 0 0 0 rgba(255,255,255,0);*/
    /*color: #fff;*/
}
/* ----------------- Effect : 8 Class -------------------------- */

.no-touch .osc-effect-8:hover {
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

.no-touch .osc-effect-8:hover:after {
    -webkit-animation: spinAround 9s linear infinite;
    -moz-animation: spinAround 9s linear infinite;
    animation: spinAround 9s linear infinite;
}

@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
    }
}

/* ----------------- Effect : 9 Class -------------------------- */

.osc-effect-9 {
    /*box-shadow: 0 0 0 4px rgba(255,255,255,1);*/
    overflow: hidden;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    text-decoration: none !important;
}

.osc-effect-9:after {
    display: none;
}

.no-touch .osc-effect-9:hover {
    background: rgba(255,255,255,1);
    color: #702fa8;
    box-shadow: 0 0 0 8px rgba(255,255,255,0.3);
}

.no-touch .osc-effect-9:hover:before {
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toRightFromLeft {
    49% {
        transform: translate(100%);
    }
    50% {
        opacity: 0;
        transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}


/* ----------------- Effect : 10 Class -------------------------- */
.osc-effect-10, .osc-effect-11, .osc-effect-12,
.osc-effect-13, .osc-effect-14, .osc-effect-15,
.osc-effect-16, .osc-effect-17, .osc-effect-18{
    text-decoration: none !important;
}
.no-touch .osc-effect-10:hover:before {
    -webkit-animation: toLeftFromRight 0.3s forwards;
    -moz-animation: toLeftFromRight 0.3s forwards;
    animation: toLeftFromRight 0.3s forwards;
}

@-webkit-keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toLeftFromRight {
    49% {
        -moz-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toLeftFromRight {
    49% {
        transform: translate(-100%);
    }
    50% {
        opacity: 0;
        transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}


/* ----------------- Effect : 11 Class -------------------------- */

.no-touch .osc-effect-11:hover:before {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;

}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

/* ----------------- Effect : 12 Class -------------------------- */

.no-touch .osc-effect-12:hover:before {
    -webkit-animation: toBottomFromTop 0.3s forwards;
    -moz-animation: toBottomFromTop 0.3s forwards;
    animation: toBottomFromTop 0.3s forwards;
}

@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toBottomFromTop {
    49% {
        -moz-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toBottomFromTop {
    49% {
        transform: translateY(100%);
    }
    50% {
        opacity: 0;
        transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}

/* ----------------- Effect : 13 Class -------------------------- */

.osc-effect-13 {
    /*box-shadow: 0 0 0 4px rgba(255,255,255,1);*/
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
    text-decoration: none !important;
}

.no-touch .osc-effect-13:hover {
    /*background: rgba(255,255,255,1);*/
    /*color: #64bb5d;*/
}

.no-touch .osc-effect-13:hover:before {
    -webkit-animation: spinAround 2s linear infinite;
    -moz-animation: spinAround 2s linear infinite;
    animation: spinAround 2s linear infinite;
}


/* ----------------- Effect : 14 Class -------------------------- */

.osc-effect-14:after, .osc-effect-15:after {
    top: -8px;
    left: -8px;
    padding: 8px;
    z-index: -1;
    opacity: 0;
}

.osc-effect-14, .osc-effect-15 {
    box-shadow: 0 0 0 4px rgba(255,255,255,1);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}


.osc-effect-14:after {
    /*box-shadow: 0 0 0 rgba(255,255,255,1);*/
    -webkit-transition: opacity 0.2s, box-shadow 0.2s;
    -moz-transition: opacity 0.2s, box-shadow 0.2s;
    transition: opacity 0.2s, box-shadow 0.2s;
}

.no-touch .osc-effect-14:hover:after {
    opacity: 1;
    /*box-shadow: 3px 3px 0 rgba(255,255,255,1);*/
}

.osc-effect-14:before {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.7;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}

.no-touch .osc-effect-14:hover:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* ----------------- Effect : 15 Class -------------------------- */

.osc-effect-15:after {
    /*box-shadow: 3px 3px rgba(255,255,255,1);*/
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    -moz-transition: opacity 0.2s, -moz-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
}

.no-touch .osc-effect-15:hover:after {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.osc-effect-15:before {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.7;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}

.no-touch .osc-effect-15:hover:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* ----------------- Effect : 16 Class -------------------------- */

.osc-effect-16 {
    /*background: rgba(255,255,255,0.1);*/
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
}

.osc-effect-16:after {
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    /*box-shadow: 0 0 2px rgba(255,255,255,0.1);*/
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.no-touch .osc-effect-16:hover {
    /*background: rgba(255,255,255,0.05);*/
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
    /*color: #fff;*/
}

.osc-effect-16:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
}

/*@-webkit-keyframes 		sonarEffect {*/
    /*0% {*/
        /*opacity: 0.3;*/
    /*}*/
    /*40% {*/
        /*opacity: 0.5;*/
        /*box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);*/
    /*}*/
    /*100% {*/
        /*box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);*/
        /*-webkit-transform: scale(1.5);*/
        /*opacity: 0;*/
    /*}*/
/*}*/
/*@-moz-keyframes sonarEffect {*/
    /*0% {*/
        /*opacity: 0.3;*/
    /*}*/
    /*40% {*/
        /*opacity: 0.5;*/
        /*box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);*/
    /*}*/
    /*100% {*/
        /*box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);*/
        /*-moz-transform: scale(1.5);*/
        /*opacity: 0;*/
    /*}*/
/*}*/
/*@keyframes sonarEffect {*/
    /*0% {*/
        /*opacity: 0.3;*/
    /*}*/
    /*40% {*/
        /*opacity: 0.5;*/
        /*box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);*/
    /*}*/
    /*100% {*/
        /*box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);*/
        /*transform: scale(1.5);*/
        /*opacity: 0;*/
    /*}*/
/*}*/

/* ----------------- Effect : 17 Class -------------------------- */

.osc-effect-17, .osc-effect-18 {
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

.osc-effect-17:after, .osc-effect-18:after {
    top: 0;
    left: 0;
    padding: 0;
    /*box-shadow: 0 0 0 3px #fff;*/
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}

/* Effect 9a */
.no-touch .osc-effect-17:hover:after {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0.5;
}

.no-touch .osc-effect-17:hover {
    /*box-shadow: 0 0 0 10px rgba(255,255,255,1);*/
    /*color: #fff;*/
}

/* ----------------- Effect : 18 Class -------------------------- */

.no-touch .osc-effect-18:hover:after {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}

.no-touch .osc-effect-18:hover {
    /*box-shadow: 0 0 0 10px rgba(255,255,255,0.4);
    color: #fff;*/
}

ul.osc-eif-front-icon-ul {
    list-style: none outside none;
}

ul.osc-eif-front-icon-ul .eif-mem-icon {
    float: left;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    margin: 15px;
    font-size: 25px;
}