.stitle .bar{
  height:5px;
  width:90px;
  background:#cdf1d8;
  margin:15px auto 20px;
  position:relative;
  border-radius:30px
}
.stitle .bar::before{
  content:'';
  position:absolute;
  left:0;
  top:-2.6px;
  height:10px;
  width:10px;
  border-radius:50%;
  background:#44ce6f;
  -webkit-animation-duration:3s;
  animation-duration:3s;
  -webkit-animation-timing-function:linear;
  animation-timing-function:linear;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-name:MOVE-BG;
  animation-name:MOVE-BG
}
.color_primary{
    color: #008000;
}
.circle-img{
    position:absolute;
    left:0;top:50%;
    -webkit-transform:translateY(-55%);
    transform:translateY(-55%);
    z-index:0;
    right:0;
    margin:0 auto
}
.circle-img img{
    -webkit-animation-name:rotateMe;
    animation-name:rotateMe;
    -webkit-animation-duration:35s;
    animation-duration:35s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear
}
@-webkit-keyframes MOVE-BG{
    from{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }to{
       -webkit-transform:translateX(88px);
       transform:translateX(88px)
    }}
@keyframes MOVE-BG{
    from{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }to{
       -webkit-transform:translateX(88px);
        transform:translateX(88px)
    }}
@-webkit-keyframes rotateMe{
    from{
        -webkit-transform:rotate(0);transform:rotate(0)
    }to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }}
@keyframes rotateMe{
    from{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }to{
       -webkit-transform:rotate(360deg);
             transform:rotate(360deg)
  }}

.-solutions{
    padding-top:50px
}
.-solutions .container>.content{
    margin:0 auto;
    max-width:1100px;
    -webkit-box-align:center;
    align-items:center
}
.-solutions .container>.content{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column
}
@media screen and (min-width:1000px){
    .-solutions .container>.content{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:reverse;
        flex-direction:row;
    }}
.-solutions .container>.content .-illustration{width:95%;max-width:none}
@media screen and (min-width:1000px){
    .-solutions .container>.content .-illustration{max-width:100%; margin-left: 40px;}
}
.-solutions .illustration{
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:center;
    justify-content:center;
    margin:0 -16px
}
@media screen and (max-width:800px){
    .-solutions .illustration{
        margin:50px 0 0 0;
    }
    .-solutions .container>.content .-illustration{
        width:100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.-solutions .illustration .customer{padding-right:20px;padding-top:60px;position:relative}

@media screen and (min-width:620px){
    .-solutions .illustration .customer{padding-right:32px
    }}
.-solutions .illustration .avatar{
    width:45px;
    height:50px;
    position:relative;
    background:url(../png/icon.png) 50%/cover no-repeat;
    will-change:transform;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-transition:-webkit-transform .5s ease-out;
    transition:-webkit-transform .5s ease-out;
    transition:transform .5s ease-out;
    transition:transform .5s ease-out,-webkit-transform .5s ease-out
}
@media screen and (min-width:620px){
    .-solutions .illustration .avatar{width:75px;height:75px;top:0}}
.-solutions .illustration .avatar:after{
    content:"";
    width:35px;
    height:3px;
    background:#9dcffb;
    position:absolute;
    top:20px;right:-37px;
    outline:4px solid #fff
}
@media screen and (min-width:620px){
    .-solutions .illustration .avatar:after{top:33px;right:-49px}}
.-solutions .illustration .solutions{text-align:left;border-left:3px solid #2492f8;padding-left:24px}
@media screen and (min-width:620px){
    .-solutions .illustration .solutions{padding-right:10px; padding-left: 20px;
    }}

.-solutions .illustration .category:not(:last-of-type){margin-bottom:20px}
.-solutions .illustration .category ._title{margin-bottom:3px}
.-solutions .illustration .category a{font-size:16px;color:#1f304c;font-weight:500;text-decoration:underline}
.-solutions .illustration .category ._solutions{
    font-size:13px;
    color:#1f304c;
    font-weight:400;
    line-height:1.5;
    margin-bottom:15px;
    padding-left: 10px;
}
.-solutions .illustration .category ._solutions li{display:inline-block}
.-solutions .illustration .category ._solutions li:not(:last-child):after{content:",";margin-right:7px}
.-solutions .illustration ._icons svg{margin-right:10px;width:52px;height:auto}

@media screen and (min-width:572px){.-solutions .illustration ._icons svg{margin-right:12px;width:64px}}