.wp-block-button__link { color: #fff; background-color: #32373c; border-radius: 9999px; box-shadow: none; text-decoration: none; padding: calc(.667em + 2px) calc(1.333em + 2px); font-size: 1.125em } .popup-template .modal { opacity: 0; -webkit-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } .popup-template .modal.is-open { opacity: 1; -webkit-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } .copyright { font-size: 14px; text-align: center; color: #5fc9f8 } html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0 } h1 { font-size: 2em; margin: .67em 0 } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } img { border-style: none } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { vertical-align: baseline } textarea { overflow: auto } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details { display: block } summary { display: list-item } template { display: none } [hidden] { display: none } .foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=101.25em&x2large=131.25em" } html { box-sizing: border-box; font-size: 100% } *, :after, :before { box-sizing: inherit } body { margin: 0; padding: 0; background: #121418; font-family: "IBM Plex Sans", monospace; font-weight: 300; line-height: 1.42; color: #fefefe; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic } textarea { height: auto; min-height: 50px; border-radius: 0 } select { box-sizing: border-box; width: 100%; border-radius: 0 } .map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object { max-width: none!important } button { padding: 0; -webkit-appearance: none; appearance: none; border: 0; border-radius: 0; background: 0 0; line-height: 1; cursor: auto } [data-whatinput=mouse] button { outline: 0 } pre { overflow: auto } button, input, optgroup, select, textarea { font-family: inherit } .is-visible { display: block!important } .is-hidden { display: none!important } .row { max-width: 100%; margin-right: auto; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap } .row .row { margin-right: -.625rem; margin-left: -.625rem } @media print, screen and (min-width:40em) { .row .row { margin-right: -.625rem; margin-left: -.625rem } } @media print, screen and (min-width:64em) { .row .row { margin-right: -.625rem; margin-left: -.625rem } } @media screen and (min-width:75em) { .row .row { margin-right: -.625rem; margin-left: -.625rem } } @media screen and (min-width:101.25em) { .row .row { margin-right: -.625rem; margin-left: -.625rem } } @media screen and (min-width:131.25em) { .row .row { margin-right: -.625rem; margin-left: -.625rem } } .row .row.collapse { margin-right: 0; margin-left: 0 } .row.expanded { max-width: none } .row.expanded .row { margin-right: auto; margin-left: auto } .row:not(.expanded) .row { max-width: none } .ba-single-content .row.collapse>.ba-benefits-list__item, .row.collapse>.column, .row.collapse>.columns { padding-right: 0; padding-left: 0 } .ba-single-content .row.collapse>.ba-benefits-list__item>.row, .row.collapse>.column>.row, .row.collapse>.columns>.row, .row.is-collapse-child { margin-right: 0; margin-left: 0 } .ba-single-content .ba-benefits-list__item, .column, .columns { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: .625rem; padding-left: .625rem; min-width: 0 } @media print, screen and (min-width:40em) { .ba-single-content .ba-benefits-list__item, .column, .columns { padding-right: .625rem; padding-left: .625rem } } .ba-single-content .row.row.ba-benefits-list__item, .column.row.row, .row.row.columns { float: none; display: block } .ba-single-content .row .row.row.ba-benefits-list__item, .row .ba-single-content .row.row.ba-benefits-list__item, .row .column.row.row, .row .row.row.columns { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0 } .small-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .small-offset-0 { margin-left: 0 } .small-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .small-offset-1 { margin-left: 8.33333% } .small-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .small-offset-2 { margin-left: 16.66667% } .small-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .small-offset-3 { margin-left: 25% } .small-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .small-offset-4 { margin-left: 33.33333% } .small-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .small-offset-5 { margin-left: 41.66667% } .small-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .small-offset-6 { margin-left: 50% } .small-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .small-offset-7 { margin-left: 58.33333% } .small-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .small-offset-8 { margin-left: 66.66667% } .small-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .small-offset-9 { margin-left: 75% } .small-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .small-offset-10 { margin-left: 83.33333% } .small-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .small-offset-11 { margin-left: 91.66667% } .small-up-1 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .small-up-1>.ba-benefits-list__item, .small-up-1>.column, .small-up-1>.columns { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .small-up-2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .small-up-2>.ba-benefits-list__item, .small-up-2>.column, .small-up-2>.columns { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .small-up-3 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .small-up-3>.ba-benefits-list__item, .small-up-3>.column, .small-up-3>.columns { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .small-up-4 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .small-up-4>.ba-benefits-list__item, .small-up-4>.column, .small-up-4>.columns { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .small-up-5 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .small-up-5>.ba-benefits-list__item, .small-up-5>.column, .small-up-5>.columns { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .small-up-6 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .small-up-6>.ba-benefits-list__item, .small-up-6>.column, .small-up-6>.columns { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .small-up-7 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .small-up-7>.ba-benefits-list__item, .small-up-7>.column, .small-up-7>.columns { -webkit-flex: 0 0 14.28571%; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571% } .small-up-8 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .small-up-8>.ba-benefits-list__item, .small-up-8>.column, .small-up-8>.columns { -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5% } .ba-single-content .small-collapse>.ba-benefits-list__item, .small-collapse>.column, .small-collapse>.columns { padding-right: 0; padding-left: 0 } .ba-single-content .small-uncollapse>.ba-benefits-list__item, .small-uncollapse>.column, .small-uncollapse>.columns { padding-right: .625rem; padding-left: .625rem } @media print, screen and (min-width:40em) { .medium-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .medium-offset-0 { margin-left: 0 } .medium-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .medium-offset-1 { margin-left: 8.33333% } .medium-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .medium-offset-2 { margin-left: 16.66667% } .medium-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .medium-offset-3 { margin-left: 25% } .medium-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .medium-offset-4 { margin-left: 33.33333% } .medium-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .medium-offset-5 { margin-left: 41.66667% } .medium-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .medium-offset-6 { margin-left: 50% } .medium-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .medium-offset-7 { margin-left: 58.33333% } .medium-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .medium-offset-8 { margin-left: 66.66667% } .medium-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .medium-offset-9 { margin-left: 75% } .medium-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .medium-offset-10 { margin-left: 83.33333% } .medium-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .medium-offset-11 { margin-left: 91.66667% } .medium-up-1 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .medium-up-1>.ba-benefits-list__item, .medium-up-1>.column, .medium-up-1>.columns { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .medium-up-2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .medium-up-2>.ba-benefits-list__item, .medium-up-2>.column, .medium-up-2>.columns { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .medium-up-3 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .medium-up-3>.ba-benefits-list__item, .medium-up-3>.column, .medium-up-3>.columns { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .medium-up-4 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .medium-up-4>.ba-benefits-list__item, .medium-up-4>.column, .medium-up-4>.columns { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .medium-up-5 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .medium-up-5>.ba-benefits-list__item, .medium-up-5>.column, .medium-up-5>.columns { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .medium-up-6 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .medium-up-6>.ba-benefits-list__item, .medium-up-6>.column, .medium-up-6>.columns { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .medium-up-7 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .medium-up-7>.ba-benefits-list__item, .medium-up-7>.column, .medium-up-7>.columns { -webkit-flex: 0 0 14.28571%; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571% } .medium-up-8 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .medium-up-8>.ba-benefits-list__item, .medium-up-8>.column, .medium-up-8>.columns { -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5% } } @media print, screen and (min-width:40em) and (min-width:40em) { .medium-expand { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px } } .ba-single-content .row.medium-unstack>.ba-benefits-list__item, .row.medium-unstack>.column, .row.medium-unstack>.columns { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100% } @media print, screen and (min-width:40em) { .ba-single-content .row.medium-unstack>.ba-benefits-list__item, .row.medium-unstack>.column, .row.medium-unstack>.columns { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px } } @media print, screen and (min-width:40em) { .ba-single-content .medium-collapse>.ba-benefits-list__item, .medium-collapse>.column, .medium-collapse>.columns { padding-right: 0; padding-left: 0 } .ba-single-content .medium-uncollapse>.ba-benefits-list__item, .medium-uncollapse>.column, .medium-uncollapse>.columns { padding-right: .625rem; padding-left: .625rem } } @media print, screen and (min-width:64em) { .large-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .large-offset-0 { margin-left: 0 } .large-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .large-offset-1 { margin-left: 8.33333% } .large-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .large-offset-2 { margin-left: 16.66667% } .large-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .large-offset-3 { margin-left: 25% } .large-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .large-offset-4 { margin-left: 33.33333% } .large-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .large-offset-5 { margin-left: 41.66667% } .large-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .large-offset-6 { margin-left: 50% } .large-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .large-offset-7 { margin-left: 58.33333% } .large-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .large-offset-8 { margin-left: 66.66667% } .large-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .large-offset-9 { margin-left: 75% } .large-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .large-offset-10 { margin-left: 83.33333% } .large-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .large-offset-11 { margin-left: 91.66667% } .large-up-1 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .large-up-1>.ba-benefits-list__item, .large-up-1>.column, .large-up-1>.columns { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .large-up-2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .large-up-2>.ba-benefits-list__item, .large-up-2>.column, .large-up-2>.columns { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .large-up-3 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .large-up-3>.ba-benefits-list__item, .large-up-3>.column, .large-up-3>.columns { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .large-up-4 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .large-up-4>.ba-benefits-list__item, .large-up-4>.column, .large-up-4>.columns { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .large-up-5 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .large-up-5>.ba-benefits-list__item, .large-up-5>.column, .large-up-5>.columns { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .large-up-6 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .large-up-6>.ba-benefits-list__item, .large-up-6>.column, .large-up-6>.columns { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .large-up-7 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .large-up-7>.ba-benefits-list__item, .large-up-7>.column, .large-up-7>.columns { -webkit-flex: 0 0 14.28571%; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571% } .large-up-8 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .large-up-8>.ba-benefits-list__item, .large-up-8>.column, .large-up-8>.columns { -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5% } } @media print, screen and (min-width:64em) and (min-width:64em) { .large-expand { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px } } .ba-single-content .row.large-unstack>.ba-benefits-list__item, .row.large-unstack>.column, .row.large-unstack>.columns { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100% } @media print, screen and (min-width:64em) { .ba-single-content .row.large-unstack>.ba-benefits-list__item, .row.large-unstack>.column, .row.large-unstack>.columns { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px } } @media print, screen and (min-width:64em) { .ba-single-content .large-collapse>.ba-benefits-list__item, .large-collapse>.column, .large-collapse>.columns { padding-right: 0; padding-left: 0 } .ba-single-content .large-uncollapse>.ba-benefits-list__item, .large-uncollapse>.column, .large-uncollapse>.columns { padding-right: .625rem; padding-left: .625rem } } @media screen and (min-width:75em) { .xlarge-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .xlarge-offset-0 { margin-left: 0 } .xlarge-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .xlarge-offset-1 { margin-left: 8.33333% } .xlarge-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .xlarge-offset-2 { margin-left: 16.66667% } .xlarge-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .xlarge-offset-3 { margin-left: 25% } .xlarge-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .xlarge-offset-4 { margin-left: 33.33333% } .xlarge-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .xlarge-offset-5 { margin-left: 41.66667% } .xlarge-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .xlarge-offset-6 { margin-left: 50% } .xlarge-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .xlarge-offset-7 { margin-left: 58.33333% } .xlarge-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .xlarge-offset-8 { margin-left: 66.66667% } .xlarge-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .xlarge-offset-9 { margin-left: 75% } .xlarge-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .xlarge-offset-10 { margin-left: 83.33333% } .xlarge-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .xlarge-offset-11 { margin-left: 91.66667% } .xlarge-up-1 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .xlarge-up-1>.ba-benefits-list__item, .xlarge-up-1>.column, .xlarge-up-1>.columns { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .xlarge-up-2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .xlarge-up-2>.ba-benefits-list__item, .xlarge-up-2>.column, .xlarge-up-2>.columns { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .xlarge-up-3 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .xlarge-up-3>.ba-benefits-list__item, .xlarge-up-3>.column, .xlarge-up-3>.columns { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .xlarge-up-4 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .xlarge-up-4>.ba-benefits-list__item, .xlarge-up-4>.column, .xlarge-up-4>.columns { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .xlarge-up-5 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .xlarge-up-5>.ba-benefits-list__item, .xlarge-up-5>.column, .xlarge-up-5>.columns { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .xlarge-up-6 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .xlarge-up-6>.ba-benefits-list__item, .xlarge-up-6>.column, .xlarge-up-6>.columns { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .xlarge-up-7 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .xlarge-up-7>.ba-benefits-list__item, .xlarge-up-7>.column, .xlarge-up-7>.columns { -webkit-flex: 0 0 14.28571%; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571% } .xlarge-up-8 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .xlarge-up-8>.ba-benefits-list__item, .xlarge-up-8>.column, .xlarge-up-8>.columns { -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5% } } @media screen and (min-width:75em) and (min-width:75em) { .xlarge-expand { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px } } .ba-single-content .row.xlarge-unstack>.ba-benefits-list__item, .row.xlarge-unstack>.column, .row.xlarge-unstack>.columns { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100% } @media screen and (min-width:75em) { .ba-single-content .row.xlarge-unstack>.ba-benefits-list__item, .row.xlarge-unstack>.column, .row.xlarge-unstack>.columns { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px } } @media screen and (min-width:75em) { .ba-single-content .xlarge-collapse>.ba-benefits-list__item, .xlarge-collapse>.column, .xlarge-collapse>.columns { padding-right: 0; padding-left: 0 } .ba-single-content .xlarge-uncollapse>.ba-benefits-list__item, .xlarge-uncollapse>.column, .xlarge-uncollapse>.columns { padding-right: .625rem; padding-left: .625rem } } @media screen and (min-width:101.25em) { .xxlarge-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .xxlarge-offset-0 { margin-left: 0 } .xxlarge-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .xxlarge-offset-1 { margin-left: 8.33333% } .xxlarge-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .xxlarge-offset-2 { margin-left: 16.66667% } .xxlarge-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .xxlarge-offset-3 { margin-left: 25% } .xxlarge-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .xxlarge-offset-4 { margin-left: 33.33333% } .xxlarge-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .xxlarge-offset-5 { margin-left: 41.66667% } .xxlarge-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .xxlarge-offset-6 { margin-left: 50% } .xxlarge-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .xxlarge-offset-7 { margin-left: 58.33333% } .xxlarge-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .xxlarge-offset-8 { margin-left: 66.66667% } .xxlarge-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .xxlarge-offset-9 { margin-left: 75% } .xxlarge-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .xxlarge-offset-10 { margin-left: 83.33333% } .xxlarge-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .xxlarge-offset-11 { margin-left: 91.66667% } .xxlarge-up-1 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .xxlarge-up-1>.ba-benefits-list__item, .xxlarge-up-1>.column, .xxlarge-up-1>.columns { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .xxlarge-up-2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .xxlarge-up-2>.ba-benefits-list__item, .xxlarge-up-2>.column, .xxlarge-up-2>.columns { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .xxlarge-up-3 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .xxlarge-up-3>.ba-benefits-list__item, .xxlarge-up-3>.column, .xxlarge-up-3>.columns { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .xxlarge-up-4 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .xxlarge-up-4>.ba-benefits-list__item, .xxlarge-up-4>.column, .xxlarge-up-4>.columns { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .xxlarge-up-5 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .xxlarge-up-5>.ba-benefits-list__item, .xxlarge-up-5>.column, .xxlarge-up-5>.columns { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .xxlarge-up-6 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .xxlarge-up-6>.ba-benefits-list__item, .xxlarge-up-6>.column, .xxlarge-up-6>.columns { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .xxlarge-up-7 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .xxlarge-up-7>.ba-benefits-list__item, .xxlarge-up-7>.column, .xxlarge-up-7>.columns { -webkit-flex: 0 0 14.28571%; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571% } .xxlarge-up-8 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .xxlarge-up-8>.ba-benefits-list__item, .xxlarge-up-8>.column, .xxlarge-up-8>.columns { -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5% } } @media screen and (min-width:101.25em) and (min-width:101.25em) { .xxlarge-expand { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px } } .ba-single-content .row.xxlarge-unstack>.ba-benefits-list__item, .row.xxlarge-unstack>.column, .row.xxlarge-unstack>.columns { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100% } @media screen and (min-width:101.25em) { .ba-single-content .row.xxlarge-unstack>.ba-benefits-list__item, .row.xxlarge-unstack>.column, .row.xxlarge-unstack>.columns { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px } } @media screen and (min-width:101.25em) { .ba-single-content .xxlarge-collapse>.ba-benefits-list__item, .xxlarge-collapse>.column, .xxlarge-collapse>.columns { padding-right: 0; padding-left: 0 } .ba-single-content .xxlarge-uncollapse>.ba-benefits-list__item, .xxlarge-uncollapse>.column, .xxlarge-uncollapse>.columns { padding-right: .625rem; padding-left: .625rem } } @media screen and (min-width:131.25em) { .x2large-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .x2large-offset-0 { margin-left: 0 } .x2large-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .x2large-offset-1 { margin-left: 8.33333% } .x2large-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .x2large-offset-2 { margin-left: 16.66667% } .x2large-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .x2large-offset-3 { margin-left: 25% } .x2large-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .x2large-offset-4 { margin-left: 33.33333% } .x2large-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .x2large-offset-5 { margin-left: 41.66667% } .x2large-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .x2large-offset-6 { margin-left: 50% } .x2large-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .x2large-offset-7 { margin-left: 58.33333% } .x2large-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .x2large-offset-8 { margin-left: 66.66667% } .x2large-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .x2large-offset-9 { margin-left: 75% } .x2large-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .x2large-offset-10 { margin-left: 83.33333% } .x2large-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .x2large-offset-11 { margin-left: 91.66667% } .x2large-up-1 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .x2large-up-1>.ba-benefits-list__item, .x2large-up-1>.column, .x2large-up-1>.columns { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .x2large-up-2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .x2large-up-2>.ba-benefits-list__item, .x2large-up-2>.column, .x2large-up-2>.columns { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .x2large-up-3 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .x2large-up-3>.ba-benefits-list__item, .x2large-up-3>.column, .x2large-up-3>.columns { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .x2large-up-4 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .x2large-up-4>.ba-benefits-list__item, .x2large-up-4>.column, .x2large-up-4>.columns { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .x2large-up-5 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .x2large-up-5>.ba-benefits-list__item, .x2large-up-5>.column, .x2large-up-5>.columns { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .x2large-up-6 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .x2large-up-6>.ba-benefits-list__item, .x2large-up-6>.column, .x2large-up-6>.columns { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .x2large-up-7 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .x2large-up-7>.ba-benefits-list__item, .x2large-up-7>.column, .x2large-up-7>.columns { -webkit-flex: 0 0 14.28571%; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571% } .x2large-up-8 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-single-content .x2large-up-8>.ba-benefits-list__item, .x2large-up-8>.column, .x2large-up-8>.columns { -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5% } } @media screen and (min-width:131.25em) and (min-width:131.25em) { .x2large-expand { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px } } .ba-single-content .row.x2large-unstack>.ba-benefits-list__item, .row.x2large-unstack>.column, .row.x2large-unstack>.columns { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100% } @media screen and (min-width:131.25em) { .ba-single-content .row.x2large-unstack>.ba-benefits-list__item, .row.x2large-unstack>.column, .row.x2large-unstack>.columns { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px } } @media screen and (min-width:131.25em) { .ba-single-content .x2large-collapse>.ba-benefits-list__item, .x2large-collapse>.column, .x2large-collapse>.columns { padding-right: 0; padding-left: 0 } .ba-single-content .x2large-uncollapse>.ba-benefits-list__item, .x2large-uncollapse>.column, .x2large-uncollapse>.columns { padding-right: .625rem; padding-left: .625rem } } .shrink { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100% } .column-block { margin-bottom: 1.25rem } .column-block>:last-child { margin-bottom: 0 } @media print, screen and (min-width:40em) { .column-block { margin-bottom: 1.25rem } .column-block>:last-child { margin-bottom: 0 } } blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul { margin: 0; padding: 0 } p { margin-bottom: 1rem; font-size: inherit; line-height: 1.75; text-rendering: optimizeLegibility } em, i { font-style: italic; line-height: inherit } b, strong { font-weight: 500; line-height: inherit } small { font-size: 80%; line-height: inherit } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "IBM Plex Mono", monospace; font-style: normal; font-weight: 300; color: inherit; text-rendering: optimizeLegibility } .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { line-height: 0; color: #cacaca } .h1, h1 { font-size: 1.5rem; line-height: 1.3; margin-top: 0; margin-bottom: .5rem } .h2, h2 { font-size: 1.25rem; line-height: 1.3; margin-top: 0; margin-bottom: .5rem } .h3, h3 { font-size: 1.125rem; line-height: 1.3; margin-top: 0; margin-bottom: .5rem } .h4, h4 { font-size: 1rem; line-height: 1.3; margin-top: 0; margin-bottom: .5rem } .h5, h5 { font-size: .875rem; line-height: 1.3; margin-top: 0; margin-bottom: .5rem } .h6, h6 { font-size: .875rem; line-height: 1.3; margin-top: 0; margin-bottom: .5rem } @media print, screen and (min-width:40em) { .h1, h1 { font-size: 2rem } .h2, h2 { font-size: 1.75rem } .h3, h3 { font-size: 1.5rem } .h4, h4 { font-size: 1.125rem } .h5, h5 { font-size: .875rem } .h6, h6 { font-size: .875rem } } a { line-height: inherit; color: #5fc9f8; text-decoration: none; cursor: pointer } a:focus, a:hover { color: var(--color) } a img { border: 0 } hr { clear: both; max-width: 100%; height: 0; margin: 20px auto 24px; border-top: 0; border-right: 0; border-bottom: none; border-left: 0 } dl, ol, ul { margin-bottom: 1rem; list-style-position: outside; line-height: 1.75 } li { font-size: inherit } ul { margin-left: 1.25rem; list-style-type: disc } ol { margin-left: 1.25rem } ol ol, ol ul, ul ol, ul ul { margin-left: 1.25rem; margin-bottom: 0 } dl { margin-bottom: 1rem } dl dt { margin-bottom: .3rem; font-weight: 500 } blockquote { margin: 0 0 1rem; padding: 0; border-left: none } blockquote, blockquote p { line-height: 1.75; color: inherit } abbr, abbr[title] { border-bottom: 1px dotted #121418; cursor: help; text-decoration: none } figure { margin: 0 } kbd { margin: 0; padding: .125rem .25rem 0; background-color: #e6e6e6; font-family: "IBM Plex Sans", monospace; color: #121418 } .subheader { margin-top: .2rem; margin-bottom: .5rem; font-weight: 300; line-height: 1.4; color: #8a8a8a } .lead { font-size: 125%; line-height: 1.6 } .stat { font-size: 2.5rem; line-height: 1 } p+.stat { margin-top: -1rem } ol.no-bullet, ul.no-bullet { margin-left: 0; list-style: none } .cite-block, cite { display: block; color: inherit; font-size: inherit } .cite-block:before, cite:before { content: none } .code-inline, code { border: 1px solid #cacaca; background-color: #e6e6e6; font-family: "IBM Plex Sans", monospace; font-weight: 300; color: #121418; display: inline; max-width: 100%; word-wrap: break-word; padding: .125rem .3125rem .0625rem } .code-block { border: 1px solid #cacaca; background-color: #e6e6e6; font-family: "IBM Plex Sans", monospace; font-weight: 300; color: #121418; display: block; overflow: auto; white-space: pre; padding: 1rem; margin-bottom: 1.5rem } .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .text-justify { text-align: justify } @media print, screen and (min-width:40em) { .medium-text-left { text-align: left } .medium-text-right { text-align: right } .medium-text-center { text-align: center } .medium-text-justify { text-align: justify } } @media print, screen and (min-width:64em) { .large-text-left { text-align: left } .large-text-right { text-align: right } .large-text-center { text-align: center } .large-text-justify { text-align: justify } } @media screen and (min-width:75em) { .xlarge-text-left { text-align: left } .xlarge-text-right { text-align: right } .xlarge-text-center { text-align: center } .xlarge-text-justify { text-align: justify } } @media screen and (min-width:101.25em) { .xxlarge-text-left { text-align: left } .xxlarge-text-right { text-align: right } .xxlarge-text-center { text-align: center } .xxlarge-text-justify { text-align: justify } } @media screen and (min-width:131.25em) { .x2large-text-left { text-align: left } .x2large-text-right { text-align: right } .x2large-text-center { text-align: center } .x2large-text-justify { text-align: justify } } .show-for-print { display: none!important } @media print { * { background: 0 0!important; color: #000!important; color-adjust: economy; box-shadow: none!important; text-shadow: none!important } .show-for-print { display: block!important } .hide-for-print { display: none!important } table.show-for-print { display: table!important } thead.show-for-print { display: table-header-group!important } tbody.show-for-print { display: table-row-group!important } tr.show-for-print { display: table-row!important } td.show-for-print { display: table-cell!important } th.show-for-print { display: table-cell!important } a, a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } .ir a:after, a[href^='#']:after, a[href^='javascript:']:after { content: '' } abbr[title]:after { content: " (" attr(title) ")" } blockquote, pre { border: 1px solid #8a8a8a; page-break-inside: avoid } thead { display: table-header-group } img, tr { page-break-inside: avoid } img { max-width: 100%!important } @page { margin: .5cm } h2, h3, p { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } .print-break-inside { page-break-inside: auto } } .flex-video, .responsive-embed { position: relative; height: 0; margin-bottom: 0; padding-bottom: 75%; overflow: hidden } .flex-video embed, .flex-video iframe, .flex-video object, .flex-video video, .responsive-embed embed, .responsive-embed iframe, .responsive-embed object, .responsive-embed video { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .flex-video.widescreen, .responsive-embed.widescreen { padding-bottom: 56.25% } .is-off-canvas-open { overflow: hidden } .js-off-canvas-overlay { position: absolute; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; transition: opacity .4s ease, visibility .4s ease; background: rgba(18, 20, 24, .25); opacity: 0; visibility: hidden; overflow: hidden } .js-off-canvas-overlay.is-visible { opacity: 1; visibility: visible } .js-off-canvas-overlay.is-closable { cursor: pointer } .js-off-canvas-overlay.is-overlay-absolute { position: absolute } .js-off-canvas-overlay.is-overlay-fixed { position: fixed } .off-canvas-wrapper { position: relative; overflow: hidden } .off-canvas { position: fixed; z-index: 12; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(18, 20, 24, .98) } [data-whatinput=mouse] .off-canvas { outline: 0 } .off-canvas.is-transition-push { z-index: 12 } .off-canvas.is-closed { visibility: hidden } .off-canvas.is-transition-overlap { z-index: 13 } .off-canvas.is-transition-overlap.is-open { box-shadow: inset 0 0 0 2px #5fc9f8 } .off-canvas.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .off-canvas-absolute { position: absolute; z-index: 12; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(18, 20, 24, .98) } [data-whatinput=mouse] .off-canvas-absolute { outline: 0 } .off-canvas-absolute.is-transition-push { z-index: 12 } .off-canvas-absolute.is-closed { visibility: hidden } .off-canvas-absolute.is-transition-overlap { z-index: 13 } .off-canvas-absolute.is-transition-overlap.is-open { box-shadow: inset 0 0 0 2px #5fc9f8 } .off-canvas-absolute.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .position-left { top: 0; left: 0; height: 100%; overflow-y: auto; width: 100vw; -webkit-transform: translateX(-100vw); -ms-transform: translateX(-100vw); transform: translateX(-100vw) } .off-canvas-content .off-canvas.position-left { -webkit-transform: translateX(-100vw); -ms-transform: translateX(-100vw); transform: translateX(-100vw) } .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .off-canvas-content.is-open-left.has-transition-push { -webkit-transform: translateX(100vw); -ms-transform: translateX(100vw); transform: translateX(100vw) } .position-left.is-transition-push { box-shadow: inset 0 0 0 0 rgba(18, 20, 24, .25) } .position-right { top: 0; right: 0; height: 100%; overflow-y: auto; width: 100vw; -webkit-transform: translateX(100vw); -ms-transform: translateX(100vw); transform: translateX(100vw) } .off-canvas-content .off-canvas.position-right { -webkit-transform: translateX(100vw); -ms-transform: translateX(100vw); transform: translateX(100vw) } .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .off-canvas-content.is-open-right.has-transition-push { -webkit-transform: translateX(-100vw); -ms-transform: translateX(-100vw); transform: translateX(-100vw) } .position-right.is-transition-push { box-shadow: inset 0 0 0 0 rgba(18, 20, 24, .25) } .position-top { top: 0; left: 0; width: 100%; overflow-x: auto; height: 100vh; -webkit-transform: translateY(-100vh); -ms-transform: translateY(-100vh); transform: translateY(-100vh) } .off-canvas-content .off-canvas.position-top { -webkit-transform: translateY(-100vh); -ms-transform: translateY(-100vh); transform: translateY(-100vh) } .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .off-canvas-content.is-open-top.has-transition-push { -webkit-transform: translateY(100vh); -ms-transform: translateY(100vh); transform: translateY(100vh) } .position-top.is-transition-push { box-shadow: inset 0 0 0 0 rgba(18, 20, 24, .25) } .position-bottom { bottom: 0; left: 0; width: 100%; overflow-x: auto; height: 100vh; -webkit-transform: translateY(100vh); -ms-transform: translateY(100vh); transform: translateY(100vh) } .off-canvas-content .off-canvas.position-bottom { -webkit-transform: translateY(100vh); -ms-transform: translateY(100vh); transform: translateY(100vh) } .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .off-canvas-content.is-open-bottom.has-transition-push { -webkit-transform: translateY(-100vh); -ms-transform: translateY(-100vh); transform: translateY(-100vh) } .position-bottom.is-transition-push { box-shadow: inset 0 0 0 0 rgba(18, 20, 24, .25) } .off-canvas-content { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-backface-visibility: hidden; backface-visibility: hidden } .off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push { transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease } .off-canvas-content.has-transition-push { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .off-canvas-content .off-canvas.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } @media print, screen and (min-width:40em) { .position-left.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible } .position-left.reveal-for-medium .close-button { display: none } .off-canvas-content .position-left.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas-content.has-reveal-left { margin-left: 100vw } .position-left.reveal-for-medium~.off-canvas-content { margin-left: 100vw } .position-right.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible } .position-right.reveal-for-medium .close-button { display: none } .off-canvas-content .position-right.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas-content.has-reveal-right { margin-right: 100vw } .position-right.reveal-for-medium~.off-canvas-content { margin-right: 100vw } .position-top.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible } .position-top.reveal-for-medium .close-button { display: none } .off-canvas-content .position-top.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas-content.has-reveal-top { margin-top: 100vw } .position-top.reveal-for-medium~.off-canvas-content { margin-top: 100vw } .position-bottom.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible } .position-bottom.reveal-for-medium .close-button { display: none } .off-canvas-content .position-bottom.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas-content.has-reveal-bottom { margin-bottom: 100vw } .position-bottom.reveal-for-medium~.off-canvas-content { margin-bottom: 100vw } } @media print, screen and (min-width:64em) { .position-left.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible } .position-left.reveal-for-large .close-button { display: none } .off-canvas-content .position-left.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas-content.has-reveal-left { margin-left: 100vw } .position-left.reveal-for-large~.off-canvas-content { margin-left: 100vw } .position-right.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible } .position-right.reveal-for-large .close-button { display: none } .off-canvas-content .position-right.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas-content.has-reveal-right { margin-right: 100vw } .position-right.reveal-for-large~.off-canvas-content { margin-right: 100vw } .position-top.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible } .position-top.reveal-for-large .close-button { display: none } .off-canvas-content .position-top.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas-content.has-reveal-top { margin-top: 100vw } .position-top.reveal-for-large~.off-canvas-content { margin-top: 100vw } .position-bottom.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible } .position-bottom.reveal-for-large .close-button { display: none } .off-canvas-content .position-bottom.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas-content.has-reveal-bottom { margin-bottom: 100vw } .position-bottom.reveal-for-large~.off-canvas-content { margin-bottom: 100vw } } @media screen and (min-width:75em) { .position-left.reveal-for-xlarge { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible } .position-left.reveal-for-xlarge .close-button { display: none } .off-canvas-content .position-left.reveal-for-xlarge { -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas-content.has-reveal-left { margin-left: 100vw } .position-left.reveal-for-xlarge~.off-canvas-content { margin-left: 100vw } .position-right.reveal-for-xlarge { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible } .position-right.reveal-for-xlarge .close-button { display: none } .off-canvas-content .position-right.reveal-for-xlarge { -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas-content.has-reveal-right { margin-right: 100vw } .position-right.reveal-for-xlarge~.off-canvas-content { margin-right: 100vw } .position-top.reveal-for-xlarge { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible } .position-top.reveal-for-xlarge .close-button { display: none } .off-canvas-content .position-top.reveal-for-xlarge { -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas-content.has-reveal-top { margin-top: 100vw } .position-top.reveal-for-xlarge~.off-canvas-content { margin-top: 100vw } .position-bottom.reveal-for-xlarge { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible } .position-bottom.reveal-for-xlarge .close-button { display: none } .off-canvas-content .position-bottom.reveal-for-xlarge { -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas-content.has-reveal-bottom { margin-bottom: 100vw } .position-bottom.reveal-for-xlarge~.off-canvas-content { margin-bottom: 100vw } } @media screen and (min-width:101.25em) { .position-left.reveal-for-xxlarge { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible } .position-left.reveal-for-xxlarge .close-button { display: none } .off-canvas-content .position-left.reveal-for-xxlarge { -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas-content.has-reveal-left { margin-left: 100vw } .position-left.reveal-for-xxlarge~.off-canvas-content { margin-left: 100vw } .position-right.reveal-for-xxlarge { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible } .position-right.reveal-for-xxlarge .close-button { display: none } .off-canvas-content .position-right.reveal-for-xxlarge { -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas-content.has-reveal-right { margin-right: 100vw } .position-right.reveal-for-xxlarge~.off-canvas-content { margin-right: 100vw } .position-top.reveal-for-xxlarge { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible } .position-top.reveal-for-xxlarge .close-button { display: none } .off-canvas-content .position-top.reveal-for-xxlarge { -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas-content.has-reveal-top { margin-top: 100vw } .position-top.reveal-for-xxlarge~.off-canvas-content { margin-top: 100vw } .position-bottom.reveal-for-xxlarge { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible } .position-bottom.reveal-for-xxlarge .close-button { display: none } .off-canvas-content .position-bottom.reveal-for-xxlarge { -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas-content.has-reveal-bottom { margin-bottom: 100vw } .position-bottom.reveal-for-xxlarge~.off-canvas-content { margin-bottom: 100vw } } @media screen and (min-width:131.25em) { .position-left.reveal-for-x2large { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible } .position-left.reveal-for-x2large .close-button { display: none } .off-canvas-content .position-left.reveal-for-x2large { -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas-content.has-reveal-left { margin-left: 100vw } .position-left.reveal-for-x2large~.off-canvas-content { margin-left: 100vw } .position-right.reveal-for-x2large { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible } .position-right.reveal-for-x2large .close-button { display: none } .off-canvas-content .position-right.reveal-for-x2large { -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas-content.has-reveal-right { margin-right: 100vw } .position-right.reveal-for-x2large~.off-canvas-content { margin-right: 100vw } .position-top.reveal-for-x2large { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible } .position-top.reveal-for-x2large .close-button { display: none } .off-canvas-content .position-top.reveal-for-x2large { -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas-content.has-reveal-top { margin-top: 100vw } .position-top.reveal-for-x2large~.off-canvas-content { margin-top: 100vw } .position-bottom.reveal-for-x2large { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible } .position-bottom.reveal-for-x2large .close-button { display: none } .off-canvas-content .position-bottom.reveal-for-x2large { -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas-content.has-reveal-bottom { margin-bottom: 100vw } .position-bottom.reveal-for-x2large~.off-canvas-content { margin-bottom: 100vw } } @media print, screen and (min-width:40em) { .off-canvas.in-canvas-for-medium { visibility: visible; height: auto; position: static; background: 0 0; width: auto; overflow: visible; transition: none } .off-canvas.in-canvas-for-medium.position-bottom, .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top { box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas.in-canvas-for-medium .close-button { display: none } } @media print, screen and (min-width:64em) { .off-canvas.in-canvas-for-large { visibility: visible; height: auto; position: static; background: 0 0; width: auto; overflow: visible; transition: none } .off-canvas.in-canvas-for-large.position-bottom, .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top { box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas.in-canvas-for-large .close-button { display: none } } @media screen and (min-width:75em) { .off-canvas.in-canvas-for-xlarge { visibility: visible; height: auto; position: static; background: 0 0; width: auto; overflow: visible; transition: none } .off-canvas.in-canvas-for-xlarge.position-bottom, .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top { box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas.in-canvas-for-xlarge .close-button { display: none } } @media screen and (min-width:101.25em) { .off-canvas.in-canvas-for-xxlarge { visibility: visible; height: auto; position: static; background: 0 0; width: auto; overflow: visible; transition: none } .off-canvas.in-canvas-for-xxlarge.position-bottom, .off-canvas.in-canvas-for-xxlarge.position-left, .off-canvas.in-canvas-for-xxlarge.position-right, .off-canvas.in-canvas-for-xxlarge.position-top { box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas.in-canvas-for-xxlarge .close-button { display: none } } @media screen and (min-width:131.25em) { .off-canvas.in-canvas-for-x2large { visibility: visible; height: auto; position: static; background: 0 0; width: auto; overflow: visible; transition: none } .off-canvas.in-canvas-for-x2large.position-bottom, .off-canvas.in-canvas-for-x2large.position-left, .off-canvas.in-canvas-for-x2large.position-right, .off-canvas.in-canvas-for-x2large.position-top { box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none } .off-canvas.in-canvas-for-x2large .close-button { display: none } } .hide { display: none!important } .invisible { visibility: hidden } @media print, screen and (max-width:39.99875em) { .hide-for-small-only { display: none!important } } @media screen and (max-width:0em), screen and (min-width:40em) { .show-for-small-only { display: none!important } } @media print, screen and (min-width:40em) { .hide-for-medium { display: none!important } } @media screen and (max-width:39.99875em) { .show-for-medium { display: none!important } } @media print, screen and (min-width:40em) and (max-width:63.99875em) { .hide-for-medium-only { display: none!important } } @media screen and (max-width:39.99875em), screen and (min-width:64em) { .show-for-medium-only { display: none!important } } @media print, screen and (min-width:64em) { .hide-for-large { display: none!important } } @media screen and (max-width:63.99875em) { .show-for-large { display: none!important } } @media print, screen and (min-width:64em) and (max-width:74.99875em) { .hide-for-large-only { display: none!important } } @media screen and (max-width:63.99875em), screen and (min-width:75em) { .show-for-large-only { display: none!important } } @media screen and (min-width:75em) { .hide-for-xlarge { display: none!important } } @media screen and (max-width:74.99875em) { .show-for-xlarge { display: none!important } } @media screen and (min-width:75em) and (max-width:101.24875em) { .hide-for-xlarge-only { display: none!important } } @media screen and (max-width:74.99875em), screen and (min-width:101.25em) { .show-for-xlarge-only { display: none!important } } @media screen and (min-width:101.25em) { .hide-for-xxlarge { display: none!important } } @media screen and (max-width:101.24875em) { .show-for-xxlarge { display: none!important } } @media screen and (min-width:101.25em) and (max-width:131.24875em) { .hide-for-xxlarge-only { display: none!important } } @media screen and (max-width:101.24875em), screen and (min-width:131.25em) { .show-for-xxlarge-only { display: none!important } } @media screen and (min-width:131.25em) { .hide-for-x2large { display: none!important } } @media screen and (max-width:131.24875em) { .show-for-x2large { display: none!important } } @media screen and (min-width:131.25em) { .hide-for-x2large-only { display: none!important } } @media screen and (max-width:131.24875em) { .show-for-x2large-only { display: none!important } } .show-for-sr, .show-on-focus { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; overflow: hidden!important; clip: rect(0, 0, 0, 0)!important; white-space: nowrap!important; border: 0!important } .show-on-focus:active, .show-on-focus:focus { position: static!important; width: auto!important; height: auto!important; overflow: visible!important; clip: auto!important; white-space: normal!important } .hide-for-portrait, .show-for-landscape { display: block!important } @media screen and (orientation:landscape) { .hide-for-portrait, .show-for-landscape { display: block!important } } @media screen and (orientation:portrait) { .hide-for-portrait, .show-for-landscape { display: none!important } } .hide-for-landscape, .show-for-portrait { display: none!important } @media screen and (orientation:landscape) { .hide-for-landscape, .show-for-portrait { display: none!important } } @media screen and (orientation:portrait) { .hide-for-landscape, .show-for-portrait { display: block!important } } .align-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .align-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .align-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .align-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .align-spaced { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around } .align-left.vertical.menu>li>a { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .align-right.vertical.menu>li>a { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .align-center.vertical.menu>li>a { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .align-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .align-self-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start } .align-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end } .align-self-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end } .align-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center } .align-self-middle { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .align-stretch { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } .align-self-stretch { -webkit-align-self: stretch; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch } .align-center-middle { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center } .small-order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1 } .small-order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2 } .small-order-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3 } .small-order-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4 } .small-order-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5 } .small-order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6 } @media print, screen and (min-width:40em) { .medium-order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1 } .medium-order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2 } .medium-order-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3 } .medium-order-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4 } .medium-order-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5 } .medium-order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6 } } @media print, screen and (min-width:64em) { .large-order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1 } .large-order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2 } .large-order-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3 } .large-order-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4 } .large-order-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5 } .large-order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6 } } @media screen and (min-width:75em) { .xlarge-order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1 } .xlarge-order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2 } .xlarge-order-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3 } .xlarge-order-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4 } .xlarge-order-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5 } .xlarge-order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6 } } @media screen and (min-width:101.25em) { .xxlarge-order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1 } .xxlarge-order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2 } .xxlarge-order-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3 } .xxlarge-order-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4 } .xxlarge-order-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5 } .xxlarge-order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6 } } @media screen and (min-width:131.25em) { .x2large-order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1 } .x2large-order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2 } .x2large-order-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3 } .x2large-order-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4 } .x2large-order-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5 } .x2large-order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6 } } .flex-container { display: -webkit-flex; display: -ms-flexbox; display: flex } .flex-child-auto { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } .flex-child-grow { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto } .flex-child-shrink { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto } .flex-dir-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .flex-dir-row-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .flex-dir-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .flex-dir-column-reverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } @media print, screen and (min-width:40em) { .medium-flex-container { display: -webkit-flex; display: -ms-flexbox; display: flex } .medium-flex-child-auto { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } .medium-flex-child-grow { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto } .medium-flex-child-shrink { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto } .medium-flex-dir-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .medium-flex-dir-row-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .medium-flex-dir-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .medium-flex-dir-column-reverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } @media print, screen and (min-width:64em) { .large-flex-container { display: -webkit-flex; display: -ms-flexbox; display: flex } .large-flex-child-auto { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } .large-flex-child-grow { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto } .large-flex-child-shrink { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto } .large-flex-dir-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .large-flex-dir-row-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .large-flex-dir-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .large-flex-dir-column-reverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } @media screen and (min-width:75em) { .xlarge-flex-container { display: -webkit-flex; display: -ms-flexbox; display: flex } .xlarge-flex-child-auto { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } .xlarge-flex-child-grow { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto } .xlarge-flex-child-shrink { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto } .xlarge-flex-dir-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .xlarge-flex-dir-row-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .xlarge-flex-dir-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .xlarge-flex-dir-column-reverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } @media screen and (min-width:101.25em) { .xxlarge-flex-container { display: -webkit-flex; display: -ms-flexbox; display: flex } .xxlarge-flex-child-auto { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } .xxlarge-flex-child-grow { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto } .xxlarge-flex-child-shrink { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto } .xxlarge-flex-dir-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .xxlarge-flex-dir-row-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .xxlarge-flex-dir-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .xxlarge-flex-dir-column-reverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } @media screen and (min-width:131.25em) { .x2large-flex-container { display: -webkit-flex; display: -ms-flexbox; display: flex } .x2large-flex-child-auto { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } .x2large-flex-child-grow { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto } .x2large-flex-child-shrink { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto } .x2large-flex-dir-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .x2large-flex-dir-row-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .x2large-flex-dir-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .x2large-flex-dir-column-reverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } body.is-loading { overflow: hidden } .ba-loader-wrap { background: #121418; position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 99 } .ba-loader-wrap__text { position: relative; z-index: 1; opacity: 0; font-size: 20px; letter-spacing: 4px; font-family: 'IBM Plex Mono', monospace } @media screen and (min-width:131.25em) { .ba-loader-wrap__text { font-size: 28px } } .ba-loader { position: relative; z-index: 1; opacity: 0; height: 2px; width: 108px; background: #373b49 } .ba-loader__progress { height: 2px; width: 100%; -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; background: #5fc9f8; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0) } @-webkit-keyframes splide-loading { 0% { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes splide-loading { 0% { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } .splide__container { position: relative; box-sizing: border-box } .splide__list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; margin: 0!important; padding: 0!important } .splide__pagination { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 95%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 } .splide__pagination li { list-style-type: none; display: inline-block; line-height: 1; margin: 0 } .splide { position: relative; visibility: hidden } .splide.is-active { visibility: visible } .splide__slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; outline: 0; position: relative; box-sizing: border-box; list-style-type: none!important; margin: 0 } .splide__slide img { vertical-align: bottom } .splide__slider { position: relative } .splide__spinner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: inline-block; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #999; border-left-color: transparent; -webkit-animation: splide-loading 1s linear infinite; animation: splide-loading 1s linear infinite } .splide__track { position: relative; z-index: 0; overflow: hidden } .splide--draggable>.splide__track>.splide__list>.splide__slide { -webkit-user-select: none; -ms-user-select: none; user-select: none } .splide--fade>.splide__track>.splide__list { display: block } .splide--fade>.splide__track>.splide__list>.splide__slide { position: absolute; top: 0; left: 0; z-index: 0; opacity: 0 } .splide--fade>.splide__track>.splide__list>.splide__slide.is-active { position: relative; z-index: 1; opacity: 1 } .splide--rtl { direction: rtl } .splide--ttb>.splide__track>.splide__list { display: block } .splide--ttb>.splide__pagination { width: auto } body { --color: #5fc9f8; --primary: #5fc9f8; --serv: #7ddb32; --bus: #ffb31f; --tech: #ad7bff } @media print, screen and (max-width:39.99875em) { body { font-size: 14px } } body::-webkit-scrollbar { width: 4px; background: 0 0 } body::-webkit-scrollbar-track { background: 0 0 } body::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .1); border-radius: 8px; transition: background .3s } body::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, .2) } [data-barba=container] { will-change: auto } /* [data-barba=container] { will-change: opacity } */ .ba-color-primary { --color: var(--primary); --hover-color: #fff } .ba-color-serv { --color: var(--serv); --hover-color: #fff } .ba-color-bus { --color: var(--bus); --hover-color: #fff } .ba-color-tech { --color: var(--tech); --hover-color: #fff } .proxet-blue { color: #5fc9f8 } .proxet-green { color: #7ddb32 } .proxet-orange { color: #ffb31f } .proxet-purple { color: #ad7bff } .ba-event-heading-1 { text-transform: uppercase; font-size: 32px; letter-spacing: 4px } @media print, screen and (min-width:40em) { .ba-event-heading-1 { font-size: 48px; margin-bottom: 15px } } @media print, screen and (min-width:40em) { .ba-event-heading-2 { margin-bottom: 24px } } .ba-event-position { font-family: "IBM Plex Mono", monospace; color: #747885; font-weight: 400; letter-spacing: 1.5px; line-height: 1.3; margin-bottom: 25px } @media print, screen and (min-width:40em) { .ba-event-position { margin-top: -20px; margin-bottom: 35px } } .ba-event-note { font-family: "IBM Plex Mono", monospace; font-weight: 400; font-size: 14px; text-transform: uppercase; color: #5fc9f8; padding-top: 10px } .ba-event-date { font-weight: 500 } .visually-hidden { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px } iframe { border: none } body { letter-spacing: 1px } svg { display: inline-block; vertical-align: middle; transition-timing-function: ease-in; transition-duration: .2s; transition-property: fill, stroke } /* Задержка цвета при наведение на текст ( оригинал - transition-duration: .2s; ) */ [type=button], [type=submit], a, button { transition-timing-function: ease-in; transition-duration: .0s; /* transition-duration: .2s; */ /* transition-property: color, border-color, background-color, opacity */ } /* END: Задержка цвета при наведение на текст ( оригинал - transition-duration: .2s; ) */ [type=button], [type=submit], button { color: inherit; cursor: pointer } .off-canvas-wrapper { position: relative; z-index: 3 } /* Высота страниц (Услуги/Возможности/Технологии) */ .ba-main-content-top { padding-top: 25px; padding-bottom: 50px } @media print, screen and (min-width:40em) { .ba-main-content-top { padding-bottom: 120px; padding-top: 50px } } /* END: Высота страниц (Услуги/Возможности/Технологии) */ .ba-main-content { padding-top: 90px; padding-bottom: 90px } @media print, screen and (min-width:40em) { .ba-main-content { padding-bottom: 140px; padding-top: 120px } } .ba-main-content--full-height { min-height: 100vh; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center } /* Ширина всех страниц */ .ba-container { width: calc(100% - 25px); margin-left: auto; margin-right: auto; position: relative; z-index: 1 } @media print, screen and (min-width:40em) { .ba-container { width: calc(100% - 80px) } } /* END: Ширина всех страниц */ .ba-container>.row { margin-left: -10px; margin-right: -10px; max-width: initial } .ba-section { padding: 40px 0 } @media print, screen and (min-width:40em) { .ba-section { padding: 80px 0 } } .ba-section-title { margin-bottom: 20px; font-size: 20px } @media print, screen and (min-width:40em) { .ba-section-title { margin-bottom: 28px; font-size: 24px } } .ba-single-content h1:after, .ba-title-dot:after { -webkit-animation: dotBlink .7s infinite; animation: dotBlink .7s infinite } @-webkit-keyframes dotBlink { 0% { opacity: 1 } 50% { opacity: 0 } 100% { opacity: 1 } } @keyframes dotBlink { 0% { opacity: 1 } 50% { opacity: 0 } 100% { opacity: 1 } } .ba-box-bg-line { background: rgba(55, 59, 64, .5) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZSURBVHgBxcghAQAAAIMw+pf+C+CZHLilebfsBfsvTewEAAAAAElFTkSuQmCC); background-size: 4px } .ba-box-bg-line--dark { background-color: rgba(18, 20, 24, .6) } .ba-box { margin: 0 -24px; position: relative } @media print, screen and (min-width:40em) { .ba-box { margin: 0 } .ba-box:after, .ba-box:before, .ba-box__inner:after, .ba-box__inner:before { content: ''; width: 7px; height: 7px; position: absolute; border: 1px solid #fff; border-width: 1px 0 0 1px } .ba-box:before { top: 0; left: 0 } .ba-box:after { border-width: 0 0 1px 1px; bottom: 0; left: 0 } } .ba-box__inner { padding: 24px } @media print, screen and (min-width:40em) { .ba-box__inner { padding: 16px 24px } .ba-box__inner:before { border-width: 1px 1px 0 0; top: 0; right: 0 } .ba-box__inner:after { border-width: 0 1px 1px 0; bottom: 0; right: 0 } } .ba-box-line__text { margin-bottom: 24px } @media print, screen and (min-width:40em) { .ba-box-line { padding: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .ba-box-line__text { padding: 16px 24px; margin-bottom: 0 } } @media print, screen and (min-width:40em) and (min-width:40em) { .ba-box-line__text { padding: 28px 36px } } @media print, screen and (min-width:40em) { .ba-box-line__text>:last-child { margin-bottom: 0 } .ba-box-line__text--line { padding: 16px 20px 16px 24px; border-right: 1px solid rgba(18, 20, 24, .5) } } .ba-box-line__link { text-transform: uppercase; font-size: 14px; padding: 16px 24px; text-align: center; min-width: 250px; font-family: "IBM Plex Mono", monospace; letter-spacing: 1px; font-weight: 300; color: #5fc9f8 } .ba-box-line__link:hover { color: var(--color); text-shadow: 0 0 5px } @media print, screen and (max-width:39.99875em) { .ba-box-line__link { display: block; border: 1px solid currentColor; width: 100%; padding: 14px } } .ba-img-box { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAQUlEQVR42mJgwAKi4zNtGdEFXd39dd++ff0FRdDDO9jAzNJehY2NnQW/IFC7HoZgXGK2nZGJlSIbGxsLsrEAAQYAQBUOUinuG4kAAAAASUVORK5CYII=); overflow: hidden; border: 1px solid rgba(95, 201, 248, .2); padding: 24px } div.calendly-overlay .calendly-popup { width: 100vw; height: 100vh; overflow: hidden; -webkit-transform: none; -ms-transform: none; transform: none; left: 0; top: 0; min-width: initial; max-width: initial; max-height: initial } div.calendly-overlay .calendly-popup-close { -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .7)); filter: drop-shadow(0 0 1px rgba(0, 0, 0, .7)) } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute!important; height: 1px; width: 1px; overflow: hidden } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6); clip: auto!important; color: #21759b; display: block; font-size: 14px; font-size: .875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000 } #wpadminbar { position: fixed!important } body.admin-bar.f-topbar-fixed .sticky.fixed { margin-top: 2rem } body.admin-bar.offcanvas .off-canvas.is-open { top: 2.875rem } @media screen and (min-width:48.9375em) { body.admin-bar.offcanvas .off-canvas.is-open { top: 2rem } } .wp-caption>figcaption { max-width: 100%; font-size: .8rem; color: #999; padding: .25rem 0 } p.wp-caption-text { font-size: 90%; color: #666; padding: .625rem 0 } .alignleft { float: left; padding-right: 1rem; margin: 0 } .alignright { float: right; padding-left: 1rem; margin: 0 } .aligncenter { display: block; margin-left: auto; margin-right: auto } @font-face { font-family: 'IBM Plex Mono'; font-display: swap; font-style: normal; font-weight: 300; src: url(https://profix.computer/system/fonts/ibm-plex-mono-v5-latin-300.woff2) format("woff2"), url(https://profix.computer/system/fonts/ibm-plex-mono-v5-latin-300.woff) format("woff"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD } @font-face { font-family: 'IBM Plex Mono'; font-display: swap; font-style: normal; font-weight: 400; src: url(https://profix.computer/system/fonts/ibm-plex-mono-v5-latin-regular.woff2) format("woff2"), url(https://profix.computer/system/fonts/ibm-plex-mono-v5-latin-regular.woff) format("woff"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD } @font-face { font-family: 'IBM Plex Mono'; font-display: swap; font-style: normal; font-weight: 500; src: url(https://profix.computer/system/fonts/ibm-plex-mono-v5-latin-500.woff2) format("woff2"), url(https://profix.computer/system/fonts/ibm-plex-mono-v5-latin-500.woff) format("woff"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD } @font-face { font-family: 'IBM Plex Sans'; font-display: swap; font-style: normal; font-weight: 300; src: url(https://profix.computer/system/fonts/ibm-plex-sans-v7-latin-300.woff2) format("woff2"), url(https://profix.computer/system/fonts/ibm-plex-sans-v7-latin-300.woff) format("woff"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD } @font-face { font-family: 'IBM Plex Sans'; font-display: swap; font-style: normal; font-weight: 400; src: url(https://profix.computer/system/fonts/ibm-plex-sans-v7-latin-regular.woff2) format("woff2"), url(https://profix.computer/system/fonts/ibm-plex-sans-v7-latin-regular.woff) format("woff"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD } @font-face { font-family: 'IBM Plex Sans'; font-display: swap; font-style: normal; font-weight: 500; src: url(https://profix.computer/system/fonts/ibm-plex-sans-v7-latin-500.woff2) format("woff2"), url(https://profix.computer/system/fonts/ibm-plex-sans-v7-latin-500.woff) format("woff"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD } @font-face { font-family: 'IBM Plex Sans'; font-display: swap; font-style: normal; font-weight: 300; src: url(https://profix.computer/system/fonts/ibm-plex-sans-v7-cyrillic-300.woff2) format("woff2"), url(https://profix.computer/system/fonts/ibm-plex-sans-v7-cyrillic-300.woff) format("woff"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: 'IBM Plex Sans'; font-display: swap; font-style: normal; font-weight: 400; src: url(https://profix.computer/system/fonts/ibm-plex-sans-v8-cyrillic-regular.woff2) format("woff2"), url(https://profix.computer/system/fonts/ibm-plex-sans-v8-cyrillic-regular.woff) format("woff"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: 'IBM Plex Sans'; font-display: swap; font-style: normal; font-weight: 500; src: url(https://profix.computer/system/fonts/ibm-plex-sans-v8-cyrillic-500.woff2) format("woff2"), url(https://profix.computer/system/fonts/ibm-plex-sans-v8-cyrillic-500.woff) format("woff"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: 'IBM Plex Mono'; font-display: swap; font-style: normal; font-weight: 300; src: url(https://profix.computer/system/fonts/ibm-plex-mono-v6-cyrillic-300.woff2) format("woff2"), url(https://profix.computer/system/fonts/ibm-plex-mono-v6-cyrillic-300.woff) format("woff"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: 'IBM Plex Mono'; font-display: swap; font-style: normal; font-weight: 400; src: url(https://profix.computer/system/fonts/ibm-plex-mono-v6-cyrillic-regular.woff2) format("woff2"), url(https://profix.computer/system/fonts/ibm-plex-mono-v6-cyrillic-regular.woff) format("woff"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: 'IBM Plex Mono'; font-display: swap; font-style: normal; font-weight: 500; src: url(https://profix.computer/system/fonts/ibm-plex-mono-v6-cyrillic-500.woff2) format("woff2"), url(https://profix.computer/system/fonts/ibm-plex-mono-v6-cyrillic-500.woff) format("woff"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } .menu { padding: 0; margin: 0; list-style: none; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } [data-whatinput=mouse] .menu li { outline: 0 } .menu .button, .menu a { line-height: 1; text-decoration: none; display: block; padding: 0 } .menu a, .menu button, .menu input, .menu select { margin-bottom: 0 } .menu input { display: inline-block } .menu, .menu.horizontal { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .menu.vertical { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } /* Высота верхниго значка ( Возврат ) */ @media print, screen and (max-width:39.99875em) { .ba-logo { margin-top: 0px; display: inline-block } } /* END: Высота верхниго значка ( Возврат ) */ /* Ширина верхней панели ( Возврат / Меню ) */ .ba-header { position: fixed; top: 0; left: 0; right: 0; z-index: 4; letter-spacing: 2px; text-transform: uppercase; font-size: 14px; width: calc(100% - 25px); padding-top: 20px } /* Мобильный вид */ @media print, screen and (min-width:40em) { .ba-header { width: calc(100% - 25px); padding-top: 20px } } /* END: Мобильный вид */ /* Стандартный вид */ @media print, screen and (min-width:64em) { .ba-header { width: calc(100% - 80px); padding-top: 20px; } } /* END: Стандартный вид */ /* END: Ширина верхней панели ( Возврат / Меню ) */ .ba-header:after { content: ''; position: fixed; top: 0; left: 0; right: 0; height: 100px; z-index: 0; background: linear-gradient(to top, rgba(18, 20, 24, 0) 0, #121418 61.43%); pointer-events: none } @media print, screen and (min-width:40em) { .ba-header:after { height: 140px } } .ba-header .row { position: relative; z-index: 1 } /* Высота нижних значков ( Кнопка вверх/О нас/Наш блог ) */ .ba-bottom-bar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 6; height: 40px; font-size: 14px; pointer-events: none; padding: 0 13px } @media print, screen and (min-width:40em) { .ba-bottom-bar { background: linear-gradient(180deg, rgba(18, 20, 24, 0) 0, #121418 50%, #121418 100%); height: 100px; padding: 0 13px } } @media print, screen and (min-width:64em) { .ba-bottom-bar { height: 115px; padding-top: 0; background: linear-gradient(180deg, rgba(18, 20, 24, 0) 0, #121418 100%); padding: 15px 40px 0 } .ba-bottom-bar:after, .ba-bottom-bar:before { content: ''; position: absolute; width: 450px; height: 420px; bottom: -200px; right: -200px; z-index: 0; pointer-events: none; border-radius: 50% } .ba-bottom-bar:after { background: radial-gradient(ellipse at center, #121418 0, rgba(18, 20, 24, .99) 40%, rgba(18, 20, 24, 0) 70%, rgba(18, 20, 24, 0) 100%) } .ba-bottom-bar:before { pointer-events: auto; width: 350px; height: 320px; border-radius: 20px 0 0 } } @media print, screen and (min-width:40em) and (max-width:63.99875em) { .ba-bottom-bar { z-index: 14 } } /* END: Высота нижних значков ( Кнопка вверх/О нас/Наш блог ) */ .ba-bottom-bar>* { pointer-events: auto; z-index: 1 } /* Логотип - размер влево/вправо */ .ba-toggle-logo { margin-left: 0px } /* END: Логотип - размер влево/вправо */ .ba-toggle-link { margin-left: 28px } .ba-estimate-link, .ba-toggle-link, ba-estimate-link-mob { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; letter-spacing: 1px } .ba-estimate-link { position: relative; font-family: "IBM Plex Mono", monospace; line-height: inherit; text-align: left; font-weight: 300 } .ba-estimate-link, .ba-estimate-link:focus, .ba-estimate-link:hover { color: var(--color, #5fc9f8) } .ba-estimate-link__inner { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .ba-estimate-link__text { margin: 0 0 0 12px } .ba-estimate-link__text:after { content: ''; position: absolute; bottom: -11px; right: 0; height: 1px; background: linear-gradient(270deg, var(--color, #5fc9f8) 0, rgba(95, 201, 248, 0) 100%); width: calc(100% + 20px) } .ba-estimate-link__text--rtl:after { right: auto; left: 0; background: linear-gradient(270deg, rgba(95, 201, 248, 0) 0, var(--color, #5fc9f8) 100%) } .ba-estimate-link-mob { width: 100%; color: #5fc9f8; margin-top: 40px; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: "IBM Plex Mono", monospace; text-transform: uppercase; line-height: inherit; text-align: left; font-weight: 300; padding: 20px; background-color: rgba(255, 255, 255, .03) } .ba-estimate-link-mob__text { margin: 0 0 0 12px } .ba-downloa-case-link { position: absolute!important; right: 40px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition-duration: .3s; transition-property: opacity, visibility; opacity: 0; visibility: hidden; transition-delay: 0s } .single-ba_case.has-file .ba-downloa-case-link { transition-delay: .3s; opacity: 1; visibility: visible } .ba-downloa-case-link.hidden { transition-delay: 0s!important; opacity: 0!important; visibility: hidden!important } .ba-bot-menu { transition-duration: .3s; transition-delay: .3s; transition-property: opacity, visibility } .single-ba_case.has-file .ba-bot-menu { transition-delay: 0s; opacity: 0; visibility: hidden } .ba-toggle-link .close-icon { display: none } .ba-toggle-link[aria-expanded=true] .close-icon { display: block } .menu-close-icon { width: 24px; height: 24px; background-image: url("data:image/svg+xml;base64,PHN2ZyBhdXRob3I9J1ZpY3RvciBEcm96ZCcgd2lkdGg9JzI0JyBoZWlnaHQ9JzI0JyBmaWxsPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGZpbGw9J3JlZCcgZD0nTTcuNjMxIDUgMTkgMTYuMzY4IDE2Ljg2OSAxOC41IDUuNSA3LjEzMlonLz48cGF0aCBmaWxsPSdyZWQnIGQ9J001LjUgMTYuMzY4IDE2Ljg2OSA1IDE5IDcuMTMxIDcuNjMyIDE4LjVaJy8+PC9zdmc+") } .ba-toggle-link[aria-expanded=true] .open-icon { display: none } .menu-open-icon { width: 40px; height: 40px; background-image: url("data:image/svg+xml;base64,PHN2ZyBhdXRob3I9J1ZpY3RvciBEcm96ZCcgZmlsbD0nbm9uZScgd2lkdGg9JzQwJyBoZWlnaHQ9JzQwJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9J2EnPjxzdG9wIG9mZnNldD0nMCcgc3RvcC1jb2xvcj0nIzVlYzlmOCcgc3RvcC1vcGFjaXR5PScuNScvPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0nIzVlYzlmOCcgc3RvcC1vcGFjaXR5PScwJy8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9J2InPjxzdG9wIG9mZnNldD0nMCcgc3RvcC1jb2xvcj0nIzVlYzlmOCcgc3RvcC1vcGFjaXR5PScuNScvPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0nIzVlYzlmOCcgc3RvcC1vcGFjaXR5PScwJy8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9J2MnPjxzdG9wIG9mZnNldD0nMCcgc3RvcC1jb2xvcj0nIzVlYzlmOCcgc3RvcC1vcGFjaXR5PScuNScvPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0nIzVlYzlmOCcgc3RvcC1vcGFjaXR5PScwJy8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9J2cnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJyB4MT0nNTIuODIxJyB4Mj0nNjAuODExJyB5MT0nMTEwLjg5JyB5Mj0nMTEwLjg5JyBncmFkaWVudFRyYW5zZm9ybT0nbWF0cml4KDEuNjA4MiAwIDAgMS44MjU4IC03OS4zNzIgLTE5MC40NjIpJz48c3RvcCBvZmZzZXQ9JzAnIHN0b3AtY29sb3I9JyM1ZWM5ZjgnIHN0b3Atb3BhY2l0eT0nLjUnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyM1ZWM5ZjgnIHN0b3Atb3BhY2l0eT0nMCcvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0nZCcgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnIHgxPSc1Mi44MjEnIHgyPSc2MC44MTEnIHhsaW5rOmhyZWY9JyNhJyB5MT0nMTIwLjIxJyB5Mj0nMTIwLjIxJyBncmFkaWVudFRyYW5zZm9ybT0nbWF0cml4KDEuNjA4MiAwIDAgMS44MjU4IC03OS4zNzIgLTE5MS40OCknLz48bGluZWFyR3JhZGllbnQgaWQ9J2YnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJyB4MT0nLTcxLjE3OScgeDI9Jy02My4xODknIHhsaW5rOmhyZWY9JyNiJyB5MT0nLTExMC44OScgeTI9Jy0xMTAuODknIGdyYWRpZW50VHJhbnNmb3JtPSdtYXRyaXgoLTEuODM5NzQgMCAwIC0yLjA4ODY1IC05NC42MDEgLTIyMC42MSknLz48bGluZWFyR3JhZGllbnQgaWQ9J2UnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJyB4MT0nLTcxLjE3OScgeDI9Jy02My4xODknIHhsaW5rOmhyZWY9JyNjJyB5MT0nLTEyMC4yMScgeTI9Jy0xMjAuMjEnIGdyYWRpZW50VHJhbnNmb3JtPSdtYXRyaXgoLTEuNjA4MiAwIDAgLTEuODI1OCAtODAuMDQ2IC0xOTEuNDgpJy8+PHBhdGggZD0nTTUuNTc1IDIxLjU3NWgxMi44NXYxMi44NUg1LjU3NVonIGZpbGw9J3VybCgjZCknLz48cGF0aCBkPSdNNS4yODggMjEuMjg4aDEzLjQyNHYxMy40MjRINS4yODhaJyBzdHJva2U9JyM1ZmM5ZjgnIHN0cm9rZS13aWR0aD0nLjU3NicvPjxwYXRoIGQ9J00zNC40MjUgMzQuNDI1aC0xMi44NXYtMTIuODVoMTIuODV6JyBmaWxsPSd1cmwoI2UpJy8+PHBhdGggZD0nTTIxLjI4OCAyMS4yODhoMTMuNDI0djEzLjQyNEgyMS4yODhaJyBzdHJva2U9JyM1ZmM5ZjgnIHN0cm9rZS13aWR0aD0nLjU3NicvPjxwYXRoIGQ9J00zNi4zNSAxOC4zNWgtMTQuN1YzLjY1aDE0Ljd6JyBmaWxsPSd1cmwoI2YpJy8+PHBhdGggZD0nTTIxLjMyNSAzLjMyNWgxNS4zNXYxNS4zNWgtMTUuMzV6JyBzdHJva2U9JyM1ZmM5ZjgnIHN0cm9rZS13aWR0aD0nLjY1Jy8+PHBhdGggZD0nTTUuNTc1IDUuNTc1aDEyLjg1djEyLjg1SDUuNTc1WicgZmlsbD0ndXJsKCNnKScvPjxwYXRoIGQ9J001LjI4OCA1LjI4OGgxMy40MjR2MTMuNDI0SDUuMjg4Wicgc3Ryb2tlPScjNWZjOWY4JyBzdHJva2Utd2lkdGg9Jy41NzYnLz48L3N2Zz4=") } .ba-toggle-link[aria-expanded=true] .ba-toggle-btn__close-text { opacity: 1; visibility: visible } @media print, screen and (min-width:64em) { .ba-toggle-link[aria-expanded=true] .ba-toggle-btn__close-text { transition-delay: .3s } } /* Высота верхних значков ( Логотип/Меню ) */ .ba-toggle-btn { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; padding-top: 0px; position: relative } @media print, screen and (min-width:40em) { .ba-toggle-btn { width: 40px; height: 40px; padding: 0px } } @media print, screen and (min-width:64em) { .ba-toggle-btn { padding: 0; height: 40px; width: 40px } } /* Логотип + размер */ .logo { width: 130px; height: 40px; background-image: url("data:image/svg+xml;base64,PHN2ZyBhdXRob3I9J1ZpY3RvciBEcm96ZCcgd2lkdGg9JzEzMCcgaGVpZ2h0PSc0MCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48ZyBjbGlwLXBhdGg9J3VybCgjYSknIHRyYW5zZm9ybT0ndHJhbnNsYXRlKC0yLjc1KSc+PGcgY2xpcC1wYXRoPSd1cmwoI2IpJyBzdHJva2Utd2lkdGg9JzMuMzE2JyB0cmFuc2Zvcm09J21hdHJpeCguMjE3MjYgMCAwIC4yMjAxMyAtMTguMjc0IC0uMzYyKScgc3Ryb2tlPScjNWZjOWY4Jz48cGF0aCBkPSdNMjcwLjc2NCA5Mi41YTc5LjI2NCA3Ny44NiAwIDAgMS03OS4yNjQgNzcuODYgNzkuMjY0IDc3Ljg2IDAgMCAxLTc5LjI2NC03Ny44NkE3OS4yNjQgNzcuODYgMCAwIDEgMTkxLjUgMTQuNjRhNzkuMjY0IDc3Ljg2IDAgMCAxIDc5LjI2NCA3Ny44NnonLz48cGF0aCBkPSdNMjYwLjUxNyA5Mi4zNjhjMCA0My4wNDQtMjkuNzA3IDc3Ljg2LTY2LjI2NCA3Ny44NnMtNjYuMjY1LTM0LjgxNi02Ni4yNjUtNzcuODYgMjkuNzA4LTc3Ljg2IDY2LjI2NS03Ny44NiA2Ni4yNjQgMzQuODE2IDY2LjI2NCA3Ny44NnonLz48cGF0aCBkPSdNMjQ3LjU4MSA5Mi41YzAgMjEuNTI4LTUuNzU2IDQxLjAwNy0xNS4wNDggNTUuMDk2LTkuMjk0IDE0LjA5MS0yMi4xMDQgMjIuNzY1LTM2LjIxNiAyMi43NjVzLTI2LjkyMy04LjY3NC0zNi4yMTYtMjIuNzY1Yy05LjI5My0xNC4wODktMTUuMDQ5LTMzLjU2OC0xNS4wNDktNTUuMDk2czUuNzU2LTQxLjAwNyAxNS4wNDktNTUuMDk3IDIyLjEwNC0yMi43NjMgMzYuMjE2LTIyLjc2MyAyNi45MjIgOC42NzMgMzYuMjE2IDIyLjc2M2M5LjI5MiAxNC4wOSAxNS4wNDggMzMuNTcgMTUuMDQ4IDU1LjA5N3onLz48cGF0aCBkPSdNMjMzLjY0NiA5Mi41YzAgMjEuNTQzLTMuOTcxIDQxLjAzMy0xMC4zOCA1NS4xMy0zLjIwNiA3LjA0Ny03LjAxNSAxMi43MzctMTEuMjMzIDE2LjY2LTQuMjE2IDMuOTIyLTguODI5IDYuMDctMTMuNjUyIDYuMDdzLTkuNDM2LTIuMTQ4LTEzLjY1MS02LjA3Yy00LjIxOC0zLjkyMy04LjAyOC05LjYxMy0xMS4yMzMtMTYuNjYtNi40MS0xNC4wOTctMTAuMzgtMzMuNTg3LTEwLjM4LTU1LjEzczMuOTctNDEuMDMzIDEwLjM4LTU1LjEzYzMuMjA1LTcuMDQ3IDcuMDE1LTEyLjczNyAxMS4yMzMtMTYuNjYgNC4yMTUtMy45MjIgOC44MjgtNi4wNyAxMy42NTEtNi4wN3M5LjQzNiAyLjE0OCAxMy42NTIgNi4wN2M0LjIxOCAzLjkyMyA4LjAyNyA5LjYxMyAxMS4yMzIgMTYuNjYgNi40MSAxNC4wOTcgMTAuMzggMzMuNTg3IDEwLjM4IDU1LjEzeicvPjxwYXRoIGQ9J00xOTEuNSA3OC4yNWMyMS45NDMgMCA0MS44MDIgMS42MjIgNTYuMTcgNC4yNDMgNy4xODYgMS4zMSAxMi45ODYgMi44NjkgMTYuOTg0IDQuNTkzIDEuOTk5Ljg2MiAzLjUzNCAxLjc2IDQuNTY1IDIuNjc4IDEuMDMxLjkyIDEuNTMxIDEuODM1IDEuNTMxIDIuNzM2cy0uNSAxLjgxNi0xLjUzMSAyLjczNmMtMS4wMzEuOTE4LTIuNTY2IDEuODE2LTQuNTY1IDIuNjc4LTMuOTk4IDEuNzI0LTkuNzk4IDMuMjgyLTE2Ljk4NCA0LjU5My0xNC4zNjggMi42MjEtMzQuMjI3IDQuMjQzLTU2LjE3IDQuMjQzcy00MS44MDItMS42MjItNTYuMTctNC4yNDNjLTcuMTg2LTEuMzExLTEyLjk4Ni0yLjg2OS0xNi45ODQtNC41OTMtMS45OTktLjg2Mi0zLjUzNC0xLjc2LTQuNTY0LTIuNjc4LTEuMDMyLS45Mi0xLjUzMi0xLjgzNS0xLjUzMi0yLjczNnMuNS0xLjgxNiAxLjUzMi0yLjczNmMxLjAzLS45MTggMi41NjUtMS44MTYgNC41NjQtMi42NzggMy45OTgtMS43MjQgOS43OTgtMy4yODIgMTYuOTg0LTQuNTkzIDE0LjM2OC0yLjYyIDM0LjIyNy00LjI0MyA1Ni4xNy00LjI0M3onLz48cGF0aCBkPSdNMTkxLjUgNDYuMjVjMjEuOTE3IDAgNDEuNzQ3IDUuMTk3IDU2LjA4OSAxMy41ODUgMTQuMzQ4IDguMzkzIDIzLjE2MSAxOS45NSAyMy4xNjEgMzIuNjY1cy04LjgxMyAyNC4yNzItMjMuMTYxIDMyLjY2NWMtMTQuMzQyIDguMzg4LTM0LjE3MiAxMy41ODUtNTYuMDg5IDEzLjU4NXMtNDEuNzQ3LTUuMTk3LTU2LjA4OS0xMy41ODVjLTE0LjM0OC04LjM5My0yMy4xNjEtMTkuOTUtMjMuMTYxLTMyLjY2NXM4LjgxMy0yNC4yNzIgMjMuMTYxLTMyLjY2NWMxNC4zNDItOC4zODggMzQuMTcyLTEzLjU4NSA1Ni4wODktMTMuNTg1WicvPjxwYXRoIGQ9J00xOTEuNSAyNi4yNWM0My44MTIgMCA3OS4yNSAyOS43MDEgNzkuMjUgNjYuMjVzLTM1LjQzOCA2Ni4yNS03OS4yNSA2Ni4yNS03OS4yNS0yOS43MDEtNzkuMjUtNjYuMjUgMzUuNDM4LTY2LjI1IDc5LjI1LTY2LjI1eicvPjwvZz48cGF0aCBkPSdNMzUuNjM2IDIzLjY4NGExLjE3MyAxLjE1MSAwIDAgMS0xLjE3MyAxLjE1MiAxLjE3MyAxLjE1MSAwIDAgMS0xLjE3My0xLjE1MiAxLjE3MyAxLjE1MSAwIDAgMSAxLjE3My0xLjE1MSAxLjE3MyAxLjE1MSAwIDAgMSAxLjE3MyAxLjE1MScgZmlsbD0nIzVmYzlmOCcvPjxwYXRoIGQ9J00zMS41MDcgMjcuMzY4aC04LjkxNG01LjE2MSAzLjY4NWgtNS4xNjFtMTAuNzkxLTcuMzY5SDIyLjU5M000MC4yODUgMjBhMS40MyAxLjQwNCAwIDAgMS0xLjQzIDEuNDA0QTEuNDMgMS40MDQgMCAwIDEgMzcuNDIyIDIwYTEuNDMgMS40MDQgMCAwIDEgMS40MzEtMS40MDRBMS40MyAxLjQwNCAwIDAgMSA0MC4yODQgMjB6JyBzdHJva2U9JyM1ZmM5ZjgnIHN0cm9rZS13aWR0aD0nLjkzJy8+PHBhdGggZD0nTTI3LjA3OCA2LjA3NGExLjE3MyAxLjE1MSAwIDAgMS0xLjE3MyAxLjE1MSAxLjE3MyAxLjE1MSAwIDAgMS0xLjE3My0xLjE1MSAxLjE3MyAxLjE1MSAwIDAgMSAxLjE3My0xLjE1MiAxLjE3MyAxLjE1MSAwIDAgMSAxLjE3MyAxLjE1MicgZmlsbD0nIzVmYzlmOCcvPjxwYXRoIGQ9J00zMy40MTIgMTQuMDR2NS41MjdtLTMuNzMtMTAuMTMxdjEwLjEzMU0yNS45MDUgNy4xMzN2MTIuNDM0bTExLjExLjQzM0gyMi41OTNNMjIuMTQgMi41N3YzNC44Nicgc3Ryb2tlPScjNWZjOWY4JyBzdHJva2Utd2lkdGg9Jy45MycvPjxwYXRoIGQ9J00zNC41ODUgMTIuOTgyYTEuMTczIDEuMTUxIDAgMCAxLTEuMTczIDEuMTUgMS4xNzMgMS4xNTEgMCAwIDEtMS4xNzMtMS4xNSAxLjE3MyAxLjE1MSAwIDAgMSAxLjE3My0xLjE1MiAxLjE3MyAxLjE1MSAwIDAgMSAxLjE3MyAxLjE1Mm0tNC41NzkgMTguMDcxYTEuMTczIDEuMTUxIDAgMCAxLTEuMTczIDEuMTUgMS4xNzMgMS4xNTEgMCAwIDEtMS4xNzMtMS4xNSAxLjE3MyAxLjE1MSAwIDAgMSAxLjE3My0xLjE1MiAxLjE3MyAxLjE1MSAwIDAgMSAxLjE3MyAxLjE1MicgZmlsbD0nIzVmYzlmOCcvPjxwYXRoIGQ9J002My4zODIgMTYuMzE5VjcuMDFoMy40ODRxMS4zMzUgMCAyLjAzLjc0Ny43MDYuNzQ3LjcwNiAyLjA1NHQtLjcwNyAyLjA1NHEtLjY5NC43NDctMi4wMjkuNzQ3aC0xLjk4OXYzLjcwOHptMS40OTUtNC45NDhoMS43NjJxMS4zODkgMCAxLjM4OS0xLjI4di0uNTc0cTAtMS4yNjYtMS4zODktMS4yNjZoLTEuNzYyWm04LjI0NyA0Ljk0OGgtMS40ODFWNy4wMWgzLjQ4M3ExLjMzNiAwIDIuMDMuNzQ3LjcwOC43NDcuNzA4IDIuMDU0IDAgMS4wNjYtLjUyIDEuNzYtLjUyMi42OTQtMS40OTYuODU0bDIuMTQ5IDMuODk0SDc2LjM0bC0xLjk3NS0zLjc2aC0xLjI0MnptMS43OS00Ljk2cTEuMzg3IDAgMS4zODctMS4yNjh2LS41NzRxMC0xLjI2Ni0xLjM4OC0xLjI2NmgtMS43ODl2My4xMDd6bTcuODcyIDUuMTJxLS44OCAwLTEuNTM1LS4zMi0uNjQtLjMzMy0xLjA2OC0uOTQ3LS40MTQtLjYxMy0uNjE0LTEuNTA3dC0uMi0yLjA0cTAtMS4xMzQuMi0yLjAyOC4yLS45MDYuNjE0LTEuNTIuNDI3LS42MTQgMS4wNjgtLjkzNC42NTQtLjMzMiAxLjUzNS0uMzMydDEuNTIyLjMzMnEuNjU0LjMyIDEuMDY5LjkzNC40MjcuNjE0LjYyNyAxLjUyLjIuODk0LjIgMi4wMjggMCAxLjE0Ni0uMiAyLjA0dC0uNjI3IDEuNTA3cS0uNDE1LjYxNC0xLjA2OS45NDctLjY0LjMyLTEuNTIyLjMybTAtMS4yNHExIDAgMS40MTUtLjc0OC40MTQtLjc2LjQxNC0yLjA1NHYtMS41NnEwLTEuMjgtLjQxNC0yLjAyOC0uNDEzLS43Ni0xLjQxNS0uNzZ0LTEuNDE1Ljc2cS0uNDE0Ljc0Ny0uNDE0IDIuMDI3djEuNTc1cTAgMS4yNzkuNDE0IDIuMDQuNDE0Ljc0NyAxLjQxNS43NDdtNS40MDMgMS4wOFY3LjAxaDUuOTk1djEuMjU0aC00LjV2Mi43MDdoNC4wODZ2MS4yNTRoLTQuMDg0djQuMDk0em04LjE4MSAwdi0xLjEzNGgyLjE5di03LjA0aC0yLjE5VjcuMDFoNS44NzR2MS4xMzRoLTIuMTg5djcuMDQxaDIuMTl2MS4xMzR6bTE0Ljk2MyAwaC0xLjY5NmwtMS4wNTUtMS44NC0uOTg3LTEuNzZoLS4wOGwtMS4wMTYgMS43Ni0xLjA5NCAxLjg0aC0xLjU5bDIuODU4LTQuNzc1LTIuNjgzLTQuNTM0aDEuNjk1bC45NDggMS42NjguOTYgMS43MTloLjA2OGwuOTYxLTEuNzIuOTg4LTEuNjY3aDEuNTg5bC0yLjY5NyA0LjUzNHpNNTguNTIyIDMzLjE1cS0xLjc3NSAwLTIuNjQ0LTEuMjUzLS44NTQtMS4yNTUtLjg1NC0zLjU2MXQuODU0LTMuNTYycS44NjktMS4yNTMgMi42NDQtMS4yNTMuNjggMCAxLjE3NC4xODcuNTA4LjE3My44NjkuNDkzLjM2LjMwNi42LjczMy4yNTQuNDE0LjQxNC44OTRsLTEuMzQ4LjQ1NHEtLjEwNy0uMzItLjI0LS42dC0uMzM1LS40OHEtLjItLjItLjQ4LS4zMi0uMjY3LS4xMi0uNjY3LS4xMi0uOTg5IDAtMS40NDIuNzU5LS40NTQuNzQ4LS40NTQgMi4wMjh2MS41NzNxMCAxLjI4LjQ1NCAyLjA0MS40NTMuNzQ3IDEuNDQuNzQ3LjQwMiAwIC42Ny0uMTIuMjgtLjEyLjQ4LS4zMnQuMzM0LS40OC4yNC0uNmwxLjM0OC40NTJxLS4xNi40OC0uNDE0LjkwOC0uMjQuNDEzLS42LjczMy0uMzYuMzA3LS44NjkuNDkzLS40OTMuMTc0LTEuMTc0LjE3NG03Ljk5NCAwcS0uODgyIDAtMS41MzYtLjMyLS42NC0uMzM0LTEuMDY3LS45NDctLjQxNS0uNjE0LS42MTUtMS41MDd0LS4yLTIuMDRxMC0xLjEzNC4yLTIuMDI3LjItLjkwOC42MTUtMS41Mi40MjctLjYxNCAxLjA2Ny0uOTM1LjY1NC0uMzMzIDEuNTM2LS4zMzN0MS41Mi4zMzNxLjY1Ni4zMiAxLjA3LjkzNC40MjYuNjEzLjYyNyAxLjUyLjIuODk0LjIgMi4wMjggMCAxLjE0Ni0uMiAyLjA0dC0uNjI4IDEuNTA4cS0uNDEzLjYxMy0xLjA2Ny45NDctLjY0LjMyLTEuNTIyLjMybTAtMS4yNHExIDAgMS40MTUtLjc0Ny40MTQtLjc2LjQxNC0yLjA1NHYtMS41NnEwLTEuMjgtLjQxNC0yLjAyOC0uNDE1LS43Ni0xLjQxNS0uNzZ0LTEuNDE2Ljc2cS0uNDEzLjc0OC0uNDEzIDIuMDI4djEuNTczcTAgMS4yOC40MTMgMi4wNDEuNDE0Ljc0NyAxLjQxNi43NDdtMTAuMTk1LTMuMzc1LjA0LTIuOGgtLjEwNmwtMS44NjkgNC43ODctMS44NjktNC43ODdINzIuOGwuMDQgMi44djQuNDU1aC0xLjMydi05LjMxaDEuODI3bDEuNDMgMy42OTVoLjA5MmwxLjQ0Mi0zLjY5NGgxLjcyM3Y5LjMxaC0xLjMyMlptMy40NDIgNC40NTV2LTkuMzFoMy40ODVxMS4zMzQgMCAyLjAyOS43NDguNzA3Ljc0Ny43MDcgMi4wNTN0LS43MDcgMi4wNTRxLS42OTUuNzQ3LTIuMDMuNzQ3aC0xLjk5djMuNzA4em0xLjQ5NS00Ljk0N2gxLjc2M3ExLjM4OCAwIDEuMzg4LTEuMjgydi0uNTcycTAtMS4yNjgtMS4zODgtMS4yNjhoLTEuNzYzem04LjA2LTQuMzYydjUuNzIxcTAgLjU3NC4wMjcgMS4wNC4wNC40NjcuMi44LjE2LjMyLjQ4LjQ5NS4zMjEuMTczLjg4My4xNzN0Ljg4LS4xNzNxLjMyLS4xNzQuNDgtLjQ5NC4xNi0uMzM0LjE4Ny0uOC4wNC0uNDY3LjA0LTEuMDQxdi01LjcyMWgxLjQ5NnY1LjQ1NXEwIDEtLjEyIDEuNzYtLjEwNy43NDctLjQ0IDEuMjU0LS4zMzQuNDkzLS45NDkuNzQ2LS42LjI1NC0xLjU3NC4yNTR0LTEuNTktLjI1NHEtLjYtLjI1My0uOTM0LS43NDYtLjMzNC0uNTA3LS40NTQtMS4yNTQtLjEwNy0uNzYtLjEwNy0xLjc2di01LjQ1NXptMTAuNTk3IDEuMjUzdjguMDU2SDk4Ljgxdi04LjA1NmgtMi45MjR2LTEuMjUzaDcuMzQ0djEuMjUzem00LjY1NyA4LjA1NnYtOS4zMWg1LjgzMnYxLjI1NGgtNC4zMzh2Mi43MDhoNC4xOHYxLjI1M2gtNC4xOHYyLjg0Mmg0LjM0djEuMjUzem05LjcxNCAwaC0xLjQ4di05LjMxaDMuNDgzcTEuMzM1IDAgMi4wMy43NDguNzA3Ljc0Ny43MDcgMi4wNTMgMCAxLjA2OC0uNTIgMS43NjItLjUyLjY5Mi0xLjQ5Ni44NTJsMi4xNSAzLjg5NWgtMS42NTZsLTEuOTc2LTMuNzZoLTEuMjR6bTEuNzktNC45NjFxMS4zODggMCAxLjM4OC0xLjI2OHYtLjU3MnEwLTEuMjY4LTEuMzg5LTEuMjY4aC0xLjc4OXYzLjEwOHonIHN0eWxlPSdsaW5lLWhlaWdodDoxLjI1Oy1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246JnF1b3Q7SUJNIFBsZXggTW9ubyBNZWRpdW0mcXVvdDsnIGFyaWEtbGFiZWw9J1BST0ZJWCBDT01QVVRFUicgZm9udC13ZWlnaHQ9JzUwMCcgZm9udC1zaXplPScxMy4zNDQnIGZvbnQtZmFtaWx5PSdJQk0gUGxleCBNb25vJyBmaWxsPScjZmZmJy8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0nYSc+PHBhdGggZD0nTTAgMGgxODR2MTgwSDBaJyBmaWxsPScjZmZmJy8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9J2InPjxwYXRoIGZpbGw9JyNmZmYnIGQ9J00xMDQgMTNoODB2MTU5aC04MHonLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=") } .ba-toggle-logo { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 130px; height: 40px; padding-top: 0px; position: relative } @media print, screen and (min-width:40em) { .ba-toggle-logo { width: 130px; height: 40px; padding: 0px } } @media print, screen and (min-width:64em) { .ba-toggle-logo { width: 130px; height: 40px; padding: 0 } } /* END: Логотип + размер */ /* END: Высота верхних значков ( Возврат/Меню ) */ .ba-toggle-btn__close-text { letter-spacing: 2px; font-family: "IBM Plex Mono", monospace; position: absolute; right: 100%; top: 50%; color: inherit; opacity: 0; visibility: hidden; -webkit-transform: translate(-28px, -50%); -ms-transform: translate(-28px, -50%); transform: translate(-28px, -50%); transition: opacity .3s, visibility .3s; transition-delay: 0s } .menu { text-transform: uppercase; letter-spacing: 2px; font-family: "IBM Plex Mono", monospace } /* Наши работы - динамический цвет блоков */ .menu a { color: #fff; line-height: 1.42 } .menu a:hover { color: var(--color); text-shadow: 0 0 5px } /* END: Наши работы - динамический цвет блоков */ .ba-off-canvas-menu { --color: #5fc9f8; font-size: 14px } .ba-off-canvas-menu>li:after, .ba-off-canvas-menu>li:before, .ba-off-canvas-menu>li>a:after, .ba-off-canvas-menu>li>a:before, .ba-off-canvas-menu>li>span:after, .ba-off-canvas-menu>li>span:before { content: none!important } .ba-off-canvas-menu>li+li { margin-top: 36px } @media print, screen and (min-width:40em) { .ba-off-canvas-menu>li+li { margin-top: 28px } } @media print, screen and (min-width:64em) { .ba-off-canvas-menu>li+li { margin: 0 0 0 3% } } /* Динамический цвет - мобильное меню ( заголовок ) */ .ba-off-canvas-menu a { color: var(--color); letter-spacing: 1px } .ba-off-canvas-menu a:hover { color: var(--color); text-shadow: 0 0 5px } /* END: Динамический цвет - мобильное меню ( заголовок ) */ .ba-menu-accord-item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center } @media print, screen and (min-width:40em) and (max-width:63.99875em) { .ba-menu-accord-item>a { font-size: 32px } } @media print, screen and (max-width:39.99875em) { .ba-menu-accord-item { font-size: 16px } } @media print, screen and (min-width:64em) { .ba-menu-accord-item>a:after { content: ':' } } .ba-nav-accord-btn { position: relative } .ba-nav-accord-btn.active i:before { -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg) } .ba-nav-accord-btn i { display: block; position: relative; z-index: 1; width: 28px; height: 28px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; background: #121418; border: 2px solid var(--color, #5fc9f8) } .ba-nav-accord-btn i:after, .ba-nav-accord-btn i:before { background-color: var(--color, #5fc9f8); content: ''; height: 12px; width: 2px; position: absolute; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: -webkit-transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s } .ba-nav-accord-btn i:after { -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg) } .ba-nav-accord-btn:before { width: 100%; height: 100%; top: 0; left: 0; box-shadow: 0 0 16px var(--color, #5fc9f8); opacity: .3; content: ''; position: absolute; z-index: 0; border-radius: 50% } @media print, screen and (max-width:63.99875em) { .ba-sub-menu-accord { display: none } .ba-sub-menu-accord a { font-size: 16px } } @media print, screen and (min-width:64em) { .ba-sub-menu-accord { display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important } } @media print, screen and (min-width:40em) and (max-width:63.99875em) { .ba-sub-menu-accord { padding-left: 20px } .ba-sub-menu-accord li+li { margin-top: 28px } } .ba-sub-menu { text-transform: initial; letter-spacing: 1px } /* Динамический цвет - мобильное меню */ .ba-sub-menu a { color: #fff; font-family: "IBM Plex Sans", monospace } .ba-sub-menu a:hover { color: var(--color); text-shadow: 0 0 5px } /* END: Динамический цвет - мобильное меню */ .ba-sub-menu li { margin-top: 24px } .ba-sub-menu li+li { margin-top: 28px } @media print, screen and (min-width:40em) { .ba-sub-menu li+li { margin-top: 24px } } @media print, screen and (min-width:64em) { .ba-sub-menu li+li { margin-top: 21px } } .ba-bot-menu li+li { margin-top: 20px } .ba-top-menu { transition: opacity .3s, visibility .3s; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .is-off-canvas-open .ba-top-menu { opacity: 0; visibility: hidden } /* Динамический цвет верхняя панель */ .ba-top-menu a:hover { color: #5fc9f8; color: var(--color, #5fc9f8); text-shadow: 0 0 5px } /* END: Динамический цвет верхняя панель */ /* Цвет не меняется в навигации (Правая верхняя часть) + динамический цвет */ .ba-top-menu-color a:hover { color: #5fc9f8; text-shadow: 0 0 5px } /* END: Цвет не меняется в навигации (Правая верхняя часть) + динамический цвет */ .ba-top-menu a { letter-spacing: 1.8px } @media screen and (min-width:75em) { .ba-top-menu a { letter-spacing: 2px } } .ba-top-menu li+li { margin-left: 20px; white-space: nowrap } @media screen and (min-width:75em) { .ba-top-menu li+li { margin-left: 48px } } .ba-bot-menu .ba-link-inner, .ba-top-menu .ba-link-inner { position: relative } .ba-bot-menu .ba-link-inner:after, .ba-top-menu .ba-link-inner:after { content: ''; position: absolute; height: 1px; background: #5fc9f8; background: var(--color, #5fc9f8); top: 100%; left: 0; right: 0; margin-top: 10px; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s } .ba-bot-menu .current-menu-item .ba-link-inner:after, .ba-top-menu .current-menu-item .ba-link-inner:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .off-canvas { top: 0; left: 0; right: 0; bottom: auto; min-height: 100vh; background-color: rgba(18, 20, 24, .98); padding: 94px 0 100px; transition: opacity .4s, visibility .4s; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 0; visibility: hidden } .off-canvas.is-open { opacity: 1; visibility: visible; transition: opacity .4s, visibility .4s } @media print, screen and (max-width:63.99875em) { .off-canvas { box-shadow: none!important } } @media print, screen and (min-width:40em) { .off-canvas { padding: 130px 0 } } @media print, screen and (min-width:64em) { .off-canvas { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 80px } } @media print, screen and (min-width:40em) { .off-canvas:before { opacity: .5; content: ''; position: absolute; right: 0; bottom: 0; top: 0; left: 0; z-index: 0; background-image: url("data:image/svg+xml,%3Csvg width='1279' height='720' viewBox='0 0 1279 720' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.5' d='M141 0v1400' stroke='%23373B40'/%3E%3Cpath opacity='.5' d='M-1 168h1280' stroke='%23373B40'/%3E%3Cpath opacity='.5' d='M-1 440h1280' stroke='%23373B40'/%3E%3Cpath opacity='.5' d='M-1 712h1280' stroke='%23373B40'/%3E%3Cpath opacity='.5' d='M412 0v1400' stroke='%23373B40'/%3E%3Cpath opacity='.5' d='M683 0v1400' stroke='%23373B40'/%3E%3Cpath opacity='.5' d='M954 0v1400' stroke='%23373B40'/%3E%3C/svg%3E"); background-size: cover } } @media print, screen and (min-width:40em) and (min-width:40em) and (max-width:63.99875em) { .off-canvas:before { background-size: 150%; background-attachment: fixed } } /* Мобильное меню (Scrool-bar) */ @media print, screen and (min-width:64em) { .off-canvas:after { content: ''; position: absolute; right: 0; bottom: 0; top: 0; left: 0; z-index: 0; background: linear-gradient(180deg, rgba(18, 20, 24, 0) 0, #121418 100%); top: auto; height: 0px /* height: 144px */ } } /* END: Мобильное меню (Scrool-bar) */ @media print, screen and (max-width:39.99875em) { .off-canvas { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZSURBVHgBxcghAQAAAIMw+pf+C+CZHLilebfsBfsvTewEAAAAAElFTkSuQmCC), url("data:image/svg+xml,%3Csvg width='1279' height='720' viewBox='0 0 1279 720' fill='none' opacity='.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.5' d='M141 0v1400' stroke='%23373B40'/%3E%3Cpath opacity='.5' d='M-1 168h1280' stroke='%23373B40'/%3E%3Cpath opacity='.5' d='M-1 440h1280' stroke='%23373B40'/%3E%3Cpath opacity='.5' d='M-1 712h1280' stroke='%23373B40'/%3E%3Cpath opacity='.5' d='M412 0v1400' stroke='%23373B40'/%3E%3Cpath opacity='.5' d='M683 0v1400' stroke='%23373B40'/%3E%3Cpath opacity='.5' d='M954 0v1400' stroke='%23373B40'/%3E%3C/svg%3E") fixed; background-color: rgba(18, 20, 24, .98); background-size: 4px, 150% } } .ba-square-hover, .ba-square-hover>a, .ba-square-hover>span, .menu li, .menu li>a, .menu li>span { position: relative } .ba-square-hover:after, .ba-square-hover:before, .ba-square-hover>a:after, .ba-square-hover>a:before, .ba-square-hover>span:after, .ba-square-hover>span:before, .menu li:after, .menu li:before, .menu li>a:after, .menu li>a:before, .menu li>span:after, .menu li>span:before { content: ''; width: 7px; height: 7px; position: absolute; border: 1px solid #fff; border-width: 1px 0 0 1px; transition: opacity .3s, -webkit-transform .3s; transition: transform .3s, opacity .3s; transition: transform .3s, opacity .3s, -webkit-transform .3s; opacity: 0; z-index: 1 } .ba-square-hover:before, .menu li:before { top: -10px; left: -10px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0 } .ba-square-hover:after, .menu li:after { border-width: 0 0 1px 1px; bottom: -10px; left: -10px; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100% } .ba-square-hover>a:before, .ba-square-hover>span:before, .menu li>a:before, .menu li>span:before { border-width: 1px 1px 0 0; top: -10px; right: -10px; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .ba-square-hover>a:after, .ba-square-hover>span:after, .menu li>a:after, .menu li>span:after { border-width: 0 1px 1px 0; bottom: -10px; right: -10px; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100% } .ba-square-hover:hover:after, .ba-square-hover:hover:before, .ba-square-hover:hover>a:after, .ba-square-hover:hover>a:before, .ba-square-hover:hover>span:after, .ba-square-hover:hover>span:before, .menu li:hover:after, .menu li:hover:before, .menu li:hover>a:after, .menu li:hover>a:before, .menu li:hover>span:after, .menu li:hover>span:before { opacity: 1 } [data-whatinput=touch] .ba-square-hover:hover:after, [data-whatinput=touch] .ba-square-hover:hover:before, [data-whatinput=touch] .ba-square-hover:hover>a:after, [data-whatinput=touch] .ba-square-hover:hover>a:before, [data-whatinput=touch] .ba-square-hover:hover>span:after, [data-whatinput=touch] .ba-square-hover:hover>span:before, [data-whatinput=touch] .menu li:hover:after, [data-whatinput=touch] .menu li:hover:before, [data-whatinput=touch] .menu li:hover>a:after, [data-whatinput=touch] .menu li:hover>a:before, [data-whatinput=touch] .menu li:hover>span:after, [data-whatinput=touch] .menu li:hover>span:before { opacity: 0; content: none } .ba-square-hover--fit:before { top: 0; left: 0 } .ba-square-hover--fit:after { bottom: 0; left: 0 } .ba-square-hover--fit>a:before, .ba-square-hover--fit>span:before { top: 0; right: 0 } .ba-square-hover--fit>a:after, .ba-square-hover--fit>span:after { bottom: 0; right: 0 } .ba-square-hover--large:before { top: -20px } .ba-square-hover--large:after { bottom: -30px } .ba-square-hover--large>a:before, .ba-square-hover--large>span:before { top: -20px } .ba-square-hover--large>a:after, .ba-square-hover--large>span:after { bottom: -30px } .post-navigation:after, .post-navigation:before { display: table; content: ' '; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .post-navigation:after { clear: both } .nav-previous { float: left } .nav-next { float: right } .ba-site-map-nav li:after, .ba-site-map-nav li:before, .ba-site-map-nav li>a:after, .ba-site-map-nav li>a:before { content: none } .ba-site-map-nav .level1 { margin-bottom: 24px } @media print, screen and (min-width:40em) { .ba-site-map-nav .level1 { margin-bottom: 40px } } /* Цвет - карта сайта ( заголовок ) */ .ba-site-map-nav .level1>a { font-size: 16px; display: inline-block; text-transform: none; margin-bottom: 16px; color: var(--color) } @media print, screen and (min-width:40em) { .ba-site-map-nav .level1>a { font-size: 18px; color: var(--color) } } /* END: Цвет - карта сайта ( заголовок ) */ /* Динамический цвет - карта сайта ( заголовок ) */ .ba-site-map-nav .level1>a:hover { color: var(--color); text-shadow: 0 0 5px } /* END: Динамический цвет - карта сайта ( заголовок ) */ .ba-site-map-nav .ba-sub-menu { padding-left: 20px } .ba-site-map-nav .ba-sub-menu li { margin: 0 0 16px } .ba-site-map-nav .ba-sub-menu li:last-child { margin-bottom: 0 } .ba-site-map-nav .ba-sub-menu li a { font-size: 14px } .ba-site-map-nav .ba-nav-others .ba-sub-menu { padding: 0 } .ba-site-map-nav .ba-nav-others .ba-sub-menu a { font-size: 16px } @media print, screen and (min-width:40em) { .ba-site-map-nav .ba-nav-others .ba-sub-menu a { font-size: 18px } } .ba-site-map-nav .ba-nav-others .ba-sub-menu .hide-for-site-map { display: none } .ba-site-map-nav .hide-for-site-map:not(.menu-item-has-children), .ba-site-map-nav .hide-for-site-map>a { display: none!important } /* Карта сайта - ЕСТЬ кнопка вверх - так же происходит плавное изчезновения бокового меню */ .page-template-site-map .ba-bot-menu, /* .page-template-site-map .ba-estimate-link, */ .page-template-site-map .ba-sphere-nav, .error404 .ba-sphere-nav, .page-template-about .ba-sphere-nav, .page-template-case-studies .ba-sphere-nav { transition-delay: 0s; opacity: 0; visibility: hidden } /* END: Карта сайта - ЕСТЬ кнопка вверх - так же происходит плавное изчезновения бокового меню */ .h0 { letter-spacing: 4px; font-size: 24px; text-transform: uppercase } @media print, screen and (min-width:40em) { .h0 { font-size: 64px } } .ba-case-block-more, .ba-extra-text { font-family: "IBM Plex Mono", monospace; letter-spacing: 2px } h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong, h4 b, h4 strong, h5 b, h5 strong, h6 b, h6 strong { font-weight: inherit } .h1, .h2, .h3, h1, h2, h3 { text-transform: uppercase; letter-spacing: 2px } .h4, .h5, .h6, h4, h5, h6 { letter-spacing: 2px } .position-relative { position: relative } /* Высота copyright на главной странице */ .padding-top-0 { padding-top: 0!important; /* padding: 100px 0; */ padding: 0px 0 } /* END: Высота copyright на главной странице */ .ba-fade-bg { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjgAAAAwCAMAAAArZ/CAAAAAD1BMVEVHcExxdoNzd4Vzd4Vzd4V1qwY0AAAABXRSTlMACRgoPahjWUgAAAW0SURBVHja7ZxbjuowEES7urP/NV8JMqkZPyg/YgJcIh0pRKP4g1Ll2BNjZr6ViZTI2X5wwwGM2B+8RNyJEn5n8/oQsd8+7njwtkW8xD4UDEWM+E5Y8bqXQBUcmAYD2AF2+LlwzZLrD47kW8EN35DnJ89MjhtBBn7gECRIeJIlT27NL/rGhuMcCc48FXMTyfkNPAQJY/lReVqSHw1zxEvFQ/eNzE4WPWKtnZP3TN43Vu6bUzonXOaC1DvHM5ozohnOC0hP5/AohCcvg1p+av0ChRhCPK/4hTYPETjyg0LfBLl/Rg86TyI7kZ8TM5vJjpWQnZNniXmBVY/XdBx/WceJt3Ac3Tk8J7X8lA/8KQRb3zk21DkbNOwb1TlktHOsv3N038x3zjQQPfNKjqPnVHqI+DqO6JvGzrHs7+qO479p6xvc4JcoSYfQfYMbbghk0GUKQwTM2/oGztt3cuQEbvk5wQ20IPKistPuN9qX61rM413XccjXcXSWFjhOXga6czDTOW35wYHrviHsG9052Jnum3rn4MzO8bPXa8is40RG11ofSF21tdcQOQRzIWBepBeD6Hn3srU+gum+gSD7G0u95+s4ZziO+LKF40x5zvq+4WclOqpv2jqnlqE8hnruXe8clKDT1PGWzulwHDLZNzov6zun3jd7ZL6Os9ZxsNJxLuic93Oc7Q0chyx3nAlsp9txeN2E48SOmHtPOQ6HyDvGycZCSG7R7TjuOUFG+sZ38nlUPRfR1DVX9g3zI5T4dMfBqY6zdTpOPNdxgln5DMexQvzYN+UcpWUgOmfacaLiNXnfJLfvdBzdOZjpnKLXVPpmfef46es4zMxSx/Er1nE4xHMdx1c5zvV9Q2zCcfKMEOx0+02g8FwiQdochzhhXmRGBvsGIiMDjgPZMd7nOOhFOA4udpzoX8fRQ1zgOOf0zfp5FTL0Mwot6zieOo7uHIx2TqDqwtuQ45C0b3TnYARP+sbn+4bIrPjk/Lt1bl7oGVy3jkPm13GIce34oxyHLF7Hqa/hmL2X42yv7Tj+0Y6TdAzqjiPn3sQTsJMLiB/w9h3v+bFz1PYaPffWHaOzlN5evBsaPG90nK55lO+0ZGk8O+RNHCeudRyNdpz5dRyvZMeF+5w2p9LH/H47r3VO13t+um/qQ9BxRN8Mdo61do7uG+047Jx6dogOwaq+sZoXt3iwFfH0nENU+kYNoZFOXMtIchuNR+0ZRZzAa3rN84zjtuIZZcSJyst8duYdh/iljrN9mOMQf67jGNH/c+jsHL3/pXJdZKY6hCaGOgcBDhGt6D1TkTlOsW+M5xWqncPcsG+I7BuNFVjiOHjoOLHQccLIhzmOmFNd7Thj++1c77fjbef22+Uukyu3zo7IRR3f6XhGIcPaSTOh+wYpCxwHaxxHruP4f+U4PuY45LzOWZUZs6H9dt623463Hd5vN9E3JDr325GRzCC6OmciM0/qGx5PdJyDWLiOs32U4/i16zhY6zj4Ok7aN+SdHcdyTDiOcJqR300SjnPOTzMFUU6z1c85RDFPOjvMDxHXmRfZOa46J52Pk4nMkE9xHPJKjsO+mXech51DLnWckc6Z/92kk36aiVkSnSP6hiDQmZ/hvrHOd41d9M2qzvnQdZzt5dZxYt5x4POOs75zqvvtCB6hf7ag8psCm8/st8vR++00XY6DG9AMOfPsu37zc6kF6zj+XcdZ5zgOtY6z81qOg6nOMdU57Jukc9gvar9djfn9dl2OgwPdN/r5pedUvnpfDDGVGxvbb+cbxryGtx963T3+EkleqkA4zojX8Dx+M+o4Yg4lHGcWI+c6jk85jn8dh/D6QI6e6DgyNw2dU87OUN/Qafq39EWlc7y5c5Az1Dd558w7DkTnCMcZxXTnYNBxCOoIx/FGx4mv49BxgEsdxxY4DmYcx5/vOP5Ux/E5x/E1jqPz0vPu6D8/6mvmA935DgAAAABJRU5ErkJggg==) no-repeat 0 50% } .ba-tabs-wrap, .wp-block-image, blockquote, h1, h2, h3, h4, h5, h6, ol, p, ul { margin-bottom: 20px } @media print, screen and (min-width:40em) { .ba-tabs-wrap, .wp-block-image, blockquote, h1, h2, h3, h4, h5, h6, ol, p, ul { margin-bottom: 24px } } @media print, screen and (min-width:40em) { .is-style-two-col { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 22px; column-gap: 22px } .is-style-two-col>li { -webkit-column-break-inside: avoid; break-inside: avoid-column } } .ba-single-content { letter-spacing: .05em } .ba-single-content .h4, .ba-single-content .h5, .ba-single-content .h6, .ba-single-content h4, .ba-single-content h5, .ba-single-content h6 { font-weight: 400 } .ba-single-content p+p { margin-top: -14px } @media print, screen and (min-width:40em) { .ba-single-content p+p { margin-top: -18px } } .ba-single-content li { line-height: 1.6 } .ba-single-content h2+ol, .ba-single-content h2+ul, .ba-single-content h3+ol, .ba-single-content h3+ul, .ba-single-content h4+ol, .ba-single-content h4+ul, .ba-single-content h5+ol, .ba-single-content h5+ul, .ba-single-content h6+ol, .ba-single-content h6+ul { margin-top: -10px } .ba-single-content ul { margin-left: 0; list-style: none } .ba-single-content ul li { text-indent: -24px; padding-left: 24px } .ba-single-content ul li:before { content: ''; display: inline-block; margin-right: 14px; margin-left: 2px; width: 8px; height: 8px; border: 1px solid #5fc9f8; border-color: var(--color, #5fc9f8); margin-top: -1px } .ba-single-content ul li+li { margin-top: 10px } @media print, screen and (min-width:40em) { .ba-single-content ul li+li { margin-top: 15px } } .ba-single-content ol { margin-left: 0; list-style: none; counter-reset: li-count } .ba-single-content ol li { position: relative; padding-left: 21px } .ba-single-content ol li:nth-child(n+10) { padding-left: 30px } /* Номерация в услугах некорректно отображается в мобильном виде */ .ba-single-content ol li:before { /* position: absolute; */ left: 0; top: 2px; counter-increment: li-count; content: counter(li-count); display: inline-block; color: var(--color, #5fc9f8); font-size: 87%; font-family: "IBM Plex Mono", monospace; width: 18px } /* END: Номерация в услугах некорректно отображается в мобильном виде */ .ba-single-content ol li+li { margin-top: 10px } @media print, screen and (min-width:40em) { .ba-single-content ol li+li { margin-top: 15px } } .ba-single-content ol li>ol { margin-top: 8px } .ba-single-content ol li>ol li { counter-increment: listAlpha } .ba-single-content ol li>ol li:before { width: 0; border: none; content: counter(listAlpha, lower-alpha)!important } .ba-single-content .is-style-lower-alpha { margin-left: 22px; counter-reset: listStyle } .ba-single-content .is-style-lower-alpha li { counter-increment: listStyle; text-indent: -24px; padding-left: 24px } .ba-single-content .is-style-lower-alpha li:before { width: 0; border: none; content: counter(listStyle, lower-alpha)!important } .ba-single-content .is-style-sub-header { text-transform: uppercase; font-size: 14px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjkAAAAUBAMAAACdaDGfAAAAGFBMVEUAAABydYV0d4dyd4Nzd4V0eIV1eYV0eoa6u0JxAAAACHRSTlMABwsPFR0iGSo3clMAAAPCSURBVFjD1ddNc9MwEMbxleXEV4WG5CoohavK61WlmeEah36AtvQDpIXvP+xuVtnaqq20w6t/Y485xvPnqQ3QRDKNUz/1C79wC/favQaygOdwwncf0Sf4glbsHH2FDWzMxrRsLbbVtlrjSYINNtrAvPWNrx2DGuZ7RyjdP4OXey/QqQgQjPKIrolT1Q4QM2CGHKTDwfixQhfsG1yzDbRwRQyryKW9tFsbaxXqMAkTP8GH2vjGTVhD4I04Ru/23qLPcIZu8TzFM4mGVQF5Rb/Uspp/sxUVerY363kBnrkBfJgduR8+msjCNGA6CNMhmg6hdJCko/EYjeeBdCpOR+OpJZ5COnk8hXSUhDMej+N4XOnJ8HGBbiSbK7WP59JcVsyuNZ4mUi5TMUF8B1NokMbzSuI5RxwNaykX2IpI8nis52gEJVMzTkfjkVz4ytkop3dD+WhEQ0e9253Q353F/7o7UNodp+mUdkcWZ4PydFCWDuF0snggxZPvDqfD8bB+PGansztpcRh04snT0cXJ43koHNBgCukcvjurR+1O7O9O83t25+nxmOLurMyFuTHf9r/zSq6saqt1ovHM4zIu/dLtPMdzjtfnQF71HFM47ExpOmZLyaju7ij6tZYdwbOubHccSsFoOiodzugsl3YnHrI7q0fuTkT6J+u37I570vsOMrI7Znx3zIWm042n0ng0HTTndDSe+T6ekzwddI7nWU9I6aCguruTx3Mk8QztTh6PG9odvi/kMw2UDXMLlHaHnMAHpG86Pzia7+iOZ7w1ih6hLk73PYfwjD+0O8cJJ/MW0fVUZbujJBe8KhAD2RDHDOirsivszrVpn7o78/HdQQfuTjW8O25od2aP2R3NJcVjyvH4LB7oxvMFYTqokw7cS6cTj+xNjaek4+6nMxCPpoM66YzEM5COKabDyZCDdqd9+u4sdXcK6aiY7072vqNgbHc0nvLu6KH/Gk8n/IndoXT+1u7MCrszfPwwN+iaUsl3x7Z2zaKVz/IGLcMi8IMced85RvJZzu7gVr+qUNqdiI+yszf6WU7J1PpZnu3ObO+F8KKXjkEpFXOfM0DgF+3O6uDdCaK8O1k6HM6hu1P1gRp602EH/u/SdLJ4bIpH00nxuIfj+ZCnI1rY5vGYraaTWI0H8niOUDkdl67IGcEZQQ5+xfsO+37w7sR/6H1Hd8dl8Ywfd+aacTpVy3+mGP2rvq23RKLxO0u/8L10CMwxmvfiHXxW8nHO6ZgkMHqIEo8lrgPqlItK3xkpG9VNRxnRT6Ycz0/4yKaowOq/YgAAAABJRU5ErkJggg==) 0 50% no-repeat; margin-bottom: 20px; line-height: 20px } .ba-single-content .is-style-uppercase { text-transform: uppercase } .ba-single-content ul.is-style-ex-mark li, .ba-single-content ul.is-style-tilda li, .ba-single-content ul.is-style-two-ex-mark li { text-indent: -24px; padding-left: 24px } .ba-single-content ul.is-style-ex-mark li:before, .ba-single-content ul.is-style-tilda li:before, .ba-single-content ul.is-style-two-ex-mark li:before { text-indent: initial; content: '!'; display: inline-block; color: #5fc9f8; margin-right: 14px; margin-left: 2px; width: 8px; height: 8px; border: none; margin-top: -1px; font: 500 italic 12px/1 "IBM Plex Sans", monospace } .ba-single-content ul.is-style-two-ex-mark li:before { width: 11px; margin-right: 11px; content: '!!' } .ba-single-content ul.is-style-tilda li:before { content: '~' } .ba-single-content .ba-benefits-list { margin: 0; padding: 0; list-style: none; margin-top: -20px!important } .ba-single-content .ba-benefits-list__icon { width: 48px; margin-right: 24px } .ba-single-content .ba-benefits-list__item { margin-top: 32px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; text-indent: 0 } .ba-single-content .ba-benefits-list__item:before { display: none } .ba-single-content .ba-benefits-list__desc { line-height: 1.5 } .ba-single-content .ba-benefits-list__desc>:last-child { margin-bottom: 0 } .ba-single-content .ba-large-list { margin-left: 0; list-style: none; counter-reset: li-count } .ba-single-content .ba-large-list__title { margin-bottom: 12px; text-transform: uppercase } @media print, screen and (min-width:40em) { .ba-single-content .ba-large-list__title { font-size: 20px } } @media print, screen and (max-width:39.99875em) { .ba-single-content .ba-large-list__title { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% - 68px) } } .ba-single-content .ba-large-list>li { position: relative; text-indent: initial; padding: 0 } @media print, screen and (min-width:40em) { .ba-single-content .ba-large-list>li { padding-left: 70px } } @media print, screen and (min-width:64em) { .ba-single-content .ba-large-list>li { padding: 0; min-height: 60px } } .ba-single-content .ba-large-list>li:after { top: 0; left: 0; content: ''; position: absolute; color: var(--color, #5fc9f8); width: 48px; height: 60px; border: 1px solid currentColor; opacity: .3; z-index: 0 } @media print, screen and (min-width:64em) { .ba-single-content .ba-large-list>li:after { right: 100%; margin-right: 32px; left: auto } } .ba-single-content .ba-large-list>li:before { margin: 0; z-index: 1; counter-increment: li-count; content: counter(li-count); color: var(--color, #5fc9f8); font-size: 24px; font-family: "IBM Plex Mono", monospace; width: 48px; height: 58px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAQUlEQVR42mJgwAKi4zNtGdEFXd39dd++ff0FRdDDO9jAzNJehY2NnQW/IFC7HoZgXGK2nZGJlSIbGxsLsrEAAQYAQBUOUinuG4kAAAAASUVORK5CYII=); font-weight: 400 } @media print, screen and (min-width:40em) { .ba-single-content .ba-large-list>li:before { left: 0; position: absolute } } @media print, screen and (min-width:64em) { .ba-single-content .ba-large-list>li:before { right: 100%; margin-right: 32px; left: auto } } @media print, screen and (max-width:39.99875em) { .ba-single-content .ba-large-list>li { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .ba-single-content .ba-large-list>li:after, .ba-single-content .ba-large-list>li:before { font-size: 20px; width: 48px; height: 48px; margin-right: 20px; margin-bottom: 12px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start } } .ba-single-content .ba-large-list>li>:last-child { margin-bottom: 0 } .ba-single-content .ba-large-list>li+li { margin-top: 14px } @media print, screen and (min-width:40em) { .ba-single-content .ba-large-list>li+li { margin-top: 28px } } .ba-single-content .ba-large-list--icon li:after, .ba-single-content .ba-large-list--icon li:before { content: none } .ba-single-content .ba-large-list--icon li .attachment-thumbnail { width: 48px; height: auto; z-index: 0 } @media print, screen and (min-width:40em) { .ba-single-content .ba-large-list--icon li .attachment-thumbnail { top: 0; left: 0; position: absolute } } @media print, screen and (min-width:64em) { .ba-single-content .ba-large-list--icon li .attachment-thumbnail { right: 100%; margin-right: 32px; left: auto } } @media print, screen and (max-width:39.99875em) { .ba-single-content .ba-large-list--icon li .attachment-thumbnail { margin-right: 20px; margin-bottom: 12px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start } } /* Высота страниц-v2 (Услуги/Возможности/Технологии/Прейскурант) */ .wp-block-group { position: relative; padding-top: 60px } .wp-block-group-price-list { padding-top: 60px } .wp-block-group+.wp-block-group { padding-top: 35px } @media print, screen and (min-width:40em) { .wp-block-group+.wp-block-group { padding-top: 60px } } /* END: Высота страниц-v2 (Услуги/Возможности/Технологии/Прейскурант) */ .wp-block-group__inner-container { position: relative; z-index: 1 } /* НЕИЗВЕСТНО ЧТО ЭТО */ /* .wp-block-group__inner-container>:last-child { margin-bottom: 0 } */ /* Диагностика - главная картинка */ .diagnostics-images { height: 156px; background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSdub25lJyBoZWlnaHQ9JzE1Nicgd2lkdGg9JzEyNCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PGxpbmVhckdyYWRpZW50IGlkPSdhJz48c3RvcCBvZmZzZXQ9JzAnIHN0b3AtY29sb3I9JyM1ZWM5ZjgnIHN0b3Atb3BhY2l0eT0nLjUnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyM1ZmM5ZjgnIHN0b3Atb3BhY2l0eT0nMCcvPjwvbGluZWFyR3JhZGllbnQ+PHBhdHRlcm4gaWQ9J2InIGhlaWdodD0nLjAyNScgcGF0dGVybkNvbnRlbnRVbml0cz0nb2JqZWN0Qm91bmRpbmdCb3gnIHdpZHRoPScuMDMyJz48aW1hZ2UgaGVpZ2h0PScxMicgdHJhbnNmb3JtPSdzY2FsZSguMDAyNjYgLjAwMjEyKScgd2lkdGg9JzEyJyB4bGluazpocmVmPSdkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUF3QUFBQU1DQVlBQUFCV2RWem5BQUFBQ1hCSVdYTUFBQllsQUFBV0pRRkpVaVR3QUFBQUFYTlNSMElBcnM0YzZRQUFBQVJuUVUxQkFBQ3hqd3Y4WVFVQUFBQTVTVVJCVkhnQnJjMnhEUUF3Q0FOQmtwbFRaQUhtQmxIUUlDRVEySTI3KzBQTnZjOWlmd2s5azEzSEZxS01LMlR5dmxESjgwSlhIaGNVUnl3YTNnZXZwSU1BQUFBQVNVVk9SSzVDWUlJPScvPjwvcGF0dGVybj48bGluZWFyR3JhZGllbnQgaWQ9J2MnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJyB4MT0nMzQuNDAyJyB4Mj0nMzQuNDAyJyB4bGluazpocmVmPScjYScgeTE9JzEzNi4zNjknIHkyPSc0MC44MTcnLz48bGluZWFyR3JhZGllbnQgaWQ9J2QnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJyB4MT0nMjcuMzgxJyB4Mj0nMjcuMzgxJyB4bGluazpocmVmPScjYScgeTE9JzUxLjE2MicgeTI9JzE0LjYyOCcvPjxsaW5lYXJHcmFkaWVudCBpZD0nZScgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCguNDUwMzggMCAwIC40NjE5MyAxNC42MjkgMTEuNjYyKScgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnIHgxPSc2Ny4wNzUnIHgyPSc2OS4yNjUnIHkxPSc0Ny44NjInIHkyPScyNy40ODInPjxzdG9wIG9mZnNldD0nMCcgc3RvcC1jb2xvcj0nIzVmYzlmOCcgc3RvcC1vcGFjaXR5PScuNScvPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0nIzVlYzlmOCcgc3RvcC1vcGFjaXR5PScwJy8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9J2YnIGdyYWRpZW50VHJhbnNmb3JtPSdtYXRyaXgoLjM3OTQ0IDAgMCAuMzU3NDggOTIuMDgzIDcwLjYpJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgeDE9JzI4LjQ1OCcgeDI9JzMxLjE3MycgeTE9JzExNi4wNTcnIHkyPSc5Mi4zNjgnPjxzdG9wIG9mZnNldD0nMCcgc3RvcC1jb2xvcj0nIzVlYzlmOCcvPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0nIzVlYzlmOCcgc3RvcC1vcGFjaXR5PScwJy8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSdNMCAwaDEyNHYxNTZIMHonIGZpbGw9JyMxMjE0MTgnIGZpbGwtb3BhY2l0eT0nLjYnLz48cGF0aCBkPSdNMCAwaDEyNHYxNTZIMHonIGZpbGw9J3VybCgjYiknIGZpbGwtb3BhY2l0eT0nLjMnLz48cGF0aCBkPSdNMTE0IDE1MC43MDZoNC43MDZWMTQ2TTUuMjk0IDE0NnY0LjcwNkgxME0xMTguNzA2IDEwVjUuMjk0SDExNG0tMTA0IDBINS4yOTRWMTAnIHN0cm9rZT0nI2ZmZicgc3Ryb2tlLXdpZHRoPScuNTg4Jy8+PHBhdGggZD0nTS4zLjNoMTIzLjR2MTU1LjRILjN6JyBzdHJva2U9JyM1ZmM5ZjgnIHN0cm9rZS13aWR0aD0nLjYnLz48cGF0aCBkPSdNMjUuNDg1IDEwMy45MDMgMTIuNSAxMjUuMzUzdjExLjAxNmg5NC45MjJWNDMuODQ0TDk2LjI2OCA3Ny4zMDVsLTEyLjg3LTguMTUtMTIuODcgMjcuMDI2LTEzLjI5OC05LjQzOC0xNS44NzMgMjcuMDI3eicgZmlsbD0ndXJsKCNjKScgZmlsbC1vcGFjaXR5PScuMicvPjxnIHN0cm9rZS13aWR0aD0nLjYnPjxnIHN0cm9rZT0nIzVmYzlmOCc+PHBhdGggZD0nbTEyLjc2IDEyNS4yOTYgMTIuNzI2LTIxLjMwMyAxNS44NzUgOS44NjcgMTUuODc2LTI3LjAyNyAxMy4zIDkuNDM4TDgzLjQxIDY5LjI0NGwxMi44NzIgOC4xNTEgMTAuODU2LTMzLjQ2MW0uMjg0IDkyLjI3MUgxMi41bTc3LjIzMi0xMC44NTJIMTIuNW03My40MTMtMTEuMjUySDEyLjVtODIuMjg5LTExLjI1MkgxMi41bTk0LjkyMi0xMS4yNTJIMTIuNW05NC45MjItMTEuMjUxSDEyLjVtOTQuOTIyLTExLjI1MkgxMi41bTk0LjkyMi04LjI0Nkg4MS4zOTNtMjYuMDI5LTguMzNIODUuOTEzbTIxLjUwOS04Ljg3N0g5MC45MTMnLz48cGF0aCBkPSdNMTQuMzI0IDExLjMxaDYwLjA1MnY0MS4zNUgxNC4zMjR6JyBmaWxsPSd1cmwoI2QpJyBmaWxsLW9wYWNpdHk9Jy4yJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgtMS41IDguMTY2KScvPjxwYXRoIGQ9J202NC4wMyA0Ny4yNSAyLjIwNC0xLjE5NyAyLjIwNSAxLjE5N3YyLjM3NGwtMi4yMDUgMS4xOTctMi4yMDUtMS4xOTd6bS00Ni4wNTEgNS4zNDMgMi4yMDUtMS4xOTcgMi4yMDUgMS4xOTd2Mi4zNzNsLTIuMjA1IDEuMTk3LTIuMjA0LTEuMTk3eicvPjwvZz48cGF0aCBkPSdNNjYuMTM5IDU2LjcxNmEuMTMzLjEzMyAwIDAgMCAuMTkgMGwuODYtLjg4M2EuMTQuMTQgMCAwIDAgMC0uMTk2LjEzMy4xMzMgMCAwIDAtLjE5IDBsLS43NjUuNzg0LS43NjQtLjc4NGEuMTMzLjEzMyAwIDAgMC0uMTkxIDAgLjE0LjE0IDAgMCAwIDAgLjE5NnptLS4wNC01LjczOHY1LjY0aC4yN3YtNS42NHptLTE2Ljk5NCAzLjEzMWEuMTQuMTQgMCAwIDAgMC0uMTk2bC0uODYtLjg4MmEuMTMzLjEzMyAwIDAgMC0uMTkgMCAuMTQuMTQgMCAwIDAgMCAuMTk2bC43NjQuNzg0LS43NjUuNzg0YS4xNC4xNCAwIDAgMCAwIC4xOTYuMTMzLjEzMyAwIDAgMCAuMTkxIDB6bS0yNi42NjguMDRINDkuMDF2LS4yNzdIMjIuNDM3em0tMi42NDgtMzEuMTg1YS4xMzMuMTMzIDAgMCAxIC4xOTEgMGwuODYuODgxYS4xNC4xNCAwIDAgMSAwIC4xOTYuMTMzLjEzMyAwIDAgMS0uMTkxIDBsLS43NjQtLjc4My0uNzY1Ljc4M2EuMTMzLjEzMyAwIDAgMS0uMTkgMCAuMTQuMTQgMCAwIDEgMC0uMTk2em0tLjA0IDUuNzM3di01LjY0aC4yN3Y1LjY0em00Ni40My01LjczN2EuMTMzLjEzMyAwIDAgMSAuMTkgMGwuODYuODgxYS4xNC4xNCAwIDAgMSAwIC4xOTYuMTMzLjEzMyAwIDAgMS0uMTkgMGwtLjc2NS0uNzgzLS43NjQuNzgzYS4xMzMuMTMzIDAgMCAxLS4xOTEgMCAuMTQuMTQgMCAwIDEgMC0uMTk2em0tLjA0IDUuNzM3di01LjY0aC4yN3Y1LjY0em0tMzkuMTQ0LTIuOTY1YS4xNC4xNCAwIDAgMCAwIC4xOTVsLjg2Ljg4MmEuMTMzLjEzMyAwIDAgMCAuMTkxIDAgLjE0LjE0IDAgMCAwIDAtLjE5NmwtLjc2NC0uNzg0Ljc2NC0uNzg0YS4xNC4xNCAwIDAgMCAwLS4xOTYuMTMzLjEzMyAwIDAgMC0uMTkgMHptMjguMDItLjA0MUgyNy4wOXYuMjc3aDI3LjkyNHonIGZpbGw9JyM1ZmM5ZjgnLz48L2c+PGcgc3Ryb2tlLXdpZHRoPScuNic+PHBhdGggZD0nTTQ4LjA1MSA0My41MzlIMzcuMTU0bTExLjMwMSAxLjQ3SDM2Ljc1JyBzdHJva2U9JyM1ZmM5ZjgnIHN0cm9rZS13aWR0aD0nLjQ0NicvPjxwYXRoIGQ9J20xNy42OCAyOS45NTggMi4yMDUtMS4xOTcgMi4yMDUgMS4xOTd2Mi4zNzRsLTIuMjA1IDEuMTk3LTIuMjA2LTEuMTk3em00Ni4zOSAwIDIuMjA0LTEuMTk3IDIuMjA1IDEuMTk3djIuMzc0bC0yLjIwNSAxLjE5Ny0yLjIwNS0xLjE5N3ptLTkuMDA5LTUuNTQyIDIuMjA2LTEuMTk4IDIuMjA1IDEuMTk3djIuMzc0bC0yLjIwNSAxLjE5Ny0yLjIwNi0xLjE5N3onIHN0cm9rZT0nIzVmYzlmOCcvPjxwYXRoIGQ9J00zNS44ODIgMjQuMzg3aDE2LjR2OS4yNDVoLTE2LjR6JyBmaWxsPSd1cmwoI2UpJyBmaWxsLW9wYWNpdHk9Jy4xNScgc3Ryb2tlPScjNWZjOWY4JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgtMS41IDguMTY2KScvPjxwYXRoIGQ9J00zOC4yMiAzOC4zMDZhLjIuMiAwIDAgMS0uMTU0LS4wNjUuMjIuMjIgMCAwIDEtLjA2My0uMTZ2LS44OHEwLS4wOTYuMDYzLS4xNmEuMi4yIDAgMCAxIC4xNTUtLjA2NmguODczcS4wOSAwIC4xNTQuMDY2YS4yMi4yMiAwIDAgMSAuMDY0LjE2di44OGEuMjIuMjIgMCAwIDEtLjA2NC4xNi4yLjIgMCAwIDEtLjE1NC4wNjR6bS0uMDUyLS4xNTJoLjkyNnEuMDMgMCAuMDQ5LS4wMmEuMDcuMDcgMCAwIDAgLjAyMi0uMDUydi0uNzd6bS0uMDE4LS4xODMuOTk1LS44NDNoLS45MjRhLjA3LjA3IDAgMCAwLS4wNS4wMjIuMDcuMDcgMCAwIDAtLjAyLjA1em0xLjk1My4zMzR2LTEuMTZsLS4yLjI0NmgtLjE5M2wuMzQtLjQxNmguMjAzdjEuMzN6bS45MzYgMGEuMi4yIDAgMCAxLS4xNTUtLjA2NC4yMi4yMiAwIDAgMS0uMDYzLS4xNnYtLjg4cTAtLjA5Ni4wNjMtLjE2YS4yLjIgMCAwIDEgLjE1NS0uMDY2aC44NzRxLjA5IDAgLjE1My4wNjZhLjIyLjIyIDAgMCAxIC4wNjUuMTZ2Ljg4YS4yMi4yMiAwIDAgMS0uMDY1LjE2LjIuMiAwIDAgMS0uMTUzLjA2NHptLS4wNTItLjE1MWguOTI2cS4wMyAwIC4wNDgtLjAyYS4wNy4wNyAwIDAgMCAuMDIyLS4wNTJ2LS43N3ptLS4wMTgtLjE4My45OTQtLjg0M2gtLjkyNGEuMDcuMDcgMCAwIDAtLjA1LjAyMi4wNy4wNyAwIDAgMC0uMDIuMDV6bTEuOTUyLjMzNHYtMS4xNmwtLjIuMjQ2aC0uMTkybC4zNC0uNDE2aC4yMDJ2MS4zM3ptLjkzNyAwYS4yLjIgMCAwIDEtLjE1NS0uMDY0LjIyLjIyIDAgMCAxLS4wNjMtLjE2di0uODhxMC0uMDk2LjA2My0uMTZhLjIuMiAwIDAgMSAuMTU1LS4wNjZoLjg3M3EuMDkgMCAuMTUzLjA2NmEuMjIuMjIgMCAwIDEgLjA2NS4xNnYuODhhLjIyLjIyIDAgMCAxLS4wNjUuMTYuMi4yIDAgMCAxLS4xNTMuMDY0em0tLjA1My0uMTUxaC45MjZxLjAzIDAgLjA0OS0uMDJhLjA3LjA3IDAgMCAwIC4wMjItLjA1MnYtLjc3em0tLjAxOC0uMTgzLjk5NS0uODQzaC0uOTI1YS4wNy4wNyAwIDAgMC0uMDUuMDIyLjA3LjA3IDAgMCAwLS4wMi4wNXptMS45NTMuMzM0di0xLjE2bC0uMi4yNDZoLS4xOTNsLjM0LS40MTZoLjIwMnYxLjMzem0xLjAxIDB2LTEuMTZsLS4yLjI0NmgtLjE5M2wuMzQtLjQxNmguMjAydjEuMzN6JyBmaWxsPScjNWZjOWY4Jy8+PGcgc3Ryb2tlPScjNWZjOWY4Jz48cGF0aCBkPSdtMzQuNDM0IDQxLjYxLTIuMDY0IDUuMTZoMjAuNDI1bC0yLjA2NC01LjE2Jy8+PHBhdGggZD0nTTY2LjIzOCA0Ni4xODh2LTIuODAySDUxLjM2NW0xNC45MDktOS43djQuMTU3SDUwLjk2MW02LjMwNC05Ljd2OS43bS0zNy4zOC00LjM4OHY0LjMyaDE0LjMxNk0yMC4xODUgNTEuMjM5VjQ0LjMxaDEzLjA2MScvPjwvZz48L2c+PHBhdGggZD0nbTEwMS4zNyAxMDQuNjY2IDkuNDggNS42NjN2MTEuMzI0bC05LjQ4IDUuNjYzLTkuNDgtNS42NjNWMTEwLjMzeicgZmlsbD0nIzFlMjYyZScvPjxnIHN0cm9rZT0nIzVmYzlmOCcgc3Ryb2tlLXdpZHRoPScuNicgdHJhbnNmb3JtPSd0cmFuc2xhdGUoLTEuNSA4LjE2NiknPjxyZWN0IGZpbGw9J3VybCgjZiknIGZpbGwtb3BhY2l0eT0nLjMnIGhlaWdodD0nOC4zNjUnIHJ4PScuMjY2JyB3aWR0aD0nOC44NzknIHg9Jzk4LjQ0MicgeT0nMTAzLjYxNScvPjxwYXRoIGQ9J00xMDUuNzcgMTAzLjMydi0yLjE3bS01LjgwMSAxMy4yOXYtMi4xN200LjgzOS02LjE3LTMuNjUgMy40NG0wLTMuNDQgMy42NSAzLjQ0bS00LjgzOC02LjIydi0yLjE3bTIuOTE0IDIuMTd2LTIuMTdtMCAxMy4yOXYtMi4xN20yLjg4NiAyLjE3di0yLjE3bTEuODQtNy40MWgyLjMwNG0tMi4zMDQgMi42OWgyLjMwNG0tMi4zMDQgMi42OWgyLjMwNG0tMTQuMDY0LTUuMzhoMi4zMDRtLTIuMzA0IDIuNjloMi4zMDRtLTIuMzA0IDIuNjloMi4zMDRtLTUuMDYzLTguMjUzIDkuNzc5LTUuODMzIDkuNzc4IDUuODMzdjExLjY4NGwtOS43NzggNS44MzMtOS43NzktNS44MzN6Jy8+PC9nPjwvc3ZnPg==") } .wp-block-group .is-style-section-image { position: absolute; z-index: -1; top: 12px; right: 100%; width: 124px; margin-right: 50px } @media print, screen and (max-width:63.99875em) { .wp-block-group .is-style-section-image { right: 0; top: 0; margin: 0; -webkit-mask-image: linear-gradient(45deg, rgba(0, 0, 0, 0), #000); mask-image: linear-gradient(45deg, rgba(0, 0, 0, 0), #000) } .wp-block-group .is-style-section-image+h1 { padding-right: 130px } } /* Диагностика - главная картинка */ hr { background: linear-gradient(90.1deg, #747885 0, rgba(116, 120, 133, 0) 100%); height: 1px } hr.is-style-large-mb { margin-bottom: 38px } .wp-block-spacer.is-style-space-20 { height: 20px!important } .ba-case-block { margin-bottom: 28px; position: relative } @media print, screen and (min-width:40em) { .ba-case-block { margin-bottom: 30px } } @media print, screen and (min-width:40em) { .ba-case-block--mb { margin-bottom: 40px } } .ba-case-block p { margin-bottom: 12px } @media print, screen and (min-width:40em) and (max-width:63.99875em) { .ba-case-block.has-image { padding-left: 152px } } .ba-case-block-more { font-size: 14px; color: #5fc9f8; color: var(--color, #5fc9f8) } .ba-case-block-more:hover { color: var(--color); text-shadow: 0 0 5px } .ba-case-block-title { margin-bottom: 14px; text-transform: none } /* Динамический цвет - информация в блоках */ .ba-case-block-title a { color: var(--color) } .ba-case-block-title a:hover { text-shadow: 0 0 5px } /* Динамический цвет - информация в блоках */ .ba-case-block-img { padding: 12px; margin-bottom: 12px; width: 124px; display: block } @media print, screen and (min-width:40em) { .ba-case-block-img { position: absolute; margin: 0 50px 0 0; left: 0; top: 5px } } @media print, screen and (min-width:64em) { .ba-case-block-img { right: 100%; left: auto } } .ba-case-block-img img { display: block } .ba-case-block-img--no-border { padding: 0 } a.ba-case-block-img:hover { opacity: .8 } .wp-block-embed, .wp-block-image:not(.is-style-section-image):not(.is-style-no-border) { position: relative } @media print, screen and (min-width:40em) { .wp-block-embed, .wp-block-image:not(.is-style-section-image):not(.is-style-no-border) { margin-bottom: 40px } } .wp-block-embed .wp-block-embed__wrapper, .wp-block-embed img, .wp-block-image:not(.is-style-section-image):not(.is-style-no-border) .wp-block-embed__wrapper, .wp-block-image:not(.is-style-section-image):not(.is-style-no-border) img { display: block; padding: 8px; border: 1px solid rgba(95, 201, 248, .2) } .wp-block-embed figcaption, .wp-block-image:not(.is-style-section-image):not(.is-style-no-border) figcaption { margin-top: 12px; padding: 0 9px; color: #747885; font-size: 12px } @media print, screen and (min-width:40em) { .wp-block-embed figcaption, .wp-block-image:not(.is-style-section-image):not(.is-style-no-border) figcaption { font-size: 14px } } @media print, screen and (max-width:39.99875em) { .ba-tabs-nav { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; position: relative } .ba-tabs-nav .splide__track { overflow: visible } .ba-tabs-nav:after { right: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .ba-tabs-nav:before { left: 0 } .ba-tabs-nav:after, .ba-tabs-nav:before { content: ''; position: absolute; top: 0; width: 24px; height: 100%; z-index: 2; background: linear-gradient(90deg, #121418 0, rgba(18, 20, 24, 0) 100%), linear-gradient(90deg, #121418 0, rgba(18, 20, 24, 0) 100%) } } .ba-tabs-nav .splide__arrow { position: absolute; top: calc(50% - 42px); fill: #fff; width: 10px; height: 30px; background: no-repeat 50%; background-image: url("data:image/svg+xml,%3Csvg width='8' height='15' viewBox='0 0 8 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1 1l6 6.5L1 14' stroke='white'/%3E %3C/svg%3E"); background-size: contain; transition: opacity .3s, visibility .3s } .ba-tabs-nav .splide__arrow[disabled] { opacity: 0; visibility: hidden } @media print, screen and (max-width:39.99875em) { .ba-tabs-nav .splide__arrow { display: none } } .ba-tabs-nav .splide__arrow svg { display: none } .ba-tabs-nav .splide__arrow--prev { right: 100%; margin-right: 12px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .ba-tabs-nav .splide__arrow--next { left: 100%; margin-left: 12px } .ba-tab-link { display: block; padding-left: 2px; padding-right: 2px; padding-bottom: 16px; color: var(--color, #5fc9f8); text-align: center; border-bottom: 2px solid transparent; height: 100% } .ba-tab-link img { display: block; border: 1px solid transparent; transition: border .3s; width: 100% } /* Динамический цвет - текст под svg картинками */ .ba-tab-link.active, .ba-tab-link:focus, .ba-tab-link:hover { color: var(--color); text-shadow: 0 0 5px } /* END: Динамический цвет - текст под svg картинками */ .ba-tab-link.active img, .ba-tab-link:focus img, .ba-tab-link:hover img { border-color: var(--color, #5fc9f8) } .ba-tab-link.active { border-color: var(--color, #5fc9f8) } .ba-tab-title { display: block; margin: 12px 0 0; font-size: 12px } .ba-tab-content { padding: 18px 20px; display: none; position: relative } @media print, screen and (min-width:40em) { .ba-tab-content { padding: 28px 32px } } .ba-tab-content:before { position: absolute; content: ''; left: 0; right: 0; bottom: 0; top: 0; border: 1px solid var(--color, #5fc9f8); opacity: .3; pointer-events: none } .ba-tab-content.active { display: block } .ba-tab-content>:last-child { margin-bottom: 0 } .wp-block-columns { margin-bottom: 20px } @media print, screen and (min-width:40em) { .wp-block-columns { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 28px } } .wp-block-column { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } .wp-block-column>:last-child { margin-bottom: 0 } @media print, screen and (min-width:40em) { .wp-block-column:not(:first-child) { margin-left: 20px } } @media print, screen and (max-width:39.99875em) { .wp-block-column { margin-bottom: 20px; margin-left: 0 } .wp-block-column:last-child { margin-bottom: 0 } } .wp-block-column { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } .wp-block-column[style] { -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0 } .infographic-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 20px; border: 1px solid rgba(95, 201, 248, .2) } .infographic-container::-webkit-scrollbar { height: 3px; background: 0 0 } .infographic-container::-webkit-scrollbar-track { background: 0 0 } .infographic-container::-webkit-scrollbar-thumb { background: #5fc9f8; border-radius: 8px; transition: background .3s } .infographic-container::-webkit-scrollbar-thumb:hover { background: rgba(95, 201, 248, .8) } .infographic-container__item { position: relative; margin: 0 15px } .infographic-container__item svg { cursor: pointer } .infographic-container__item svg .circle { transition: fill .3s ease } .infographic-container__item svg:focus .circle, .infographic-container__item svg:hover .circle { fill: #455a63 } .infographic-container__item svg.active .circle { fill: #5fc9f8; box-shadow: 0 0 4px #5fc9f8 } .infographic-container__item svg.active .circle+path { fill: #121418 } .infographic-container__item--1 { min-width: 270px } .infographic-container__item--2 { min-width: 400px } .infographic-container__item--2 #step-4 { position: absolute; right: 0; top: 100px } .infographic-container__item--4 { margin: 0 } .infographic-container__item--5 { margin-left: -12px; min-width: 530px } .ba-infographic-content { margin-bottom: 2rem } .ba-infographic-content .splide__track { overflow: visible } .ba-infographic-content .splide__arrows { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 16px 0 30px } .ba-infographic-content .splide__arrow { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-repeat: no-repeat; background-position: 100% 50%; background-image: url(https://profix.computer/system/img/arrow.svg); background-size: 10px; padding-right: 20px; transition: opacity .3s, visibility .3s } .ba-infographic-content .splide__arrow:focus, .ba-infographic-content .splide__arrow:hover { color: var(--color); text-shadow: 0 0 5px } .ba-infographic-content .splide__arrow:after, .ba-infographic-content .splide__arrow:before { display: inline-block; color: var(--primary); font-size: 10px; font-family: "IBM Plex Mono", monospace; text-transform: uppercase; letter-spacing: 2px } @media print, screen and (min-width:40em) { .ba-infographic-content .splide__arrow:after, .ba-infographic-content .splide__arrow:before { font-size: 14px } } .ba-infographic-content .splide__arrow[disabled] { opacity: .2 } .ba-infographic-content .splide__arrow svg { display: none } .ba-infographic-content .splide__arrow--prev { -webkit-transform: rotate(180deg) translateZ(0); transform: rotate(180deg) translateZ(0) } .ba-infographic-content .splide__arrow--prev:before { content: "Предыдущий шаг"; -webkit-transform: rotate(180deg) translateZ(0); transform: rotate(180deg) translateZ(0) } .ba-infographic-content .splide__arrow--next { -webkit-order: 1; -ms-flex-order: 1; order: 1 } .ba-infographic-content .splide__arrow--next:after { content: "Следующий шаг" } .ba-infographic-content .splide__pagination { display: none; width: auto } @media print, screen and (min-width:64em) { .ba-infographic-content .splide__pagination { display: block } } .ba-infographic-content .splide__pagination li { margin: 0; padding: 0; text-indent: 0 } .ba-infographic-content .splide__pagination li:before { content: none } .ba-infographic-content .splide__pagination li button { display: inline-block; margin-right: 14px; margin-left: 2px; width: 8px; height: 8px; border: 1px solid var(--color, #5fc9f8); margin-top: -1px; border-radius: 50% } .ba-infographic-content .splide__pagination li .is-active { background-color: var(--primary) } .ba-infographic-content__slide { border: 1px solid rgba(95, 201, 248, .3); padding: 24px 40px 24px 72px } @media print, screen and (max-width:39.99875em) { .ba-infographic-content__slide { padding: 24px 30px 24px 40px } } .ba-infographic-content__slide .num { position: absolute; top: 25px; left: 30px; font-family: "IBM Plex Mono", monospace; font-weight: 400; color: var(--primary) } @media print, screen and (max-width:39.99875em) { .ba-infographic-content__slide .num { left: 15px } } @media print, screen and (max-width:63.99875em) { .wp-block-columns { display: block } .wp-block-columns .wp-block-column { margin: 0 } } .cc-window { position: fixed; z-index: 13; bottom: 0; width: 100%; padding: 24px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAQUlEQVR42mJgwAKi4zNtGdEFXd39dd++ff0FRdDDO9jAzNJehY2NnQW/IFC7HoZgXGK2nZGJlSIbGxsLsrEAAQYAQBUOUinuG4kAAAAASUVORK5CYII=); background-color: #121418; -webkit-filter: drop-shadow(0 0 1px rgba(255, 255, 255, .3)); filter: drop-shadow(0 0 1px rgba(255, 255, 255, .3)) } @media print, screen and (max-width:39.99875em) { .cc-window { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } @media print, screen and (min-width:40em) and (max-width:63.99875em) { .cc-window { padding: 40px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } } @media print, screen and (min-width:64em) { .cc-window { padding: 0 0 24px } } @media print, screen and (min-width:64em) { .cc-window:after { content: ''; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAQUlEQVR42mJgwAKi4zNtGdEFXd39dd++ff0FRdDDO9jAzNJehY2NnQW/IFC7HoZgXGK2nZGJlSIbGxsLsrEAAQYAQBUOUinuG4kAAAAASUVORK5CYII=); position: absolute; height: 37px; -webkit-clip-path: polygon(3.5% 0, 96.5% 0, 100% 100%, 0 100%); clip-path: polygon(3.5% 0, 96.5% 0, 100% 100%, 0 100%); max-width: 1055px; width: 100%; top: -36px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #121418 } } .cc-window .cc-message { display: inline-block; margin-top: -5px; margin-right: 0; font-weight: 300; font-size: 16px; line-height: 28px; letter-spacing: .8px } @media print, screen and (max-width:39.99875em) { .cc-window .cc-message { font-size: 12px; line-height: 16px; margin-bottom: 15px } } @media print, screen and (min-width:40em) { .cc-window .cc-message { max-width: 534px; margin-right: 28px } } @media print, screen and (min-width:64em) { .cc-window .cc-message { max-width: 774px; margin-right: 38px } } .cc-window .cc-btn { position: relative; z-index: 14; padding: 6px 13px; margin-top: 0; white-space: nowrap; display: inline-block; background-color: transparent; color: #5fc9f8; border: 1px solid #5fc9f8; font-weight: 500; font-size: 12px; line-height: 20px; letter-spacing: 2px; text-transform: uppercase; transition: background-color .3s ease-in-out; font-family: "IBM Plex Mono", monospace } .cc-window .cc-btn:hover { background: rgba(95, 201, 248, .05) } @media print, screen and (min-width:40em) { .cc-window .cc-btn { padding: 12px 27px; font-size: 14px } } @media print, screen and (min-width:64em) { .cc-window .cc-btn { margin-top: -15px } } .cc-window { transition: opacity .3s } .cc-window.cc-invisible { opacity: 0 } .ba-author { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 40px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } @media print, screen and (min-width:40em) { .ba-author { margin-top: 60px } } .ba-author__photo { border: 1px solid #5fc9f8; position: relative; width: 100px; margin-right: 28px } .ba-author__photo img, .ba-author__photo picture { display: block } .ba-author__title { margin-bottom: 10px; text-transform: uppercase; font-size: 14px; color: #747885 } .ba-author__name { font-size: 18px; margin-bottom: 8px } @media print, screen and (min-width:40em) { .ba-author__name { font-size: 28px } } .ba-author__position { font-size: 16px; color: #747885; letter-spacing: .8px } .ba-author__linkedin { position: absolute; right: -1px; bottom: -1px } .ba-author__linkedin>span { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; box-shadow: inset 0 0 0 1px rgba(95, 201, 248, .4) } .ba-stand-ukraine { position: fixed; max-width: 820px; left: 0; right: 0; margin: 0 auto; z-index: 15; bottom: 0; background: #373b40; line-height: 1.42; font-size: 14px; border-bottom: 2px solid #5fc9f8; transition: .3s ease-in-out; transition-property: visibility, -webkit-transform; transition-property: transform, visibility; transition-property: transform, visibility, -webkit-transform; transition-delay: 0s, .4s; padding: 60px 32px 58px } @media print, screen and (min-width:40em) { .ba-stand-ukraine { padding: 60px 78px } } @media print, screen and (min-width:64em) { .ba-stand-ukraine { z-index: 7; padding: 24px 28px; display: -webkit-flex; display: -ms-flexbox; display: flex; width: calc(100% - 450px); bottom: 24px } } .ba-stand-ukraine.close { -webkit-transform: translateY(120%); -ms-transform: translateY(120%); transform: translateY(120%); visibility: hidden } .ba-stand-ukraine p { line-height: inherit } .ba-stand-ukraine a { text-decoration: underline } .ba-stand-ukraine a:hover { text-decoration: none } .ba-stand-ukraine__title { margin-bottom: 8px; color: #ffb31f } .ba-stand-ukraine__inner { letter-spacing: .8px } .ba-stand-ukraine__inner>:last-child { margin-bottom: 0 } .ba-stand-ukraine__flag { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; margin-top: -2px } @media print, screen and (min-width:64em) { .ba-stand-ukraine__flag { margin-right: 24px; margin-top: 6px } } @media print, screen and (max-width:63.99875em) { .ba-stand-ukraine__flag { position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1 } } /* START: Настройки (Уведомление) */ .ba-stand-ukraine__close { position: absolute; right: 12px; top: 12px; color: #FF0000 } @media (hover) { .ba-stand-ukraine__close:hover { color: #800000 } } /* END: Настройки (Уведомление) */ .ba-button { height: 48px; text-transform: uppercase; font: 500 14px/48px "IBM Plex Mono", monospace; color: #5fc9f8; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 20px; letter-spacing: 2px; position: relative } .ba-button svg { margin-left: 16px } .ba-button:hover { color: var(--color); text-shadow: 0 0 5px } .ba-button--simple { line-height: 1; padding: 0; height: auto } .ba-button--simple:hover { color: #fff } .ba-button--fade { display: -webkit-flex; display: -ms-flexbox; display: flex; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjgAAAAwCAMAAAArZ/CAAAAAD1BMVEVHcExxdoNzd4Vzd4Vzd4V1qwY0AAAABXRSTlMACRgoPahjWUgAAAW0SURBVHja7ZxbjuowEES7urP/NV8JMqkZPyg/YgJcIh0pRKP4g1Ll2BNjZr6ViZTI2X5wwwGM2B+8RNyJEn5n8/oQsd8+7njwtkW8xD4UDEWM+E5Y8bqXQBUcmAYD2AF2+LlwzZLrD47kW8EN35DnJ89MjhtBBn7gECRIeJIlT27NL/rGhuMcCc48FXMTyfkNPAQJY/lReVqSHw1zxEvFQ/eNzE4WPWKtnZP3TN43Vu6bUzonXOaC1DvHM5ozohnOC0hP5/AohCcvg1p+av0ChRhCPK/4hTYPETjyg0LfBLl/Rg86TyI7kZ8TM5vJjpWQnZNniXmBVY/XdBx/WceJt3Ac3Tk8J7X8lA/8KQRb3zk21DkbNOwb1TlktHOsv3N038x3zjQQPfNKjqPnVHqI+DqO6JvGzrHs7+qO479p6xvc4JcoSYfQfYMbbghk0GUKQwTM2/oGztt3cuQEbvk5wQ20IPKistPuN9qX61rM413XccjXcXSWFjhOXga6czDTOW35wYHrviHsG9052Jnum3rn4MzO8bPXa8is40RG11ofSF21tdcQOQRzIWBepBeD6Hn3srU+gum+gSD7G0u95+s4ZziO+LKF40x5zvq+4WclOqpv2jqnlqE8hnruXe8clKDT1PGWzulwHDLZNzov6zun3jd7ZL6Os9ZxsNJxLuic93Oc7Q0chyx3nAlsp9txeN2E48SOmHtPOQ6HyDvGycZCSG7R7TjuOUFG+sZ38nlUPRfR1DVX9g3zI5T4dMfBqY6zdTpOPNdxgln5DMexQvzYN+UcpWUgOmfacaLiNXnfJLfvdBzdOZjpnKLXVPpmfef46es4zMxSx/Er1nE4xHMdx1c5zvV9Q2zCcfKMEOx0+02g8FwiQdochzhhXmRGBvsGIiMDjgPZMd7nOOhFOA4udpzoX8fRQ1zgOOf0zfp5FTL0Mwot6zieOo7uHIx2TqDqwtuQ45C0b3TnYARP+sbn+4bIrPjk/Lt1bl7oGVy3jkPm13GIce34oxyHLF7Hqa/hmL2X42yv7Tj+0Y6TdAzqjiPn3sQTsJMLiB/w9h3v+bFz1PYaPffWHaOzlN5evBsaPG90nK55lO+0ZGk8O+RNHCeudRyNdpz5dRyvZMeF+5w2p9LH/H47r3VO13t+um/qQ9BxRN8Mdo61do7uG+047Jx6dogOwaq+sZoXt3iwFfH0nENU+kYNoZFOXMtIchuNR+0ZRZzAa3rN84zjtuIZZcSJyst8duYdh/iljrN9mOMQf67jGNH/c+jsHL3/pXJdZKY6hCaGOgcBDhGt6D1TkTlOsW+M5xWqncPcsG+I7BuNFVjiOHjoOLHQccLIhzmOmFNd7Thj++1c77fjbef22+Uukyu3zo7IRR3f6XhGIcPaSTOh+wYpCxwHaxxHruP4f+U4PuY45LzOWZUZs6H9dt623463Hd5vN9E3JDr325GRzCC6OmciM0/qGx5PdJyDWLiOs32U4/i16zhY6zj4Ok7aN+SdHcdyTDiOcJqR300SjnPOTzMFUU6z1c85RDFPOjvMDxHXmRfZOa46J52Pk4nMkE9xHPJKjsO+mXech51DLnWckc6Z/92kk36aiVkSnSP6hiDQmZ/hvrHOd41d9M2qzvnQdZzt5dZxYt5x4POOs75zqvvtCB6hf7ag8psCm8/st8vR++00XY6DG9AMOfPsu37zc6kF6zj+XcdZ5zgOtY6z81qOg6nOMdU57Jukc9gvar9djfn9dl2OgwPdN/r5pedUvnpfDDGVGxvbb+cbxryGtx963T3+EkleqkA4zojX8Dx+M+o4Yg4lHGcWI+c6jk85jn8dh/D6QI6e6DgyNw2dU87OUN/Qafq39EWlc7y5c5Az1Dd558w7DkTnCMcZxXTnYNBxCOoIx/FGx4mv49BxgEsdxxY4DmYcx5/vOP5Ux/E5x/E1jqPz0vPu6D8/6mvmA935DgAAAABJRU5ErkJggg==) no-repeat 0 50% } .ba-button--fade:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(to right, currentColor, transparent); opacity: 0; transition: opacity .3s } .ba-button--fade:hover:before { opacity: .07 } .ba-readmore-btn { font-size: 14px; letter-spacing: 2px; text-transform: uppercase } [data-whatinput=mouse] a:focus, button:focus, button:focus [data-whatinput=touch] a:focus { outline: 0 } .ri-grid { position: relative } .ri-grid ul { list-style: none; display: block; width: 100%; margin: 0; padding: 0 } .ri-grid ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .ri-grid ul li { -webkit-perspective: 400px; perspective: 400px; margin: 0; padding: 0; position: relative; display: block; overflow: hidden; margin-bottom: 20px; width: calc(50% - 10px)!important } @media print, screen and (min-width:40em) { .ri-grid ul li { width: calc(33.3% - 12px)!important } } .ri-grid ul li:after { content: ''; display: block; padding-bottom: 70% } .ri-grid ul li .ri-grid__item { display: block; outline: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .popup { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 20; background-color: rgba(0, 0, 0, .7); padding: 15px; overflow: auto; text-align: center; font-size: 0; visibility: hidden; opacity: 0; transition: opacity .4s ease } .popup--active { visibility: visible; opacity: 1 } .popup:before, .popup__inner { display: inline-block; vertical-align: middle } .popup:before { content: ""; height: 100%; width: 0 } .popup__inner { background-color: #fff; width: 100%; max-width: 800px; font-size: 16px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media print, screen and (min-width:64em) { .popup__inner { position: relative; top: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none } } .popup__close { display: inline-block; width: 15px; height: 15px; position: absolute; top: 15px; right: 15px; z-index: 1 } .popup__close:hover svg { fill: #fff } .your-file, [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea { width: 100%; font-size: 14px; line-height: 32px; letter-spacing: 1.5px; padding: 8px 12px; border: none; border-bottom: 1px solid; border-bottom-color: #373b40; outline: 0; background-color: rgba(255, 255, 255, .02); color: #fefefe; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAQUlEQVR42mJgwAKi4zNtGdEFXd39dd++ff0FRdDDO9jAzNJehY2NnQW/IFC7HoZgXGK2nZGJlSIbGxsLsrEAAQYAQBUOUinuG4kAAAAASUVORK5CYII=); background-size: 4px; font-weight: 300; border-radius: 0; transition: border-bottom-color .5s ease, box-shadow .5s ease } .your-file::-webkit-input-placeholder, [type=color]::-webkit-input-placeholder, [type=date]::-webkit-input-placeholder, [type=datetime-local]::-webkit-input-placeholder, [type=datetime]::-webkit-input-placeholder, [type=email]::-webkit-input-placeholder, [type=month]::-webkit-input-placeholder, [type=number]::-webkit-input-placeholder, [type=password]::-webkit-input-placeholder, [type=search]::-webkit-input-placeholder, [type=tel]::-webkit-input-placeholder, [type=text]::-webkit-input-placeholder, [type=time]::-webkit-input-placeholder, [type=url]::-webkit-input-placeholder, [type=week]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #fefefe; opacity: .5 } .your-file:-ms-input-placeholder, [type=color]:-ms-input-placeholder, [type=date]:-ms-input-placeholder, [type=datetime-local]:-ms-input-placeholder, [type=datetime]:-ms-input-placeholder, [type=email]:-ms-input-placeholder, [type=month]:-ms-input-placeholder, [type=number]:-ms-input-placeholder, [type=password]:-ms-input-placeholder, [type=search]:-ms-input-placeholder, [type=tel]:-ms-input-placeholder, [type=text]:-ms-input-placeholder, [type=time]:-ms-input-placeholder, [type=url]:-ms-input-placeholder, [type=week]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #fefefe; opacity: .5 } .your-file::placeholder, [type=color]::placeholder, [type=date]::placeholder, [type=datetime-local]::placeholder, [type=datetime]::placeholder, [type=email]::placeholder, [type=month]::placeholder, [type=number]::placeholder, [type=password]::placeholder, [type=search]::placeholder, [type=tel]::placeholder, [type=text]::placeholder, [type=time]::placeholder, [type=url]::placeholder, [type=week]::placeholder, textarea::placeholder { color: #fefefe; opacity: .5 } .your-file:focus, [type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus { border-bottom: 1px solid; border-bottom-color: #5fc9f8; box-shadow: 0 1px 0 0 #5fc9f8 } [type=color].wpcf7-not-valid, [type=color]:invalid:not(:placeholder-shown), [type=date].wpcf7-not-valid, [type=date]:invalid:not(:placeholder-shown), [type=datetime-local].wpcf7-not-valid, [type=datetime-local]:invalid:not(:placeholder-shown), [type=datetime].wpcf7-not-valid, [type=datetime]:invalid:not(:placeholder-shown), [type=email].wpcf7-not-valid, [type=email]:invalid:not(:placeholder-shown), [type=month].wpcf7-not-valid, [type=month]:invalid:not(:placeholder-shown), [type=number].wpcf7-not-valid, [type=number]:invalid:not(:placeholder-shown), [type=password].wpcf7-not-valid, [type=password]:invalid:not(:placeholder-shown), [type=search].wpcf7-not-valid, [type=search]:invalid:not(:placeholder-shown), [type=tel].wpcf7-not-valid, [type=tel]:invalid:not(:placeholder-shown), [type=text].wpcf7-not-valid, [type=text]:invalid:not(:placeholder-shown), [type=time].wpcf7-not-valid, [type=time]:invalid:not(:placeholder-shown), [type=url].wpcf7-not-valid, [type=url]:invalid:not(:placeholder-shown), [type=week].wpcf7-not-valid, [type=week]:invalid:not(:placeholder-shown) { border-bottom: 1px solid #e82929; box-shadow: 0 1px 0 0 #e82929 } input[type=text] { -webkit-appearance: none } input:-webkit-autofill, input:-webkit-autofill:focus input:-webkit-autofill, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus { transition-property: border-color; -webkit-box-shadow: 0 0 0 30px #1e2a33 inset!important; -webkit-text-fill-color: #fefefe!important; font-weight: 300; font-family: "IBM Plex Mono", monospace; transition: background-color 5000s ease-in-out 0s } .your-file { display: block; position: relative; min-height: 49px; border-bottom: 1px dashed #373b40 } .your-file:after { content: ''; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; width: 10px; height: 16px; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-size: contain } input[type=file] { visibility: hidden } .ba-file { display: block; position: relative } .ba-file-select { position: absolute; top: 33px; left: 12px; font-size: 14px; color: #fefefe; opacity: .5 } .ba-file-select.selected { color: #fefefe; opacity: 1 } textarea { resize: none; height: 88px } .submit-btn { border-radius: 0; text-transform: uppercase; background: 0 0; border: 1px solid #5fc9f8; color: #5fc9f8; font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: 2px; padding: 14px; width: 100% } .submit-btn:hover { background-color: #5fc9f8; color: #fefefe; border-color: #5fc9f8 } input[type=number] { -moz-appearance: textfield } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none } div.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0 } .wpcf7-display-none { display: none } .wpcf7-form-control-wrap { position: relative; display: block } span.wpcf7-not-valid-tip { position: absolute; right: 12px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #e82929; font-weight: 300; text-transform: uppercase; font-size: 8px; line-height: 10px; max-width: 101px } @media print, screen and (min-width:64em) { span.wpcf7-not-valid-tip { font-size: 10px; line-height: 12px } } input.wpcf7-not-valid { border-bottom: 1px solid #e82929; box-shadow: 0 1px 0 0 #e82929 } .ba-label-name { margin-left: 12px; font-size: 10px; line-height: 12px; letter-spacing: 1.5px; text-transform: uppercase; opacity: .8 } .form-second-row { margin-top: 24px } .form-col { margin-bottom: 24px } @media print, screen and (min-width:40em) { .form-col { margin-bottom: 0 } } .form-col:last-child { margin-bottom: 0 } .ba-thank-you p, .ba-thank-you__icon, .ba-thank-you__title { margin-bottom: 20px } .ba-thank-you>:last-child { margin-bottom: 0 } form .ajax-loader, form .wpcf7-response-output { display: none!important } .form-note { margin: 0; font-size: 12px; letter-spacing: 1.5px; line-height: 1.3; text-transform: uppercase; color: rgba(254, 254, 254, .8) } .calendly-badge-widget, .calendly-badge-widget *, .calendly-inline-widget, .calendly-inline-widget *, .calendly-overlay, .calendly-overlay * { font-size: 16px; line-height: 1.2em } .calendly-badge-widget iframe, .calendly-inline-widget iframe, .calendly-overlay iframe { display: inline; width: 100%; height: 100% } .calendly-popup-content { position: relative } .calendly-popup-content.calendly-mobile { -webkit-overflow-scrolling: touch; overflow-y: auto } .calendly-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 9999; background-color: rgba(18, 20, 24, .7) } .calendly-overlay .calendly-close-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .calendly-overlay .calendly-popup { box-sizing: border-box; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 80%; min-width: 900px; max-width: 1000px; height: 90%; max-height: 680px } @media (max-width:975px) { .calendly-overlay .calendly-popup { position: fixed; top: 50px; left: 0; right: 0; bottom: 0; -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; height: auto; min-width: 0; max-height: none } } .calendly-overlay .calendly-popup .calendly-popup-content { height: 100% } .calendly-overlay .calendly-popup-close { position: absolute; top: 25px; right: 25px; color: #fff; width: 19px; height: 19px; cursor: pointer; background: url(//assets.calendly.com/assets/external/close-icon-77963382ab339573bb06b204699d4adf5ebbcbaaa51784f1d9f4b611723b42b0.svg) no-repeat; background-size: contain } @media (max-width:975px) { .calendly-overlay .calendly-popup-close { top: 15px; right: 15px } } .calendly-badge-widget { position: fixed; right: 20px; bottom: 15px; z-index: 9998 } .calendly-badge-widget .calendly-badge-content { display: table-cell; width: auto; height: 45px; padding: 0 30px; border-radius: 25px; box-shadow: rgba(0, 0, 0, .25) 0 2px 5px; font-family: sans-serif; text-align: center; vertical-align: middle; font-weight: 700; font-size: 14px; color: #fff; cursor: pointer } .calendly-badge-widget .calendly-badge-content.calendly-white { color: #666a73 } .calendly-badge-widget .calendly-badge-content span { display: block; font-size: 12px } .calendly-spinner { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: -1 } .calendly-spinner>div { display: inline-block; width: 18px; height: 18px; background-color: #e1e1e1; border-radius: 50%; vertical-align: middle; -webkit-animation: calendly-bouncedelay 1.4s infinite ease-in-out; animation: calendly-bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both } .calendly-spinner .calendly-bounce1 { -webkit-animation-delay: -.32s; animation-delay: -.32s } .calendly-spinner .calendly-bounce2 { -webkit-animation-delay: -.16s; animation-delay: -.16s } @-webkit-keyframes calendly-bouncedelay { 0%, 100%, 80% { -webkit-transform: scale(0); transform: scale(0) } 40% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes calendly-bouncedelay { 0%, 100%, 80% { -webkit-transform: scale(0); transform: scale(0) } 40% { -webkit-transform: scale(1); transform: scale(1) } } .iti { position: relative; font-size: 14px; color: rgba(255, 255, 255, .8) } .iti__hide { display: none } .iti__v-hide { visibility: hidden } .iti input, .iti input[type=tel], .iti input[type=text] { position: relative; z-index: 0; margin-top: 0!important; margin-bottom: 0!important; padding-right: 36px; margin-right: 0 } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px } .iti__selected-flag { z-index: 1; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 0 6px 0 8px } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555 } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555 } .iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; border: 1px solid rgba(95, 201, 248, .2); background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAQUlEQVR42mJgwAKi4zNtGdEFXd39dd++ff0FRdDDO9jAzNJehY2NnQW/IFC7HoZgXGK2nZGJlSIbGxsLsrEAAQYAQBUOUinuG4kAAAAASUVORK5CYII=); border: 1px solid rgba(95, 201, 248, .2); white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch } .iti__country-list::-webkit-scrollbar { width: 6px; background: 0 0 } .iti__country-list::-webkit-scrollbar-track { background: 0 0 } .iti__country-list::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .2); border-radius: 2px; transition: background .3s } .iti__country-list::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, .2) } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px } @media (max-width:500px) { .iti__country-list { white-space: normal; min-width: 320px } } .iti__flag-box { display: inline-block; width: 20px } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid rgba(204, 204, 204, .18) } .iti__country { padding: 5px 10px!important; outline: 0; text-indent: initial!important; margin: 0!important } .iti__country:before { content: none!important } .iti__dial-code { color: #999 } .iti__country.iti__highlight { background-color: rgba(255, 255, 255, .05) } .iti__country-name, .iti__dial-code, .iti__flag-box { vertical-align: middle } .iti__country-name, .iti__flag-box { margin-right: 6px } .iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text] { padding-right: 6px; padding-left: 52px; margin-left: 0 } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0 } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, .05) } .iti--allow-dropdown input[disabled]+.iti__flag-container:hover, .iti--allow-dropdown input[readonly]+.iti__flag-container:hover { cursor: default } .iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag { background-color: transparent } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, .05); outline: 0 } .iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px } .iti--container:hover { cursor: pointer } .iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed } .iti-mobile .iti__country-list { max-height: 100%; width: 100% } .iti-mobile .iti__country { padding: 10px; line-height: 1.5em } .iti__flag { width: 20px } .iti__flag.iti__be { width: 18px } .iti__flag.iti__ch { width: 15px } .iti__flag.iti__mc { width: 19px } .iti__flag.iti__ne { width: 18px } .iti__flag.iti__np { width: 13px } .iti__flag.iti__va { width: 15px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .iti__flag { background-size: 5652px 15px } } .iti__flag.iti__ac { height: 10px; background-position: 0 0 } .iti__flag.iti__ad { height: 14px; background-position: -22px 0 } .iti__flag.iti__ae { height: 10px; background-position: -44px 0 } .iti__flag.iti__af { height: 14px; background-position: -66px 0 } .iti__flag.iti__ag { height: 14px; background-position: -88px 0 } .iti__flag.iti__ai { height: 10px; background-position: -110px 0 } .iti__flag.iti__al { height: 15px; background-position: -132px 0 } .iti__flag.iti__am { height: 10px; background-position: -154px 0 } .iti__flag.iti__ao { height: 14px; background-position: -176px 0 } .iti__flag.iti__aq { height: 14px; background-position: -198px 0 } .iti__flag.iti__ar { height: 13px; background-position: -220px 0 } .iti__flag.iti__as { height: 10px; background-position: -242px 0 } .iti__flag.iti__at { height: 14px; background-position: -264px 0 } .iti__flag.iti__au { height: 10px; background-position: -286px 0 } .iti__flag.iti__aw { height: 14px; background-position: -308px 0 } .iti__flag.iti__ax { height: 13px; background-position: -330px 0 } .iti__flag.iti__az { height: 10px; background-position: -352px 0 } .iti__flag.iti__ba { height: 10px; background-position: -374px 0 } .iti__flag.iti__bb { height: 14px; background-position: -396px 0 } .iti__flag.iti__bd { height: 12px; background-position: -418px 0 } .iti__flag.iti__be { height: 15px; background-position: -440px 0 } .iti__flag.iti__bf { height: 14px; background-position: -460px 0 } .iti__flag.iti__bg { height: 12px; background-position: -482px 0 } .iti__flag.iti__bh { height: 12px; background-position: -504px 0 } .iti__flag.iti__bi { height: 12px; background-position: -526px 0 } .iti__flag.iti__bj { height: 14px; background-position: -548px 0 } .iti__flag.iti__bl { height: 14px; background-position: -570px 0 } .iti__flag.iti__bm { height: 10px; background-position: -592px 0 } .iti__flag.iti__bn { height: 10px; background-position: -614px 0 } .iti__flag.iti__bo { height: 14px; background-position: -636px 0 } .iti__flag.iti__bq { height: 14px; background-position: -658px 0 } .iti__flag.iti__br { height: 14px; background-position: -680px 0 } .iti__flag.iti__bs { height: 10px; background-position: -702px 0 } .iti__flag.iti__bt { height: 14px; background-position: -724px 0 } .iti__flag.iti__bv { height: 15px; background-position: -746px 0 } .iti__flag.iti__bw { height: 14px; background-position: -768px 0 } .iti__flag.iti__by { height: 10px; background-position: -790px 0 } .iti__flag.iti__bz { height: 14px; background-position: -812px 0 } .iti__flag.iti__ca { height: 10px; background-position: -834px 0 } .iti__flag.iti__cc { height: 10px; background-position: -856px 0 } .iti__flag.iti__cd { height: 15px; background-position: -878px 0 } .iti__flag.iti__cf { height: 14px; background-position: -900px 0 } .iti__flag.iti__cg { height: 14px; background-position: -922px 0 } .iti__flag.iti__ch { height: 15px; background-position: -944px 0 } .iti__flag.iti__ci { height: 14px; background-position: -961px 0 } .iti__flag.iti__ck { height: 10px; background-position: -983px 0 } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0 } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0 } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0 } .iti__flag.iti__co { height: 14px; background-position: -1071px 0 } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0 } .iti__flag.iti__cr { height: 12px; background-position: -1115px 0 } .iti__flag.iti__cu { height: 10px; background-position: -1137px 0 } .iti__flag.iti__cv { height: 12px; background-position: -1159px 0 } .iti__flag.iti__cw { height: 14px; background-position: -1181px 0 } .iti__flag.iti__cx { height: 10px; background-position: -1203px 0 } .iti__flag.iti__cy { height: 14px; background-position: -1225px 0 } .iti__flag.iti__cz { height: 14px; background-position: -1247px 0 } .iti__flag.iti__de { height: 12px; background-position: -1269px 0 } .iti__flag.iti__dg { height: 10px; background-position: -1291px 0 } .iti__flag.iti__dj { height: 14px; background-position: -1313px 0 } .iti__flag.iti__dk { height: 15px; background-position: -1335px 0 } .iti__flag.iti__dm { height: 10px; background-position: -1357px 0 } .iti__flag.iti__do { height: 14px; background-position: -1379px 0 } .iti__flag.iti__dz { height: 14px; background-position: -1401px 0 } .iti__flag.iti__ea { height: 14px; background-position: -1423px 0 } .iti__flag.iti__ec { height: 14px; background-position: -1445px 0 } .iti__flag.iti__ee { height: 13px; background-position: -1467px 0 } .iti__flag.iti__eg { height: 14px; background-position: -1489px 0 } .iti__flag.iti__eh { height: 10px; background-position: -1511px 0 } .iti__flag.iti__er { height: 10px; background-position: -1533px 0 } .iti__flag.iti__es { height: 14px; background-position: -1555px 0 } .iti__flag.iti__et { height: 10px; background-position: -1577px 0 } .iti__flag.iti__eu { height: 14px; background-position: -1599px 0 } .iti__flag.iti__fi { height: 12px; background-position: -1621px 0 } .iti__flag.iti__fj { height: 10px; background-position: -1643px 0 } .iti__flag.iti__fk { height: 10px; background-position: -1665px 0 } .iti__flag.iti__fm { height: 11px; background-position: -1687px 0 } .iti__flag.iti__fo { height: 15px; background-position: -1709px 0 } .iti__flag.iti__fr { height: 14px; background-position: -1731px 0 } .iti__flag.iti__ga { height: 15px; background-position: -1753px 0 } .iti__flag.iti__gb { height: 10px; background-position: -1775px 0 } .iti__flag.iti__gd { height: 12px; background-position: -1797px 0 } .iti__flag.iti__ge { height: 14px; background-position: -1819px 0 } .iti__flag.iti__gf { height: 14px; background-position: -1841px 0 } .iti__flag.iti__gg { height: 14px; background-position: -1863px 0 } .iti__flag.iti__gh { height: 14px; background-position: -1885px 0 } .iti__flag.iti__gi { height: 10px; background-position: -1907px 0 } .iti__flag.iti__gl { height: 14px; background-position: -1929px 0 } .iti__flag.iti__gm { height: 14px; background-position: -1951px 0 } .iti__flag.iti__gn { height: 14px; background-position: -1973px 0 } .iti__flag.iti__gp { height: 14px; background-position: -1995px 0 } .iti__flag.iti__gq { height: 14px; background-position: -2017px 0 } .iti__flag.iti__gr { height: 14px; background-position: -2039px 0 } .iti__flag.iti__gs { height: 10px; background-position: -2061px 0 } .iti__flag.iti__gt { height: 13px; background-position: -2083px 0 } .iti__flag.iti__gu { height: 11px; background-position: -2105px 0 } .iti__flag.iti__gw { height: 10px; background-position: -2127px 0 } .iti__flag.iti__gy { height: 12px; background-position: -2149px 0 } .iti__flag.iti__hk { height: 14px; background-position: -2171px 0 } .iti__flag.iti__hm { height: 10px; background-position: -2193px 0 } .iti__flag.iti__hn { height: 10px; background-position: -2215px 0 } .iti__flag.iti__hr { height: 10px; background-position: -2237px 0 } .iti__flag.iti__ht { height: 12px; background-position: -2259px 0 } .iti__flag.iti__hu { height: 10px; background-position: -2281px 0 } .iti__flag.iti__ic { height: 14px; background-position: -2303px 0 } .iti__flag.iti__id { height: 14px; background-position: -2325px 0 } .iti__flag.iti__ie { height: 10px; background-position: -2347px 0 } .iti__flag.iti__il { height: 15px; background-position: -2369px 0 } .iti__flag.iti__im { height: 10px; background-position: -2391px 0 } .iti__flag.iti__in { height: 14px; background-position: -2413px 0 } .iti__flag.iti__io { height: 10px; background-position: -2435px 0 } .iti__flag.iti__iq { height: 14px; background-position: -2457px 0 } .iti__flag.iti__ir { height: 12px; background-position: -2479px 0 } .iti__flag.iti__is { height: 15px; background-position: -2501px 0 } .iti__flag.iti__it { height: 14px; background-position: -2523px 0 } .iti__flag.iti__je { height: 12px; background-position: -2545px 0 } .iti__flag.iti__jm { height: 10px; background-position: -2567px 0 } .iti__flag.iti__jo { height: 10px; background-position: -2589px 0 } .iti__flag.iti__jp { height: 14px; background-position: -2611px 0 } .iti__flag.iti__ke { height: 14px; background-position: -2633px 0 } .iti__flag.iti__kg { height: 12px; background-position: -2655px 0 } .iti__flag.iti__kh { height: 13px; background-position: -2677px 0 } .iti__flag.iti__ki { height: 10px; background-position: -2699px 0 } .iti__flag.iti__km { height: 12px; background-position: -2721px 0 } .iti__flag.iti__kn { height: 14px; background-position: -2743px 0 } .iti__flag.iti__kp { height: 10px; background-position: -2765px 0 } .iti__flag.iti__kr { height: 14px; background-position: -2787px 0 } .iti__flag.iti__kw { height: 10px; background-position: -2809px 0 } .iti__flag.iti__ky { height: 10px; background-position: -2831px 0 } .iti__flag.iti__kz { height: 10px; background-position: -2853px 0 } .iti__flag.iti__la { height: 14px; background-position: -2875px 0 } .iti__flag.iti__lb { height: 14px; background-position: -2897px 0 } .iti__flag.iti__lc { height: 10px; background-position: -2919px 0 } .iti__flag.iti__li { height: 12px; background-position: -2941px 0 } .iti__flag.iti__lk { height: 10px; background-position: -2963px 0 } .iti__flag.iti__lr { height: 11px; background-position: -2985px 0 } .iti__flag.iti__ls { height: 14px; background-position: -3007px 0 } .iti__flag.iti__lt { height: 12px; background-position: -3029px 0 } .iti__flag.iti__lu { height: 12px; background-position: -3051px 0 } .iti__flag.iti__lv { height: 10px; background-position: -3073px 0 } .iti__flag.iti__ly { height: 10px; background-position: -3095px 0 } .iti__flag.iti__ma { height: 14px; background-position: -3117px 0 } .iti__flag.iti__mc { height: 15px; background-position: -3139px 0 } .iti__flag.iti__md { height: 10px; background-position: -3160px 0 } .iti__flag.iti__me { height: 10px; background-position: -3182px 0 } .iti__flag.iti__mf { height: 14px; background-position: -3204px 0 } .iti__flag.iti__mg { height: 14px; background-position: -3226px 0 } .iti__flag.iti__mh { height: 11px; background-position: -3248px 0 } .iti__flag.iti__mk { height: 10px; background-position: -3270px 0 } .iti__flag.iti__ml { height: 14px; background-position: -3292px 0 } .iti__flag.iti__mm { height: 14px; background-position: -3314px 0 } .iti__flag.iti__mn { height: 10px; background-position: -3336px 0 } .iti__flag.iti__mo { height: 14px; background-position: -3358px 0 } .iti__flag.iti__mp { height: 10px; background-position: -3380px 0 } .iti__flag.iti__mq { height: 14px; background-position: -3402px 0 } .iti__flag.iti__mr { height: 14px; background-position: -3424px 0 } .iti__flag.iti__ms { height: 10px; background-position: -3446px 0 } .iti__flag.iti__mt { height: 14px; background-position: -3468px 0 } .iti__flag.iti__mu { height: 14px; background-position: -3490px 0 } .iti__flag.iti__mv { height: 14px; background-position: -3512px 0 } .iti__flag.iti__mw { height: 14px; background-position: -3534px 0 } .iti__flag.iti__mx { height: 12px; background-position: -3556px 0 } .iti__flag.iti__my { height: 10px; background-position: -3578px 0 } .iti__flag.iti__mz { height: 14px; background-position: -3600px 0 } .iti__flag.iti__na { height: 14px; background-position: -3622px 0 } .iti__flag.iti__nc { height: 10px; background-position: -3644px 0 } .iti__flag.iti__ne { height: 15px; background-position: -3666px 0 } .iti__flag.iti__nf { height: 10px; background-position: -3686px 0 } .iti__flag.iti__ng { height: 10px; background-position: -3708px 0 } .iti__flag.iti__ni { height: 12px; background-position: -3730px 0 } .iti__flag.iti__nl { height: 14px; background-position: -3752px 0 } .iti__flag.iti__no { height: 15px; background-position: -3774px 0 } .iti__flag.iti__np { height: 15px; background-position: -3796px 0 } .iti__flag.iti__nr { height: 10px; background-position: -3811px 0 } .iti__flag.iti__nu { height: 10px; background-position: -3833px 0 } .iti__flag.iti__nz { height: 10px; background-position: -3855px 0 } .iti__flag.iti__om { height: 10px; background-position: -3877px 0 } .iti__flag.iti__pa { height: 14px; background-position: -3899px 0 } .iti__flag.iti__pe { height: 14px; background-position: -3921px 0 } .iti__flag.iti__pf { height: 14px; background-position: -3943px 0 } .iti__flag.iti__pg { height: 15px; background-position: -3965px 0 } .iti__flag.iti__ph { height: 10px; background-position: -3987px 0 } .iti__flag.iti__pk { height: 14px; background-position: -4009px 0 } .iti__flag.iti__pl { height: 13px; background-position: -4031px 0 } .iti__flag.iti__pm { height: 14px; background-position: -4053px 0 } .iti__flag.iti__pn { height: 10px; background-position: -4075px 0 } .iti__flag.iti__pr { height: 14px; background-position: -4097px 0 } .iti__flag.iti__ps { height: 10px; background-position: -4119px 0 } .iti__flag.iti__pt { height: 14px; background-position: -4141px 0 } .iti__flag.iti__pw { height: 13px; background-position: -4163px 0 } .iti__flag.iti__py { height: 11px; background-position: -4185px 0 } .iti__flag.iti__qa { height: 8px; background-position: -4207px 0 } .iti__flag.iti__re { height: 14px; background-position: -4229px 0 } .iti__flag.iti__ro { height: 14px; background-position: -4251px 0 } .iti__flag.iti__rs { height: 14px; background-position: -4273px 0 } .iti__flag.iti__ru { height: 14px; background-position: -4295px 0 } .iti__flag.iti__rw { height: 14px; background-position: -4317px 0 } .iti__flag.iti__sa { height: 14px; background-position: -4339px 0 } .iti__flag.iti__sb { height: 10px; background-position: -4361px 0 } .iti__flag.iti__sc { height: 10px; background-position: -4383px 0 } .iti__flag.iti__sd { height: 10px; background-position: -4405px 0 } .iti__flag.iti__se { height: 13px; background-position: -4427px 0 } .iti__flag.iti__sg { height: 14px; background-position: -4449px 0 } .iti__flag.iti__sh { height: 10px; background-position: -4471px 0 } .iti__flag.iti__si { height: 10px; background-position: -4493px 0 } .iti__flag.iti__sj { height: 15px; background-position: -4515px 0 } .iti__flag.iti__sk { height: 14px; background-position: -4537px 0 } .iti__flag.iti__sl { height: 14px; background-position: -4559px 0 } .iti__flag.iti__sm { height: 15px; background-position: -4581px 0 } .iti__flag.iti__sn { height: 14px; background-position: -4603px 0 } .iti__flag.iti__so { height: 14px; background-position: -4625px 0 } .iti__flag.iti__sr { height: 14px; background-position: -4647px 0 } .iti__flag.iti__ss { height: 10px; background-position: -4669px 0 } .iti__flag.iti__st { height: 10px; background-position: -4691px 0 } .iti__flag.iti__sv { height: 12px; background-position: -4713px 0 } .iti__flag.iti__sx { height: 14px; background-position: -4735px 0 } .iti__flag.iti__sy { height: 14px; background-position: -4757px 0 } .iti__flag.iti__sz { height: 14px; background-position: -4779px 0 } .iti__flag.iti__ta { height: 10px; background-position: -4801px 0 } .iti__flag.iti__tc { height: 10px; background-position: -4823px 0 } .iti__flag.iti__td { height: 14px; background-position: -4845px 0 } .iti__flag.iti__tf { height: 14px; background-position: -4867px 0 } .iti__flag.iti__tg { height: 13px; background-position: -4889px 0 } .iti__flag.iti__th { height: 14px; background-position: -4911px 0 } .iti__flag.iti__tj { height: 10px; background-position: -4933px 0 } .iti__flag.iti__tk { height: 10px; background-position: -4955px 0 } .iti__flag.iti__tl { height: 10px; background-position: -4977px 0 } .iti__flag.iti__tm { height: 14px; background-position: -4999px 0 } .iti__flag.iti__tn { height: 14px; background-position: -5021px 0 } .iti__flag.iti__to { height: 10px; background-position: -5043px 0 } .iti__flag.iti__tr { height: 14px; background-position: -5065px 0 } .iti__flag.iti__tt { height: 12px; background-position: -5087px 0 } .iti__flag.iti__tv { height: 10px; background-position: -5109px 0 } .iti__flag.iti__tw { height: 14px; background-position: -5131px 0 } .iti__flag.iti__tz { height: 14px; background-position: -5153px 0 } .iti__flag.iti__ua { height: 14px; background-position: -5175px 0 } .iti__flag.iti__ug { height: 14px; background-position: -5197px 0 } .iti__flag.iti__um { height: 11px; background-position: -5219px 0 } .iti__flag.iti__un { height: 14px; background-position: -5241px 0 } .iti__flag.iti__us { height: 11px; background-position: -5263px 0 } .iti__flag.iti__uy { height: 14px; background-position: -5285px 0 } .iti__flag.iti__uz { height: 10px; background-position: -5307px 0 } .iti__flag.iti__va { height: 15px; background-position: -5329px 0 } .iti__flag.iti__vc { height: 14px; background-position: -5346px 0 } .iti__flag.iti__ve { height: 14px; background-position: -5368px 0 } .iti__flag.iti__vg { height: 10px; background-position: -5390px 0 } .iti__flag.iti__vi { height: 14px; background-position: -5412px 0 } .iti__flag.iti__vn { height: 14px; background-position: -5434px 0 } .iti__flag.iti__vu { height: 12px; background-position: -5456px 0 } .iti__flag.iti__wf { height: 14px; background-position: -5478px 0 } .iti__flag.iti__ws { height: 10px; background-position: -5500px 0 } .iti__flag.iti__xk { height: 15px; background-position: -5522px 0 } .iti__flag.iti__ye { height: 14px; background-position: -5544px 0 } .iti__flag.iti__yt { height: 14px; background-position: -5566px 0 } .iti__flag.iti__za { height: 14px; background-position: -5588px 0 } .iti__flag.iti__zm { height: 14px; background-position: -5610px 0 } .iti__flag.iti__zw { height: 10px; background-position: -5632px 0 } .iti__flag { height: 15px; box-shadow: 0 0 1px 0 #888; background-image: url(https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.0/img/flags.png); background-repeat: no-repeat; background-color: #121418; background-position: 20px 0 } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .iti__flag { background-image: url(https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.0/img/flags@2x.png) } } .iti__flag.iti__np { background-color: transparent } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8 } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: 0!important; -webkit-backface-visibility: hidden } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .mfp-align-top .mfp-container:before { display: none } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; max-width: 960px } .mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto } .mfp-ajax-cur { cursor: progress } .mfp-zoom { cursor: pointer; cursor: zoom-in } .mfp-auto-cursor .mfp-content { cursor: auto } .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -ms-user-select: none; user-select: none } .mfp-loading.mfp-figure { display: none } .mfp-hide { display: none!important } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #ccc } .mfp-preloader a:hover { color: #fff } .mfp-s-ready .mfp-preloader { display: none } .mfp-s-error .mfp-content { display: none } button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; display: inline-block; max-width: 48px; outline: 0; padding: 0; z-index: 1046; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation } button::-moz-focus-inner { padding: 0; border: 0 } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace } .mfp-close:focus, .mfp-close:hover { opacity: 1 } .mfp-close:active { top: 1px } .mfp-close-btn-in .mfp-close { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; right: 0; width: 100%; max-width: 48px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZSURBVHgBxcghAQAAAIMw+pf+C+CZHLilebfsBfsvTewEAAAAAElFTkSuQmCC) rgba(18, 20, 24, .6); background-size: 4px } .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; right: 0; width: 100%; max-width: 48px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZSURBVHgBxcghAQAAAIMw+pf+C+CZHLilebfsBfsvTewEAAAAAElFTkSuQmCC) rgba(18, 20, 24, .6); background-size: 4px } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap } .mfp-arrow { position: absolute; opacity: .65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent } .mfp-arrow:active { margin-top: -54px } .mfp-arrow:focus, .mfp-arrow:hover { opacity: 1 } .mfp-arrow:after, .mfp-arrow:before { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; border: medium inset transparent } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: .7 } .mfp-arrow-left { left: 0 } .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f } .mfp-arrow-right { right: 0 } .mfp-arrow-right:after { border-left: 17px solid #fff } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-iframe-holder .mfp-close { top: 0 } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #000 } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; margin: 0 auto } .mfp-figure { line-height: 0 } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #444 } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px } .mfp-figure figure { margin: 0 } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px } .mfp-image-holder .mfp-content { max-width: 100% } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer } @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 } .mfp-img-mobile img.mfp-img { padding: 0 } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, .6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, .6); position: fixed; text-align: center; padding: 0 } } @media all and (max-width:900px) { .mfp-arrow { -webkit-transform: scale(.75); -ms-transform: scale(.75); transform: scale(.75) } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0 } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100% } .mfp-container { padding-left: 6px; padding-right: 6px } } .mfp-fade.mfp-bg { opacity: 0; transition: all .3s ease-out } .mfp-fade.mfp-bg.mfp-ready { opacity: .8 } .mfp-fade.mfp-bg.mfp-removing { opacity: 0 } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all .3s ease-out } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1 } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0 } .ba-section-intro { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 100vh; position: relative } .ba-suptitle { margin-bottom: 14px } @media print, screen and (min-width:40em) { .ba-suptitle { margin-bottom: 20px } } @media print, screen and (min-width:64em) { .ba-suptitle { font-size: 18px } } @media screen and (min-width:75em) { .ba-suptitle { font-size: 20px } } @media screen and (min-width:131.25em) { .ba-suptitle { font-size: 24px } } .ba-main-title { margin-bottom: 28px; font-size: 32px } @media print, screen and (min-width:40em) { .ba-main-title { margin-bottom: 40px; font-size: 48px } } @media print, screen and (min-width:64em) { .ba-main-title { font-size: 4.1vw; white-space: nowrap } } @media screen and (min-width:75em) { .ba-main-title { font-size: 54px } } @media screen and (min-width:101.25em) { .ba-main-title { font-size: 64px } } .ba-cursor, .ba-single-content h1:after, .ba-title-dot:after, .typed-cursor { content: ''; height: .73em; width: .44em; display: inline-block; background: currentColor; margin-left: 12px } .ba-cursor, .typed-cursor { margin-left: 0 } .ba-cursor--blink, .typed-cursor--blink { margin-left: 12px } @-webkit-keyframes blink-animation { to { visibility: hidden } } @keyframes blink-animation { to { visibility: hidden } } .ba-scroll-down { position: absolute; bottom: 90px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color: #5fc9f8; z-index: 3; font-size: 14px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; letter-spacing: 2px; font-family: "IBM Plex Mono", monospace } @media print, screen and (min-width:40em) { .ba-scroll-down { bottom: 140px } } @media print, screen and (min-width:64em) { .ba-scroll-down { left: 66%; bottom: 42px } } @media screen and (min-width:101.25em) { .ba-scroll-down { left: 58% } } @media screen and (min-width:131.25em) { .ba-scroll-down { left: 72% } } @media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait) { .ba-scroll-down { bottom: 130px } } @media only screen and (min-device-width:768px) and (max-device-width:1112px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) { .ba-scroll-down { bottom: 100px } } /* Динамический цвет - на главной странице ( подробнее ) */ .ba-scroll-down:hover { color: var(--color); text-shadow: 0 0 5px } /* END: Динамический цвет - на главной странице ( подробнее ) */ .ba-desc-code, .wp-block-quote { color: #5fc9f8; color: var(--color, #5fc9f8); font-family: "IBM Plex Mono", monospace; font-size: 12px; margin-bottom: 30px; padding-left: 20px; line-height: 1.6; position: relative; max-width: 470px; letter-spacing: 0 } @media print, screen and (min-width:40em) { .ba-desc-code, .wp-block-quote { font-size: 14px; margin-bottom: 36px } } .ba-desc-code p, .ba-desc-code p+p, .wp-block-quote p, .wp-block-quote p+p { margin: 0 } .ba-desc-code cite, .wp-block-quote cite { font-style: normal } .ba-desc-code:before, .wp-block-quote:before { content: ''; position: absolute; left: 0; top: .3em; bottom: .3em; border: 1px solid currentColor; border-right: none; width: 6px } .wp-block-quote { margin-bottom: 16px; max-width: initial } @media print, screen and (min-width:40em) { .wp-block-quote { margin-bottom: 20px } } @media print, screen and (min-width:40em) and (max-width:63.99875em) { .wp-block-quote { padding-right: 130px } } .ba-facts-row { margin-top: -24px } @media print, screen and (min-width:40em) { .ba-facts-row { margin-top: -44px } } .ba-fact { margin-top: 44px; font-size: 14px; font-family: "IBM Plex Mono", monospace; line-height: 1.42 } @media print, screen and (max-width:39.99875em) { .ba-fact { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 24px } } .ba-fact img { width: 40%; margin-right: 22px } @media print, screen and (min-width:40em) { .ba-fact img { width: 100%; margin-bottom: 20px; margin-right: 0 } } .ba-fact p { line-height: inherit } .ba-fact>:last-child { margin-bottom: 0 } .ba-desc { font-size: 14px; margin-bottom: 32px; letter-spacing: .8px } @media print, screen and (min-width:40em) { .ba-desc { font-size: 16px } } .video__button-shape { fill: #212121; fill-opacity: .8; transition: fill .3s, fill-opacity .3s } .video__button-icon { fill: #fff } .video__button:focus { outline: 0 } @media print, screen and (min-width:40em) { .ba-embed-wrap { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAQUlEQVR42mJgwAKi4zNtGdEFXd39dd++ff0FRdDDO9jAzNJehY2NnQW/IFC7HoZgXGK2nZGJlSIbGxsLsrEAAQYAQBUOUinuG4kAAAAASUVORK5CYII=); overflow: hidden; padding: 12px; padding-right: 16%; position: relative; border: 1px solid rgba(95, 201, 248, .2) } } .ba-embed-wrap__img { position: relative; position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .ba-embed-wrap__img img { height: 100%; width: 100%; object-fit: cover } .ba-embed-wrap__button { position: absolute; top: 50%; left: 50%; z-index: 1; padding: 0; width: 68px; height: 48px; border: none; background-color: transparent; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer } /* YouTube - курсор + цвет рамки */ .ba-embed-wrap__item { border: 1px solid rgba(95, 201, 248, .2); /* cursor: pointer */ } /* END: YouTube - курсор + цвет рамки */ .ba-embed-wrap__item:hover .video__button-shape { fill: red; fill-opacity: 1 } .ba-embed-wrap__shape { position: absolute; top: 50%; right: 12px; width: calc(16% - 24px); height: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1 } @media screen and (min-width:75em) { .ba-embed-wrap__shape { width: calc(15.1% - 24px) } } .ba-term-list { margin-bottom: 28px; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; letter-spacing: 1px } @media print, screen and (min-width:40em) { .ba-term-list { margin-bottom: 32px } } /* Наши работы - цвет блоков */ .ba-term-list a { text-transform: none; color: #cecece /* color: #747885 */ } /* Наши работы - цвет блоков */ .ba-term-list a>span { position: relative } .ba-term-list a>span:after { content: ''; position: absolute; height: 1px; background: #5fc9f8; top: 100%; left: 0; right: 0; margin-top: 10px; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s } /* Наши работы - цвет вкладки */ .ba-term-list .active { color: #5fc9f8 } /* END: Наши работы - цвет вкладки */ .ba-term-list .active>span:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .ba-term-list li+li { margin-left: 24px } .ba-client { padding: 0 } .ba-client img { display: block; width: 90%; margin: 0 auto } .ba-clients-logos { display: none } .ba-clients-logos.active { display: block } .ba-testimonial { outline: 0; background: no-repeat calc(100% - 2px) 0; background-image: url("data:image/svg+xml,%3Csvg width='32' height='24' viewBox='0 0 32 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath opacity='0.3' d='M20.5 11.7929L31.5 22.7929V0.5H20.5V11.7929ZM0.5 11.7929L11.5 22.7929V0.5H0.5V11.7929Z' stroke='%235FC9F8'/%3E %3C/svg%3E"); margin: 0 } .ba-testimonial p { margin-bottom: 16px } .ba-testimonial__name { color: #fff; margin-bottom: 6px; font-size: 18px } @media print, screen and (min-width:40em) { .ba-testimonial__name { font-size: 28px } } .ba-testimonial__body>:last-child { margin-bottom: 0 } /* Динамический цвет - Спойлер ( читать далее, комментарии, отзывы ) */ .ba-testimonial__toggle { color: var(--color); font-size: 14px } /* END: Динамический цвет - Спойлер ( читать далее, комментарии, отзывы ) */ .ba-testimonial__toggle:hover { color: var(--color); text-shadow: 0 0 5px } .ba-testimonial__toggle:before { content: attr(data-more-text) } .open+.ba-testimonial__toggle:before { content: attr(data-less-text) } /* Спойлер высота - Читать далее ( читать далее, комментарии, отзывы ) */ .ba-testimonial__more { display: none; margin-bottom: 0px /* margin-bottom: 16px */ } /* END: Спойлер высота - Читать далее ( читать далее, комментарии, отзывы ) */ .ba-testimonial__more.open { display: block } .ba-testimonial__more>:last-child { margin-bottom: 0 } .ba-testimonial__header-inner { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } .ba-testimonial__header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 12px; color: #747885; margin-bottom: 20px } @media print, screen and (min-width:40em) { .ba-testimonial__header { font-size: 14px } } /* Динамический цвет - Отзывы клиентов ( имена ) */ .ba-testimonial__header a { color: #5fc9f8 } .ba-testimonial__header a:hover { color: var(--color); text-shadow: 0 0 5px } /* END: Динамический цвет - Отзывы клиентов ( имена ) */ .ba-testimonial__header p { margin: 0; line-height: 1.2 } /* Отзывы наших клиентов - фото */ .ba-testimonial__photo { margin-right: 24px; /* border: 1px solid #5fc9f8; */ -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 78px; height: 78px; background-image: url("data:image/svg+xml;base64,PHN2ZyBhdXRob3I9J1ZpY3RvciBEcm96ZCcgZmlsbD0nbm9uZScgaGVpZ2h0PSc3OCcgd2lkdGg9Jzc4JyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48ZGVmcz48cGF0dGVybiB4bGluazpocmVmPScjYScgaWQ9J2InIHBhdHRlcm5UcmFuc2Zvcm09J3NjYWxlKC42MjkwMyAuNSknLz48L2RlZnM+PGxpbmVhckdyYWRpZW50IGlkPSdjJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgeDE9JzY2LjgyMicgeDI9JzY2LjgyMicgeTE9JzIyLjY0NScgeTI9JzEzMy43NDgnIGdyYWRpZW50VHJhbnNmb3JtPSdtYXRyaXgoLjYyNjQgMCAwIC42NTAwOCAuMTY0IC0xMC43MiknPjxzdG9wIG9mZnNldD0nMCcgc3RvcC1jb2xvcj0nIzVmYzlmOCcvPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0nIzVmYzlmOCcgc3RvcC1vcGFjaXR5PScwJy8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9J2QnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJyB4MT0nNjEuOTk4JyB4Mj0nNjEuOTk4JyB5MT0nMjIuNjQ1JyB5Mj0nMTMwLjMyNCcgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCguNjI1NDYgMCAwIC42NDkyNCAuMjIzIC0xMC42NTcpJz48c3RvcCBvZmZzZXQ9JzAnIHN0b3AtY29sb3I9JyM1ZmM5ZjgnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyM1ZmM5ZjgnLz48L2xpbmVhckdyYWRpZW50PjxwYXR0ZXJuIGlkPSdhJyBoZWlnaHQ9Jy4wMjUnIHBhdHRlcm5Db250ZW50VW5pdHM9J29iamVjdEJvdW5kaW5nQm94JyB3aWR0aD0nLjAzMicvPjxwYXRoIGQ9J00wIDBoNzh2NzhIMFonIGZpbGw9JyMxMjE0MTgnIGZpbGwtb3BhY2l0eT0nLjYnLz48cGF0aCBkPSdNMCAwaDc4djc4SDBaJyBmaWxsPSd1cmwoI2IpJyBmaWxsLW9wYWNpdHk9Jy4yNScvPjxwYXRoIGQ9J00uNDk2LjQ5Nmg3Ny4wMDh2NzcuMDA4SC40OTZaJyBzdHJva2U9JyM1ZmM5ZjgnIHN0cm9rZS13aWR0aD0nLjk5Micgb3BhY2l0eT0nLjc1Jy8+PHBhdGggZD0nTTI1LjEzOSAxNi43MzRjLjI1MyAyLjkyMi44NzYgNi43MjcuODc2IDYuNzI3cy0xLjIzNC42MzgtMS4yMzQgMy4yMDRjLjQzIDYuNDQyIDIuNjkzIDMuNjYyIDMuMTYgNi40ODYgMS4xMiA2LjgwNiAzLjY4IDUuNTk0IDMuNjggOS4zMDggMCA2LjE4Ny0yLjY4MyA5LjA4LTExLjA1NyAxMi41MDlDMTIuMTYyIDU4LjQxMiAzLjUgNjIuNzQ1IDMuNSA3MC4yNDhWNzRoNzF2LTMuNzUyYzAtNy41MDMtOC42NjYtMTEuODM2LTE3LjA3MS0xNS4yNzctOC4zNzUtMy40MjktMTEuMDQ5LTYuMzE4LTExLjA0OS0xMi41MDcgMC0zLjcxNSAyLjU1Mi0yLjUwMyAzLjY3Ny05LjMwOS40Ny0yLjgyNSAyLjczLS4wNDUgMy4xNjctNi40ODYgMC0yLjU2Ny0xLjIzOS0zLjIwNS0xLjIzOS0zLjIwNXMuNjI0LTMuODA0Ljg3Mi02LjcyNkM1Mi41MjQtLjQ2MyAyNC43ODEtLjAyNiAyNS4xNCAxNi43MzQnIGZpbGw9J3VybCgjYyknIGZpbGwtb3BhY2l0eT0nLjInIG9wYWNpdHk9Jy43NScvPjxwYXRoIGQ9J20yNi4xMTkgMjMuNjU1LjEyNC0uMDY0LS4wMjMtLjE0My0uMTg1LjAzMy4xODUtLjAzM3YtLjAwMmwtLjAwMi0uMDA4LS4wMDYtLjAzMi0uMDItLjEyNS0uMDczLS40N2ExMjMgMTIzIDAgMCAxLS4yNDEtMS42MjIgODYgODYgMCAwIDEtLjUzLTQuNDM2Yy0uMDg3LTQuMTE5IDEuNTUtNy4yMjUgNC4wNTYtOS4zMTQgMi41MTMtMi4wOTQgNS45MS0zLjE3IDkuMzM2LTMuMTk3IDMuNDI4LS4wMjYgNi44NjcuOTk2IDkuNDY3IDMuMDc4IDIuNTkyIDIuMDc3IDQuMzU3IDUuMjEyIDQuNDQyIDkuNDRhODQgODQgMCAwIDEtLjUyNyA0LjQzMyAxMjEuOTY1IDEyNi42MDEgMCAwIDEtLjMxNCAyLjA5MmwtLjAyLjEyNS0uMDA2LjAzM3YuMDA4bC0uMDI1LjE0My4xMjQuMDY1LjAwNy4wMDMuMDMuMDE5cS4wNDMuMDI2LjEyMi4wOTNjLjEwMy4wODguMjQ1LjIzNS4zODguNDU3LjI4Ni40NDQuNTg2IDEuMjAzLjU4NyAyLjQ0Ni0uMjE4IDMuMTkzLS44ODMgNC4wMjYtMS40ODUgNC40MzhhNCA0IDAgMCAxLS40Mi4yNDVsLS4wNjYuMDM2YTIuOTQgMy4wNTEgMCAwIDAtLjQ5MS4zMTZjLS4zMjcuMjczLS41NzUuNjc2LS42OTggMS40MTctLjU1NiAzLjM2NC0xLjQ2IDQuNzMxLTIuMjE4IDUuNzE3bC0uMjA1LjI2NGMtLjMwNi4zOS0uNTk0Ljc1Ny0uODEzIDEuMTk3LS4yNzMuNTQ3LS40MzggMS4xOTgtLjQzOCAyLjE1IDAgMy4xMjUuNjc3IDUuNDQ1IDIuNDMxIDcuNDEzIDEuNzQzIDEuOTU3IDQuNTM1IDMuNTQ3IDguNzIgNS4yNjFsLjA2OS0uMTgxLS4wNjkuMTgxYzQuMTk2IDEuNzE4IDguNDM4IDMuNjUgMTEuNjI4IDYuMDgzIDMuMTkgMi40MzIgNS4yOTkgNS4zMzYgNS4yOTkgOC45OTN2My41NTJIMy43NDF2LTMuNTUyYzAtMy42NTcgMi4xMDgtNi41NjIgNS4yOTctOC45OTQgMy4xOS0yLjQzMiA3LjQyOS00LjM2NiAxMS42MjItNi4wODYgNC4xODUtMS43MTQgNi45OC0zLjMwNCA4LjcyNS01LjI2MiAxLjc1Ni0xLjk2OCAyLjQzNC00LjI4OCAyLjQzNC03LjQxIDAtLjk1NC0uMTY1LTEuNjA1LS40MzgtMi4xNTItLjIyLS40MzktLjUwOC0uODA3LS44MTUtMS4xOTZsLS4yMDYtLjI2NGMtLjc2LS45ODctMS42NjQtMi4zNTMtMi4yMTgtNS43MTctLjEyMi0uNzQxLS4zNy0xLjE0NC0uNjk2LTEuNDE3YTIuOTQgMy4wNTEgMCAwIDAtLjQ5Mi0uMzE2bC0uMDY3LS4wMzZjLS4xNDItLjA3Ny0uMjgtLjE1MS0uNDE3LS4yNDUtLjYwMi0uNDExLTEuMjY2LTEuMjQ2LTEuNDgtNC40MzguMDAxLTEuMjQ0LjMtMi4wMDMuNTg1LTIuNDQ2YTIuMDY0IDIuMTQyIDAgMCAxIC4zODctLjQ1OCAxLjI1IDEuMjk4IDAgMCAxIC4xNTEtLjExMnonIG9wYWNpdHk9Jy43NScgc3Ryb2tlPSd1cmwoI2QpJyBzdHJva2Utd2lkdGg9Jy40ODInLz48L3N2Zz4=") } /* END: Отзывы наших клиентов - фото */ @media print, screen and (max-width:39.99875em) { .ba-testimonial__photo { margin-right: 20px } } .ba-testimonial__photo img { -webkit-filter: grayscale(1); filter: grayscale(1); width: 78px; height: 78px; object-fit: cover; } @media print, screen and (max-width:39.99875em) { .ba-testimonial__photo img { width: 58px; height: 58px } } a.ba-testimonial__photo img { transition: opacity .3s } a.ba-testimonial__photo:hover img { opacity: .7 } .ba-testimonials__arrows { margin-top: 10px; margin-bottom: 32px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; border-bottom: 1px solid rgba(95, 201, 248, .2); position: relative; top: 1px } @media print, screen and (min-width:40em) { .ba-testimonials__arrows { margin-bottom: 40px } } /* Стрелки в отзывах */ .ba-testimonials__arrows button { width: 40px; height: 28px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 1px solid rgba(95, 201, 248, .2) } .ba-testimonials__arrows button:hover { border-color: rgba(95, 201, 248, .8) } /* END: Стрелки в отзывах */ .ba-reviews-row { margin-top: -20px } .ba-review { display: block; padding: 24px 20px; font-size: 14px; color: #5fc9f8; margin-top: 20px } .ba-review__img { display: block; margin-bottom: 18px; height: 27px; width: auto } .ba-review__rating { display: block; margin-bottom: 10px } .ba-review .stars-1 :last-child { fill: #00a0d2 } .ba-review .stars-2 :nth-child(3)~path, .ba-review .stars-3-5 :nth-child(3)~path { fill: #00a0d2 } .ba-review .stars-3 :nth-child(2)~path, .ba-review .stars-4-5 :nth-child(2)~path { fill: #00a0d2 } .ba-review .stars-4 :nth-child(1)~path { fill: #00a0d2 } .ba-review .stars-5 path { fill: #00a0d2 } .ba-contact-page { z-index: 4; padding-bottom: 40px } @media print, screen and (min-width:64em) { .ba-contact-page { padding-bottom: 0 } } .ba-contact-form { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; position: relative } .ba-contact-form label { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 24px } @media print, screen and (min-width:40em) and (max-width:63.99875em) { .ba-contact-form .ba-label-email-phone { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .ba-contact-form .ba-label-email-phone label { width: 48.5% } } /* Высота страницы - контакты (Мобильный вид) */ @media print, screen and (max-width:39.99875em) { .ba-address-wrap { padding-top: 50px } } @media print, screen and (max-width:39.99875em) { .ba-address-wrap-v2 { padding-top: 0px } } /* END: Высота страницы - контакты (Мобильный вид)*/ @media print, screen and (min-width:40em) and (max-width:63.99875em) { .ba-address-wrap { margin-top: 50px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ba-address-wrap .ba-address-item { width: 50% } } .ba-address-item { padding-left: 20px; position: relative; margin-bottom: 56px } @media print, screen and (min-width:64em) { .ba-address-item { margin-bottom: 64px } .ba-address-item:first-child { margin-top: 90px } } .ba-address-item:after { content: ''; position: absolute; width: 6px; height: 86%; border: 1px solid #5fc9f8; border-right: none; left: 0; top: 13px } .ba-address-item h4 { color: #5fc9f8; margin-bottom: 16px } .ba-address-item p { font-weight: 300; font-size: 14px; line-height: 32px; letter-spacing: 1.5px; margin-bottom: 0 } /* Динамический цвет - контакты */ .ba-address-item a { color: #fefefe } .ba-address-item a:hover { color: var(--color); text-shadow: 0 0 5px } /* Динамический цвет - контакты */ /* Соц. сети, фиксированные иконки при разном разрешение экрана */ .ba-social-networks { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } @media print, screen and (min-width:40em) and (max-width:63.99875em) { .ba-social-networks { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 0px /* -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 50px */ } } /* END: Соц. сети, фиксированные иконки при разном разрешение экрана */ /* Соц. сети, затемнение фона иконок */ .ba-social-networks__item { color: #fefefe; /* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAQUlEQVR42mJgwAKi4zNtGdEFXd39dd++ff0FRdDDO9jAzNJehY2NnQW/IFC7HoZgXGK2nZGJlSIbGxsLsrEAAQYAQBUOUinuG4kAAAAASUVORK5CYII=); */ background-size: 4px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; height: 36px; width: 36px } /* END: Соц. сети, затемнение фона иконок */ .ba-social-networks__item:hover { color: #fefefe } .ba-social-networks__item span { height: initial; width: inherit; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .ba-social-networks__item+.ba-social-networks__item { margin-left: 20px } /* Высота страницы снизу - контакты (Мобильный вид) */ .ba-contact-page { padding: 40px 0; margin-bottom: 0px } /* END: Высота страницы снизу - контакты (Мобильный вид) */ @media print, screen and (min-width:40em) { .ba-contact-page { padding: 90px 50px } } @media print, screen and (min-width:64em) { .ba-contact-page { padding: 140px 0; min-height: 55rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center } } @media print, screen and (min-width:64em) { .single-post .off-canvas-wrapper { overflow: initial } } .ba-cats { display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 10px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-transform: uppercase; letter-spacing: 2px; margin-left: -4px; margin-right: -4px; margin-bottom: 20px } @media print, screen and (min-width:40em) { .ba-cats { font-size: 12px } } .ba-single-title+.ba-cats { margin-top: -18px } .ba-blog__title+.ba-cats { margin-top: -26px } @media print, screen and (min-width:40em) { .ba-cats { margin-bottom: 28px } } .ba-cats--single { margin-top: 8px; margin-bottom: -4px } /* Прейскурант - размер иконки с якорем */ .ba-cats a, .ba-cats>span { white-space: nowrap; padding: 0 8px; height: 30px; line-height: 30px; color: var(--color, #5fc9f8); margin: 8px 4px 0; position: relative; transition-duration: .3s; transition-property: opacity, background-color; background-color: transparent } /* END: Прейскурант - размер иконки с якорем */ .ba-cats a:after, .ba-cats a:before, .ba-cats>span:after, .ba-cats>span:before { content: ''; position: absolute; z-index: 0; left: 0; top: 0; bottom: 0; right: 0; opacity: .3; transition: inherit } .ba-cats a:after, .ba-cats>span:after { border: 1px solid currentColor } .ba-cats a:before, .ba-cats>span:before { opacity: 0; background: currentColor } .ba-cats a:hover:after { opacity: 1 } .ba-cats a:hover:before { opacity: .1 } .ba-single-title { padding-right: 80px } @media print, screen and (min-width:64em) { .ba-single-title { padding-right: 0 } } .ba-entry-img { width: -webkit-fit-content; width: fit-content; max-width: 80%; margin: 0 auto; position: relative; text-align: center; font: 300 18px/24px "IBM Plex Mono", monospace } @media print, screen and (min-width:40em) and (max-width:63.99875em) { .ba-entry-img { float: right } } @media print, screen and (min-width:64em) { .ba-entry-img { max-width: 85% } } .ba-entry-img:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAQUlEQVR42mJgwAKi4zNtGdEFXd39dd++ff0FRdDDO9jAzNJehY2NnQW/IFC7HoZgXGK2nZGJlSIbGxsLsrEAAQYAQBUOUinuG4kAAAAASUVORK5CYII=) } .ba-entry-img:after, .ba-entry-img:before { position: absolute; content: ''; left: 0; top: 0; bottom: 0; right: 0; z-index: 1 } @media print, screen and (max-width:39.99875em) { .ba-entry-img { width: 100px; position: absolute; right: 0; top: 0; -webkit-mask-image: linear-gradient(45deg, rgba(0, 0, 0, 0), #000); mask-image: linear-gradient(45deg, rgba(0, 0, 0, 0), #000) } } .ba-entry-img svg { max-width: 100%; height: auto } .ba-entry-img__inner { width: 83%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 18px; line-height: 1.33; margin: 0; z-index: 2; font-size: 9px } @media print, screen and (min-width:40em) { .ba-entry-img__inner { font-size: 14px } } @media print, screen and (min-width:64em) { .ba-entry-img__inner { font-size: 18px } } .ba-entry-img img { width: 60% } .ba-case-download { padding: 24px; margin: 60px -24px } .ba-case-download .ba-box__inner { padding: 0 } @media print, screen and (min-width:40em) { .ba-case-download { margin: 80px 0; padding: 28px 36px } } .ba-case-studies-more { margin-top: 40px } @media print, screen and (min-width:64em) { .ba-case-studies-more { margin-top: 96px } } .ba-case-studies-more__text { margin: 0; letter-spacing: 2px; font: 300 18px/1.77 "IBM Plex Mono", monospace } @media print, screen and (min-width:64em) { .ba-case-studies-more__text { line-height: 1.77 } } .ba-case-studies-more__inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 18px 36px 18px 24px } .ba-special-offer-form { padding-bottom: 50px; margin-top: 40px } @media print, screen and (min-width:64em) { .ba-special-offer-form { margin-top: 80px } } .ba-special-offer-form h6 { margin-bottom: 28px; margin-top: 28px } @media print, screen and (min-width:40em) { .ba-special-offer-form h6 { margin-top: 0 } } .ba-related { padding-top: 32px } .ba-single-article__title.ba-single-title { padding-right: 0 } .ba-single-article__title.ba-single-title:after { content: none } .ba-single-article__meta { position: -webkit-sticky; position: sticky; top: 100px } .ba-single-article__content { margin-bottom: 40px } @media print, screen and (min-width:40em) { .ba-single-article__content { margin-bottom: 0 } } .ba-single-article__side { position: absolute; top: -12px; right: 0 } @media print, screen and (min-width:40em) { .ba-single-article__side { top: 44px; width: 75%; right: auto; left: 75% } } @media print, screen and (min-width:64em) { .ba-single-article__side { width: 50%; right: auto; left: 83% } } @media screen and (min-width:75em) { .ba-single-article__side { width: 66% } } .ba-single-article__side--static { position: static; width: 100% } .ba-single-article__image { position: relative; z-index: -1; max-width: 212px; opacity: .3 } .ba-single-article__image img { display: block; margin-left: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0), #c4c4c4); mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0), #c4c4c4) } @media print, screen and (min-width:40em) { .ba-single-article__image { max-width: none } } .ba-single-article__image--static { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 44px } .ba-single-article__image--static img { width: 140%; max-width: initial } @media screen and (min-width:75em) { .ba-single-article__image--static img { width: 120% } } .ba-single-article__share { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 16px; font-size: 12px; letter-spacing: 2px; text-transform: uppercase } /* Соц. сети, расстояние иконок */ .ba-single-article__share-link { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; height: 36px; width: 36px; margin-left: 0px /* margin-left: 12px */ } /* END: Соц. сети, расстояние иконок */ .ba-single-article__share-link span { height: initial; width: inherit; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } /* Затемнение при наведении на иконку соц. сетей в контактах */ .ba-single-article__share-link:hover { opacity: .5 } /* END: Затемнение при наведении на иконку соц. сетей в контактах */ /* Высота страницы - О нас */ .ba-about { padding: 0 } /* END: Высота страницы - О нас */ .ba-about__title { font-size: 24px; margin-bottom: 20px } @media print, screen and (min-width:40em) { .ba-about__title { font-size: 32px; margin-bottom: 24px } } .ba-about .ba-single-content h1:after, .ba-about .ba-title-dot:after, .ba-single-content .ba-about h1:after { content: none } @media print, screen and (min-width:40em) { .ba-about .ba-single-content h1:after, .ba-about .ba-title-dot:after, .ba-single-content .ba-about h1:after { content: '' } } .ba-about-hero { padding-top: 85px } @media print, screen and (min-width:40em) { .ba-about-hero { padding-top: 140px } } @media print, screen and (min-width:64em) { .ba-about-hero { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 100vh; padding-top: 0 } } .ba-about-hero__title { font-size: 24px; line-height: 28px; letter-spacing: 2px; margin-bottom: 20px; text-shadow: 0 0 20px rgba(95, 201, 248, .4) } @media print, screen and (min-width:40em) { .ba-about-hero__title { font-size: 48px; line-height: 1.25; letter-spacing: 4px; margin-bottom: 32px } } @media print, screen and (min-width:64em) { .ba-about-hero__title { margin-bottom: 49px; max-width: 600px } } @media screen and (min-width:75em) { .ba-about-hero__title { max-width: 630px } } .ba-about-hero__inner { width: 100% } .ba-about-hero__subtitle { max-width: 394px; font-size: 14px; margin-bottom: 16px; line-height: 1.75; letter-spacing: .8px } @media print, screen and (min-width:40em) { .ba-about-hero__subtitle { font-size: 16px; margin-bottom: 24px } } @media print, screen and (min-width:64em) { .ba-about-hero__subtitle { margin-bottom: 20px } } @media screen and (min-width:75em) { .ba-about-hero__subtitle { margin-bottom: 45px } } .ba-about-hero__slogan { font-family: 'IBM Plex Mono', sans-serif; color: #5fc9f8; font-size: 16px; line-height: 1.33; letter-spacing: 2px; margin-bottom: 48px } @media print, screen and (min-width:40em) { .ba-about-hero__slogan { font-size: 18px; letter-spacing: 1.5px; margin-bottom: 60px } } @media print, screen and (min-width:64em) { .ba-about-hero__slogan { margin-bottom: 0 } } .ba-about-hero__video-inner { max-width: 386px; display: inline-block } @media screen and (min-width:101.25em) { .ba-about-hero__video-inner { max-width: none } } .ba-about-hero__video-wrap { position: relative; overflow: hidden } @media print, screen and (min-width:40em) { .ba-about-hero__video-wrap { text-align: right } } @media print, screen and (min-width:64em) { .ba-about-hero__video-wrap { overflow: visible; margin-top: 6px } } @media print, screen and (min-width:40em) { .ba-about-hero__video-wrap:before { content: ''; position: absolute; left: 0; bottom: 10px; height: 6px; width: 6px; border: 1px solid rgba(95, 201, 248, .6); border-radius: 50% } } @media print, screen and (min-width:64em) { .ba-about-hero__video-wrap:before { left: calc(-100% - 20px) } } @media print, screen and (min-width:64em) { .ba-about-hero__info { overflow: hidden } } .ba-about-hero__video-inner { position: relative } @media print, screen and (min-width:40em) { .ba-about-hero__video-inner:after, .ba-about-hero__video-inner:before { content: ''; position: absolute; background: rgba(95, 201, 248, .2) } } .ba-about-hero__video-inner:before { bottom: 12px; height: 1px; width: 200%; left: -200% } .ba-about-hero__video-inner:after { content: none } @media print, screen and (min-width:64em) { .ba-about-hero__video-inner:after { content: ''; top: -100px; right: 15px; width: 1px; height: 100px } } .ba-about-hero__placeholder { border: 1px solid rgba(95, 201, 248, .2); transition: border .3s } @media print, screen and (min-width:40em) { .ba-about-hero__placeholder { padding: 8px } } @media print, screen and (min-width:64em) { .ba-about-hero__placeholder { cursor: pointer } .ba-about-hero__placeholder:hover { border-color: rgba(95, 201, 248, .4) } } .ba-about-hero__mobile-video-btn { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100% } @media print, screen and (min-width:40em) { .ba-about-hero__mobile-video-btn { display: none } } .ba-about-hero__video-btn { display: none } /* Динамический цвет - о нас ( открыть видео ) */ @media print, screen and (min-width:40em) { .ba-about-hero__video-btn { display: block; position: absolute; left: 0; bottom: 50px; z-index: 9; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: #5fc9f8 } .ba-about-hero__video-btn:hover { color: var(--color); text-shadow: 0 0 5px } } /* END: Динамический цвет - о нас ( открыть видео ) */ @media print, screen and (min-width:64em) { .ba-about-hero__video-btn { right: 0; top: -140px; left: auto; bottom: auto } } .ba-about-hero__video-btn svg { margin-left: 8px } /* О нас - размер страницы между блоками */ .ba-about-team { padding-top: 60px; margin-bottom: 20px } @media print, screen and (min-width:40em) { .ba-about-team { /* padding-top: 200px; margin-bottom: 90px */ padding-top: 140px; margin-bottom: 100px } } @media print, screen and (min-width:64em) { .ba-about-team { padding-top: 0px; margin-bottom: 0px } } /* О нас - размер страницы между блоками */ /* О нас - наши преимущества ( высота между блоками ) */ .ba-about-team__subtitle { /* max-width: 590px; */ line-height: 1.75; letter-spacing: .8px; margin-bottom: 34px } /* END: О нас - наши преимущества ( высота между блоками ) */ @media print, screen and (min-width:40em) { .ba-about-team__subtitle { margin-bottom: 42px } } @media print, screen and (min-width:64em) { .ba-about-team__subtitle { margin-bottom: 74px } } .ba-about-team__row { overflow: scroll; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap } @media print, screen and (min-width:40em) { .ba-about-team__row { overflow: visible; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } .ba-about-team__list { position: relative; margin: 0 calc(-.625rem - 24px) } @media print, screen and (min-width:40em) { .ba-about-team__list { margin: 0 } } .ba-about-team__list:after, .ba-about-team__list:before { content: ''; position: absolute; top: 0; bottom: 0; width: 24px; /* background: linear-gradient(90deg, #121418 0, rgba(18, 20, 24, 0) 100%), linear-gradient(90deg, #121418 0, rgba(18, 20, 24, 0) 100%) */ } .ba-about-team__list:before { left: 0 } .ba-about-team__list:after { right: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } @media print, screen and (min-width:40em) { .ba-about-team__list:after, .ba-about-team__list:before { content: none } } .ba-about-team__item { min-width: 216px } @media print, screen and (min-width:40em) { .ba-about-team__item { min-width: auto } } .ba-about-team__item:first-child { margin-left: calc(.625rem + 24px) } @media print, screen and (min-width:40em) { .ba-about-team__item:first-child { margin-left: 0 } } .ba-about-team__item:last-child { margin-right: calc(.625rem + 24px) } @media print, screen and (min-width:40em) { .ba-about-team__item:last-child { margin-right: 0 } } .ba-about-team__member { margin-bottom: 32px } @media print, screen and (min-width:40em) { .ba-about-team__member { margin-bottom: 50px } } @media print, screen and (min-width:64em) { .ba-about-team__member { margin-bottom: 32px } } .ba-about-team__name { font-family: 'IBM Plex Mono', sans-serif; margin-bottom: 4px; font-size: 14px; letter-spacing: .4px } .ba-about-team__name a { color: inherit } .ba-about-team__name a:hover { color: #5fc9f8 } .ba-about-team__position { color: #747885; letter-spacing: .8px; font-size: 13px } .ba-about-team__photo { display: block; margin-bottom: 14px; padding: 6px 0; border-top: 1px solid #5fc9f8; border-bottom: 1px solid #5fc9f8; position: relative } .ba-about-team__photo svg { position: absolute; right: 0; bottom: 6px; z-index: 1; width: 20px; height: 20px; background: #5fc9f8; border: 6px solid #5fc9f8; fill: #fff } .ba-about-team__photo img { display: block } a.ba-about-team__photo:hover { border-color: rgba(95, 201, 248, .5) } @media screen and (min-width:120.0625em) { .ba-about-slider-4k { max-width: 1000px; margin: 0 auto } } .ba-about-gallery { position: relative; margin-bottom: 20px; z-index: 0 } @media print, screen and (min-width:40em) { .ba-about-gallery { margin-bottom: 68px } } @media print, screen and (min-width:64em) { .ba-about-gallery>.ba-container { width: auto } } @media print, screen and (min-width:64em) { .ba-about-gallery__overlay { pointer-events: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1 } } .ba-about-gallery__overlay .row { height: 100% } .ba-about-gallery__window { position: relative; margin: 0 auto; height: 100% } @media print, screen and (min-width:64em) { .ba-about-gallery__window:before { content: ''; position: absolute; top: -1px; bottom: -1px; left: -50vw; border-top: 1px solid #373b40; border-bottom: 1px solid #373b40; z-index: 1 } } .ba-about-gallery__window:before { width: 150vw } .ba-about-gallery__info { position: relative; margin-bottom: 40px } @media print, screen and (min-width:40em) and (max-width:63.99875em) { .ba-about-gallery__info { margin-bottom: 58px } } @media print, screen and (min-width:64em) { .ba-about-gallery__info { max-width: 50%; margin-bottom: 0; padding: 50px } } @media screen and (min-width:75em) { .ba-about-gallery__info { padding: 80px 40px 40px 107px } } .ba-about-gallery__title { margin-bottom: 10px } @media screen and (min-width:75em) { .ba-about-gallery__title { margin-bottom: 20px } } .ba-about-gallery__subtitle { margin-bottom: 0 } @media screen and (min-width:75em) { .ba-about-gallery__subtitle { max-width: 316px } } .ba-about-gallery .splide-about { display: none } .ba-about-gallery .splide-about:after, .ba-about-gallery .splide-about:before { content: ''; height: 1px; width: 100%; max-width: 468px; position: absolute; left: 10px; z-index: 1; background: #5fc9f8 } @media print, screen and (min-width:64em) { .ba-about-gallery .splide-about:after, .ba-about-gallery .splide-about:before { left: calc(50% + 10px); right: 10px; margin: auto; width: auto; max-width: none } } @media screen and (min-width:101.25em) { .ba-about-gallery .splide-about:after, .ba-about-gallery .splide-about:before { max-width: 582px } } .ba-about-gallery .splide-about:before { top: -1px } .ba-about-gallery .splide-about:after { bottom: -1px } @media screen and (min-width:120.0625em) { .ba-about-gallery .splide-about:after { bottom: -2px } } @media print, screen and (min-width:40em) { .ba-about-gallery .splide-about { display: block } } .ba-about-gallery .splide__track { overflow: visible; pointer-events: none } .ba-about-gallery .splide__slide { padding: 10px; text-align: center } .ba-about-gallery .splide__slide:after, .ba-about-gallery .splide__slide:before { content: ''; height: 1px; width: 100%; position: absolute; left: 0; right: 0; background: #373b40 } @media print, screen and (min-width:64em) { .ba-about-gallery .splide__slide:after, .ba-about-gallery .splide__slide:before { content: none } } .ba-about-gallery .splide__slide:before { top: 0 } .ba-about-gallery .splide__slide:after { bottom: 0 } .ba-about-gallery .splide__slide:focus { outline: 0 } @media print, screen and (min-width:64em) { .ba-about-gallery .splide__slide.is-visible:not(.is-active) .ba-about-gallery__img { -webkit-filter: none; filter: none } } .ba-about-gallery .splide__slide.is-active.is-visible .ba-about-gallery__img { -webkit-filter: none; filter: none } @media print, screen and (min-width:64em) { .ba-about-gallery .splide__slide.is-active.is-visible .ba-about-gallery__img { -webkit-filter: grayscale(100%) brightness(15%); filter: grayscale(100%) brightness(15%) } } .ba-about-gallery .splide__slide.is-visible.moving-now .ba-about-gallery__img { -webkit-filter: grayscale(100%) brightness(15%); filter: grayscale(100%) brightness(15%) } .ba-about-gallery__img { position: relative; display: inline-block; -webkit-filter: grayscale(100%) brightness(15%); filter: grayscale(100%) brightness(15%); transition: -webkit-filter .4s ease; transition: filter .4s ease; transition: filter .4s ease, -webkit-filter .4s ease } .ba-about-gallery__img:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #c4c4c4; opacity: .2 } @media print, screen and (min-width:40em) { .ba-about-gallery__mobile { display: none } } .ba-about-gallery__mobile-img { margin-bottom: 20px } .ba-about-footer { position: relative; z-index: 0 } @media print, screen and (min-width:40em) { .ba-about-footer { margin-top: 68px; margin-bottom: 50px; background: url(https://profix.computer/system/img/sphere.png) top center no-repeat; background-size: contain } } @media print, screen and (min-width:64em) { .ba-about-footer { margin-bottom: 0 } } @media print, screen and (min-width:40em) { .ba-about-footer__inner { padding: 97px 0 } } .ba-about-footer h4:first-child { margin-bottom: 16px; letter-spacing: 1.5px; max-width: 230px; text-transform: uppercase } @media print, screen and (min-width:40em) { .ba-about-footer h4:first-child { margin-bottom: 24px; max-width: none } } @media print, screen and (min-width:64em) { .ba-about-footer h4:first-child { text-transform: none } } .ba-about-footer .ba-box { margin: 0 -24px; letter-spacing: .8px; padding: 0 .625rem 20px } @media print, screen and (min-width:40em) { .ba-about-footer .ba-box { margin: 0 auto; padding: 0 } } @media print, screen and (min-width:40em) { .ba-about-footer .ba-box-line__text--line { padding: 34px 11px 24px 37px } } @media print, screen and (min-width:64em) { .ba-about-footer .ba-box-line__text--line { padding: 28px 75px 28px 36px; line-height: 1.75 } } .ba-about-footer .ba-box-line__link { min-width: 200px } @media print, screen and (min-width:64em) { .ba-about-footer .ba-box-line__link { min-width: 248px; padding: 16px 56px } } /* На странице 404 убирает фильтр SVG анимации */ /* .error404 .ba-shape { opacity: 0 } */ /* END: На странице 404 убирает фильтр SVG анимации */ .ba-page-404 { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100vh; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; text-align: center; max-width: 272px } @media print, screen and (min-width:40em) { .ba-page-404 { max-width: 590px } } .ba-page-404 h1 { letter-spacing: 2px; font-weight: 300; font-size: 32px; line-height: 44px } @media print, screen and (min-width:40em) { .ba-page-404 h1 { font-size: 64px; line-height: 80px } } .ba-page-404 p { letter-spacing: .8px } @media print, screen and (min-width:40em) { .ba-page-404 p { max-width: 484px; margin-bottom: 40px } } .ba-page-404 a { text-transform: uppercase; display: inline-block; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 2px; padding: 13px 35px; border: 1px solid #5fc9f8; font-family: "IBM Plex Mono", monospace } .ba-page-404 a:hover { background: rgba(95, 201, 248, .05) } .ba-blog__title { margin-bottom: 38px } .ba-blog__show-more { display: block; width: 100%; text-align: center; font-weight: 500; font-family: 'IBM Plex Mono', sans-serif; font-size: 14px; line-height: 20px; letter-spacing: 2px; text-transform: uppercase; max-height: 5px; opacity: 0!important; pointer-events: none } .ba-blog__show-more:hover { opacity: .8 } .ba-blog__show-more.loading { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .ba-blog__show-more.loading span { display: none } .ba-blog__show-more.loading:before { display: inline-block; content: ""; width: 25px; height: 25px; background-color: transparent; border-radius: 50%; border-top: 2px solid var(--primary); border-right: 2px solid #121418; border-bottom: 2px solid #121418; border-left: 2px solid #121418; -webkit-animation: rotate .8s linear infinite; animation: rotate .8s linear infinite } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes rotate { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .ba-space-between { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 38px } .ba-space-between h1 { margin: 0 } .ba-post { position: relative; overflow: hidden; border: 1px solid var(--primary); margin-bottom: 20px } .ba-post__popup { max-width: 960px; margin: auto } .ba-post__popup img { margin-bottom: 24px } .ba-post .popup__inner { max-width: 920px; background-color: transparent } .ba-post .popup__inner .ba-post__title { font-size: 1rem; text-align: left; margin-top: 24px } .ba-post .popup__close { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 48px; height: 48px; top: 0; right: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZSURBVHgBxcghAQAAAIMw+pf+C+CZHLilebfsBfsvTewEAAAAAElFTkSuQmCC) rgba(55, 59, 64, .5) } .ba-post .popup__close:focus, .ba-post .popup__close:hover { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZSURBVHgBxcghAQAAAIMw+pf+C+CZHLilebfsBfsvTewEAAAAAElFTkSuQmCC) rgba(55, 59, 64, .9) } .ba-post__icon { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; left: 50%; z-index: 2; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: opacity .3s ease; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZSURBVHgBxcghAQAAAIMw+pf+C+CZHLilebfsBfsvTewEAAAAAElFTkSuQmCC) rgba(55, 59, 64, .5); border-radius: 50%; width: 64px; height: 64px; opacity: 0 } .ba-post__icon--video { border: 1px solid var(--tech) } .ba-post__icon--image { border: 1px solid var(--bus) } .ba-post--video { border: 1px solid var(--tech) } .ba-post--image { border: 1px solid var(--bus) } .ba-post__inner { padding: 24px } .ba-post__inner :last-child { margin: 0 } .ba-post__time { position: absolute; top: -1px; left: -1px; font-style: normal; font-weight: 500; font-size: 12px; line-height: 1.2; text-align: center; letter-spacing: 2px; text-transform: uppercase; margin: 0; padding: 10px 15px; z-index: 2; color: var(--primary) } @media print, screen and (min-width:40em) { .ba-post__time { font-size: 14px; padding: 10px 25px; line-height: 1 } } .ba-post__time:after { content: ''; position: absolute; top: 0; left: -10px; right: 0; bottom: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZSURBVHgBxcghAQAAAIMw+pf+C+CZHLilebfsBfsvTewEAAAAAElFTkSuQmCC); background-color: #121418; -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 1px solid var(--primary); background-size: 4px; z-index: -1 } .ba-post__time--right { right: -1px; left: auto; font-size: 12px } .ba-post__time--right:after { left: 0; right: -10px; -webkit-transform: skewX(25deg); -ms-transform: skewX(25deg); transform: skewX(25deg) } @media print, screen and (max-width:39.99875em) { .ba-post__time--right { max-width: 70%; text-align: right } } .ba-post__time--video { color: var(--tech) } .ba-post__time--video:after { border: 1px solid var(--tech) } .ba-post__time--image { color: var(--bus) } .ba-post__time--image:after { border: 1px solid var(--bus) } .ba-post__image { display: block; position: relative; overflow: hidden } .ba-post__image:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) } .ba-post__image--image, .ba-post__image--video { cursor: pointer } .ba-post__image--image:hover .ba-post__icon, .ba-post__image--video:hover .ba-post__icon { transition: opacity .3s ease; opacity: 1 } .ba-post__image--image:hover img, .ba-post__image--video:hover img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .ba-post__image:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZSURBVHgBxcghAQAAAIMw+pf+C+CZHLilebfsBfsvTewEAAAAAElFTkSuQmCC); opacity: .3; background-size: 4px } .ba-post__image img { display: block; width: 100%; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease } .ba-post__title { font-size: 14px; letter-spacing: .5px; line-height: 1.5; font-weight: 400; margin-bottom: 16px } @media print, screen and (min-width:40em) { .ba-post__title { font-size: 18px } } /* Динамический цвет - наш блог ( заголовок ) */ .ba-post__title a { color: #5fc9f8 } .ba-post__title a:hover { color: var(--color); text-shadow: 0 0 5px } /* Динамический цвет - наш блог ( заголовок ) */ .ba-post__content { font-style: normal; font-weight: 300; font-size: 16px; line-height: 1.75; letter-spacing: .8px; color: #fff; margin-bottom: 16px } .ba-post__cat-link { text-transform: uppercase } .ba-post__cat-link--video { color: var(--tech) } .ba-post__cat-link--image { color: var(--bus) } .page-template-job-offers .ba-bot-menu, .page-template-job-offers .ba-top-menu, .single-ba_job_offer .ba-bot-menu, .single-ba_job_offer .ba-top-menu { opacity: 0; visibility: hidden } .ba-job-offers__btn { display: inline-block; margin-bottom: 40px } .ba-job-offers__item { padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid #747885 } .ba-job-offers__item:last-child { border-bottom: none } .ba-job-offers__title { display: block; color: #fefefe; margin-bottom: 16px } .ba-job-offers__title h4 { letter-spacing: 1.5px } .ba-job-offers__title:hover { color: #5fc9f8 } .ba-job-offers__description { margin-bottom: 20px } @media print, screen and (min-width:40em) { .ba-job-offers__description { margin-bottom: 0 } } .ba-job-form-wrapper { margin-top: 60px; padding: 16px 8px } .ba-equal-height { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px } .ba-case-card { position: relative; padding: 28px 16px; width: 100%; border-top: 1px solid #373b40; background-image: url(https://profix.computer/system/img/case-card-mask.png); background-size: cover; cursor: pointer; transition: border-top-color .3s ease-in-out } .ba-case-card--last { cursor: default } .ba-case-card:focus, .ba-case-card:hover { border-color: var(--primary) } .ba-case-card__logo { position: relative; z-index: -1; margin-bottom: 17px } .ba-case-card__count { position: relative; z-index: -1; text-transform: uppercase; margin-bottom: 10px } .ba-case-card__count:hover { color: var(--primary) } .ba-case-card__tags>a { display: inline; font-size: 14px; line-height: 20px; letter-spacing: 2px; color: #fff } .ba-case-card__tags>a:last-of-type:after { display: none } /* Информация - цвет косой полоски "/" и динамический цвет текста */ .ba-case-card__tags>a:after { display: inline; content: " / "; color: #5fc9f8; margin: 0 4px } .ba-case-card__tags>a:hover { color: var(--color, #5fc9f8); text-shadow: 0 0 5px } /* END: Информация - цвет косой полоски "/" и динамический цвет текста */ .ba-case-card-canvas-wrapper { position: fixed; top: 0; left: 0; right: -10px; bottom: 0; z-index: 7; background-color: rgba(18, 20, 24, .7); min-height: 100vh; visibility: hidden; opacity: 0; transition: opacity .3s ease-in-out, visibility .3s } .ba-case-card-canvas-wrapper.current { visibility: visible; opacity: 1 } .ba-case-card-canvas-wrapper.current .ba-case-card-canvas { transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .ba-case-card-canvas-wrapper__close { position: absolute; top: 20px; right: 20px } @media print, screen and (min-width:64em) { .ba-case-card-canvas-wrapper__close { top: 32px; right: 35px } } .ba-case-card-canvas-wrapper__close button { margin: 0; padding: 10px 14px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(255, 255, 255, .02); letter-spacing: 2px; font-size: 14px; font-family: "IBM Plex Mono", monospace } .ba-case-card-canvas-wrapper__close button:before { top: 0; left: 0 } .ba-case-card-canvas-wrapper__close button:after { bottom: 0; left: 0 } .ba-case-card-canvas-wrapper__close button span:before { top: -14px; right: -52px } .ba-case-card-canvas-wrapper__close button span:after { bottom: -14px; right: -52px } .ba-case-card-canvas-wrapper__close svg { margin-left: 15px } .ba-case-card-canvas { position: relative; max-width: 970px; height: 100%; margin-left: auto; padding: 20px; box-shadow: inset 0 0 0 2px #5fc9f8; background: url(https://profix.computer/system/img/line-left-dark.png) rgba(18, 20, 24, .98); transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%) } @media print, screen and (min-width:40em) { .ba-case-card-canvas { padding: 40px } } @media print, screen and (min-width:64em) { .ba-case-card-canvas { padding: 65px 80px } } /* Информация - боковая панель ( снизу и сверху сделал полосы ) */ .ba-case-card-canvas:before { display: block; content: ""; height: 60px; position: fixed; top: 0; left: 0; right: 0; /* background: linear-gradient(180deg, #121418 0, rgba(18, 20, 24, 0) 100%) */ } @media print, screen and (min-width:64em) { .ba-case-card-canvas:before { height: 80px } } .ba-case-card-canvas:after { display: block; content: ""; height: 25px; position: fixed; bottom: 0; left: 0; right: 0; /* background: linear-gradient(180deg, rgba(18, 20, 24, 0) 0, #121418 100%) */ } @media print, screen and (min-width:40em) { .ba-case-card-canvas:after { height: 60px } } @media print, screen and (min-width:64em) { .ba-case-card-canvas:after { height: 80px } } /* END: Информация - боковая панель ( снизу и сверху сделал полосы ) */ .ba-case-card-details__logo { display: inline-block; padding: 0 12px; background-color: rgba(255, 255, 255, .02); margin-bottom: 30px } .ba-case-card-details__title { font-size: 14px; line-height: 20px; letter-spacing: 2px; text-transform: uppercase; color: #747885; margin-bottom: 5px } .ba-case-card-details__inner { max-height: 45vh; overflow: auto; padding-right: 5px } @media print, screen and (min-width:64em) { .ba-case-card-details__inner { max-height: 50vh } } .ba-case-card-details__inner::-webkit-scrollbar { width: 4px; background: 0 0 } .ba-case-card-details__inner::-webkit-scrollbar-track { background: 0 0 } .ba-case-card-details__inner::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .1); border-radius: 8px; transition: background .3s } .ba-case-card-details__inner::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, .2) } .page-template-Banner301 .ba-header { display: none } .ba-banner-wrap { left: 0; top: 0; position: fixed; z-index: 10; width: 100%; height: 100vh; background-color: #121418; background-image: url(https://profix.computer/system/img/banner-shpere.png), url(https://profix.computer/system/img/banner-waves.png); background-position: top center, bottom center; background-size: contain, 300%; background-repeat: no-repeat; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; transition: opacity .2s, visibility .2s } @media print, screen and (min-width:40em) { .ba-banner-wrap { background-size: contain, 200% } } @media print, screen and (min-width:64em) { .ba-banner-wrap { background-size: contain, contain } } body.is-loading .ba-banner-wrap { opacity: 0; visibility: hidden } @media print, screen and (min-width:40em) { .ba-banner__title { font-size: 24px; line-height: 28px; letter-spacing: 2px; margin-bottom: 24px } } .ba-banner__content { max-width: 480px; margin: 0 auto 20px } @media print, screen and (min-width:40em) { .ba-banner__content { margin-bottom: 32px; font-size: 16px; line-height: 28px; letter-spacing: .8px } } .ba-banner__links span { position: relative; display: inline-block; margin-top: 20px } .ba-banner__links span:after, .ba-banner__links span:before { content: ''; width: 7px; height: 7px; position: absolute; border: 1px solid transparent; border-width: 0 0 1px 1px; transition: border-color .3s } .ba-banner__links span:after { bottom: 0; left: 0 } .ba-banner__links span:before { bottom: 0; right: 0; border-width: 0 1px 1px 0; z-index: 1 } .ba-banner__links span:hover:after, .ba-banner__links span:hover:before { border-color: #fefefe } @media print, screen and (min-width:40em) { .ba-banner__links span { margin-top: 0; margin-left: 28px } } .ba-banner__links .button { text-transform: uppercase; font-weight: 500; font-size: 14px; line-height: 20px; text-align: center; letter-spacing: 2px; padding: 13px 37px; border: 1px solid #5fc9f8; color: #5fc9f8; min-width: 220px; display: inline-block; background-color: #121418 } .ba-banner__links .button:hover { background: rgba(95, 201, 248, .05) } .ba-banner__links .button--line { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAQUlEQVR42mJgwAKi4zNtGdEFXd39dd++ff0FRdDDO9jAzNJehY2NnQW/IFC7HoZgXGK2nZGJlSIbGxsLsrEAAQYAQBUOUinuG4kAAAAASUVORK5CYII=); border-color: transparent; color: #fefefe; position: relative } .ba-banner__links .button--line:after, .ba-banner__links .button--line:before { content: ''; width: 7px; height: 7px; position: absolute; border: 1px solid transparent; border-width: 1px 0 0 1px; transition: border-color .3s } .ba-banner__links .button--line:after { top: 0; left: 0 } .ba-banner__links .button--line:before { top: 0; right: 0; border-width: 1px 1px 0 0 } .ba-banner__links .button--line:hover { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAQUlEQVR42mJgwAKi4zNtGdEFXd39dd++ff0FRdDDO9jAzNJehY2NnQW/IFC7HoZgXGK2nZGJlSIbGxsLsrEAAQYAQBUOUinuG4kAAAAASUVORK5CYII=); background-color: #121418; color: #5fc9f8 } .ba-banner__links .button--line:hover:after, .ba-banner__links .button--line:hover:before { border-color: #fefefe } .ba-banner-nav { position: absolute; top: 20px; left: 20px; right: 20px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } @media print, screen and (min-width:40em) { .ba-banner-nav { top: 40px; left: 60px; right: 60px } } .ba-page-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 0 } .ba-shape { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; z-index: 1 } .ba-shape__svg { overflow: visible; width: 100%; height: auto; min-width: 1121px; transition: none } .ba-grid { width: 100vw; height: 100vh; position: relative; z-index: 0 } @media print, screen and (min-width:40em) and (max-width:63.99875em) { .ba-grid { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% } } .ba-grid--abs { position: absolute; left: 0; right: 0 } .ba-bg-line { position: absolute; left: 60px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; transition: .3s opacity; z-index: 1 } @media screen and (min-width:101.25em) { .ba-bg-line { min-height: 400px; height: 50vh; width: auto; max-height: 600px } } /* Полоса слева */ .price-list .ba-bg-line, .error404 .ba-bg-line, .ba-page-special .ba-bg-line, .blog .ba-bg-line, .category .ba-bg-line, .home .ba-bg-line, .page-template-about .ba-bg-line, .page-template-case-studies .ba-bg-line, .page-template-contact .ba-bg-line, .page-template-interior-page-with-form .ba-bg-line, .page-template-site-map .ba-bg-line, .single:not(.single-ba_events) .ba-bg-line, .tax-post_category .ba-bg-line { opacity: 1 } /* END: Полоса слева */ @media screen and (min-width:101.25em) { .error404 .ba-bg-line, .ba-page-special .ba-bg-line, .page-template-case-studies .ba-bg-line, .page-template-default .ba-bg-line { opacity: 1 } } .ba-bg-line__path { transition: opacity .3s } .ba-bg-line__path--bus, .ba-bg-line__path--serv, .ba-bg-line__path--tech { opacity: 0 } .ba-bg-line--right { left: auto; right: 60px; opacity: 0!important } /* Полоса справа */ .error404 .ba-bg-line--right, .page-template-about .ba-bg-line--right, .blog .ba-bg-line--right, .category .ba-bg-line--right, .page-template-case-studies .ba-bg-line--right, .tax-post_category .ba-bg-line--right { opacity: 1!important } /* END: Полоса справа */ .ba-color-serv .ba-bg-line__path { opacity: 0 } .ba-color-serv .ba-bg-line__path--serv { opacity: .4 } .ba-color-bus .ba-bg-line__path { opacity: 0 } .ba-color-bus .ba-bg-line__path--bus { opacity: .4 } .ba-color-tech .ba-bg-line__path { opacity: 0 } .ba-color-tech .ba-bg-line__path--tech { opacity: .4 } .ba-sphere-wrap { position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none } .ba-sphere { position: absolute; z-index: 1; top: 50%; right: 0; width: 1300px; height: 900px; margin-top: -450px; opacity: .5 } @media screen and (max-width:63.99875em) { .ba-sphere { display: none!important } } .ba-sphere-nav-wrap { position: fixed; top: 0; right: 0; bottom: 0; z-index: 2; width: 420px; pointer-events: none } @media print, screen and (max-width:63.99875em) { .ba-sphere-nav-wrap { opacity: 0; visibility: hidden } } .ba-sphere-nav { position: absolute; top: 0; right: 0; bottom: 0; z-index: 2; min-width: 420px; pointer-events: auto } .ba-sphere-nav__path { overflow: visible; position: absolute; top: 50%; margin-top: -360px; z-index: 0 } .ba-sphere, .ba-sphere-nav { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); transition: opacity .4s, visibility .4s, -webkit-transform 1s; transition: opacity .4s, visibility .4s, transform 1s; transition: opacity .4s, visibility .4s, transform 1s, -webkit-transform 1s } [class*=ba-color] .ba-sphere, [class*=ba-color] .ba-sphere-nav { -webkit-transform: translateX(70px); -ms-transform: translateX(70px); transform: translateX(70px) } @media screen and (min-width:65.625em) { [class*=ba-color] .ba-sphere, [class*=ba-color] .ba-sphere-nav { -webkit-transform: translateX(40px); -ms-transform: translateX(40px); transform: translateX(40px) } } @media screen and (min-width:75em) { [class*=ba-color] .ba-sphere, [class*=ba-color] .ba-sphere-nav { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } /* Плавная анимация изчезновения ( меню - .ba-sphere ) - ( модель - .ba-sphere-nav ) */ .page-template-contact .ba-sphere-nav, .price-list .ba-sphere-nav, .blog .ba-sphere, .blog .ba-sphere-nav, .category .ba-sphere, .category .ba-sphere-nav, .error404 .ba-sphere, .error404 .ba-sphere-nav, .page-template-about .ba-sphere, .page-template-about .ba-sphere-nav, .page-template-case-studies .ba-sphere, .page-template-case-studies .ba-sphere-nav, .tax-post_category .ba-sphere, .tax-post_category .ba-sphere-nav { -webkit-transform: translateX(420px); -ms-transform: translateX(420px); transform: translateX(420px) } /* END: Плавная анимация изчезновения меню ( меню - .ba-sphere ) - ( модель - .ba-sphere-nav ) */ .page-template-contact .ba-sphere-nav { opacity: 0; visibility: hidden } .ba-hide-sphere-nav .ba-sphere-nav, .blog .ba-sphere-nav, .category .ba-sphere-nav, .page-template-job-offers .ba-sphere-nav, .single-ba_case .ba-sphere-nav, .single-ba_job_offer .ba-sphere-nav, .single-post .ba-sphere-nav, .tax-post_category .ba-sphere-nav { opacity: 0; visibility: hidden } .ba-hide-sphere-nav .ba-sphere, .blog .ba-sphere, .category .ba-sphere, .page-template-job-offers .ba-sphere, .single-ba_case .ba-sphere, .single-ba_job_offer .ba-sphere, .single-post .ba-sphere, .tax-post_category .ba-sphere { opacity: .2 } .single-post .ba-sphere { opacity: 0; visibility: hidden } .ba-sphere-menu, .ba-sphere-nav__path { opacity: 0 } .ba-sphere-menu { position: absolute; z-index: 2; right: 0; min-width: 350px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .ba-sphere-menu li { margin-top: 0; line-height: 1 } .ba-sphere-menu li:before { left: -21px } .ba-sphere-menu li:after { left: -20px } .ba-sphere-menu li>a:before { right: -20px } .ba-sphere-menu li>a:after { right: -20px } .ba-sphere-menu .current-menu-item>a { color: var(--color, #5fc9f8) } /* Динамический цвет - боковое меню */ .ba-sphere-menu a { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; line-height: 1; position: relative; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 14px } .ba-sphere-menu a:hover { color: var(--color, #5fc9f8); text-shadow: 0 0 5px } /* END: Динамический цвет - боковое меню */ .ba-sphere-menu a>span { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; position: relative; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .ba-sphere-menu a>span:before { box-shadow: 0 0 16px var(--color, #5fc9f8); opacity: .3; content: ''; position: absolute; left: -14px; top: 50%; z-index: 0; border-radius: 50%; margin-top: -14px } .ba-sphere-menu a i, .ba-sphere-menu a>span:after, .ba-sphere-menu a>span:before { width: 28px; height: 28px } .ba-sphere-menu a i { position: relative; z-index: 1; width: 28px; height: 28px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; margin-right: 12px; background: #121418; -webkit-transform: translateX(-14px); -ms-transform: translateX(-14px); transform: translateX(-14px); border: 2px solid var(--color, #5fc9f8) } .ba-sphere-menu a i:after, .ba-sphere-menu a i:before { background-color: var(--color, #5fc9f8); content: ''; height: 12px; width: 2px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s } .ba-sphere-menu a i:after { -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg) } .ba-sphere-menu a.active-anchor { color: var(--color, #5fc9f8) } .ba-sphere-menu .open>a i:before { -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg) } .ba-sphere-menu .has-children a>span:before { left: -10px; margin-top: -10px } .ba-sphere-menu .has-children a>span i, .ba-sphere-menu .has-children a>span:after, .ba-sphere-menu .has-children a>span:before { width: 20px; height: 20px } .ba-sphere-menu .has-children a i { margin-right: 20px; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); border-width: 1px } .ba-sphere-menu .has-children a i:after, .ba-sphere-menu .has-children a i:before { content: ''; width: 1px; height: 8px; margin-top: -4px } .ba-sphere-menu .level1 { letter-spacing: 1px } .ba-sphere-menu .level1.menu-item-has-children { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .ba-sphere-menu .level1.menu-item-has-children .ba-nav-accord-btn { -webkit-transform: translateX(-14px); -ms-transform: translateX(-14px); transform: translateX(-14px); margin-right: 12px } .ba-sphere-menu .level1.menu-item-has-children.open .ba-nav-accord-btn i:before { -webkit-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg) } .ba-sphere-menu .level1.menu-item-has-children a>span:before { content: none } .ba-sphere-menu .level2, .ba-sphere-menu .level3 { text-transform: initial; letter-spacing: .5px } .ba-sphere-menu .level2 a>span:before, .ba-sphere-menu .level3 a>span:before { left: -6px; margin-top: -6px } .ba-sphere-menu .level2 a>span i, .ba-sphere-menu .level2 a>span:after, .ba-sphere-menu .level2 a>span:before, .ba-sphere-menu .level3 a>span i, .ba-sphere-menu .level3 a>span:after, .ba-sphere-menu .level3 a>span:before { width: 12px; height: 12px } .ba-sphere-menu .level2 a i, .ba-sphere-menu .level3 a i { margin-right: 26px; -webkit-transform: translateX(-6px); -ms-transform: translateX(-6px); transform: translateX(-6px); border-width: 1px } .ba-sphere-menu .level2 a i:after, .ba-sphere-menu .level2 a i:before, .ba-sphere-menu .level3 a i:after, .ba-sphere-menu .level3 a i:before { content: none } .ba-sphere-menu .level3 a>span:after { position: absolute; content: ''; left: 4px; top: 7px; width: 12px; height: 1px; background: var(--color, #5fc9f8) } .ba-sphere-menu .level3 a>span:before { margin-top: -4px; left: -4px } .ba-sphere-menu .level3 a>span i, .ba-sphere-menu .level3 a>span:before { width: 9px; height: 9px } .ba-sphere-menu .level3 a>span i { -webkit-transform: translateX(-4px); -ms-transform: translateX(-4px); transform: translateX(-4px) } .ba-nav-home .ba-nav-accord-btn i:after, .ba-sphere-menu .ba-nav-home>a i:after { content: none } .ba-nav-home .ba-nav-accord-btn i:before, .ba-sphere-menu .ba-nav-home>a i:before { background: 0 0; width: 10px; height: 10px; margin-top: -1px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M9 9V3.56L5 1L1 3.56V9H9Z' stroke='%235FC9F8' stroke-width='1.5'/%3E %3C/svg%3E") } /* Иконка SVG бокового меню (Диагностика) */ .ba-nav-special .ba-nav-accord-btn i, .ba-sphere-menu .ba-nav-special>a i { border: none; background: 0 0 } .ba-nav-special .ba-nav-accord-btn i:after, .ba-sphere-menu .ba-nav-special>a i:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAABrVBMVEVHcEwgMDhat99Ch6dUo8sYICgwW3NQj49EgJcwVGQeLjo1WnVVv99Ut+ExYHNVs98yXHAwWGgdLTNYn8dwv98wQFAmKzZKj69GhaUpTWAzY3hAfJtQq9MYICdCfpogN0FSq9IXICkeND4YICgiOkY8bIA2ZoBIkLIgPUlIkbVZv+pbwPBQk7ddwvcwXXAwU2guUGcwVWdYuOFZueQfMDlAgqBBgaBTsNhHiqlDi6s7c5A5dZM6dpAnR1c4aYMsTF0+d5M3aH8oSFcpSWA2aIMnR1chPEgWHyMUGiAZICBQpM1Qo8pPoMhHkLVNoMlIm71LmbtMmLxdw/Bcx/VbwOoSFBgTGR4nR1c9e5ggN0MpTF0uV2wyYHYYJCwaKDAjPEofMz4XISkdLzo5coxKmbwWHiVWtd8tVWg1Z35YueQrUGRBhKJDialMncE7dpEwXHElQ1I2aoMcKzVZvepQp81dxfNSrNUzY3oiOkdNoMUcLTdAgZ9RqtFFjK1Gj7BUstpUr9g4bYZeyPdHkbM/fpwkQE9OoslIlrlcwvA4b4lChqYVHCNbwOxPpMpIk7ZqG2ThAAAAVXRSTlMAX2BgQD9fEEBAfzAwf9/vgCDvIBAQLzCAv5+/v9+Q34+Pl7/PQM+fP9/fz0A/79+P79+P3+/f39/v32+vb7/v79/fj3+vv++vb+9v38+vf8+/r3+fzAWiVAAAAvdJREFUSMed1+df2kAYB/BoQeuotq5W615t1e69997jgISQwRYChCFgSABFFFH4m/sEoaIGyPX3/vu55+5yd08IQiMLb54thsMbG7u7DsejJ49PE7qyMPbS6/WGK9ABCQaDLyZb247FRMJ7HAYtlovNaU8fTScqMhymrVYr7a3BprRzjKZV6A2ZORuqxkb6HBVo2Zrs1Hbn+kIVSEnoWCRadVupe+c1Z3ctFAIpupBG+JAKU3dPnXRnrVaAHh41iN2RSqX8/gsaDiSJGsfkA3dCdqjOyqGmEcEVi0eq7bnp8Vg9NtQi9q1iUXg4WLcP1z2Qlg5kURCEB4e7csMHzo50xAxQuFRzXT4IiXTFIwiKUtvOUXCUSR9EFkVRrlQHpCifz6bToYiSTqcPVnaUoigW6Q4N8Gt1QEp3oepXn07ncisAX+MNiJA3l8upC/scII8Dk7lcGZanywxBWPGXy+UV4ik4Dg8mdnZ2vhNvATJ4UAT4k3gF0IUHI06n8weBP0WEADoJURRZXChUYRIXplSYF0USF1oCgQCRz+f/E7L40K9ClmWxobIeWFch9qquQ4h5gCY8Zwf3hXiXTCZ5PGje3t7+RnQDjODBDYCficskSWKejkCsVDIQxBRIrK+cjMVin+AGmAWIVasf4DRAqJXjMNaVkQEa1GtunuM4jKNskWV5vHKvtgHUP2QyHpdlw8FVPsXZ7ZJO53LG4/Hx6tsxYofofAPCWYCG2nM1C1DStSXWbDYbn/73Pg7fkSQpomOabCaTzd4fqmtxBqRIhGkpWTmTyfT31jcBbRGAzF5zF3K73ZlM+9G2oxscwzSd565bzZnjjU63Cm18w3K50qqmg2oHGBtEe1DGsgpx97drNXMjE+B4nt/T6DWiURXeGtRuH4dnVMe7XHt1BZMeRd6PVuDtoYYdq3GuCiHqiS1l19YKhYIKo0u9TXtk45zrEG5urkEK+wCX21t25caZ96Z6CAMu/bmq70fA+PHDxAHcXFv+9VtT/QWz/W21EHAhlgAAAABJRU5ErkJggg==) no-repeat 50% 50%; background-size: contain; height: 28px; width: 28px; -webkit-transform: none; -ms-transform: none; transform: none; left: 50%; z-index: 1; top: 50%; margin-top: -14px; margin-left: -14px; -webkit-animation-name: icon-rotate; animation-name: icon-rotate; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; animation-direction: reverse; -webkit-transition: linear; -moz-transition: linear } .ba-nav-special .ba-nav-accord-btn i:before, .ba-sphere-menu .ba-nav-special>a i:before { z-index: 2; background: 0 0; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: none; -ms-transform: none; transform: none; background: no-repeat 50% 50%; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M 11.5,3.1 H 0.5' stroke='%235fc9f8' stroke-width='1.5' id='path2-1' style='opacity:1;fill:%2358ccff;fill-opacity:1' /%3E%3Cpath opacity='0.4' d='M 11.5,8 H 0.5' stroke='%235fc9f8' stroke-width='1.5' id='path2-1-8' style='opacity:1;fill:%2358ccff;fill-opacity:1' /%3E%3Cpath opacity='0.4' d='M 11.500001,12.9 H 0.5' stroke='%235fc9f8' stroke-width='1.5' id='path2-1-4' style='opacity:1;fill:%2358ccff;fill-opacity:1' /%3E%3C/svg%3E%0A") } /* END: Иконка SVG бокового меню (Диагностика) */ /* Иконка SVG бокового меню (Прейскурант) */ .ba-nav-news .ba-nav-accord-btn i, .ba-sphere-menu .ba-nav-news>a i { border: none; background: 0 0 } .ba-nav-news .ba-nav-accord-btn i:after, .ba-sphere-menu .ba-nav-news>a i:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAABrVBMVEVHcEwgMDhat99Ch6dUo8sYICgwW3NQj49EgJcwVGQeLjo1WnVVv99Ut+ExYHNVs98yXHAwWGgdLTNYn8dwv98wQFAmKzZKj69GhaUpTWAzY3hAfJtQq9MYICdCfpogN0FSq9IXICkeND4YICgiOkY8bIA2ZoBIkLIgPUlIkbVZv+pbwPBQk7ddwvcwXXAwU2guUGcwVWdYuOFZueQfMDlAgqBBgaBTsNhHiqlDi6s7c5A5dZM6dpAnR1c4aYMsTF0+d5M3aH8oSFcpSWA2aIMnR1chPEgWHyMUGiAZICBQpM1Qo8pPoMhHkLVNoMlIm71LmbtMmLxdw/Bcx/VbwOoSFBgTGR4nR1c9e5ggN0MpTF0uV2wyYHYYJCwaKDAjPEofMz4XISkdLzo5coxKmbwWHiVWtd8tVWg1Z35YueQrUGRBhKJDialMncE7dpEwXHElQ1I2aoMcKzVZvepQp81dxfNSrNUzY3oiOkdNoMUcLTdAgZ9RqtFFjK1Gj7BUstpUr9g4bYZeyPdHkbM/fpwkQE9OoslIlrlcwvA4b4lChqYVHCNbwOxPpMpIk7ZqG2ThAAAAVXRSTlMAX2BgQD9fEEBAfzAwf9/vgCDvIBAQLzCAv5+/v9+Q34+Pl7/PQM+fP9/fz0A/79+P79+P3+/f39/v32+vb7/v79/fj3+vv++vb+9v38+vf8+/r3+fzAWiVAAAAvdJREFUSMed1+df2kAYB/BoQeuotq5W615t1e69997jgISQwRYChCFgSABFFFH4m/sEoaIGyPX3/vu55+5yd08IQiMLb54thsMbG7u7DsejJ49PE7qyMPbS6/WGK9ABCQaDLyZb247FRMJ7HAYtlovNaU8fTScqMhymrVYr7a3BprRzjKZV6A2ZORuqxkb6HBVo2Zrs1Hbn+kIVSEnoWCRadVupe+c1Z3ctFAIpupBG+JAKU3dPnXRnrVaAHh41iN2RSqX8/gsaDiSJGsfkA3dCdqjOyqGmEcEVi0eq7bnp8Vg9NtQi9q1iUXg4WLcP1z2Qlg5kURCEB4e7csMHzo50xAxQuFRzXT4IiXTFIwiKUtvOUXCUSR9EFkVRrlQHpCifz6bToYiSTqcPVnaUoigW6Q4N8Gt1QEp3oepXn07ncisAX+MNiJA3l8upC/scII8Dk7lcGZanywxBWPGXy+UV4ik4Dg8mdnZ2vhNvATJ4UAT4k3gF0IUHI06n8weBP0WEADoJURRZXChUYRIXplSYF0USF1oCgQCRz+f/E7L40K9ClmWxobIeWFch9qquQ4h5gCY8Zwf3hXiXTCZ5PGje3t7+RnQDjODBDYCficskSWKejkCsVDIQxBRIrK+cjMVin+AGmAWIVasf4DRAqJXjMNaVkQEa1GtunuM4jKNskWV5vHKvtgHUP2QyHpdlw8FVPsXZ7ZJO53LG4/Hx6tsxYofofAPCWYCG2nM1C1DStSXWbDYbn/73Pg7fkSQpomOabCaTzd4fqmtxBqRIhGkpWTmTyfT31jcBbRGAzF5zF3K73ZlM+9G2oxscwzSd565bzZnjjU63Cm18w3K50qqmg2oHGBtEe1DGsgpx97drNXMjE+B4nt/T6DWiURXeGtRuH4dnVMe7XHt1BZMeRd6PVuDtoYYdq3GuCiHqiS1l19YKhYIKo0u9TXtk45zrEG5urkEK+wCX21t25caZ96Z6CAMu/bmq70fA+PHDxAHcXFv+9VtT/QWz/W21EHAhlgAAAABJRU5ErkJggg==) no-repeat 50% 50%; background-size: contain; height: 28px; width: 28px; -webkit-transform: none; -ms-transform: none; transform: none; left: 50%; z-index: 1; top: 50%; margin-top: -14px; margin-left: -14px; -webkit-animation-name: icon-rotate; animation-name: icon-rotate; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; animation-direction: reverse; -webkit-transition: linear; -moz-transition: linear } .ba-nav-news .ba-nav-accord-btn i:before, .ba-sphere-menu .ba-nav-news>a i:before { z-index: 2; background: 0 0; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: none; -ms-transform: none; transform: none; background: no-repeat 50% 50%; background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath opacity='.4' d='M6 2v11' stroke='%235FC9F8' stroke-width='1.5'/%3E %3Cpath d='M8.489 7.224H3.51a1.163 1.163 0 01-1.155-1.028 81.934 81.934 0 01-.008-1.135 1.163 1.163 0 011.163-1.163h4.978a1.163 1.163 0 011.163 1.163h1.55A2.713 2.713 0 008.49 2.347H6.775V.797h-1.55v1.55H3.51A2.714 2.714 0 00.797 5.061c0 .045.001 1.09.004 1.135a2.714 2.714 0 002.71 2.579h4.978A1.163 1.163 0 019.646 9.82c.004.039.006 1.078.006 1.117A1.163 1.163 0 018.489 12.1H3.51a1.162 1.162 0 01-1.163-1.163H.798A2.713 2.713 0 003.51 13.65h1.713v1.55h1.551v-1.55H8.49a2.713 2.713 0 002.713-2.713c0-.04 0-1.078-.002-1.117a2.714 2.714 0 00-2.711-2.597z' fill='%235FC9F8'/%3E %3C/svg%3E") } /* END: Иконка SVG бокового меню (Прейскурант) */ @-webkit-keyframes icon-rotate { to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg) } } @keyframes icon-rotate { to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg) } }