.facebook-iocn-before:before{
    content: '';
    mask: url("../images/svg/facebook.svg") no-repeat;
    -webkit-mask: url("../images/svg/facebook.svg") no-repeat;
    display: block;
}

.twitter-iocn-before:before {
    content: '';
    mask: url("../images/svg/twitter.svg") no-repeat;
    -webkit-mask: url("../images/svg/twitter.svg") no-repeat;
    display: block;
}

/*.slick-list:after{
    content: '';
    mask: url("../images/svg/arrow-down.svg") no-repeat;
    -webkit-mask: url("../images/svg/arrow-down.svg") no-repeat;
    display: block;
    width: 30px;
    height: 28px;
    background: #4c4d4e;
    position: absolute;
    bottom: 66px;
    transform: translate(50%, 0%);
    left: 52%;
}*/

.mail-icon-mapping-popup{
    mask: url("../images/svg/email.svg") no-repeat;
    -webkit-mask: url("../images/svg/email.svg") no-repeat;
    background-color: #a27e29;
    width: 24px;
    height: 24px;
}

.phone-icon-mapping-popup{
    mask: url("../images/svg/mobil.svg") no-repeat;
    -webkit-mask: url("../images/svg/mobil.svg") no-repeat;
    background-color: #a27e29;
    width: 24px;
    height: 24px;
}

.edit-icon-before:before {
    content: '';
    mask: url("../images/svg/edit.svg") no-repeat;
    -webkit-mask: url("../images/svg/edit.svg") no-repeat;
}

.shopping-cart-icon:before{
    content: '';
    mask: url("../images/svg/shopping-cart.svg") no-repeat;
    -webkit-mask: url("../images/svg/shopping-cart.svg") no-repeat;
    display: block;
}

.tooltip-icon-after:after{
    content: '';
    mask: url("../images/svg/info.svg") no-repeat;
    -webkit-mask: url("../images/svg/info.svg") no-repeat;
    display: inline-block;
}

.tooltip-icon-i{
    mask: url("../images/svg/info.svg") no-repeat;
    -webkit-mask: url("../images/svg/info.svg") no-repeat;
    display: block;
}

.cancel-icon-before:before{
    content: '';
    mask: url("../images/svg/facebook.svg") no-repeat;
    -webkit-mask: url("../images/svg/facebook.svg") no-repeat;
    display: block;
}

.user-icon-before:before{
    content: '';
    mask: url("../images/svg/user.svg") no-repeat;
    -webkit-mask: url("../images/svg/user.svg") no-repeat;
    display: inline-block;
    background-color: #df3136;
    width: 20px;
    height: 20px;
}


.pdf-icon-before:before {
    content: '';
    mask: url("../images/svg/pdf.svg") no-repeat;
    -webkit-mask: url("../images/svg/pdf.svg") no-repeat;
}

.duplicate-icon-before:before{
    content: '';
    mask: url("../images/svg/duplicate.svg") no-repeat;
    -webkit-mask: url("../images/svg/duplicate.svg") no-repeat;
    display: block;
}

.download-icon-before:before{
    content: '';
    mask: url("../images/svg/download.svg") no-repeat;
    -webkit-mask: url("../images/svg/download.svg") no-repeat;
    display: block;
}

.delete-icon-before:before,
.cart.table-wrapper .actions-toolbar > .action-delete:before{
    content: '';
    mask: url("../images/svg/delete.svg") no-repeat;
    -webkit-mask: url("../images/svg/delete.svg") no-repeat;
    display: block;
}


.close-icon-before:before {
    content: '';
    mask: url("../images/svg/close.svg") no-repeat;
    -webkit-mask: url("../images/svg/close.svg") no-repeat;
}
.close-icon-before:before{
    content: '';
    mask: url("../images/svg/close.svg") no-repeat;
    -webkit-mask: url("../images/svg/close.svg") no-repeat;
    display: block;
}

.agent-icon-before:before{
    content: '';
    mask: url("../images/svg/agent.svg") no-repeat;
    -webkit-mask: url("../images/svg/agent.svg") no-repeat;
    display: inline-block;
    background-color: #df3136;
    width: 20px;
    height: 20px;
}

.depozit-icon-before:before{
    content: '';
    mask: url("../images/svg/depozit.svg") no-repeat;
    -webkit-mask: url("../images/svg/depozit.svg") no-repeat;
    display: inline-block;
    background-color: #df3136;
    width: 20px;
    height: 20px;
}

.card-icon-before:before{
    content: '';
    mask: url("../images/svg/card.svg") no-repeat;
    -webkit-mask: url("../images/svg/card.svg") no-repeat;
    display: inline-block;
    background-color: #df3136;
    width: 20px;
    height: 20px;
}

.percentage-icon-before:before{
    content: '';
    mask: url("../images/svg/percentage.svg") no-repeat;
    -webkit-mask: url("../images/svg/percentage.svg") no-repeat;
    display: inline-block;
    background-color: #df3136;
    width: 20px;
    height: 20px;
}

.pages .action.next:before{
    content: '';
    mask: url("../images/svg/right-arrow.svg") no-repeat;
    -webkit-mask: url("../images/svg/right-arrow.svg") no-repeat;
    display: block;
}

.pages .action.previous:before{
    content: '';
    mask: url("../images/svg/left-arrow.svg") no-repeat;
    -webkit-mask: url("../images/svg/left-arrow.svg") no-repeat;
    display: block;
}

.menu-icon-header:before{
    content: '';
    mask: url("../images/svg/menu.svg") no-repeat;
    -webkit-mask: url("../images/svg/menu.svg") no-repeat;
    display: inline-block;
}

.reoder-icon-before:before{
    content: '';
    mask: url("../images/svg/reorder.svg") no-repeat;
    -webkit-mask: url("../images/svg/reorder.svg") no-repeat;
    display: inline-block;
}

.print-icon-before:before{
    content: '';
    mask: url("../images/svg/print.svg") no-repeat;
    -webkit-mask: url("../images/svg/print.svg") no-repeat;
    display: inline-block;
}

#my-orders-table_previous:before{
    content: '';
    mask: url("../images/svg/left-arrow.svg") no-repeat;
    -webkit-mask: url("../images/svg/left-arrow.svg") no-repeat;
    display: inline-block;
    width: 11px;
    height: 11px;
    background: #4c4d4e;
}

#my-orders-table_next:before{
    content: '';
    mask: url("../images/svg/left-arrow.svg") no-repeat;
    -webkit-mask: url("../images/svg/left-arrow.svg") no-repeat;
    display: inline-block;
    width: 11px;
    height: 11px;
    background: #4c4d4e;
    transform: rotate(180deg);
}

.registration-success-befroe:before{
    content: '';
    background-image: url("../images/registration-success.png");
    background-repeat: repeat;
    display: block;
    width: 49px;
    height: 49px;
    margin: 0 auto 10px;
}

ul.ui-menu.ui-widget li.level0 a span.menu-arrow-icon:before{
    content: '';
    mask: url("../images/svg/down-arrow.svg") no-repeat;
    -webkit-mask: url("../images/svg/down-arrow.svg") no-repeat;
    background-repeat: repeat;
    display: inline-block;
    width: 17px;
    height: 17px;
    background-color: #a27e29;
    margin-right: 10px;
}

ul.ui-menu.ui-widget li.level0 span.menu-arrow-icon:before{
    content: '';
    mask: url("../images/svg/up-arrow.svg") no-repeat;
    -webkit-mask: url("../images/svg/up-arrow.svg") no-repeat;
    background-repeat: repeat;
    display: inline-block;
    width: 17px;
    height: 17px;
    top: 7px;
    position: relative;
    background-color: #fff;
    margin-right: 10px;
}

#back_top:before{
    content: '';
    mask: url("../images/svg/up-arrow.svg") no-repeat;
    -webkit-mask: url("../images/svg/up-arrow.svg") no-repeat;
    background-repeat: repeat;
    display: block;
    width: 22px;
    height: 22px;
    background-color: #fff;
    margin: auto;
    top: 10px;
    position: relative;
}


ul.ui-menu.ui-widget li.level0 span.menu-arrow-icon.expanded:before{
    content: '';
    mask: url("../images/svg/down-arrow.svg") no-repeat;
    -webkit-mask: url("../images/svg/down-arrow.svg") no-repeat;
    background-repeat: repeat;
    display: inline-block;
    width: 17px;
    height: 17px;
    top: 7px;
    position: relative;
    background-color: #fff;
    margin-right: 10px;
}

ul.ui-menu.ui-widget li.level0:hover a span.menu-arrow-icon:before{
    content: '';
    mask: url("../images/svg/up-arrow.svg") no-repeat;
    -webkit-mask: url("../images/svg/up-arrow.svg") no-repeat;
    background-repeat: repeat;
    display: inline-block;
}

#checkout-step-billing .delagation-section .buttons-section .fileWrapp .remove-file:after {
    content: '';
    background: #df3136;
    mask: url("../images/svg/delete_file.svg") no-repeat;
    mask-size: contain;
    -webkit-mask: url("../images/svg/delete_file.svg") no-repeat;
    -webkit-mask-size: contain;
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px;
    margin-left: 8px;
}