/* =============== icons SIZES =============== */

.ico-20px, .ico-25px, .ico-30px, .ico-35px, .ico-50px, .ico-70px {
    position: relative;
    overflow: hidden;
}
.ico-20px img, .ico-25px img, .ico-30px img, .ico-35px img, .ico-50px img, .ico-70px img {
    position: absolute;
}

.ico-20px {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
}
.ico-20px img {
    width: 240px;
}

.ico-25px {
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
}
.ico-25px img {
    width: 300px;
}

.ico-30px {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
}
.ico-30px img {
    width: 360px;
}

.ico-35px {
    width: 35px;
    height: 35px;
    min-width: 35px;
    min-height: 35px;
}
.ico-35px img {
    width: 420px;
}

.ico-50px {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
}
.ico-50px img {
    width: 600px;
}

.ico-70px {
    width: 70px;
    height: 70px;
    min-width: 70px;
    min-height: 70px;
}
.ico-70px img {
    width: 840px;
}



/* =============== icons CLASSES =============== */

/* ----- 1 LINE ----- */
.icoArrow {
    left: 0;
    top: 0;
}
.icoArrowS {
    left: -100%;
    top: 0;
}
.icoAutor {
    left: -200%;
    top: 0;
}
.icoAutorS {
    left: -300%;
    top: 0;
}
.icoAutori {
    left: -400%;
    top: 0;
}
.icoAutoriS {
    left: -500%;
    top: 0;
}
.icobatoh {
    left: -600%;
    top: 0;
}
.icobatohS {
    left: -700%;
    top: 0;
}
.icobike {
    left: -800%;
    top: 0;
}
.icobikeS {
    left: -900%;
    top: 0;
}
.icoBody {
    left: -1000%;
    top: 0;
}
.icoBodyS {
    left: -1100%;
    top: 0;
}

/* ----- 2 LINE ----- */
.icoCheck {
    left: 0;
    top: -100%;
}
.icoCheckS {
    left: -100%;
    top: -100%;
}
.icoCil {
    left: -200%;
    top: -100%;
}
.icoCilS {
    left: -300%;
    top: -100%;
}
.icoComment {
    left: -400%;
    top: -100%;
}
.icoCommentS {
    left: -500%;
    top: -100%;
}
.icoCross {
    left: -600%;
    top: -100%;
}
.icoCrossS {
    left: -700%;
    top: -100%;
}
.icoDelka {
    left: -800%;
    top: -100%;
}
.icoDelkaS {
    left: -900%;
    top: -100%;
}
.icoDest {
    left: -1000%;
    top: -100%;
}
.icoDestS {
    left: -1100%;
    top: -100%;
}

/* ----- 3 LINE ----- */
.icoFeedback {
    left: 0;
    top: -100%;
}
.icoFeedbackS {
    left: -100%;
    top: -200%;
}
.icoMenuHrave {
    left: -200%;
    top: -200%;
}
.icoMenuHrave-active {
    left: -300%;
    top: -200%;
}
.icoHraveS {
    left: -400%;
    top: -200%;
}
.icoJasno {
    left: -500%;
    top: -200%;
}
.icoJasnoS {
    left: -600%;
    top: -200%;
}
.icojidlo {
    left: -700%;
    top: -200%;
}
.icojidloS {
    left: -800%;
    top: -200%;
}
.icoJidlo2 {
    left: -900%;
    top: -200%;
}
.icoJidlo2S {
    left: -1000%;
    top: -200%;
}
.icoJidlo3 {
    left: -1100%;
    top: -200%;
}

/* ----- 4 LINE ----- */
.icoJidlo3S {
    left: 0;
    top: -300%;
}
.icoMenuKam {
    left: -100%;
    top: -300%;
}
.icoMenuKam-active {
    left: -200%;
    top: -300%;
}
.icoKamS {
    left: -300%;
    top: -300%;
}
.icoMenuKdy {
    left: -400%;
    top: -300%;
}
.icoMenuKdy-active {
    left: -500%;
    top: -300%;
}
.icoKdyS {
    left: -600%;
    top: -300%;
}
.icoKdy2 {
    left: -700%;
    top: -300%;
}
.icoKdy2S {
    left: -800%;
    top: -300%;
}
.icoKdy3 {
    left: -900%;
    top: -300%;
}
.icoKdy3S {
    left: -1000%;
    top: -300%;
}
.icoKos {
    left: -1100%;
    top: -300%;
}

/* ----- 5 LINE ----- */
.icoKosS {
    left: 0;
    top: -400%;
}
.icoLabuz {
    left: -100%;
    top: -400%;
}
.icoLabuzS {
    left: -200%;
    top: -400%;
}
.icoLoader {
    left: -300%;
    top: -400%;
}
.icoLoaderS {
    left: -400%;
    top: -400%;
}
.icoLogOut {
    left: -500%;
    top: -400%;
}
.icoLogOutS {
    left: -600%;
    top: -400%;
}
.icoLogOutS2 {
    left: -700%;
    top: -400%;
}
.icoMail {
    left: -800%;
    top: -400%;
}
.icoMailS {
    left: -900%;
    top: -400%;
}
.icoMapa {
    left: -1000%;
    top: -400%;
}
.icoMapaS {
    left: -1100%;
    top: -400%;
}

/* ----- 6 LINE ----- */
.icoMapa2 {
    left: 0;
    top: -500%;
}
.icoMapa2S {
    left: -100%;
    top: -500%;
}
.icoMenu {
    left: -200%;
    top: -500%;
}
.icoMenuDrop {
    left: -300%;
    top: -500%;
}
.icoMenuDropS {
    left: -400%;
    top: -500%;
}
.icoMenuSkym {
    left: -500%;
    top: -500%;
}
.icoMenuSkym-active {
    left: -600%;
    top: -500%;
}
.icoSkymS {
    left: -700%;
    top: -500%;
}
.icoMisto {
    left: -800%;
    top: -500%;
}
.icoMistoS {
    left: -900%;
    top: -500%;
}
.icoNapsat {
    left: -1000%;
    top: -500%;
}
.icoNapsatS {
    left: -1100%;
    top: -500%;
}

/* ----- 7 LINE ----- */
.icoparta {
    left: 0;
    top: -600%;
}
.icopartaS {
    left: -100%;
    top: -600%;
}
.icoPause {
    left: -200%;
    top: -600%;
}
.icoPauseS {
    left: -300%;
    top: -600%;
}
.icoPlayS {
    left: -400%;
    top: -600%;
}
.icoPohar {
    left: -500%;
    top: -600%;
}
.icoPoharS {
    left: -600%;
    top: -600%;
}
.icoPolojasno {
    left: -700%;
    top: -600%;
}
.icoPolojasnoS {
    left: -800%;
    top: -600%;
}
.icoPulse {
    left: -900%;
    top: -600%;
}
.icoPulseS {
    left: -1000%;
    top: -600%;
}
.icoRateS {
    left: -1100%;
    top: -600%;
}

/* ----- 8 LINE ----- */
.icoRegisr {
    left: 0;
    top: -700%;
}
.icoRegisrS {
    left: -100%;
    top: -700%;
}
.icofamily {
    left: -200%;
    top: -700%;
}
.icofamilyS {
    left: -300%;
    top: -700%;
}
.icoSearchS {
    left: -400%;
    top: -700%;
}
.icoSett {
    left: -500%;
    top: -700%;
}
.icoSettS {
    left: -600%;
    top: -700%;
}
.icoShare {
    left: -700%;
    top: -700%;
}
.icoShareS {
    left: -800%;
    top: -700%;
}
.icoSki {
    left: -900%;
    top: -700%;
}
.icoSkiS {
    left: -1000%;
    top: -700%;
}
.icoSnehy {
    left: -1100%;
    top: -700%;
}

/* ----- 9 LINE ----- */
.icoSnehyS {
    left: 0;
    top: -800%;
}
.icoStahnout {
    left: -100%;
    top: -800%;
}
.icoStahnoutS {
    left: -200%;
    top: -800%;
}
.icoStat {
    left: -300%;
    top: -800%;
}
.icoStatS {
    left: -400%;
    top: -800%;
}
.icoswimm {
    left: -500%;
    top: -800%;
}
.icoswimmS {
    left: -600%;
    top: -800%;
}
.icoSwimm2 {
    left: -700%;
    top: -800%;
}
.icoSwimm2S {
    left: -800%;
    top: -800%;
}
.icoSwimm3 {
    left: -900%;
    top: -800%;
}
.icoSwimm3S {
    left: -1000%;
    top: -800%;
}
.icoSwipe {
    left: -1100%;
    top: -800%;
}

/* ----- 10 LINE ----- */
.icoSwipeS {
    left: 0;
    top: -900%;
}
.icoSwitchDest {
    left: -100%;
    top: -900%;
}
.icoSwitchDestS {
    left: -200%;
    top: -900%;
}
.icoTelS {
    left: -300%;
    top: -900%;
}
.icoTip {
    left: -400%;
    top: -900%;
}
.icoTipS {
    left: -500%;
    top: -900%;
}
.icoTrvani {
    left: -600%;
    top: -900%;
}
.icoTrvaniS {
    left: -700%;
    top: -900%;
}
.icoUzivat {
    left: -800%;
    top: -900%;
}
.icoUzivatS {
    left: -900%;
    top: -900%;
}
.icoVlak {
    left: -1000%;
    top: -900%;
}
.icoVlakS {
    left: -1100%;
    top: -900%;
}

/* ----- 11 LINE ----- */
.icovlakofanda {
    left: 0;
    top: -1000%;
}
.icovlakofandaS {
    left: -100%;
    top: -1000%;
}
.icoVyber {
    left: -200%;
    top: -1000%;
}
.icoVyberS {
    left: -300%;
    top: -1000%;
}
.icoVylet {
    left: -400%;
    top: -1000%;
}
.icoVyletS {
    left: -500%;
    top: -1000%;
}
.icoZastavka {
    left: -600%;
    top: -1000%;
}
.icoZastavkaS {
    left: -700%;
    top: -1000%;
}
.icoZatazeno {
    left: -800%;
    top: -1000%;
}
.icoZatazenoS {
    left: -900%;
    top: -1000%;
}
.icoZpet {
    left: -1000%;
    top: -1000%;
}
.icoZpetS {
    left: -1100%;
    top: -1000%;
}

.icoZpet2 {
    left: 0;
    top: -1100%;
}
.icoZpet2S {
    left: -100%;
    top: -1100%;
}
.icoSearch {
    left: -200%;
    top: -1100%;
}