.block__service div,.block__service img,.block__service p,.block__service span,.block__service h3,.block__service a,.block__service ul,.block__service li{margin:0;padding:0}.block__service ul,.block__service li{list-style-type:none}.block__service{display:flex;flex-wrap:wrap;max-width:1180px;margin:0 auto;padding:0;//overflow-x:auto;//overflow-y:hidden}.block__service .demo-container{position:relative;width:25%;min-width:245px;vertical-align:middle;background-color:#1a93c4;z-index:5}@media screen and (max-width:985px){.block__service{display:block}.block__service .demo-container{float:none;clear:both;margin-bottom:20px;width:100%}}.block__service .demo-container .demo-main{position:relative;transform:translate(0,0);transition:transform .3s ease;z-index:9}.block__service .demo-container:hover .demo-main{transform:translate(0,-110px)}.block__service .demo-container .main-bgimg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,10%,20%,0.8);overflow:hidden}.block__service .demo-container .main-bgimg-wrapper img{width:100%;height:100%;opacity:.3}.block__service .demo-container .demo-content-wrapper{position:relative;z-index:3}.block__service .demo-container .demo-content-wrapper a{display:block;height:80px;padding-top:18%;padding-bottom:5%}.block__service .demo-container .demo-content-wrapper img{min-width:40px;//max-height:75px;width:30%;margin-left:35%}.block__service .demo-container .demo-content-wrapper .content-title{width:80%;margin-left:10%;min-height:60px;text-align:center;font:#fff 20px Arial bold;font-size:20px;line-height:30px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block__service .demo-container .demo-content-wrapper .content-desc{padding:0 5% 15% 5%;text-align:center;font:#fff 20px Arial bold;color:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;-webkit-line-clamp:2;text-overflow:ellipsis;height:40px;font-size:14px;line-height:20px;overflow:hidden}.block__service .demo-container .demo-content-wrapper .content-desc span{display:inline-block;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;height:40px;line-height:20px;overflow:hidden}@media screen and (max-width:985px){.block__service .demo-container .demo-content-wrapper .content-desc{-webkit-line-clamp:1;line-height:40px}.block__service .demo-container .demo-content-wrapper .content-desc span{-webkit-line-clamp:1;line-height:40px}}.block__service .demo-container .demo-side{width:100%;position:absolute;left:0;background:#f0542d;transform-origin:top;will-change:transform;transform:scaleY(0);transition:transform .3s ease}.block__service .demo-container:hover .demo-side{transform:scaleY(1)}.block__service .demo-side{display:flex;text-align:center;height:110px;justify-content:center;align-items:center}.block__service .demo-side .blocks-button{position:relative;border:2px solid #fff;font-size:14px;background:transparent;box-shadow:none;font-style:normal;overflow:hidden;color:#fff;transition:color .3s ease,border .3s ease,background .3s ease;font-weight:normal;display:inline-block;cursor:pointer;margin:auto;z-index:0;vertical-align:middle;-moz-user-select:none;-webkit-user-select:none;user-select:none;text-decoration:none;text-shadow:none;line-height:1.15em;text-align:center}.block__service .demo-side .blocks-button:hover::after{height:100%}.block__service .demo-side .blocks-button::after{content:'';position:absolute;z-index:-1;width:100%;height:0;bottom:0;left:0;background:#364352;transition:all .3s}.block__service .demo-side .blocks-button span{position:relative;vertical-align:middle;letter-spacing:1px;display:inline-block;font-size:1em;padding:.8em 2em;font-weight:600;line-height:1.2em;color:#fff;font:#fff 14px Arial Regular;transition:color .3s ease,border .3s ease,background .3s ease}.block__service .demo-side .blocks-button:hover{border-color:#364352}.block__service .demo-side .blocks-button:hover span{position:relative;display:inline-block;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);border-color:#364352;color:#fff}.block__service .demo-side .blocks-button span::before{position:absolute;content:attr(data-text);font-weight:700;top:100%;left:0;height:100%;width:100%;padding-top:.8em;line-height:1.2em;color:#fff;background:#364352}div.backstage-blocksEditor-wrap.navigation[data-relate-appid="YpfUKAUKDeHE"]>div+div.backstage-blocksEditor-wrapLayer.edit-normal{z-index:5}@media screen and (max-width:985px){.block__service .demo-container .demo-content-wrapper a{height:70px}.block__service .demo-container:hover .demo-main{transform:translate(0,-100px)}.block__service .demo-side{height:100px}}@media screen and (max-width:900px){.block__service .demo-container .demo-side{transform:scaleY(1)}.block__service .demo-container:hover .demo-main{transform:translate(0,0)}.block__service .demo-container{margin-bottom:102px}.block__service .demo-container .demo-content-wrapper .content-title{margin-top:25px}.block__service .demo-container{width:49%;margin-right:2px}.block__service{display:flex}}@media screen and (max-width:500px){.block__service .demo-container .main-bgimg-wrapper img{object-fit:cover}.block__service .demo-container .demo-side{transform:scaleY(1)}.block__service .demo-container:hover .demo-main{transform:translate(0,0)}.block__service .demo-container .demo-content-wrapper{height:200px}.block__service .demo-container{margin-bottom:67px;width:100%}.block__service .demo-side{height:65px}.block__service .demo-container .demo-content-wrapper img{transform:translateY(-56px)}.block__service .demo-container .demo-content-wrapper .content-title{min-height:0;margin-top:-30px}}