/*Icon*/
.icon {
    background: url(../img/icon.png) no-repeat 0 0;
    display: inline-block;
    vertical-align: middle;
}
.icon-social {
    background: url(../img/icon-social.png) no-repeat 0 0;
    display: inline-block;
    vertical-align: middle;
    height: 41px;
    width: 41px;
}
.icon-advant {
    background: url(../img/icon-advantages2.png) no-repeat 0 0;
    display: inline-block;
    vertical-align: middle;
}
.icon-bilaine {
    background: url(../img/icon-bilaine.png) no-repeat 0 0;
    display: inline-block;
    vertical-align: middle;
}
.icon-close {
    background: url(../img/svg/close.svg) no-repeat 0 0;
    display: inline-block;
    vertical-align: middle;
    height: 12px;
    width: 12px;
}
.icon-pickup {
    background: url(../img/icon-pickup2.png) no-repeat 0 0;
    display: inline-block;
    vertical-align: middle;
}
.icon-pickup.ip-own {
    background: url(/i/md-pickup.png) no-repeat 0 0;
    display: inline-block;
    vertical-align: middle;
}
.icon-download {
    background: url(../img/svg/download.svg) no-repeat 0 0;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 22px;
}
.icon-rub {
    font-family: "RoubleSN";
    font-style: normal;
}
.ic-favorite {
    background-position: 0 -21px;
    height: 26px;
    width: 30px;
}
.ic-favorite:hover,
.ic-favorite.added {
    background-position: -32px -21px;
}
.ic-cart {
    background-position: 0 -49px;
    height: 30px;
    width: 31px;
}
.ic-cart:hover {
    background-position: -32px -49px;
}
.ic-cart-time {
    background-position: 0 -269px;
    height: 27px;
    width: 27px;
}
.ic-cart-time:hover {
    background-position: -29px -269px;
}
.ic-cart-mini {
    background-position: -72px -224px;
    height: 22px;
    width: 24px;
}
.ic-cart-mini:hover {
    background-position: -48px -224px;
}
.ic-cart-in {
    background-position: -115px -269px;
    height: 28px;
    width: 34px;
}
.ic-category {
    background-position: 0 -82px;
    height: 25px;
    width: 30px;
}
.ic-compare-plus {
    background-position: 0 -298px;
    height: 25px;
    width: 22px;
}
.ic-compare-plus:hover {
    background-position: -24px -298px;
}
.ic-compare-in {
    background-position: -97px -300px;
    height: 25px;
    width: 32px;
}
.ic-marshrut {
    background-position: 0 -323px;
    height: 22px;
    width: 30px;
}
.ic-marshrut:hover {
    background-position: -32px -323px;
}
.ic-chat {
    background-position: 0 -136px;
    height: 21px;
    width: 21px;
}
.ic-menu {
    background-position: 0 0;
    height: 21px;
    width: 19px;
}
.ics-in {
    background-position: 0 0;
}
.ics-in:hover {
    background-position: -126px 0;
}
.ics-fb {
    background-position: 0 -42px;
}
.ics-fb:hover {
    background-position: -126px -42px;
}
.ics-vk {
    background-position: 0 -84px;
}
.ics-vk:hover {
    background-position: -125px -84px;
}
.ics-yt {
    background-position: 0 -126px;
}
.ics-yt:hover {
    background-position: -126px -126px;
}
.ica-pickup {
    background-position: 0 0;
    height: 32px;
    width: 26px;
}
.ica-online {
    background-position: -26px 0;
    height: 32px;
    width: 32px;
}
.ica-return {
    background-position: -59px 0;
    height: 35px;
    width: 43px;
}
.ica-delivery {
    background-position: -148px 0;
    height: 35px;
    width: 67px;
}
.ica-products {
    background-position: -102px 0;
    height: 35px;
    width: 45px;
}
.icb-zona {
    background-position: -20px 0;
    height: 22px;
    width: 22px;
}
.icb-express {
    background-position: -64px 0;
    height: 22px;
    width: 22px;
}
.icb-remont {
    background-position: 2px 0;
    height: 22px;
    width: 22px;
}
.icb-samovivoz {
    background-position: -42px 0;
    height: 22px;
    width: 22px;
}
.ip-ml {
    background-position: 0 0;
    height: 16px;
    width: 20px;
}
.ip-zz {
    background-position: -94px 0;
    height: 16px;
    width: 20px;
}
.ip-pp {
    background-position: -22px 0;
    height: 16px;
    width: 17px;
    margin: 0 0 0 2px;
}
.ip-cd {
    background-position: -40px 0;
    height: 16px;
    width: 17px;
    margin: 0 0 0 2px;
}
.ip-bb {
    background-position: -58px 0;
    height: 16px;
    width: 17px;
    margin: 0 0 0 2px;
}
.ip-kh {
	background-position: -77px 0;
	height: 23px;
	width: 18px;
}
.ip-kh {
    background-position: -78px 0;
    height: 21px;
    width: 16px;
    margin: 0 0 0 2px;
}
.ip-own {
	height: 21px;
	width: 15px;
	margin-right: 5px;
}
.ip-delovielinii {
    background-position: -95px 0;
    height: 16px;
    width: 17px;
    margin: 0 0 0 2px;
}
.ip-pek {
    background-position: -112px 0;
    height: 16px;
    width: 17px;
    margin: 0 0 0 2px;
}
.ip-zb {
    background-position: -129px 0;
    height: 16px;
    width: 17px;
    margin: 0 0 0 2px;
}
.ip-zhzldor {
    background-position: -146px 0;
    height: 16px;
    width: 17px;
    margin: 0 0 0 2px;
}
.ic-download{
	background-position:-75px -345px; height: 21px; width: 19px;
}

/*Icon Metro*/
.icon-metro-green .metro-color{
    fill: #417505;
}
.icon-metro-red .metro-color{
    fill: #EC312E;
}
.icon-metro-lightgrey .metro-color{
    fill: #ADC0E1;
}
.icon-metro-grey .metro-color{
    fill: #A1A2A4;
}
.icon-metro-lightblue .metro-color{
    fill: #1AC1F1;
}
.icon-metro-blue .metro-color{
    fill: #0879BC;
}
.icon-metro-brown .metro-color{
    fill: #884E38;
}
.icon-metro-lime .metro-color{
    fill: #B4D250;
}
.icon-metro-violet .metro-color{
    fill: #8D4A9A;
}
.icon-metro-yellow .metro-color{
    fill: #FECA45;
}
.icon-metro-orange .metro-color{
    fill: #F3823D;
}

@media(max-width: 1024px){
    .ic-chat {
        background-position: -46px -141px;
        height: 15px;
        width: 15px;
    }
    .ic-category {
        background-position: 0 -248px;
        height: 20px;
        width: 22px;
    }
    .ic-cart {
        background-position: 0 -224px;
        height: 22px;
        width: 22px;
    }
    .ic-cart:hover {
        background-position: -24px -224px;
    }
    .ic-favorite {
        background-position: 0 -203px;
        height: 19px;
        width: 22px;
    }
    .ic-favorite:hover,
    .ic-favorite.added {
        background-position: -24px -203px;
    }
    .icon-social {
        background: url(../img/icon-social.png) no-repeat 0 0 / 125px;
        height: 30px;
        width: 30px;
    }
    .ics-in {
        background-position: 0 0;
    }
    .ics-in:hover {
        background-position: -95px 0;
    }
    .ics-fb {
        background-position: 0 -32px;
    }
    .ics-fb:hover {
        background-position: -95px -32px;
    }
    .ics-vk {
        background-position: 0 -64px;
    }
    .ics-vk:hover {
        background-position: -94px -64px;
    }
    .ics-yt {
        background-position: 0 -95px;
    }
    .ics-yt:hover  {
        background-position: -95px -95px;
    }
    .icon-advant {
        background: url(../img/icon-advantages2.png) no-repeat 0 0 / 82px;
    }
    .ica-pickup {
        background-position: 0 0;
        height: 26px;
        width: 20px;
    }
    .ica-online {
        background-position: -21px 0;
        height: 26px;
        width: 26px;
    }
    .ica-return {
        background-position: -48px 0;
        height: 28px;
        width: 34px;
    }
}

@media(max-width: 640px){
    .ic-chat {
        background-position: -23px -136px;
        height: 21px;
        width: 23px;
    }
    .ica-pickup {
        background: url(../img/icon-advantages2.png) no-repeat 0 0 / 223px;
        height: 34px;
        width: 28px;
    }
    .ica-online {
        background: url(../img/icon-advantages2.png) no-repeat -24px 0 / 92px;
        height: 28px;
        width: 28px;
    }
    .ica-return {
        background: url(../img/icon-advantages2.png) no-repeat -53px 0 / 90px;
        height: 30px;
        width: 37px;
    }
	.ica-delivery {
        background: url(../img/icon-advantages2.png) no-repeat -135px 0 / 195px;
        height: 34px;
        width: 65px;
    }
	.ica-products {
        background: url(../img/icon-advantages2.png) no-repeat -99px 0 / 209px;
        height: 34px;
        width: 44px;
    }
}

.delete .icon-close {
	display: inline-block;
    vertical-align: middle;
    height: 12px;
    width: 12px;
    font-size: 12px;
    color: #9b9b9b;
    padding-right: 3px;
	background: none;
}