﻿:root{--c-primary900: #202b41;--c-primary700: #004f95;--c-primary800: #263774;--c-primary500: #3082d4;--c-primary100: #ecf4ff;--c-yellow900: #f9a554;--c-yellow800: #ea9442;--c-yellow700: #ffd60d;--c-yellow600: #ffd200;--h-header-height: 58px;--h-header-top-height: 30px;--h-header-total: calc(var(--h-header-height) + var(--h-header-top-height));--w-search-width: 60px}@media only screen and (max-width: 678px){:root{--h-header-height: 46px;--h-header-top-height: 0px;--w-search-width: 46px}}:root{--solution-img-ratio: 3 / 2;--solution-context-color: var(--title-color, #000);--solution-context-color--hover: var(--title-color--hover, #004f95);--solution-date-color: rgba(255, 255, 255, 0.4);--solution-title-font: 14px}.solution__item{padding-right:10px}#solution-edm .solution__item__inner{background:#fff;padding:20px;border-radius:4px;box-shadow:0 0 2px rgba(0,0,0,.1)}.solution__item__img{background-image:url(../images/default-thumb.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#fff;display:flex;box-shadow:0 16px 30px rgba(23,30,40,.34);margin:0 0 22px 0;transform:translate3d(0, 0, 0);transition:.3s}#solution-edm .solution__item__img{border-radius:3px;margin-top:-30px}.solution__item__img:hover{transform:translate3d(0, -5px, 0);box-shadow:0 19px 40px rgba(23,30,40,.28)}.solution__item__img:before{content:"";padding-top:53.3333333333%;display:block}.solution__item__img__btn{width:40px;height:40px;position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;border-radius:50%;background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translate3d(0, 0, 0);box-shadow:0 0 2px rgba(0,0,0,.4);display:flex;transition:.4s}.solution__item__img:hover .solution__item__img__btn{background:rgba(255,255,255,.9);box-shadow:0 5px 20px rgba(0,0,0,.3)}.solution__item__img__btn:before{content:"";position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;width:0;height:0;border-style:solid;border-width:8px 0 8px 12px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #004f95;transform:translate3d(2px, 0, 0)}.solution__item__date{font-size:14px;color:rgba(38,53,70,.42);display:block;margin-bottom:5px}.solution__item__date *{color:inherit}#solution-userstory .solution__item__date{color:#263546;margin-top:10px}#solution-video .solution__item__date{color:rgba(255,255,255,.6)}.solution__item__title{color:#263546;font-size:18px;font-weight:bold;line-height:1.5;display:block;transition:.3s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.solution__item__title:hover{color:#0168b5}#solution-userstory .solution__item__title{color:#0168b5;border-bottom:1px solid #7b8895;padding-bottom:10px;margin-bottom:10px}#solution-userstory .solution__item__title:hover{color:#263546}#solution-video .solution__item__title{color:#fff}#solution-video .solution__item__title:hover{color:rgba(255,255,255,.6)}.solution__item__author{color:#263546;font-size:14px;margin-bottom:10px}.solution__item__company{font-size:14px;border:1px solid #263546;padding:8px 20px;margin-bottom:10px;display:inline-block}.--case .solution__item__company{font-size:12px;grid-area:title;width:fit-content;border:1px solid rgba(0,0,0,.2)}.section__block{padding:70px clamp(20px,5%,30px) 60px;border-right:1px solid rgba(0,0,0,.03);justify-content:space-around}.section__block:nth-of-type(3n){border-right:none}@media only screen and (max-width: 1024px){.section__block{border-right:none;border-bottom:1px solid rgba(0,0,0,.03);padding:70px clamp(20px,4%,30px) 30px}}.section__block:last-child{border-right:none}.section__block__title{font-weight:600;color:var(--solution-context-color);margin:0 0 20px 0;padding:0 0 10px;border-bottom:1px solid rgba(0,0,0,.2)}.section__block__footer{padding:30px 0px 0;text-align:right}.section__block__footer a.section__btn-more{display:inline-flex;font-size:14px;color:#145b9c;transition:.3s;gap:8px}.section__block__footer a.section__btn-more::before{display:none;font:var(--fa-font-regular);content:""}.section__block__footer a.section__btn-more:hover{gap:4px}.list.--featured{border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:10px;margin-bottom:20px}.--general .list-item{display:flex;align-items:center;margin:0 0 20px 8px;background:#fff;box-shadow:0px 2px 2px rgba(0,0,0,.15);padding:16px 16px 16px 0}.--featured .list-item{display:flex;flex-direction:column;margin-bottom:20px;--solution-title-font: 16px;--solution-img-ratio: 359 / 160}.--case .list-item{display:grid;grid-template-columns:min(100%,120px) 1fr;grid-template-rows:auto auto;grid-template-areas:"title title" "img text";padding:0 0 24px;border-bottom:1px solid rgba(0,0,0,.1);background:rgba(0,0,0,0);box-shadow:none;margin:0 0 20px 0}.list-item__context{color:var(--solution-context-color);line-height:1.6;padding-left:20px;display:flex;flex-direction:column}.--featured .list-item__context,#latest-events .list-item__context{padding-left:0}.--case .list-item__context{grid-area:text}.list-item__title{font-size:var(--solution-title-font);color:var(--solution-context-color);flex:0 0 auto;transition:color .3s;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.--featured .list-item__title{margin-bottom:10px}.list-item__title:hover{color:var(--solution-context-color--hover)}.list-item__summary{font-size:.75rem;flex:1 1 auto}.list-item__date{display:none;color:var(--solution-date-color);font-size:.75rem}.list-item__img{flex:0 0 auto;position:relative;background-position:center 60%;background-repeat:no-repeat;background-size:auto 70%;aspect-ratio:var(--solution-img-ratio)}.list-item__img:hover:after{transform:translate3d(0, 15px, 0) scale(0.9)}.--general .list-item__img{width:min(100%,120px);margin-left:-16px}.--featured .list-item__img{width:100%;margin-bottom:20px}.--case .list-item__img{grid-area:img;margin-left:0px}.list-item__img:after{content:"";position:absolute;inset:0;background:inherit;opacity:.6;transform:translate3d(0, 10px, 0) scale(0.9);filter:blur(20px);z-index:1;transition:.3s}.list-item__img__src{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;box-shadow:0 5px 10px rgba(0,0,0,.3)}
