#cloud {
    background:url('../img/img_clouds.png') no-repeat;
    background-size: cover;
    width: 400px;
    height: 400px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
}
.cloud {
    background:url('../img/img_clouds.png') no-repeat;
    background-position-x: center
}
#call {
    background:url('../img/ico_set.png'), no-repeat;
    background-position: 120px 2px;
    display: block;
    text-indent: -9999px;
    width: 62px;
    height: 62px;
}

#shop {
    background:url('../img/ico_set.png'), no-repeat;
    background-position: 480px 0px;

}

#cart {
    background:url('../img/ico_set.png'), no-repeat;
    background-position: 420px 0px;
}

#landing {
    background:url('../img/ico_set.png'), no-repeat;
    background-position: 360px 0px;
}

#crm {
    background:url('../img/ico_set.png'), no-repeat;
    background-position: 300px 0px;
}

#warehouse {
    background:url('../img/ico_set.png'), no-repeat;
    background-position: 240px 0px;
}

#delivery {
    background:url('../img/ico_set.png'), no-repeat;
    background-position: 180px 0px;
}


#other {
    background:url('../img/ico_set.png'), no-repeat;
    background-position: 480px 60px;
    margin: auto;
    left: 0;
    right: 0;
}

#auto {
}

#integrated {
    /* background:url('../img/ico_set.png'), no-repeat; */
    background-position: 360px 60px;
}

#data {
    /* background:url('../img/ico_set.png'), no-repeat; */
    background-position: 300px 60px;
}

#adress {
    background:url('../img/ico_set.png'), no-repeat;
    background-position: 240px 60px;
}

#mail {
    background:url('../img/ico_set.png'), no-repeat;
    background-position: 180px 60px;
}

#phone {
    background:url('../img/ico_set.png'), no-repeat;
    background-position: 120px 60px;
}

#close {
    background:url('../img/ico_set.png'), no-repeat;
    background-position: 60px 0px;
    display: block;
    text-indent: -9999px;
    width: 60px;
    height: 60px;
}

#white {
    background:url('../img/porezka_09-12.png'), no-repeat;
    background-position: 80px 80px;
    display: block;
    text-indent: -9999px;
    width: 80px;
    height: 80px;
    position: absolute;
}

.line {
    height: 1px;
    border-bottom: 1px solid #ffffff;
    position: absolute;
    padding-top:34px;
}

.line1 {
    width: 50%;
    height: 1px;
    border-bottom: 1px solid #ffffff;
    margin-left:25%;
}

.line2 {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #293642;
    position: absolute;
    padding-top:34px;
}

.line3 {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #189dd8;
}

.line4 {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #EFEFEF;
}

.line-footer {
    width: 100%;
    top:233.5px;
    height: 1px;
    border-bottom: 1px solid #ffffff;
    position: absolute;
    padding-top:34px;
}

#circle {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    background: #ffffff;
    margin: 0 auto;
}

.circle2 {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    background: #ffffff;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
}

.circle3 {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    background: #293642;
    margin: 0 auto;
}

.circle4 {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    background: #ffffff;
    margin: 0 auto;
}


#triangle-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #ffffff;
    border-bottom: 10px solid transparent;
    position: absolute;
    margin-top: 25px;
    margin-left: 65px;
}

#triangle-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #ffffff;
    border-bottom: 10px solid transparent;
    position: absolute;
    margin-top: 25px;
    margin-left: -5px;
}

#triangle-right2 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #293642;
    border-bottom: 10px solid transparent;
    position: absolute;
    margin-top: 25px;
    margin-left: 65px;
}

#triangle-left2 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #293642;
    border-bottom: 10px solid transparent;
    position: absolute;
    margin-top: 25px;
    margin-left: -5px;
}

#test {
    width: 200px;
    height: 50px;
    background: black;
    border:1px solid black;
}

/*warehouse*/
#strij {
    background:url('../img/warehouse.png'), no-repeat;
    background-position: 0px 0px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#freshlogic {
    background:url('../img/warehouse.png'), no-repeat;
    background-position: 0px 50px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#moysklad {
    background:url('../img/warehouse.png'), no-repeat;
    background-position: 0px 100px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#ones {
    background:url('../img/warehouse.png'), no-repeat;
    background-position: 0px 150px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#storeandcash {
    background:url('../img/warehouse.png'), no-repeat;
    background-position: 0px 200px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

/* CRM */

#leadvertex {
    background:url('../img/crm.png'), no-repeat;
    background-position: 0px 0px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#retailcrm {
    background:url('../img/crm.png'), no-repeat;
    background-position: 0px 50px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#busness365 {
    background:url('../img/crm.png'), no-repeat;
    background-position: 0px 100px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#salesap {
    background:url('../img/crm.png'), no-repeat;
    background-position: 0px 150px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#lptracker {
    background:url('../img/crm.png'), no-repeat;
    background-position: 0px 200px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}
#freshoffice {
    background:url('../img/crm.png'), no-repeat;
    background-position: 0px 250px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#eautopay {
    background:url('../img/crm.png'), no-repeat;
    background-position: 0px 300px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#amocrm {
    background:url('../img/crm.png'), no-repeat;
    background-position: 0px 350px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#clientbase {
    background:url('../img/crm.png'), no-repeat;
    background-position: 0px 400px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

/* CMS */

#wix {
    background:url('../img/cms.png'), no-repeat;
    background-position: 0px 0px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#shopscript {
    background:url('../img/cms.png'), no-repeat;
    background-position: 0px 50px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#opencart {
    background:url('../img/cms.png'), no-repeat;
    background-position: 0px 100px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#lpgenerator {
    background:url('../img/cms.png'), no-repeat;
    background-position: 0px 150px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#onesbitrix {
    background:url('../img/cms.png'), no-repeat;
    background-position: 0px 200px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}
#flexbe {
    background:url('../img/cms.png'), no-repeat;
    background-position: 0px 250px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#bloxy {
    background:url('../img/cms.png'), no-repeat;
    background-position: 0px 300px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#insales {
    background:url('../img/cms.png'), no-repeat;
    background-position: 0px 350px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#advantshop {
    background:url('../img/cms.png'), no-repeat;
    background-position: 0px 400px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#drupal {
    background:url('../img/cms.png'), no-repeat;
    background-position: 0px 450px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#moguta {
    background:url('../img/cms.png'), no-repeat;
    background-position: 0px 500px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

/* Delivery */

#yandexdelivery {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 0px 0px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#pek {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 0px 50px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#grastin {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 0px 100px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#peshkariki {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 0px 150px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#russianpost {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 0px 200px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}
#redexpresss {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 0px 250px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#shiptor {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 0px 300px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#migpoint {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 0px 350px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#ddelivery {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 0px 400px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#delline {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 0px 450px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#cdek {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 0px 500px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#axiomus {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 0px 550px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#spsr {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 0px 600px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#inpost {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 200px 0px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#getparcel {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 200px 50px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#dpd {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 200px 100px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#shoplogistic {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 200px 150px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#strij2 {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 200px 200px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}
#dostavista {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 200px 250px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#iml {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 200px 300px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#b2cpl {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 200px 350px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#dalli {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 200px 400px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#fourbiz {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 200px 450px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#getrix {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 200px 500px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#boxberry {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 200px 550px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#corierist {
    background:url('../img/delivery.png'), no-repeat;
    background-position: 200px 600px;
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 50px;
}

#visa {
    background:url('../img/cards.png'), no-repeat;
    background-position: 0px 0px;
    display: block;
    text-indent: -9999px;
    width: 91px;
    height: 63px;
}

#mir {
    background:url('../img/cards.png'), no-repeat;
    background-position: 91px 0px;
    display: block;
    text-indent: -9999px;
    width: 94px;
    height: 63px;
}

#mastercard {
    background:url('../img/cards.png'), no-repeat;
    background-position: 167px 0px;
    display: block;
    text-indent: -9999px;
    width: 76px;
    height: 63px;
}

#allcards {
    background:url('../img/cards.png'), no-repeat;
	width: 261px;
	height: 63px;
	margin: auto;
}