/* Описание спрайтов */ .sprite-plane-grey-15x15 { position: relative; padding-left: 17px !important; white-space: nowrap;} .sprite-plane-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) 0px 0px no-repeat; left: 0px; top: 1px;} .sprite-heart-grey-15x15 { position: relative; padding-left: 17px !important; white-space: nowrap;} .sprite-heart-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) 0px -15px no-repeat; left: 0px; top: 1px;} .sprite-foto-grey-15x15 { position: relative; padding-left: 17px !important; white-space: nowrap;} .sprite-foto-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) 0px -45px no-repeat; left: 0px; top: 1px;} .sprite-koment-grey-15x15 { position: relative; padding-left: 17px !important; white-space: nowrap;} .sprite-koment-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) 0px -30px no-repeat; left: 0px; top: 1px;} .sprite-date-grey-15x15 { position: relative; padding-left: 17px !important; white-space: nowrap;} .sprite-date-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) 0px -45px no-repeat; left: 0px; top: 1px;} .sprite-vision-grey-15x15 { position: relative; padding-left: 17px !important; white-space: nowrap;} .sprite-vision-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) 0px -75px no-repeat; left: 0px; top: 1px;} .sprite-plane-white-15x15 { position: relative; padding-left: 17px !important; white-space: nowrap; color: #fff;} .sprite-plane-white-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -15px 0px no-repeat; left: 0px; top: 1px;} .sprite-heart-white-15x15 { position: relative; padding-left: 17px !important; white-space: nowrap; color: #fff;} .sprite-heart-white-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -15px -15px no-repeat; left: 0px; top: 1px;} .sprite-koment-white-15x15 { position: relative; padding-left: 17px !important; white-space: nowrap; color: #fff;} .sprite-koment-white-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -15px -30px no-repeat; left: 0px; top: 1px;} .sprite-date-white-15x15 { position: relative; padding-left: 17px !important; white-space: nowrap; color: #fff;} .sprite-date-white-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -15px -45px no-repeat; left: 0px; top: 1px;} .sprite-vision-white-15x15 { position: relative; padding-left: 17px !important; white-space: nowrap; color: #fff;} .sprite-vision-white-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -15px -75px no-repeat; left: 0px; top: 1px;} .sprite-status-u { position: relative; padding-left: 17px !important; white-space: nowrap;} .sprite-status-u:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) 0px -60px no-repeat; left: 0px; top: 1px;} .sprite-status-u_a { position: relative; padding-left: 17px !important; white-space: nowrap;} .sprite-status-u_a:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -15px -60px no-repeat; left: 0px; top: 1px;} .sprite-status-a { position: relative; padding-left: 17px !important; white-space: nowrap;} .sprite-status-a:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -30px -60px no-repeat; left: 0px; top: 1px;} .sprite-status-a_a { position: relative; padding-left: 17px !important; white-space: nowrap;} .sprite-status-a_a:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -45px -60px no-repeat; left: 0px; top: 1px;} .sprite-status-g { position: relative; padding-left: 17px !important; white-space: nowrap;} .sprite-status-g:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -60px -60px no-repeat; left: 0px; top: 1px;} .sprite-status-g_a { position: relative; padding-left: 17px !important; white-space: nowrap;} .sprite-status-g_a:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -75px -60px no-repeat; left: 0px; top: 1px;} .sprite-status-d { position: relative; padding-left: 17px !important; white-space: nowrap;} .sprite-status-d:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -90px -60px no-repeat; left: 0px; top: 1px;} .sprite-status-d_a { position: relative; padding-left: 17px !important; white-space: nowrap;} .sprite-status-d_a:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -105px -60px no-repeat; left: 0px; top: 1px;} .sprite-status-c { position: relative; padding-left: 17px !important; white-space: nowrap;} .sprite-status-c:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -120px -60px no-repeat; left: 0px; top: 1px;} .sprite-status-c_a { position: relative; padding-left: 17px !important; white-space: nowrap;} .sprite-status-c_a:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -135px -60px no-repeat; left: 0px; top: 1px;} .sprite-status-user { position: relative; padding-left: 17px !important; white-space: nowrap;} .sprite-info-grey-20x20 { position: relative; padding-left: 25px !important; white-space: nowrap; color: #fff;} .sprite-info-grey-20x20:before { content:''; position: absolute; width: 20px; height: 20px; background: url(../images/sprite.png) 0px -470px no-repeat; left: 0px; top: 0px;} .sprite-target-grey-20x20 { position: relative; padding-left: 25px !important; white-space: nowrap; color: #fff;} .sprite-target-grey-20x20:before { content:''; position: absolute; width: 20px; height: 20px; background: url(../images/sprite.png) 0px -210px no-repeat; left: 0px; top: 0px;} .sprite-point-grey-20x20 { position: relative; padding-left: 25px !important; white-space: nowrap; color: #fff;} .sprite-point-grey-20x20:before { content:''; position: absolute; width: 20px; height: 20px; background: url(../images/sprite.png) 0px -230px no-repeat; left: 0px; top: 0px;} .sprite-bed-grey-20x20 { position: relative; padding-left: 25px !important; white-space: nowrap; color: #fff;} .sprite-bed-grey-20x20:before { content:''; position: absolute; width: 20px; height: 20px; background: url(../images/sprite.png) 0px -250px no-repeat; left: 0px; top: 0px;} .sprite-bus-grey-20x20 { position: relative; padding-left: 25px !important; white-space: nowrap; color: #fff;} .sprite-bus-grey-20x20:before { content:''; position: absolute; width: 20px; height: 20px; background: url(../images/sprite.png) 0px -270px no-repeat; left: 0px; top: 0px;} .sprite-plane-grey-20x20 { position: relative; padding-left: 25px !important; white-space: nowrap; color: #fff;} .sprite-plane-grey-20x20:before { content:''; position: absolute; width: 20px; height: 20px; background: url(../images/sprite.png) 0px -290px no-repeat; left: 0px; top: 0px;} .sprite-map-grey-20x20 { position: relative; padding-left: 25px !important; white-space: nowrap; color: #fff;} .sprite-map-grey-20x20:before { content:''; position: absolute; width: 20px; height: 20px; background: url(../images/sprite.png) 0px -310px no-repeat; left: 0px; top: 0px;} .sprite-otziv-grey-20x20 { position: relative; padding-left: 25px !important; white-space: nowrap; color: #fff;} .sprite-otziv-grey-20x20:before { content:''; position: absolute; width: 20px; height: 20px; background: url(../images/sprite.png) 0px -330px no-repeat; left: 0px; top: 0px;} .sprite-koment-grey-20x20 { position: relative; padding-left: 25px !important; white-space: nowrap; color: #fff;} .sprite-koment-grey-20x20:before { content:''; position: absolute; width: 20px; height: 20px; background: url(../images/sprite.png) 0px -350px no-repeat; left: 0px; top: 0px;} .sprite-bookmark-grey-20x20 { position: relative; padding-left: 25px !important; white-space: nowrap; color: #fff;} .sprite-bookmark-grey-20x20:before { content:''; position: absolute; width: 20px; height: 20px; background: url(../images/sprite.png) 0px -370px no-repeat; left: 0px; top: 0px;} .sprite-user-grey-20x20 { position: relative; padding-left: 25px !important; white-space: nowrap; color: #fff;} .sprite-user-grey-20x20:before { content:''; position: absolute; width: 20px; height: 20px; background: url(../images/sprite.png) 0px -390px no-repeat; left: 0px; top: 0px;} .sprite-people-grey-20x20 { position: relative; padding-left: 25px !important; white-space: nowrap; color: #fff;} .sprite-people-grey-20x20:before { content:''; position: absolute; width: 20px; height: 20px; background: url(../images/sprite.png) 0px -410px no-repeat; left: 0px; top: 0px;} .sprite-foto-grey-20x20 { position: relative; padding-left: 25px !important; white-space: nowrap; color: #fff;} .sprite-foto-grey-20x20:before { content:''; position: absolute; width: 20px; height: 20px; background: url(../images/sprite.png) 0px -430px no-repeat; left: 0px; top: 0px;} .sprite-video-grey-20x20 { position: relative; padding-left: 25px !important; white-space: nowrap; color: #fff;} .sprite-video-grey-20x20:before { content:''; position: absolute; width: 20px; height: 20px; background: url(../images/sprite.png) 0px -450px no-repeat; left: 0px; top: 0px;} /* Иконки из меню залогиненного пользователя */ .sprite-user-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-user-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) 0px -150px no-repeat; left: 0px; top: 1px;} .sprite-mail-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-mail-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -15px -150px no-repeat; left: 0px; top: 1px;} .sprite-text-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-text-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -30px -150px no-repeat; left: 0px; top: 1px;} .sprite-star-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-star-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -45px -150px no-repeat; left: 0px; top: 1px;} .sprite-otziv-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-otziv-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -60px -150px no-repeat; left: 0px; top: 1px;} .sprite-folder-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-folder-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -75px -150px no-repeat; left: 0px; top: 1px;} .sprite-banner-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-banner-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -90px -150px no-repeat; left: 0px; top: 1px;} .sprite-plus-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-plus-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -105px -150px no-repeat; left: 0px; top: 1px;} .sprite-plus-green-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-plus-green-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -105px -210px no-repeat; left: 0px; top: 1px;} .sprite-tool-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-tool-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -120px -150px no-repeat; left: 0px; top: 1px;} .sprite-quest-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-quest-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -135px -150px no-repeat; left: 0px; top: 1px;} .sprite-vkl-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-vkl-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -150px -150px no-repeat; left: 0px; top: 1px;} .sprite-friends-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-friends-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -165px -150px no-repeat; left: 0px; top: 1px;} .sprite-faq-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-faq-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -180px -150px no-repeat; left: 0px; top: 1px;} .sprite-faq-red-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-faq-red-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -180px -165px no-repeat; left: 0px; top: 1px;} .sprite-map-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-map-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -195px -150px no-repeat; left: 0px; top: 1px;} .sprite-bonus-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-bonus-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -210px -150px no-repeat; left: 0px; top: 1px;} .sprite-close-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-close-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -240px -150px no-repeat; left: 0px; top: 1px;} .sprite-open-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-open-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -255px -150px no-repeat; left: 0px; top: 1px;} .sprite-money-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-money-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -270px -150px no-repeat; left: 0px; top: 1px;} .sprite-invoices-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-invoices-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -225px -150px no-repeat; left: 0px; top: 1px;} .sprite-orders-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-orders-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) 0px -180px no-repeat; left: 0px; top: 1px;} .sprite-account-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-account-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -15px -180px no-repeat; left: 0px; top: 1px;} .sprite-link-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-link-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -30px -180px no-repeat; left: 0px; top: 1px;} .sprite-globus-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-globus-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -195px -149px no-repeat; left: 0px; top: 1px;} .sprite-rating-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-rating-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -45px -180px no-repeat; left: 0px; top: 1px;} .sprite-mod-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-mod-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -75px -180px no-repeat; left: 0px; top: 1px;} .sprite-mod-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-mod-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -255px -150px no-repeat; left: 0px; top: 1px;} .sprite-panel-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-panel-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -60px -180px no-repeat; left: 0px; top: 1px;} .sprite-minus-grey-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-minus-grey-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -105px -180px no-repeat; left: 0px; top: 1px;} .sprite-minus-red-15x15 { padding-left: 17px; position: relative; white-space: nowrap;} .sprite-minus-red-15x15:before { content:''; position: absolute; width: 15px; height: 15px; background: url(../images/sprite.png) -105px -195px no-repeat; left: 0px; top: 1px;} .sprite-soc-rss-15x15, .sprite-soc-fb-15x15, .sprite-soc-tw-15x15, .sprite-soc-vk-15x15, .sprite-soc-in-15x15, .sprite-soc-ok-15x15, .sprite-soc-ya-15x15 { padding-left: 22px; position: relative; white-space: nowrap; } .sprite-soc-rss-15x15 i, .sprite-soc-fb-15x15 i, .sprite-soc-tw-15x15 i, .sprite-soc-vk-15x15 i, .sprite-soc-in-15x15 i, .sprite-soc-ok-15x15 i, .sprite-soc-ya-15x15 i { position:absolute; width:15px; height:15px; background:#B3B3B3; left:0px; top:1px; } .sprite-soc-rss-15x15 i:before, .sprite-soc-fb-15x15 i:before, .sprite-soc-tw-15x15 i:before, .sprite-soc-vk-15x15 i:before, .sprite-soc-in-15x15 i:before, .sprite-soc-ok-15x15 i:before, .sprite-soc-ya-15x15 i:before { content:''; position:absolute; width:15px; height:15px; left:0px; top:0px; background:url(../images/spritenext.svg) 0 0 no-repeat; background-size:240px 960px; border-radius:1px; } .sprite-soc-rss-15x15 i:before { background-position:-150px -30px; } .sprite-soc-fb-15x15 i:before { background-position:-75px -30px; } .sprite-soc-tw-15x15 i:before { background-position:-105px -30px; } .sprite-soc-vk-15x15 i:before { background-position:-120px -30px; } .sprite-soc-in-15x15 i:before { background-position:-135px -30px; } .sprite-soc-ok-15x15 i:before { background-position:-165px -30px; } .sprite-soc-ya-15x15 i:before { background-position:-210px -0px; } .sprite-ordenlenina-grey-15x25 { padding-left: 17px; position: relative; white-space: nowrap; } .sprite-ordenlenina-grey-15x25:before { content:''; position: absolute; width: 15px; height: 25px; background: url(../images/sprite.png) -225px -76px no-repeat; left: 0px; top: 1px;} .sprite-ordenlenina-white-15x25 { padding-left: 17px; position: relative; white-space: nowrap; } .sprite-ordenlenina-white-15x25:before { content:''; position: absolute; width: 15px; height: 25px; background: url(../images/sprite.png) -240px -76px no-repeat; left: 0px; top: 1px;} /* СПРАЙТ SVG / ТЕСТ .sprite50 { background:url(../../images/spritenext.svg) 0 0 no-repeat; background-size:800px 3200px; } .sprite45 { background:url(../../images/spritenext.svg) 0 0 no-repeat; background-size:720px 2880px; } .sprite40 { background:url(../../images/spritenext.svg) 0 0 no-repeat; background-size:640px 2560px; } .sprite35 { background:url(../../images/spritenext.svg) 0 0 no-repeat; background-size:560px 2240px; } .sprite30 { background:url(../../images/spritenext.svg) 0 0 no-repeat; background-size:480px 1920px; } .sprite25 { background:url(../../images/spritenext.svg) 0 0 no-repeat; background-size:400px 1600px; } .sprite20 { background:url(../../images/spritenext.svg) 0 0 no-repeat; background-size:320px 1280px; } .sprite15 { background:url(../../images/spritenext.svg) 0 0 no-repeat; background-size:240px 960px; } .sprite12 { background:url(../../images/spritenext.svg) 0 0 no-repeat; background-size:192px 768px; } */ /*12x12*/ .svg-user-grey-12x12 { position: relative; padding-left: 17px !important; white-space: nowrap;} .svg-user-grey-12x12:before { content:''; position: absolute; width: 12px; height: 12px; left:0px; top:1px; background: url(../images/spritenext.svg) -24px -120px no-repeat; background-size:192px 768px; } .svg-date-grey-12x12 { position: relative; padding-left: 17px !important; white-space: nowrap;} .svg-date-grey-12x12:before { content:''; position:absolute; width:12px; height:12px; left:0; top:1px; background: url(../images/spritenext.svg) 0 -204px no-repeat; background-size:192px 768px; } .svg-place-grey-12x12 { position: relative; padding-left: 17px !important; white-space: nowrap;} .svg-place-grey-12x12:before { content:''; position:absolute; width:12px; height:12px; left:0; top:1px; background: url(../images/spritenext.svg) -12px -300px no-repeat; background-size:192px 768px; } .svg-plane-grey-12x12 { position: relative; padding-left: 17px !important; white-space: nowrap;} .svg-plane-grey-12x12:before { content:''; position:absolute; width:12px; height:12px; left:0; top:1px; background: url(../images/spritenext.svg) 0 -216px no-repeat; background-size:192px 768px; } .svg-viewings-grey-12x12 { position: relative; padding-left: 17px !important; white-space: nowrap;} .svg-viewings-grey-12x12:before { content:''; position:absolute; width:12px; height:12px; left:0; top:1px; background: url(../images/spritenext.svg) -48px -192px no-repeat; background-size:192px 768px; } .svg-comments-grey-12x12 { position: relative; padding-left: 17px !important; white-space: nowrap;} .svg-comments-grey-12x12:before { content:''; position:absolute; width:12px; height:12px; left:0; top:1px; background: url(../images/spritenext.svg) 0 -252px no-repeat; background-size:192px 768px; } .svg-heart-grey-12x12, .svg-heart-red-12x12 { position: relative; padding-left: 17px !important; white-space: nowrap;} .svg-heart-grey-12x12:before, .svg-heart-red-12x12:before { content:''; position:absolute; width:12px; height:12px; left:0; top:1px; background: url(../images/spritenext.svg) -108px -84px no-repeat; background-size:192px 768px; } .svg-heart-red-12x12:before { background-position: -132px -84px; } /*15x15*/ .svg-user-grey-15x15, .svg-date-grey-15x15, .svg-place-grey-15x15, .svg-plane-grey-15x15, .svg-viewings-grey-15x15, .svg-comments-grey-15x15, .svg-heart-grey-15x15, .svg-heart-red-15x15, .svg-slider-grey-15x15, .svg-photo-grey-15x15, .svg-ex-photo-grey-15x15, .svg-settings-grey-15x15, .svg-settings-red-15x15, .svg-sort-grey-15x15, .svg-sort-red-15x15, .svg-delete-grey-15x15, .svg-upload-grey-15x15, .svg-upload-red-15x15 { position:relative; padding-left:21px!important; white-space:nowrap; } .svg-user-grey-15x15:before, .svg-date-grey-15x15:before, .svg-place-grey-15x15:before, .svg-plane-grey-15x15:before, .svg-viewings-grey-15x15:before, .svg-comments-grey-15x15:before, .svg-heart-grey-15x15:before, .svg-heart-red-15x15:before, .svg-slider-grey-15x15:before, .svg-photo-grey-15x15:before, .svg-ex-photo-grey-15x15:before, .svg-settings-grey-15x15:before, .svg-settings-red-15x15:before, .svg-sort-grey-15x15:before, .svg-sort-red-15x15:before, .svg-delete-grey-15x15:before, .svg-upload-grey-15x15:before, .svg-upload-red-15x15:before { content:''; position:absolute; width:15px; height:15px; left:0; top:1px; background-image:url(../images/spritenext.svg); background-repeat:no-repeat; background-size:240px 960px; } .svg-user-grey-15x15:before { background-position:-30px -150px; } .svg-date-grey-15x15:before { background-position:0 -255px; } .svg-place-grey-15x15:before { background-position:-15px -375px; } .svg-plane-grey-15x15:before { background-position:0 -270px; } .svg-viewings-grey-15x15:before { background-position:-60px -240px; } .svg-comments-grey-15x15:before { background-position:0 -300px; } .svg-heart-grey-15x15:before { background-position:-135px -105px; } .svg-heart-red-15x15:before { background-position: -165px -105px; } .svg-slider-grey-15x15:before { background-position:-30px -465px; } .svg-photo-grey-15x15:before { background-position:-90px -345px; } .svg-ex-photo-grey-15x15:before { background-position:-90px -375px; } .svg-settings-grey-15x15:before { background-position:-90px -480px; } .svg-settings-red-15x15:before { background-position:-105px -480px; } .svg-sort-grey-15x15:before { background-position:-15px -120px; } .svg-sort-red-15x15:before { background-position:-15px -105px; } .svg-delete-grey-15x15:before { background-position:-180px -270px; } .svg-upload-grey-15x15:before { background-position:-135px -75px; } .svg-upload-red-15x15:before { background-position:-150px -75px; } /*20x20*/ .svg-photos-red-20x20 { position:relative; padding-left:26px!important; white-space:nowrap; } .svg-photos-red-20x20:before { content:''; position:absolute; width:20px; height:20px; left:0; top:-1px; background-image:url(../images/spritenext.svg); background-repeat:no-repeat; background-size:320px 1280px; background-position:-100px -380px; }