.services-diagram-navigation{box-shadow:7px 8px 10px 0 rgba(0, 0, 0, .65);z-index:2}.services-diagram-frame{position:absolute;left:12%;top:88px}.services-diagram-upper-blocks{display:block}.services-diagram-upper-blocks__block{display:block;position:relative;margin-top:30px}.services-diagram-upper-blocks__block:first-child{margin-top:24px}.services-diagram-upper-blocks__block.selected .services-diagram-upper-blocks__block__chevron:after{-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}.services-diagram-upper-blocks__block.selected .services-diagram-upper-blocks__block__content{box-shadow:0 12px 16px 0 rgba(0, 0, 0, .3)}.services-diagram-upper-blocks__block__drawer{position:relative;margin:0 5px;background-color:#212121;color:#ccc;line-height:1.5;padding:26px 20px;border-radius:0 0 10px 10px;z-index:1;display:none}.services-diagram-upper-blocks__block__chevron{width:32px;height:32px;position:relative;margin-right:15px}.services-diagram-upper-blocks__block__chevron:after{content:"";width:12px;height:12px;position:absolute;left:10px;top:7px;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear, -webkit-transform .2s linear}.services-diagram-upper-blocks__block__content{position:relative;border-radius:10px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, .5);background-color:#171717;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:left;transition:all .2s;z-index:2}.services-diagram-upper-blocks__block__content__text{color:#fff;-ms-flex-positive:1;flex-grow:1;transition:all .2s}.services-diagram-upper-blocks__block__icon{width:88px;height:88px;-ms-flex-negative:0;flex-shrink:0;margin:20px 15px 20px 20px;transition:all .2s}.services-diagram-lower-blocks-container{margin-top:64px;padding-bottom:26px}.services-diagram-lower-blocks{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-left:20px;margin-right:20px}.services-diagram-lower-blocks__block{border-bottom:3px solid transparent;cursor:pointer;width:54px}.services-diagram-lower-blocks__block__text{font-size:14px;line-height:1.5;color:#fff;transition:all .2s}.services-diagram-lower-blocks__block__icon g{opacity:.75;transition:all .2s}.services-diagram-lower-blocks__block.selected{border-bottom:3px solid #00a3e0}.services-diagram-lower-blocks__block.selected .services-diagram-lower-blocks__block__icon__fill{opacity:.95}.services-diagram-lower-blocks__block.selected .services-diagram-lower-blocks__block__text{color:#fff}@media(min-width:576px){.services-diagram .services-diagram-upper-blocks__block__drawer{line-height:1.63}}@media(min-width:1200px){.services-diagram-navigation{padding-top:80px;background:url(../../../../../../app/etc/assets/images/interactive-services-diagram/background-interactive-services.png) no-repeat 50%;background-size:cover;box-shadow:7px 8px 10px 0 rgba(0, 0, 0, .35)}.services-diagram-upper-blocks__block{width:303px;margin-top:24px}.services-diagram-upper-blocks__block__content{background-color:#0f0f0f;box-shadow:none}.services-diagram-upper-blocks__block__content__text{color:#fff;opacity:.6}.services-diagram-upper-blocks__block:hover .services-diagram-upper-blocks__block__content{background-color:#1f1f1f;box-shadow:0 12px 16px 0 rgba(0, 0, 0, .3)}.services-diagram-upper-blocks__block:hover .services-diagram-upper-blocks__block__content .services-diagram-upper-blocks__block__content__text{color:#fff;opacity:.95}.services-diagram-upper-blocks__block:hover .services-diagram-upper-blocks__block__content svg{opacity:.95}.services-diagram-upper-blocks__block svg{opacity:.1;width:100%;height:100%}.services-diagram-upper-blocks__block.selected svg{opacity:.95}.services-diagram-upper-blocks__block.selected .services-diagram-upper-blocks__block__content{background-color:#171717}.services-diagram-upper-blocks__block.selected .services-diagram-upper-blocks__block__content__text{opacity:.95}.services-diagram-upper-blocks__block.selected:hover:not(.services-diagram-upper-blocks__block__no-hover) .services-diagram-upper-blocks__block__content{background-color:#1f1f1f;box-shadow:0 12px 16px 0 rgba(0, 0, 0, .3)}.services-diagram-upper-blocks__block.selected:hover:not(.services-diagram-upper-blocks__block__no-hover) .services-diagram-upper-blocks__block__content .services-diagram-upper-blocks__block__content__text{color:#fff;opacity:.95}.services-diagram-upper-blocks__block.selected:hover:not(.services-diagram-upper-blocks__block__no-hover) .services-diagram-upper-blocks__block__content svg{opacity:.95}.services-diagram-upper-blocks__block.selected.services-diagram-upper-blocks__block__no-hover:hover .services-diagram-upper-blocks__block__content .services-diagram-upper-blocks__block__content__text{color:hsla(0, 0%, 100%, .95)}.services-diagram-lower-blocks-container{margin-top:53px}.services-diagram-lower-blocks__block{position:relative;width:48px}.services-diagram-lower-blocks__block__icon-bg{z-index:1;position:absolute;height:74px;width:74px;border-radius:50%;top:-13px;left:-13px;background-color:#0f0f0f}.services-diagram-lower-blocks__block__text{padding-top:26px;line-height:26px;opacity:.6;margin-left:-100%;margin-right:-100%;text-align:center}.services-diagram-lower-blocks__block__icon{position:relative;z-index:2;opacity:.2;transition:all .2s;width:48px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;height:48px;-ms-flex-align:center;align-items:center}.services-diagram-lower-blocks__block:hover .services-diagram-lower-blocks__block__icon-bg{background-color:#1f1f1f;box-shadow:0 12px 16px 0 rgba(0, 0, 0, .3)}.services-diagram-lower-blocks__block:hover .services-diagram-lower-blocks__block__text{color:#fff;opacity:.95}.services-diagram-lower-blocks__block:hover .services-diagram-lower-blocks__block__icon,.services-diagram-lower-blocks__block:hover .services-diagram-lower-blocks__block__icon__fill g,.services-diagram-lower-blocks__block:hover .services-diagram-lower-blocks__block__icon g{opacity:.95}.services-diagram-lower-blocks__block.selected{border-bottom:3px solid transparent}.services-diagram-lower-blocks__block.selected .services-diagram-lower-blocks__block__icon-bg{background-color:#1f1f1f;box-shadow:0 12px 16px 0 rgba(0, 0, 0, .3)}.services-diagram-lower-blocks__block.selected .services-diagram-lower-blocks__block__icon{opacity:.95}.services-diagram-lower-blocks__block.selected .services-diagram-lower-blocks__block__text{color:#fff;opacity:.95}}

/*# sourceMappingURL=services-diagram-navigation.css.map*/