@import url('https://cdn.lns.bz/fonts/Montserrat:300.css');
@import url('https://cdn.lns.bz/fonts/Montserrat:400.css');
@import url('https://cdn.lns.bz/fonts/Montserrat:700.css');

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: #4e5765;
}

h2{
    font-size: 28px;
    font-weight: 800;
}

h3{
    font-size: 23px;
    font-weight: 700;
}

a {
    text-decoration: none;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li{
    display: inline-block;
}

.container {
    width: 960px;
    padding: 0 10px;
    margin: 0 auto;
}


.light{
    font-weight: 300;
}

.bold{
    font-weight: 700;
}

.extra-bold{
    font-weight: 800;
}

span.bold{
    font-weight: 700;
}

.flex-row{
    display: flex;
    flex-direction: row;
}

.flex-col{
    display: flex;
    flex-direction: column;
}

.glow{
    position: relative;
    box-shadow: 0 0 50px 25px rgba(102, 107, 206, 0.15);
    -webkit-box-shadow: 0 0 50px 25px rgba(102, 107, 206, 0.15);
    -moz-box-shadow: 0 0 50px 25px rgba(102, 107, 206, 0.15);
}

.to-plug{
    cursor: pointer;
}

header {
    background: linear-gradient(-120deg, #757beb, #666bce);
    background: -webkit-linear-gradient(-120deg, #757beb, #666bce);
    background: -moz-linear-gradient(-120deg, #757beb, #666bce);
}

header .nav *{
    font-size: 15px;
}

header .nav .nav-wrapper,
header .nav .nav-wrapper .nav-menu,
header .nav .nav-wrapper .nav-menu ul{
    justify-content: space-between;
    align-items: center;
}

header .nav .nav-wrapper{
    height: 92px;
    padding-top: 11px;
}

header .nav .nav-wrapper .nav-menu{
    flex-basis: 755px;
}

header .nav .nav-wrapper .nav-menu ul{
    flex-basis: 590px;
}

header .nav .nav-wrapper .nav-menu ul a{
    color: #babdff;
}

header .nav .nav-wrapper .nav-menu li.required{
    justify-content: space-between;
    align-items: center;
    background: #7d86ff;
    border-radius: 10px;
}

header .nav .nav-wrapper .nav-menu .create-account,
header .nav .nav-wrapper .nav-menu .login-account{
    line-height: 25px;
    color: white;
}

header .nav .nav-wrapper .nav-menu .create-account{
    padding: 10px 14px 11px 14px;
}

header .nav .nav-wrapper .nav-menu .login-account{
    padding: 10px 20px 11px 13px;
}

header .nav .nav-wrapper .nav-menu li.required hr{
    width: 1px;
    height: 19px;
    background: white;
    border: none;
}

header .nav .nav-wrapper .nav-menu .phone a,
header .nav .nav-wrapper .nav-menu .phone a span{
    color: white;
}

header .title{
    padding-top: 75px;
}

header .title .title-wrapper{
    justify-content: space-between;
}

header .title .title-wrapper .col-1{
    width: 520px;
    height: 506px;
    margin-top: 15px;
    background: url(../images/grzegorz.png) no-repeat center center;
    background-size: contain;
}

header .title .title-wrapper .col-2{
    width: 390px;
    height: 435px;
    justify-content: space-between;
}

header .title .title-wrapper .col-2 h1{
    font-size: 44px;
    font-weight: 700;
    color: white;
}

.items-list .item {
    padding-left: 51px;
    padding-top: 11px;
    padding-bottom: 10px;
    background: url(../images/check-mark.png) no-repeat center left;
}

header .title .title-wrapper .col-2 .items-list .item {
    color: white;
}

header .title .title-wrapper .col-2 .start{
    margin-top: 30px;
}

.start-form{
    align-items: center;
    justify-content: center;
}

.start-form input {
    height: 56px;
    border: none;
    line-height: 24px;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
}

.start-form input[type="tel"] {
    width: 236px;
    padding: 15px 18px 15px 19px;
    background: white;
    border-radius: 5px 0 0 5px;
    font-weight: 300;
    color: #697382;
}

.start-form input[type="tel"]::-webkit-input-placeholder {
    font-family: 'Montserrat', sans-serif;
    color: #697382;
    font-weight: 100;
}

.start-form input[type="tel"]:-moz-placeholder {
    font-family: 'Montserrat', sans-serif;
    color: #697382;
    font-weight: 100;
}

.start-form input[type="tel"]::-moz-placeholder {
    font-family: 'Montserrat', sans-serif;
    color: #697382;
    font-weight: 100;
}

.start-form input[type="tel"]:-ms-input-placeholder {
    font-family: 'Montserrat', sans-serif;
    color: #697382;
    font-weight: 100;
}

.start-form input[type="submit"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 142px;
    padding: 17px 25px 13px 24px;
    background: #7f85ff;
    border-radius: 0 5px 5px 0;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
}

header .title .title-wrapper .col-2 .start p{
    font-size: 14px;
    font-weight: 300;
    margin-left: 8px;
    margin-top: 14px;
    color: white;
}

header .title .title-wrapper .col-2 .start p a{
    text-decoration: underline;
    color: #babdff;
}

main{
    background: #eef3fa;
}

main .about-sms{
    padding-top: 72px;
    padding-bottom: 41px;
}

main .about-sms .why-sms{
    justify-content: space-between;
}

main .description{
    justify-content: space-between;
    flex-wrap: wrap;
}

main .about-sms .why-sms .description{
    width: 540px;
    margin-top: 8px;
}

main .description .item{
    justify-content: space-between;
    align-items: center;
}

main .about-sms .why-sms .description .item{
    width: 240px;
    margin-bottom: 28px;
}

main .about-sms .why-sms .description .item:nth-child(2n){
    width: 270px;
}

main .about-sms .why-sms .description .item.item-3,
main .about-sms .why-sms .description .item.item-4{
    margin-bottom: 0;
}

main .item .image-wrapper{
    justify-content: flex-start;
    align-items: center;
}

main .about-sms .why-sms .item .image-wrapper{
    min-width: 80px;
    height: 90px;
}

main .about-sms .why-sms .description .item:nth-child(2n) .image-wrapper{
    min-width: 100px;
}

main .item .image-wrapper .image{
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

main .about-sms .why-sms .item.item-1 .image-wrapper .image{
    width: 74px;
    height: 91px;
    background-image: url(../images/why-sms-1.png);
}

main .about-sms .why-sms .item.item-2 .image-wrapper .image{
    width: 93px;
    height: 74px;
    background-image: url(../images/why-sms-2.png);
}

main .about-sms .why-sms .item.item-3 .image-wrapper .image{
    width: 65px;
    height: 71px;
    background-image: url(../images/why-sms-3.png);
}
main .about-sms .why-sms .item.item-4 .image-wrapper .image{
    width: 77px;
    height: 73px;
    margin-left: 4px;
    background-image: url(../images/why-sms-4.png);
}

main .about-sms .why-sms .item p{
    font-weight: 500;
}

main .title{
    justify-content: space-between;
    text-align: center;
}

main .about-sms .why-sms .title{
    width: 380px;
}

main .title h2{
    color: #4b4e80;
}

main .about-sms .why-sms .title h2{
    margin-bottom: 25px;
}

main .title p{
    font-size: 18px;
    line-height: 24px;
}

main .about-sms .sms-ideas.mobile .tabs-wrapper {
    width: 100%;
    overflow-x: scroll;
}

main .about-sms .sms-ideas.mobile .tabs-wrapper::-webkit-scrollbar{
    display: none;
}

main .about-sms .sms-ideas.mobile .idea-tabs-menu{
    min-width: 900px;
    flex-direction: row;
    align-self: flex-start;
}

main .about-sms .sms-ideas.mobile .idea-tabs-menu li:first-child{
    border-radius: 10px 0 0 0;
}

main .about-sms .sms-ideas.mobile .idea-tabs-menu li:last-child{
    border-radius: 0 10px 0 0;
}

main .about-sms .sms-ideas{
    padding-top: 52px;
}

main .about-sms .sms-ideas .tabs-wrapper{
    width: 100%;
}

main .about-sms .sms-ideas .idea-tabs-menu{
    justify-content: space-between;
}

main .about-sms .sms-ideas .idea-tabs-menu li{
    padding: 13px 18px;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    color: #3b90e7;
}

main .about-sms .sms-ideas .idea-tabs-menu li:not(.active){
    cursor: pointer;
}

main .about-sms .sms-ideas .idea-tabs-menu li:first-child{
    border-radius: 10px 0 0 0;
}

main .about-sms .sms-ideas .idea-tabs-menu li:last-child{
    border-radius: 0 10px 0 0;
}

main .about-sms .sms-ideas .idea-tabs-menu li.active{
    background: white;
    color: #4e5765;
}

main .about-sms .sms-ideas .idea-tab{
    height: 294px;
    padding: 53px 60px 40px 60px;
    justify-content: space-between;
    background: white;
    border-radius: 0 0 10px 10px;
}

main .about-sms .sms-ideas .idea-tab .col-1{
    width: 260px;
    justify-content: space-between;
    text-align: center;
}

main .about-sms .sms-ideas .idea-tab .col-1 button{
    width: 100%;
    height: 43px;
    padding: 15px 20px 12px 20px;
    border: none;
    border-radius: 7px;
    background: #7f85ff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
}

main .about-sms .sms-ideas .idea-tab .col-1 h3{
    font-weight: 800;
}

main .about-sms .sms-ideas .idea-tab .col-2{
    width: 510px;
    height: 180px;
    justify-content: flex-start;
}

main .about-sms .sms-ideas .idea-tab .col-2 p{
    text-align: justify;
    font-weight: 300;
}

main .about-sms .sms-ideas .idea-tab .col-2 p:not(:last-child){
    margin-bottom: 10px;
}

main .about-sms .idea-tab:not(:nth-child(2)){
    display: none;
}

main .about-prices{
    padding-top: 72px;
    background: white;
}

main .about-prices .prices-wrapper{
    justify-content: space-between;
}

main .about-prices .prices-wrapper .title{
    width: 360px;
}

main .about-prices .prices-wrapper .title{
    margin-bottom: 7px;
}

main .about-prices .prices-wrapper .description{
    width: 560px;
}

main .about-prices .prices-wrapper .item{
    width: 260px;
    margin-bottom: 32px;
    align-items: flex-start;
}

main .about-prices .prices-wrapper .item.item-3,
main .about-prices .prices-wrapper .item.item-4{
    margin-bottom: 0;
}

main .about-prices .prices-wrapper .item .image-wrapper{
    min-width: 110px;
    height: 70px;
}

main .about-prices .prices-wrapper .item.item-1 .image-wrapper .image{
    width: 74px;
    height: 56px;
    margin-left: 17px;
    background-image: url(../images/hp-zl.png);
}

main .about-prices .prices-wrapper .item.item-2 .image-wrapper .image{
    width: 80px;
    height: 55px;
    background-image: url(../images/win-pl.png);
}

main .about-prices .prices-wrapper .item.item-3 .image-wrapper .image{
    width: 84px;
    height: 61px;
    margin-left: 4px;
    background-image: url(../images/msg-pl.png);
}
main .about-prices .prices-wrapper .item.item-4 .image-wrapper .image{
    width: 71px;
    height: 58px;
    background-image: url(../images/prices-4.png);
}

main .about-prices .prices{
    padding-top: 54px;
    padding-bottom: 60px;
}

main .about-prices .prices .prices-country{
    height: 51px;
    justify-content: space-between;
    background: #eef3fa;;
}

main .about-prices .prices .prices-country li{
    text-align: center;
    font-size: 18px;
}

main .about-prices .prices .prices-country li:first-child{
    width: 160px;
    border-radius: 10px 0 0 10px;
    background: #7f85ff;
    font-weight: 700;
    color: white;
}

main .about-prices .prices .prices-country li:first-child,
main .about-prices .prices .prices-country li a{
    padding: 15px 25px 14px 25px;
}

main .about-prices .prices .prices-country{
    border-radius: 10px;
}

main .about-prices .prices .prices-country li a{
    display: block;
    color: #3b90e7;
}

main .about-prices .prices .prices-rb{
    margin-top: 30px;
    justify-content: space-between;
}

main .about-prices .prices .prices-rb .col-1{
    width: 580px;
}

main .about-prices .prices .prices-rb .col-1 .price-wrapper{
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding-right: 15px;
    margin-bottom: 2px;
    background: #eef3fa;
    border-radius: 6px;
}

main .about-prices .prices .prices-rb .col-1 .price-wrapper .quantity{
    height: 50px;
    padding: 15px;
    background: #6cbffd;
    border-radius: 6px 0 0 6px;
    font-weight: 800;
    color: white;
}

main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-1 .quantity{
    width: 42.5%;
}

main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-2 .quantity{
    width: 49.5%;
}

main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-3 .quantity{
    width: 56.5%;
}

main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-4 .quantity{
    width: 63.5%;
}

main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-5 .quantity{
    width: 70.7%;
}

main .about-prices .prices .prices-rb .col-1 .price-wrapper .price{
    text-align: right;
}

main .about-prices .prices .prices-rb .col-2{
    width: 295px;
    margin-left: 15px;
    margin-right: 25px;
}

main .present{
    height: 285px;
    background: linear-gradient(-120deg, #ffd3a4, #ffba71);
    position: relative;
    color: #ffd3a4;
    box-shadow: 0 0 50px 25px rgba(255, 211, 164, 0.15);
    -webkit-box-shadow: 0 0 50px 25px rgba(255, 211, 164, 0.15);
    -moz-box-shadow: 0 0 50px 25px rgba(255, 211, 164, 0.15);
}

main .present .container{
    padding-top: 75px;
    padding-bottom: 50px;
    justify-content: flex-end;
    background: url(../images/present.png) no-repeat 90px -27px;
}

main .present .description{
    width: 545px;
    height: 130px;
    justify-content: space-between;
    align-items: flex-start;
}

main .present .description h3{
    width: 410px;
    font-weight: 800;
    color: white;
}

main .instruments{
    padding-top: 68px;
    text-align: center;
}

main .instruments .container{
    align-items: center;
}

main .instruments h2,
main .instruments p{
    width: 510px;
}

main .instruments h2{
    margin-bottom: 21px;
    line-height: 40px;
    color: #4b4e80;
}

main .instruments p{
    font-size: 18px;
    line-height: 24px;
}

main .instruments .description{
    padding-top: 33px;
    padding-bottom: 43px;
    align-items: center;
}

main .instruments .description .flex-row{
    justify-content: space-between;
}

main .instruments .description .flex-row:not(.row-3){
    margin-bottom: 24px;
}

main .instruments .description .item{
    width: 160px;
    height: 186px;
    padding: 20px 5px 14px 5px;
    cursor: pointer;
    justify-content: flex-start;
}

main .instruments .description .row-3 .item{
    width: 170px;
    padding-right: 3px;
    padding-left: 3px;
}

main .instruments .description .item:hover{
    justify-content: space-between;
    border-radius: 8px;
    box-shadow: 0 0 17px 8px rgba(195, 209, 245, 0.2);
    background: white;
}

main .instruments .description .item .image{
    width: 68px;
    height: 68px;
    background-image: url(../images/instruments.png);
    background-repeat: no-repeat;
}

main .instruments .description .row-1 .item.item-1 .image{
    background-position: 0 0;
}

main .instruments .description .row-1 .item.item-2 .image{
    background-position: -160px 0;
}

main .instruments .description .row-1 .item.item-3 .image{
    background-position: -320px 0;
}

main .instruments .description .row-1 .item.item-4 .image{
    background-position: -480px 0;
}

main .instruments .description .row-1 .item.item-5 .image{
    background-position: -640px 0;
}

main .instruments .description .row-1 .item.item-6 .image{
    background-position: -802px 0;
}

main .instruments .description .row-2 .item.item-1 .image{
    background-position: -80px -181px;
}

main .instruments .description .row-2 .item.item-2 .image{
    background-position: -240px -181px;
}

main .instruments .description .row-2 .item.item-3 .image{
    background-position: -400px -181px;
}

main .instruments .description .row-2 .item.item-4 .image{
    background-position: -560px -181px;
}

main .instruments .description .row-2 .item.item-5 .image{
    background-position: -720px -181px;
}

main .instruments .description .row-3 .item.item-1 .image{
    background-position: -160px -361px;
}

main .instruments .description .row-3 .item.item-2 .image{
    background-position: -320px -361px;
}

main .instruments .description .row-3 .item.item-3 .image{
    background-position: -476px -361px;
}

main .instruments .description .row-3 .item.item-4 .image{
    background-position: -636px -361px;
}

main .instruments .description .item .title{
    margin-top: 17px;
    font-weight: 500;
}

main .instruments .description .item:hover .title{
    display: none;
}

main .instruments .description .item .function-description{
    font-size: 12px;
    color: #2e323c;
}

main .instruments .description .item:not(.hover) .function-description{
    display: none;
}

main .instruments span.to-all-possibilities{
    width: 342px;
    height: 43px;
    padding: 12px;
    background: #7f85ff;
    border-radius: 6px;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
}

main .integration{
    padding-top: 71px;
}

main .integration .container{
    align-items: center;
}

main .integration h2{
    width: 540px;
    margin-bottom: 22px;
    line-height: 40px;
    color: #4b4e80;
}

main .integration h2,
main .integration p{
    text-align: center;
}

main .integration p{
    width: 800px;
    font-size: 18px;
    line-height: 24px;
}

main .integration p a{
    color: #3b90e7;
    text-decoration: underline;
}

main .integration .cms.mobile,
main .integration .crm.mobile{
    width: 100%;
    overflow-x: scroll;
}

main .integration .cms.mobile .flex-row,
main .integration .crm.mobile .flex-row{
    min-width: 700px;
    align-self: flex-start;
}

main .integration .cms{
    padding-top: 24px;
    align-items: flex-start;
}

main .integration h3{
    align-self: flex-start;
}

main .integration h3.cms-title{
    margin-top: 26px;
}

main .integration .cms .flex-row,
main .integration .crm .flex-row{
    justify-content: space-between;
    flex-wrap: wrap;
}

main .integration .item{
    width: 220px;
    height: 160px;
    margin-bottom: 20px;
    padding: 21px 20px 15px 20px;
    align-items: flex-start;
    border-radius: 8px;
    box-shadow: 0 0 17px 8px rgba(195, 209, 245, 0.2);
    background: white;
}

main .integration .item{
    margin-right: 10px;
}

main .integration .item .image-wrapper{
    justify-content: center;
    align-items: flex-start;
}

main .integration .cms .item .image-wrapper{
    width: 155px;
    min-height: 40px;
}

main .integration .item .image{
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

main .integration .cms .item.item-1 .image{
    width: 142px;
    height: 28px;
    background-image: url(../images/1c-bitrix.png);
}

main .integration .cms .item.item-2 .image{
    width: 132px;
    height: 26px;
    background-image: url(../images/opencart.png);
}

main .integration .cms .item.item-3 .image{
    width: 124px;
    height: 35px;
    background-image: url(../images/ocstore.png);
}

main .integration .cms .item.item-4 .image{
    width: 120px;
    height: 33px;
    background-image: url(../images/magento.png);
}

main .integration .cms .item.item-5 .image{
    width: 75px;
    height: 24px;
    background-image: url(../images/modx.png);
}

main .integration .cms .item.item-6 .image{
    width: 114px;
    height: 40px;
    background-image: url(../images/virtuemart.png);
}

main .integration .cms .item.item-7 .image{
    width: 170px;
    height: 20px;
    background-image: url(../images/joomshopping.png);
}

main .integration .cms .item.item-8 .image{
    width: 83px;
    height: 39px;
    background-image: url(../images/simpla.png);
}

main .integration .cms .item.item-9 .image{
    width: 153px;
    height: 40px;
    background-image: url(../images/prestashop.png);
}

main .integration .cms .item.item-10 .image{
    width: 153px;
    height: 40px;
    background-image: url(../images/wordpress.png);
}

main .integration .cms .item.item-11 .image{
    width: 135px;
    height: 27px;
    background-image: url(../images/woocommerce.png);
}

main .integration .cms .item.item-12 .image{
    width: 106px;
    height: 44px;
    background-image: url(../images/newby.png);
}

main .integration .cms .item.item-13 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/docpart.png);
}

main .integration .cms .item.item-14 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/mygarage.png);
}

main .integration .cms .item.item-15 .image{
    width: 131px;
    height: 26px;
    background-image: url(../images/joomla.png);
}

main .integration .cms .item.item-16 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/staronka.png);
}


main .integration .cms .item.item-17 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/adata.png);
}

main .integration .cms .item.item-18 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/autointellect.png);
}


main .integration .cms .item.item-19 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/autoresource.png);
}



/*main .integration .cms .item.item-19,*/
main .integration .cms .item.item-20
{
    background: transparent !important;
    box-shadow: none !important;
}


main .integration .item .title{
    margin-top: 6px;
    font-weight: 700;
    color: #2e323c;
}

main .integration .item .title sup{
    font-size: 8px;
    color: #2e323c;
}

main .integration .item span.to-plug{
    margin-top: 37px;
    padding-right: 32px;
    line-height: 24px;
    font-size: 14px;
    font-weight: 700;
    color: #3b90e7;
    background: url(../images/to-plug.png) no-repeat right center;
}

main .integration .crm{
    padding-top: 23px;
    align-items: flex-start;
}

main .integration h3.crm-title{
    margin-top: 34px;
}

main .integration .crm .item .image-wrapper{
    width: 140px;
    min-height: 45px;
}

main .integration .crm .item.item-1 .image{
    width: 131px;
    height: 23px;
    background-image: url(../images/b24.png);
}

main .integration .crm .item.item-2 .image{
    width: 179px;
    height: 40px;
    background-image: url(../images/kommo.png);
}

main .integration .crm .item.item-3 .image{
    width: 136px;
    height: 36px;
    background-image: url(../images/clientbase.png);
}

main .integration .crm .item.item-4 .image{
    width: 123px;
    height: 27px;
    background-image: url(../images/u-ontravel.png);
}

main .integration .crm .item.item-5 .image{
    width: 113px;
    height: 17px;
    background-image: url(../images/crmtronic.png);
}

main .integration .crm .item.item-6 .image{
    width: 60px;
    height: 30px;
    background-image: url(../images/samotur.png);
}

main .integration .crm .item.item-7 .image{
    width: 114px;
    height: 26px;
    background-image: url(../images/retailcrm.png);
}

main .integration .crm .item.item-8 .image{
    width: 106px;
    height: 44px;
    background-image: url(../images/newby.png);
}

main .integration .crm .item.item-9 .image{
    width: 82px;
    height: 40px;
    background-image: url(../images/1c-company.png);
}

main .integration .crm .item.item-10 .image{
    width: 128px;
    height: 24px;
    background-image: url(../images/beauty-pro.png);
}

main .integration .crm .item.item-11 .image{
    width: 135px;
    height: 24px;
    background-image: url(../images/fitness-pro.png);
}

main .integration .crm .item.item-12 .image{
    width: 91px;
    height: 24px;
    background-image: url(../images/r-keeper.png);
}

main .integration .crm .item.item-13 .image{
    width: 123px;
    height: 25px;
    background-image: url(../images/foodsoul.png);
}

main .integration .crm .item.item-14 .image{
    width: 102px;
    height: 34px;
    background-image: url(../images/stickcrm.png);
}

main .integration .crm .item.item-15 .image{
    width: 126px;
    height: 31px;
    background-image: url(../images/ligataxi.png);
}

main .integration .crm .item.item-16 .image{
    width: 119px;
    height: 29px;
    background-image: url(../images/taximaster.png);
}

main .integration .crm .item.item-17 .image{
    width: 104px;
    height: 33px;
    background-image: url(../images/planfix.png);
}

main .integration .crm .item.item-18 .image{
    width: 179px;
    height: 40px;
    background-image: url(../images/orderry.png);
}



main .integration .crm .item.item-19 .image{
    width: 179px;
    height: 41px;
    background-image: url(../images/alteg.png);
}


main .integration .crm .item.item-20 .image{
    width: 151px;
    height: 39px;
    background-image: url(../images/helloclient.png);
}



main .integration .crm .item.item-21 .image{
    width: 164px;
    height: 32px;
    background-image: url(../images/megaplan.png);
}



main .integration .crm .item.item-22 .image{
    width: 156px;
    height: 23px;
    background-image: url(../images/mysklad.png);
}



main .integration .crm .item.item-23 .image{
    width: 90px;
    height: 29px;
    background-image: url(../images/insales.png);
}



main .integration .crm .item.item-24 .image{
    width: 117px;
    height: 37px;
    background-image: url(../images/envycrm.png);
}

main .integration .crm .item.item-25 .image{
    width: 117px;
    height: 33px;
    background-image: url(../images/pawn.png);
}


main .integration .crm .item.item-26 .image{
    width: 73px;
    height: 40px;
    background-image: url(../images/chatforma.png);
}

main .integration .crm .item.item-27 .image{
    width: 111px;
    height: 32px;
    background-image: url(../images/neaktor.png);
}

main .integration .crm .item.item-28 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/sonline.png);
}

main .integration .crm .item.item-29 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/gymmanager.png);
}

main .integration .crm .item.item-30 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/hivetaxi.png);
}

main .integration .crm .item.item-31 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/infinity.png);
}

main .integration .crm .item.item-32 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/1c-salons.png);
}

main .integration .crm .item.item-33 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/alfacrm.png);
}

main .integration .crm .item.item-34 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/1c-fitness.png);
}

main .integration .crm .item.item-35 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/moyklass.png);
}

main .integration .crm .item.item-36 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/albato.png);
}

main .integration .crm .item.item-37 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/apixdrive.png);
}

main .integration .crm .item.item-38 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/telefum24.png);
}

main .integration .crm .item.item-39 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/dentapro.png);
}


main .integration .crm .item.item-40 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/stomklinika.png);
}

main .integration .crm .item.item-41 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/mydent.png);
}


main .integration .crm .item.item-42 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/gofood.png);
}

main .integration .crm .item.item-43 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/alloincognito.png);
}


main .integration .crm .item.item-44 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/listokcrm.png);
}


main .integration .crm .item.item-45 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/mobifitness.png);
}

main .integration .crm .item.item-46 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/fitness365.png);
}

main .integration .crm .item.item-47 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/foodpicasso.png);
}

main .integration .crm .item.item-48 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/callme.png);
}


main .integration .crm .item.item-49 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/livesklad2.png);
}


main .integration .crm .item.item-50 .image{
    width: 160px;
    height: 45px;
    background-image: url(../images/dikidi.png);
}



main .integration .crm .item.item-51 .image{
    width: 179px;
    height: 40px;
    background-image: url(../images/samosale_ru.png);
}

main .integration .crm .item.item-52 .image{
    width: 183px;
    height: 40px;
    background-image: url(../images/dconnect.png);
}

main .integration .crm .item.item-53 .image{
    width: 179px;
    height: 40px;
    background-image: url(../images/beauty_expert.png);
}

main .integration .crm .item.item-54 .image{
    width: 179px;
    height: 40px;
    background-image: url(../images/turboservice.png);
}

main .integration .crm .item.item-55 .image{
    width: 179px;
    height: 42px;
    background-image: url(../images/otmechalka_com.png);
}

main .integration .crm .item.item-56 .image{
    width: 204px;
    height: 40px;
    background-image: url(../images/smartceilings_ru.png);
}

main .integration .crm .item.item-57 .image{
    width: 179px;
    height: 40px;
    background-image: url(../images/clients24.png);
}

main .integration .crm .item.item-58 .image{
    width: 179px;
    height: 40px;
    background-image: url(../images/zapier.png);
}


/*
main .integration .crm .item.item-49
{
    background: transparent !important;
    box-shadow: none !important;
}
*/

sup.new { background: #a00 !important; color: #fff !important; padding: 2px; }

main .news{
    padding-top: 50px;
    padding-bottom: 75px;
}

main .news .container{
    align-items: center;
}

main .news h2{
    margin-bottom: 22px;
    line-height: 40px;
    color: #4b4e80;
}

main .news h2,
main .news p{
    text-align: center;
}

main .news p{
    width: 600px;
    font-size: 18px;
    line-height: 24px;
}

main .news .flex-row{
    width: 100%;
    padding-top: 47px;
    flex-wrap: wrap;
    justify-content: space-between;
}

main .news .item{
    width: 300px;
    margin-bottom: 30px;
    justify-content: space-between;
    align-items: flex-start;
}

main .news .item .title{
    margin-bottom: 9px;
    font-size: 18px;
    font-weight: 500;
}

main .news .item .summary{
    margin-bottom: 12px;
}

main .news .item .summary,
main .news .item .date{
    font-size: 14px;
    font-weight: 300;
}

main .news a.all-news{
    font-weight: 500;
    color: #3b90e7;
    text-decoration: underline;
}

main .try{
    padding-top: 69px;
    padding-bottom: 80px;
    background: linear-gradient(-120deg, #757beb, #666bce);
    background: -webkit-linear-gradient(-120deg, #757beb, #666bce);
    background: -moz-linear-gradient(-120deg, #757beb, #666bce);
}

main .try .container{
    align-items: center;
    text-align: center;
}

main .try h2{
    width: 380px;
    margin-bottom: 25px;
    line-height: 40px;
    color: white;
}

main .try p{
    margin-bottom: 66px;
    font-size: 18px;
    color: white;
}

main .try button{
    width: 222px;
    height: 66px;
    padding: 20px;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 700;
    color: white;
    background: #4a50bc;
    text-transform: uppercase;
    cursor: pointer;
}

footer * {
    font-size: 14px;
    color: #4e5765;
}

footer {
    padding-top: 67px;
    padding-bottom: 61px;
}

footer .wrapper {
    justify-content: space-between;
    align-items: baseline;
}

footer .wrapper .f-about-company,
footer .wrapper .f-menu,
footer .wrapper .f-contacts{
    justify-content: space-between;
    align-items: flex-start;
}

footer .wrapper .f-about-company{
    width: 480px;
    height: 300px;
}

footer .wrapper .f-about-company .content span{
    line-height: 20px;
    font-weight: 300;
}

footer .wrapper .f-about-company .payment-systems{
    width: 400px;
    justify-content: space-between;
    align-items: baseline;
}

footer .wrapper .f-about-company .payment-systems .payment-icon{
    width: 40px;
    height: 26px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

footer .wrapper .f-about-company .payment-systems .payment-icon.icon1{
    background-image: url(../images/scet.png);

}

footer .wrapper .f-about-company .payment-systems .payment-icon.icon2{
    background-image: url(../images/erip.png);
}

footer .wrapper .f-about-company .payment-systems .payment-icon.icon3{
    background-image: url(../images/mastercard-s.png);
}

footer .wrapper .f-about-company .payment-systems .payment-icon.icon4{
    background-image: url(../images/mastercard.png);
}

footer .wrapper .f-about-company .payment-systems .payment-icon.icon5{
    background-image: url(../images/belcart.png);
}

footer .wrapper .f-about-company .payment-systems .payment-icon.icon6{
    background-image: url(../images/bepaid.png);
}

footer .wrapper .f-about-company .payment-systems .payment-icon.icon7{
    background-image: url(../images/v-visa.png);
}

footer .wrapper .f-about-company .payment-systems .payment-icon.icon8{
    background-image: url(../images/visa.png);
}

footer .wrapper .f-about-company .payment-systems .payment-icon.icon9{
    background-image: url(../images/applepay.png);
}

footer .wrapper .f-about-company .payment-systems .payment-icon.icon10{
    background-image: url(../images/mtbank.png);
}

footer .wrapper .f-wrap-block{
    width: 400px;
    margin-left: 30px;
    justify-content: space-between;
    align-items: baseline;
}

footer .wrapper .f-wrap-block .f-menu{
    justify-content: flex-start;
    align-items: center;
}

footer .wrapper .f-wrap-block .f-menu ul{
    width: 170px;
    justify-content: space-between;
    align-items: flex-start;
}

footer .wrapper .f-wrap-block .f-menu ul li a{
    line-height: 40px;
    color: #3b90e7;
    text-decoration: underline;
}

footer .wrapper .f-wrap-block .f-contacts{
    width: 210px;
    height: 301px;
    align-items: flex-end;
}

footer .wrapper .f-wrap-block .f-contacts .contacts-info{
    justify-content: space-between;
    align-items: flex-end;
}

footer .wrapper .f-wrap-block .f-contacts .contacts-info span{
    font-weight: 700;
    line-height: 30px;
}

footer .wrapper .f-wrap-block .f-contacts .contacts-info span[itemprop="telephone"]{
    font-size: 20px;
}

footer .wrapper .f-wrap-block .f-contacts .contacts-info span[itemprop="email"]{
    font-size: 16px;
    color: #3b90e7;
}

footer .wrapper .f-wrap-block .f-contacts .image a .f-logo{
    width: 185px;
    height: 25px;
    background: url('../images/footer-logo.png') center center no-repeat;
    background-size: contain;
}


/*****  POPUP WINDOWS  *****/


.popup-overlay *{
    font-weight: 400;
}

.popup-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(102, 107, 206, 0.6);
}

.popup{
    position: relative;
    top: 50%;
    left: 50%;
    width: 620px;
    min-width: 320px;
    max-width: 620px;
    margin-left: -310px;
    height: 386px;
    min-height: 386px;
    margin-top: -193px;
    border-radius: 10px;
    background: #eef3fa;
    box-shadow: 0 0 10px 5px rgba(255, 254, 255, 0.1);
}

/*
.popup:not(.popup-1){
    display: none;
}
*/

.popup .col-1{
    width: 300px;
    height: 100%;
    border-radius: 10px 0 0 10px;
}

.popup.popup-1 .col-1{
    padding: 23px;
    justify-content: flex-end;
    align-items: center;
    background: url(../images/present-popup.png) no-repeat 37px 41px, linear-gradient(-120deg, #ffabab, #ff8d8d);
    background: url(../images/present-popup.png) no-repeat 37px 41px, -webkit-linear-gradient(-120deg, #ffabab, #ff8d8d);
    background: url(../images/present-popup.png) no-repeat 37px 41px, -moz-linear-gradient(-120deg, #ffabab, #ff8d8d);
    text-align: center;
}

.popup.popup-1 .col-1 h3{
    width: 235px;
    color: white;
    font-weight: 800;
    line-height: 27px;
}

.popup .col-2{
    width: 320px;
    padding: 35px 20px 20px 20px;
    align-items: center;
}

.popup .col-2 h3{
    font-weight: 800;
    text-align: center;
}

.popup .col-2 form{
    width: 280px;
    margin-top: 25px;
    align-items: center;
}

.popup .col-2 form input{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance: none;
    -o-appearance: none;
    width: 100%;
    max-height: 56px;
    margin-bottom: 4px;
    padding: 20px 18px;
    font-size: 18px;
    font-weight: 700;
    border: none;
    border-radius: 5px;
    background: #fffeff;
}

.popup .col-2 form input[type="text"]{
    line-height: 20px;
}

.popup .col-2 form input[type="text"]::-webkit-input-placeholder,
.popup .col-2 form input[type="tel"]::-webkit-input-placeholder {
    font-family: 'Montserrat', sans-serif;
    color: #4e5765;
    font-weight: 300;
}

.popup .col-2 form input[type="text"]:-moz-placeholder,
.popup .col-2 form input[type="tel"]:-moz-placeholder {
    font-family: 'Montserrat', sans-serif;
    color: #4e5765;
    font-weight: 300;
}

.popup .col-2 form input[type="text"]::-moz-placeholder,
.popup .col-2 form input[type="tel"]::-moz-placeholder {
    font-family: 'Montserrat', sans-serif;
    color: #4e5765;
    font-weight: 300;
}

.popup .col-2 form input[type="text"]:-ms-input-placeholder,
.popup .col-2 form input[type="tel"]:-ms-input-placeholder {
    font-family: 'Montserrat', sans-serif;
    color: #4e5765;
    font-weight: 300;
}

.popup .col-2 form input[type="submit"]{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    padding: 19px 20px;
    margin-top: 17px;
    border: none;
    background: #7f85ff;
    font-weight: 700;
    font-size: 18px;
    color: white;
    text-transform: uppercase;
    margin-bottom: 20px;
    cursor: pointer;
}

.popup.popup-2 .col-1{
    padding: 30px 15px 20px 22px;
}

.popup.popup-2 .col-1.alpha-name,
.popup.popup-3 .col-1{
    background: url(../images/description-popup.png) no-repeat center bottom, #c6c8fe;
}

.popup.popup-2 .col-1.unp{
    justify-content: flex-end;
    background: url(../images/unp-popup.png) no-repeat center top, white;
}

.popup.popup-2 .description[data-input="alpha-name"]{
    display: none;
}

.popup.popup-2 .description h3{
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 400;
}

.popup.popup-2 .description p{
    font-size: 14px;
    font-weight: 300;
    text-align: justify;
}

.popup.popup-2 .description p a{
    color: #81b2ff;
    text-decoration: underline;
}

.popup.popup-3 .col-2{
    padding-bottom: 35px;
    justify-content: space-between;
    text-align: center;
}

.popup.popup-3 .col-2 .wrapper h3{
    margin-bottom: 46px;
}

.popup.popup-3 .col-2 .wrapper p{
    font-size: 18px;
}

.popup.popup-3 .col-2 span.to-home{
    color: #3b90e7;
    text-decoration: underline;
    cursor: pointer;
}

.popup .close-popup{
    position: absolute;
    top: 9px;
    right: 8px;
    width: 16px;
    height: 16px;
    background: url(../images/close.png) center center no-repeat;
    cursor: pointer;
}


/****** MEDIA QUERIES FOR POPUP******/

@media screen and (max-width: 650px) {

    .popup{
        width: 320px;
        margin-left: -160px;
    }

    .popup .col-1{
        display: none;
    }

}

@media all and (orientation : landscape) and (max-device-width : 1024px) {

    .popup-overlay{
        overflow-x: scroll;
        padding: 5% 0;
    }

    .popup{
        top: 5%;
        left: 0;
        margin: 0 auto;
    }

    .popup{
        margin-top: 0;
    }

}

/*****  MEDIA QUERIES  *****/

@media screen and (max-width: 980px) {

    .container{
        width: 100%;
    }

    main .present .container{
        background-position-x: 50px;
    }

    main .instruments .description{
        flex-direction: row;
        align-items: flex-start;
    }

    main .instruments .description .flex-row{
        flex-direction: column;
    }

    main .instruments .description .flex-row:not(.row-3){
        margin-bottom: 0;
    }

}

@media screen and (max-width: 960px) {

    main .about-prices .prices .prices-country li{
        font-size: 17px;
    }

    main .about-prices .prices .prices-country li:first-child,
    main .about-prices .prices .prices-country li a{
        padding-left: 15px;
        padding-right: 15px;
    }

    main .about-sms .sms-ideas{
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

    main .about-sms .sms-ideas .idea-tabs-menu{
        height: 432px;
        flex-direction: column;
    }

    main .about-sms .sms-ideas .idea-tabs-menu li{
        padding: 24px 20px 22px 20px;
        font-size: 16px;
    }

    main .about-sms .sms-ideas .idea-tabs-menu li:last-child{
        border-radius: 0 0 0 10px;
    }

    main .about-sms .sms-ideas .idea-tab{
        width: 100%;
        height: 432px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        border-radius: 0 10px 10px 0;
    }

    main .about-sms .sms-ideas .idea-tab .col-1{
        width: 450px;
        margin-bottom: 25px;
        justify-content: space-between;
        align-items: center;
    }

    main .about-sms .sms-ideas .idea-tab .col-1 button{
        width: 260px;
        margin-top: 20px;
    }

}

@media screen and (max-width: 950px) {

    header .nav .nav-wrapper .nav-menu {
        flex-basis: 715px;
    }

    header .nav .nav-wrapper .nav-menu ul{
        flex-basis: 560px;
    }

    header .title{
        padding-top: 65px;
    }

    header .title .title-wrapper .col-1{
        width: 450px;
        height: 439px;
    }

    header .title .title-wrapper .col-2{
        height: 400px;
    }

    header .title .title-wrapper .col-2 h1{
        font-size: 42px;
    }

    header .title .title-wrapper .col-2 .start {
        margin-top: 20px;
    }

    main .about-sms .why-sms{
        align-items: center;
    }

    main .about-sms .why-sms .description{
        width: 450px;
        flex-direction: column;
        align-items: center;
    }

    main .about-sms .why-sms .description .item,
    main .about-sms .why-sms .description .item:nth-child(2n){
        width: 300px;
    }

    main .about-sms .why-sms .description .item.item-3,
    main .about-sms .why-sms .description .item.item-4{
        margin-bottom: 28px;
    }

    main .about-sms .why-sms .item .image-wrapper{
        min-width: 120px;
        justify-content: center;
    }

    main .about-sms .why-sms .description .item:nth-child(2n) .image-wrapper{
        min-width: 120px;
    }

    main .about-sms .why-sms .title{
        width: 450px;
    }


    footer * {
        font-size: 14px;
    }

    footer .wrapper .f-about-company .title span,
    footer .wrapper .f-contacts .contacts-info span[itemprop="telephone"]{
        font-size: 16px;
    }

    footer .wrapper .f-about-company .title,
    footer .wrapper .f-contacts .contacts-info span[itemprop="email"]{
        font-size: 14px;
    }

    footer .wrapper > .col-1 {
        width: 330px;
    }

    footer .wrapper > .col-2 {
        width: auto;
    }

    footer .wrapper .col-2 .col-1 {
        margin-right: 0;
    }
}

@media screen and (max-width: 936px) {

    main .news .flex-row{
        justify-content: space-around;
    }

}

@media screen and (max-width: 910px) {

    main .about-prices .prices-wrapper .title{
        width: 450px;
        justify-content: center;
    }

    main .about-prices .prices-wrapper .title h2{
        margin-bottom: 20px;
    }

    main .about-prices .prices-wrapper .description{
        width: 450px;
        flex-direction: column;
        align-items: center;
    }

    main .about-prices .prices-wrapper .item{
        width: 300px;
        margin-bottom: 20px;
    }

    main .about-prices .prices-wrapper .item.item-3,
    main .about-prices .prices-wrapper .item.item-4{
        margin-bottom: 20px;
    }

    main .about-prices .prices-wrapper .item .image-wrapper{
        min-width: 120px;
        justify-content: center;
    }

    main .present .container{
        background-position-x: left;
    }

    main .present .description{
        width: 500px;
    }

}

@media screen and (max-width: 880px) {

    header .nav .nav-wrapper .nav-menu ul li:not(.required){
        display: none;
    }

    header .nav .nav-wrapper .nav-menu{
        flex-basis: 400px;
    }

    header .nav .nav-wrapper .nav-menu ul {
        flex-basis: 220px;
    }

    header .title{
        padding-top: 40px;
    }

    header .title .title-wrapper .col-1{
        width: 400px;
        height: 390px;
    }

    header .title .title-wrapper .col-2{
        height: 380px;
    }

    header .title .title-wrapper .col-2 h1{
        font-size: 40px;
    }

    header .title .title-wrapper .col-2 .items-list .item{
        font-size: 14px;
    }

    footer {
        padding: 60px 0;
    }

    footer .wrapper {
        flex-direction: column;
        align-items: center;
        flex-wrap: wrap;
        height: 500px;
    }
    footer .wrapper .f-wrap-block{
        width: 480px;
        margin-left: 0;
    }

    footer .wrapper .f-wrap-block .f-contacts{
        height: 150px;
    }
}

@media screen and (max-width: 860px) {

    main .about-prices .prices{
        padding-top: 30px;
        padding-bottom: 40px;
        align-items: center;
        /*flex-direction: row;
        justify-content: space-between;
        align-items: baseline;*/
    }

    main .about-prices .prices .prices-country{
        width: 580px;
        height: auto;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    main .about-prices .prices .prices-country li:first-child{
        border-radius: 10px 0 0 0;
    }

    main .about-prices .prices .prices-rb{
        width: 600px;
        flex-direction: column;
        align-items: center;
    }

    main .about-prices .prices .prices-rb .col-2{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    main .about-prices .prices .prices-rb .col-2 .items-list{
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    main .about-prices .prices .prices-rb .col-2 .items-list .item{
        padding-left: 45px;
    }

    main .about-prices .prices .prices-rb .col-2 .items-list li{
        width: 290px;
    }

    main .about-sms .sms-ideas .idea-tab{
        padding-left: 40px;
        padding-right: 40px;
    }

    main .about-sms .sms-ideas .idea-tab .col-1,
    main .about-sms .sms-ideas .idea-tab .col-2{
        width: auto;
    }

    main .about-sms .sms-ideas .tabs-wrapper{
        width: auto;
    }

}

@media screen and (max-width: 830px) {
    header .title .title-wrapper .col-1 {
        width: 350px;
        height: 340px;
    }

    header .title .title-wrapper .col-2{
        height: 340px;
    }

    header .title .title-wrapper .col-2 h1{
        font-size: 36px;
    }

    header .title .title-wrapper .col-2 .start {
        margin-top: 15px;
    }

    header .title .title-wrapper .col-2 .items-list .item{
        padding-top: 7px;
        padding-bottom: 7px;
    }

    main .present .description{
        width: 450px;
    }

    main .integration p{
        width: auto;
    }
}
@media screen and (max-width: 800px) {

    main .about-sms .sms-ideas .idea-tabs-menu,
    main .about-sms .sms-ideas .idea-tab{
        height: 462px;
    }

}


@media screen and (max-width: 779px) {

    main .present .description{
        width: auto;
    }

}

@media screen and (max-width: 770px) {

    header .title{
        padding-top: 30px;
    }

    header .title .title-wrapper .col-1 {
        width: 320px;
        height: 312px;
    }

    header .title .title-wrapper .col-2{
        height: 320px;
    }

    header .title .title-wrapper .col-2 h1{
        font-size: 32px;
    }

    header .title .title-wrapper .col-2 .start {
        margin-top: 10px;
    }

    header .title .title-wrapper .col-2 .start p{
        margin-top: 10px;
    }

}

@media screen and (max-width: 740px) {

    header .title{
        padding-bottom: 30px;
    }

    header .title .title-wrapper{
        flex-direction: column;
        align-items: center;
    }

    header .title .title-wrapper .col-1{
        display: none;
    }

    header .title .title-wrapper .col-2{
        width: auto;
        height: 400px;
        align-items: center;
    }

    header .title .title-wrapper .col-2 h1{
        font-size: 48px;
        text-align: center;
    }

    header .title .title-wrapper .col-2 .items-list .item{
        padding-top: 11px;
        padding-bottom: 10px;
        font-size: 16px;
    }

    header .title .title-wrapper .col-2 .start{
        margin-top: 20px;
    }

    header .title .title-wrapper .col-2 .start p{
        margin-top: 14px;
        margin-left: 0;
        text-align: center;
    }

    main .about-sms .sms-ideas .idea-tabs-menu,
    main .about-sms .sms-ideas .idea-tab{
        height: 492px;
    }

    main .about-sms .sms-ideas .idea-tab .col-2 p:not(:last-child){
        margin-bottom: 10px;
    }

    main .about-sms,
    main .about-prices{
        padding-top: 50px;
    }

    main .present .description h3{
        width: 380px;
    }

}

@media screen and (max-width: 726px) {

    main .integration .cms,
    main .integration .crm{
        align-items: center;
    }

    main .integration .cms .flex-row,
    main .integration .crm .flex-row{
        justify-content: space-around;
    }

    main .about-sms .sms-ideas{
        flex-direction: column;
        align-items: center;
    }

    main .about-sms .sms-ideas .tabs-wrapper{
        width: 100%;
    }

    main .about-sms .sms-ideas .idea-tabs-menu{
        width: 100%;
        height: auto;
    }

    main .about-sms .sms-ideas .idea-tabs-menu li{
        padding: 13px 20px;
        font-size: 14px;
    }

    main .about-sms .sms-ideas .idea-tabs-menu li:first-child{
        border-radius: 10px 10px 0 0;
    }

    main .about-sms .sms-ideas .idea-tabs-menu li:last-child{
        border-radius: 0;
    }

    main .about-sms .sms-ideas .idea-tab{
        height: 410px;
        border-radius: 0 0 10px 10px;
    }

    main .about-sms .sms-ideas .idea-tab .col-1{
        width: 450px;
    }
}

@media screen and (max-width: 680px) {
    main .present .container {
        background-position-x: -30px;
    }
}

@media screen and (max-width: 650px) {

    main .about-sms .why-sms,
    main .about-prices .prices-wrapper{
        flex-direction: column;
        align-items: center;
    }

    main .about-sms .why-sms .description{
        order: 1;
    }

    main .about-sms .why-sms .title,
    main .about-prices .prices-wrapper .title{
        margin-bottom: 30px;
    }

    main .present,
    main .present .description{
        height: auto;
    }

    main .present .container {
        padding-top: 55px;
        justify-content: center;
        background: none;
    }

    main .present .description{
        align-items: center;
    }

    main .present .description h3{
        width: auto;
        margin-bottom: 30px;
        text-align: center;
    }

    main .instruments,
    main .integration,
    main .try{
        padding-top: 50px;
    }

    main .news{
        padding-top: 40px;
        padding-bottom: 55px;
    }

    main .news p{
        width: auto;
    }

    main .try{
        padding-bottom: 60px;
    }

    main .try p{
        margin-bottom: 40px;
    }

    main .about-sms .sms-ideas{
        padding-top: 40px;
    }

    main .about-sms .sms-ideas .idea-tab{
        height: 430px;
    }

}

@media screen and (max-width: 636px) {

    main .news .flex-row{
        padding-top: 30px;
    }

    main .news .item{
        width: 400px;
    }

    /* main .news .item .title{
         align-self: center;
     }

     main .news .item .date{
         align-self: flex-end;
     }*/

    main .about-sms .sms-ideas .idea-tab{
        height: 460px;
    }

}

@media screen and (max-width: 620px) {

    main .about-prices .prices .prices-country,
    main .about-prices .prices .prices-rb,
    main .about-prices .prices .prices-rb .col-1{
        width: 100%;
    }

    main .about-prices .prices .prices-rb .col-2{
        width: auto;
        margin-top: 20px;
        align-items: center;
    }

    main .about-prices .prices .prices-rb .col-2 .items-list{
        width: 450px;
        align-items: flex-start;
    }

    main .about-prices .prices .prices-rb .col-2 .items-list li{
        width: auto;
    }

}

@media screen and (max-width: 615px) {

    main .about-prices .prices .prices-country{
        justify-content: space-between;

    }

}

@media screen and (max-width: 590px) {

    header .nav .nav-wrapper .nav-menu{
        flex-basis: 380px;
    }

    main .integration h2{
        width: auto;
    }

}

@media screen and (max-width: 565px) {

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-1 .quantity{
        width: 50%;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-2 .quantity{
        width: 54%;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-3 .quantity{
        width: 58%;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-4 .quantity{
        width: 63%;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-5 .quantity{
        width: 68%;
    }

}


@media screen and (max-width: 560px) {

    header .nav .nav-wrapper{
        height: 120px;
        flex-direction: column;
    }

    header .nav .nav-wrapper .nav-menu,
    header .nav .nav-wrapper .nav-menu ul{
        flex-basis: auto;
    }

    header .nav .nav-wrapper .nav-menu{
        width: 380px;
    }

    header .title{
        padding-top: 50px;
    }

    header .title .title-wrapper .col-2 h1{
        font-size: 44px;
    }

    main .instruments h2,
    main .instruments p{
        width: auto;
    }

    main .about-sms .sms-ideas .idea-tab{
        height: auto;
        padding-top: 40px;
    }

    main .about-sms .sms-ideas .idea-tab .col-1{
        width: auto;
    }

    main .about-sms .sms-ideas .idea-tab .col-2{
        height: auto;
    }

}

@media screen and (max-width: 530px) {

    main .instruments .description{
        flex-direction: column;
        align-items: center;
    }

    main .instruments .description .flex-row{
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    main .instruments .description .flex-row.row-2{
        order: 1;
    }

    main .integration h3{
        align-self: center;
    }

    footer{
        padding-top: 30px;
        padding-bottom: 50px;
    }

    footer .wrapper{
        height: auto;
    }

    footer .wrapper .f-about-company,
    footer .wrapper .f-about-company .title,
    footer .wrapper .f-about-company .content,
    footer .wrapper .f-about-company .payment-systems{
        width: auto;
        height: auto;
        text-align: center;
        padding: 10px 0;
    }

    footer .wrapper .f-about-company{
        align-items: center;
    }

    footer .wrapper .f-about-company .payment-systems{
        width: 60%;
        justify-content: center;
    }

    footer .wrapper .f-about-company .payment-systems .payment-icon{
        margin: 5px;
    }

    footer .wrapper .f-about-company .payment-systems,
    footer .wrapper .f-wrap-block{
        flex-wrap: wrap;
    }

    footer .wrapper .f-wrap-block {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: auto;
    }

    footer .wrapper .f-wrap-block .f-menu,
    footer .wrapper .f-wrap-block .f-contacts{
        padding: 10px 0;
    }

    footer .wrapper .f-wrap-block .f-menu ul,
    footer .wrapper .f-wrap-block .f-contacts .contacts-info{
        align-items: center;
    }

    footer .wrapper .f-wrap-block .f-contacts{
        height: 190px;
    }

    footer .wrapper .f-wrap-block .f-contacts .image{
        align-self: center;
    }
}


@media screen and (max-width: 500px) {

    main .about-prices .prices .prices-rb .col-1 .price-wrapper{
        font-size: 15px;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper .quantity{
        padding-right: 10px;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-1 .quantity{
        width: 50%;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-2 .quantity{
        width: 54%;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-3 .quantity{
        width: 59%;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-4 .quantity{
        width: 64%;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-5 .quantity{
        width: 68%;
    }

    main .about-prices .prices .prices-rb .col-2 .items-list{
        width: auto;
    }

}

@media screen and (max-width: 480px) {

    main .about-prices .prices .prices-country li,
    main .about-prices .prices .prices-country li a{
        font-size: 16px;
    }

    main .about-prices .prices .prices-country li:first-child{
        width: auto;
        border-radius: 10px 0 0 10px;
    }

    main .about-prices .prices .prices-country{
        border-radius: 10px;
    }

    main .about-prices .prices .prices-country li:not(:first-child):not(:last-child){
        display: none;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper{
        font-size: 14px;
    }

    .items-list .item{
        padding-left: 40px;
        background-size: 30px;
    }

}

@media screen and (max-width: 475px) {

    main .integration .item{
        margin-right: 0;
    }

}

@media screen and (max-width: 474px) {

    main .about-sms .why-sms .title,
    main .about-prices .prices-wrapper .title{
        width: auto;
    }

    main .about-sms .why-sms .description,
    main .about-prices .prices-wrapper .description{
        width: 100%;
    }

    footer .wrapper .f-about-company .payment-systems{
        width: 65%;
    }
}

@media screen and (max-width: 450px) {

    main .news .item{
        width: auto;
    }

    footer .wrapper .f-about-company .payment-systems{
        width: 70%;
    }
}

@media screen and (max-width: 430px) {

    header .title{
        padding-top: 30px;
    }

    header .title .title-wrapper .col-2 h1 {
        font-size: 38px;
    }

    header .title .title-wrapper .col-2 .items-list .item{
        font-size: 15px;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper .quantity{
        padding-right: 10px;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-1 .quantity{
        width: 54%;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-2 .quantity{
        width: 57%;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-3 .quantity{
        width: 60%;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-4 .quantity{
        width: 63%;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-5 .quantity{
        width: 66%;
    }

}

@media screen and (max-width: 420px) {

    header .nav .nav-wrapper{
        height: 160px;
    }

    header .nav .nav-wrapper .nav-menu{
        width: auto;
        flex-direction: column;
    }

    header .nav .nav-wrapper .nav-menu li.required{
        margin-top: 15px;
    }

    header .title .title-wrapper .col-2{
        height: 360px;
    }

    header .title .title-wrapper .col-2 h1{
        font-size: 36px;
    }

    header .title .title-wrapper .col-2 .items-list .item{
        font-size: 14px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    header .title .title-wrapper .col-2 .start{
        margin-top: 15px;
    }

    .start-form input{
        font-size: 16px;
    }

    .start-form input[type="tel"]{
        width: 55vw;
    }

    .start-form input[type="tel"],
    .start-form input[type="button"]{
        padding-left: 15px;
        padding-right: 15px;
    }

    .start-form input[type="button"]{
        width: 120px;
    }

    main .try h2{
        width: auto;
    }

    main .about-sms .sms-ideas .idea-tab{
        padding: 40px 20px 20px 20px;
    }

}

@media screen and (max-width: 394px){

    main .instruments .description{
        padding-bottom: 30px;
    }

    /*main .instruments .description .flex-row{
        flex-direction: column;
        align-items: center;
    }*/

    main .instruments .description .item{
        width: 140px;
        padding-left: 2px;
        padding-right: 2px;
        font-size: 14px;
    }

    main .instruments .description .flex-row.row-2{
        order: 0;
    }

    main .instruments span.to-all-possibilities{
        width: 100%;
        height: auto;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-1 .quantity{
        width: 52%;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-2 .quantity{
        width: 55%;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-3 .quantity{
        width: 58%;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-4 .quantity{
        width: 61%;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-5 .quantity{
        width: 64%;
    }

    footer .wrapper .f-about-company .payment-systems{
        width: 80%;
    }
}

@media screen and (max-width: 375px) {

    main .about-prices .prices .prices-rb .col-1 .price-wrapper .quantity{
        padding-left: 10px;
        padding-top: 16px;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-1 .quantity{
        width: 50%;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-2 .quantity{
        width: 53%;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-3 .quantity{
        width: 56%;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-4 .quantity{
        width: 59%;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper.price-wrapper-5 .quantity{
        width: 62%;
    }

}

@media screen and (max-width: 365px) {

    main .about-prices .prices-wrapper .description{
        align-items: flex-start;
    }

    main .about-sms .why-sms .description .item:nth-child(1n),
    main .about-sms .why-sms .description .item:nth-child(2n),
    main .about-prices .prices-wrapper .item:nth-child(1n),
    main .about-prices .prices-wrapper .item:nth-child(2n){
        width: auto;
        align-self: auto;
    }

    main .about-sms .why-sms .description .item .image-wrapper,
    main .about-sms .why-sms .description .item:nth-child(2n) .image-wrapper{
        min-width: 100px;
    }

    main .about-prices .prices-wrapper .item .image-wrapper{
        min-width: 100px;
    }

    main .about-prices .prices-wrapper .item.item-1 .image-wrapper .image{
        margin-left: 0;
    }

    footer .wrapper .f-about-company .payment-systems{
        width: 90%;
    }
}

@media screen and (max-width: 355px) {

    main .about-prices .prices .prices-rb .col-1 .price-wrapper{
        font-size: 13px;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper .quantity{
        padding-top: 18px;
    }

}

@media screen and (max-width: 335px){

    header .title .title-wrapper .col-2{
        height: auto;
    }

    header .title .title-wrapper .col-2 h1{
        font-size: 32px;
    }

    header .title .title-wrapper .col-2 .items-list{
        margin: 20px 0;
    }

    header .title .title-wrapper .col-2 .items-list .item{
        padding-left: 45px;
    }

    .start-form input[type="tel"]{
        width: 45vw;
    }

    .start-form input[type="button"]{
        width: 100px;
    }

    main .about-prices .prices .prices-rb .col-1 .price-wrapper{
        font-size: 12px;
    }

    main .about-sms .sms-ideas .idea-tab .col-1 button{
        width: 100%;
        height: auto;
    }

}

@media screen and (max-width: 315px){

    main .about-prices .prices .prices-rb .col-1 .price-wrapper,
    main .about-prices .prices .prices-rb .col-1 .price-wrapper .quantity{
        height: auto;
    }

}

@media screen and (max-width: 305px){

    main .about-prices .prices .prices-country{
        border-radius: 10px;
    }

    main .about-prices .prices .prices-country li:first-child,
    main .about-prices .prices .prices-country li{
        width: 100%;
    }

    main .about-prices .prices .prices-country li:first-child{
        border-radius: 10px 10px 0 0;
    }

    main .about-prices .prices .prices-country li:last-child{
        border-radius: 0 0 10px 10px;
    }
}

/** production fixes **/

.footer-text h1 { color: #6e7785; font-size: 9pt; margin-top: 5px;}
.footer-text p, .footer-text strong, .footer-text i { color: #6e7785; font-size: 8pt; text-align: justify; margin-top: 5px; }

@media screen and (max-width: 600px) {
    .footer-text {display: none !important;}
}

.popup.popup-3 .col-1 {
    background: url(../images/manager-popup1.png) no-repeat center bottom, #c6c8fe;
}

main .integration .cms.mobile .flex-row, main .integration .crm.mobile .flex-row { min-width: 920px; }
.btn-disabled { opacity: 0.5; }


.news .item { display: none;}
.news .item:nth-child(1), .news .item:nth-child(2), .news .item:nth-child(3) { display: flex;}


.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
}

.alert-block {
    border: 0;
    border-radius: 0;
    background: url('/assets/images/pattern-block.png') darkred;
    color: #fff;
    text-shadow: none;
    margin-bottom:0;
}

.alert-block span {
    background: #fff; color: #333; padding:5px;
    max-width: 800px; display: block;
}


/** eu fixes **/

.popup {
    height: 410px;
    min-height: 410px;
}
footer .wrapper .f-about-company,
footer .wrapper .f-wrap-block .f-contacts {
    height: 100px;
}

main .about-prices .prices {  align-items: center }
main .description .item  {
    justify-content: flex-start;
}







.coverage-link { display: block; margin: 20px; text-align: center; text-decoration: underline; }

.price-list-countries a img { vertical-align: middle; }

.pricelist { border: 1px solid #333; width: 615px; margin: auto; margin-bottom: 30px; }
.pricelist td, .pricelist th { border: 1px solid #999; padding: 15px; }
.paymentProcess p { text-align: justify; }
.packets td { font-size: 8pt; width: 100px !important; }

.b-hcenter { margin-top: 20px; margin-bottom: 20px; }
.bx-breadcrumb { padding-top: 20px; margin-bottom: 20px; }
.bx-breadcrumb .bx-breadcrumb-item {
    display: table-cell;
    font-size: 10pt;
}

main .about-prices.prices-page { padding-top: 0; padding-bottom: 50px;}
.prices-page .flex-col.prices { padding: 0 !important}

.f-about-company span { font-weight: 400; text-align: justify; font-size: 8pt;  }
.f-about-company strong { font-weight: 500; font-size: 8pt; }

@media screen and (max-width: 390px) {
    .glow { padding-bottom: 20px; }
    .b-hcenter { margin-top: 10px; margin-bottom: 10px;font-size: 16pt; font-weight: 600; }
    .prices-page .flex-col.prices { padding: 0 !important}
    footer .wrapper .f-about-company { height: auto !important; }
}

.to-jest-cennik-netto { margin-top: 20px; color: #999; text-align: center; font-size: 7pt; letter-spacing: 1px; }

.flag {
    width: 24px;
    height: 24px;
}

.data-from-word span {
    display: inline-block;
    padding: 5px 0;
    text-align: justify;
}

.data-from-word h2 {
    display: inline-block;
    padding: 10px 0 5px;
    text-align: justify;
    font-size: 18pt; font-weight: normal;
}