/* ==========================================================================
# Unordered List Style - begin
========================================================================== */

.edgtf-unordered-list ul{
	display: block;
	margin: 0;
	padding: 0;
    list-style-type: none;

    >li{
        position: relative;
        padding-left: 21px;
	    margin-bottom: 6px;

        &:before {
            width: 15px;
            line-height: inherit;
            display: inline-block;
            position: absolute;
            left: 0;
            top: 0;
            padding: 0;
            color: $first-main-color;
            text-align: center;
            content: '\25cf';
            font-size: 10px;
        }
    }    
}
.edgtf-unordered-list.edgtf-line ul{
    
    >li:before {
        content: '-';
        font-size: inherit;
    }
}

.edgtf-unordered-list.edgtf-arrow ul{
    
    >li:before {
	    top: 1px;
        content: '\24';
        font-size: 15px;
        font-family: 'ElegantIcons';
    }
}
.edgtf-unordered-list.edgtf-animate-list ul li {
    opacity: 0;
    top: -40px;
    @include edgtfTransition(opacity 0.4s ease-in-out,
            top 0.4s ease-in-out)
}

.edgtf-unordered-list.edgtf-hover-list ul li {
	@include edgtfTransform(translateX(-21px));
	overflow: hidden;
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;

	&:before{
		@include edgtfTransform(translateX(-21px));
		-webkit-transition: -webkit-transform .2s ease-in-out;
		transition: transform .2s ease-in-out;
	}

	&:hover{
		@include edgtfTransform(translateX(0));

		&:before{
			@include edgtfTransform(translateX(0));
		}
	}
}

.edgtf-unordered-list.edgtf-animate-list.edgtf-appeared ul li,
.touch .no_animation_on_touch .edgtf-unordered-list.edgtf-animate-list  ul li{
    opacity: 1;
    top: 0;
}

/* ==========================================================================
# Unordered List Style - end
========================================================================== */
